*{margin:0;padding:0;box-sizing:border-box}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}*{scrollbar-width:thin;scrollbar-color:#333 transparent}:root{--bg: #000000;--bg-secondary: #0a0a0a;--bg-message: #111111;--bg-user: #1a1a1a;--bg-tool: #0d0d0d;--bg-thinking: #0d0d0d;--text: #ffffff;--text-muted: #666666;--text-tool: #666;--text-thinking: #998a40;--color-tool-bash: #5a9a5a;--color-tool-edit: #5a8abf;--color-tool-write: #9a7abf;--color-tool-grep: #b09840;--color-tool-read: #8a8a8a;--color-tool-glob: #c97a4a;--color-tool-todowrite: #4ab3a8;--color-tool-webfetch: #6a8acf;--color-tool-websearch: #b06a9a;--color-tool-task: #c0a060;--color-tool-default: #777;--accent: #ffffff;--border: #222222;--input-bg: #111111;--safe-bottom: env(safe-area-inset-bottom, 0px)}html,body{height:100%;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:15px;overflow:hidden;overscroll-behavior-x:none}#loading-screen{display:none;flex-direction:column;align-items:center;justify-content:center;height:100%;background:#000;gap:32px}#page-loader{display:none;position:fixed;top:0;left:0;right:0;bottom:0;flex-direction:column;align-items:center;justify-content:center;background:#000;gap:32px;z-index:9999;opacity:1;transition:opacity .3s ease}#page-loader.active{display:flex}#page-loader.fade-out{opacity:0}.loading-logo{width:120px;height:auto}.loading-bar-track{width:200px;height:3px;background:#1a1a1a;border-radius:2px;overflow:hidden}.loading-bar-fill{width:0%;height:100%;background:#fff;border-radius:2px;transition:width .4s ease}#login-screen{display:flex;align-items:center;justify-content:center;height:100%;padding:20px;background:radial-gradient(ellipse at 50% 0%,#111,#000 70%);position:relative;z-index:9999}.has-token #login-screen{display:none}.has-token #loading-screen{display:flex}.login-card{width:100%;max-width:360px;padding:40px 32px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:20px;text-align:center}.login-logo{max-width:200px;height:auto;margin-bottom:20px;opacity:.9}.login-tagline{font-size:15px;font-weight:300;margin-bottom:24px;letter-spacing:2px;color:#666;text-transform:lowercase;font-family:Inter,sans-serif}.login-error{color:#f44;font-size:13px;margin-bottom:8px;min-height:20px}.login-card form{display:flex;flex-direction:column;gap:10px}.login-card input[type=password],.login-card input[type=text]{width:100%;padding:14px 16px;background:var(--input-bg);border:1px solid var(--border);border-radius:12px;color:var(--text);font-size:15px;outline:none;transition:border-color .2s}.login-card input[type=password]:focus,.login-card input[type=text]:focus{border-color:#444}.login-card input::placeholder{color:#555}.password-wrapper{position:relative;width:100%}.password-wrapper input{padding-right:48px!important}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#555;cursor:pointer;padding:4px;display:flex;align-items:center;width:auto}.password-toggle:hover{color:#888}.login-card button:not(.password-toggle){width:100%;padding:14px;margin-top:6px;background:#fff;border:none;border-radius:12px;color:#000;font-size:15px;font-weight:600;cursor:pointer;transition:opacity .2s}.login-card button:not(.password-toggle):hover{opacity:.9}.login-card button:not(.password-toggle):disabled{opacity:.5;cursor:not-allowed}.remember-me{display:flex;align-items:center;gap:8px;color:#666;font-size:13px;cursor:pointer;-webkit-user-select:none;user-select:none;padding:2px 0}.remember-me input[type=checkbox]{width:16px;height:16px;accent-color:#fff;cursor:pointer}#app{display:none;flex-direction:row;height:100%;position:relative}#project-rail{width:60px;min-width:60px;height:100%;background:#0a0a0a;border-left:1px solid var(--border);display:flex;flex-direction:column;align-items:center;padding:12px 0;gap:4px;flex-shrink:0;overflow-y:auto;overflow-x:hidden}#project-rail::-webkit-scrollbar{width:0}#project-rail-items{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%}.project-rail-item{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;transition:border-radius .2s,background .15s;position:relative}.project-rail-item:hover{background:#ffffff0d;border-radius:14px}.project-rail-item.active{background:#ffffff14;border-radius:14px}.project-rail-item.active:before{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:4px;height:28px;background:#fff;border-radius:4px 0 0 4px}.project-rail-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#000;transition:border-radius .2s;-webkit-user-select:none;user-select:none}.project-rail-item:hover .project-rail-icon,.project-rail-item.active .project-rail-icon{border-radius:10px}#project-rail-add{background:none;border:2px dashed #333;cursor:pointer;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#555;margin-top:4px;transition:color .15s,border-color .15s}#project-rail-add:hover{color:#aaa;border-color:#555}#workspace-page{display:none;position:absolute;top:0;left:0;right:0;bottom:0;background:var(--bg);z-index:10;overflow:hidden}#workspace-page.open{display:flex}#workspace-page-content{flex:1;overflow-y:auto;min-width:0}#workspace-page-inner{max-width:680px;margin:0 auto;padding:40px 24px 80px}#workspace-email-sidebar{width:340px;flex-shrink:0;border-left:1px solid var(--border);display:flex;flex-direction:column;background:var(--bg-secondary);overflow:hidden}#workspace-email-sidebar.empty{display:none}.ws-email-sidebar-header{padding:14px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.ws-email-sidebar-header h3{font-size:13px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin:0}.ws-email-sidebar-header button{background:none;border:1px solid var(--border);color:var(--text-muted);border-radius:6px;padding:4px 10px;cursor:pointer;font-size:12px}.ws-email-sidebar-header button:hover{color:#fff;border-color:#444}#workspace-email-list{flex:1;overflow-y:auto}#workspace-email-detail{display:none;flex:1;flex-direction:column;overflow:hidden}#workspace-email-detail.open{display:flex}#workspace-email-detail.open~#workspace-email-list{display:none}#workspace-email-detail-content{flex:1;overflow-y:auto}.ws-detail-back{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:13px;padding:10px 16px;border-bottom:1px solid var(--border);text-align:left;width:100%}.ws-detail-back:hover{color:#fff}@media(max-width:900px){#workspace-email-sidebar{display:none}}.workspace-header-section{display:flex;align-items:center;gap:20px;margin-bottom:40px}.workspace-icon-large{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:#000;flex-shrink:0}.workspace-header-info{flex:1;min-width:0}.workspace-header-info h1{font-size:24px;font-weight:700;margin:0 0 4px;letter-spacing:-.5px}.workspace-desc{font-size:14px;color:var(--text-muted);margin:0}.workspace-edit-btn{background:none;border:1px solid var(--border);color:var(--text-muted);cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:color .15s,border-color .15s}.workspace-edit-btn:hover{color:#fff;border-color:#444}.workspace-section{margin-bottom:32px}.workspace-section h2{font-size:14px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin:0 0 12px}.workspace-links-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;margin-bottom:8px}.workspace-link-card{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--input-bg);border:1px solid var(--border);border-radius:10px;cursor:pointer;transition:background .15s;position:relative}.workspace-link-card:hover{background:#1a1a1a}.workspace-link-icon{flex-shrink:0;color:var(--text-muted);display:flex}.workspace-link-label{font-size:14px;font-weight:500;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-link-delete{position:absolute;top:4px;right:6px;background:none;border:none;color:#555;cursor:pointer;font-size:16px;opacity:0;transition:opacity .15s;padding:2px 4px}.workspace-link-card:hover .workspace-link-delete{opacity:1}.workspace-link-delete:hover{color:#f44}.workspace-add-link-btn{background:none;border:1px dashed #333;color:#555;padding:8px 14px;border-radius:8px;cursor:pointer;font-size:13px;display:flex;align-items:center;gap:6px;transition:color .15s,border-color .15s}.workspace-add-link-btn:hover{color:#aaa;border-color:#555}.workspace-todo-item{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.04)}.workspace-todo-item.done .workspace-todo-text{text-decoration:line-through;color:var(--text-muted)}.workspace-todo-check{width:20px;height:20px;flex-shrink:0;cursor:pointer;border:2px solid #444;border-radius:4px;transition:background .15s,border-color .15s}.workspace-todo-check:hover{border-color:#666}.workspace-todo-check.checked{background:#fff;border-color:#fff}.workspace-todo-text{flex:1;font-size:14px}.workspace-todo-delete{background:none;border:none;color:#444;cursor:pointer;font-size:16px;opacity:0;transition:opacity .15s;padding:2px 4px}.workspace-todo-item:hover .workspace-todo-delete{opacity:1}.workspace-todo-delete:hover{color:#f44}.workspace-todo-input-row{display:flex;gap:8px;margin-top:8px}.workspace-todo-input-row input{flex:1;background:var(--input-bg);border:1px solid var(--border);border-radius:8px;padding:8px 12px;color:var(--text);font-size:14px;outline:none}.workspace-todo-input-row input:focus{border-color:#444}.workspace-todo-input-row button{background:none;border:1px solid var(--border);color:var(--text-muted);cursor:pointer;padding:6px;border-radius:8px;display:flex;align-items:center;justify-content:center}.workspace-todo-input-row button:hover{color:#fff;border-color:#444}#workspace-notes{width:100%;min-height:120px;background:var(--input-bg);border:1px solid var(--border);border-radius:10px;padding:12px 14px;color:var(--text);font-size:14px;font-family:inherit;resize:vertical;outline:none;line-height:1.6}#workspace-notes:focus{border-color:#444}.workspace-empty{font-size:13px;color:#444;margin:0 0 8px}.workspace-contact-card{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--input-bg);border:1px solid var(--border);border-radius:10px;cursor:pointer;transition:background .15s;position:relative;margin-bottom:8px}.workspace-contact-card:hover{background:#1a1a1a}.workspace-contact-avatar{width:36px;height:36px;border-radius:50%;background:#222;border:1px solid #333;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#888;flex-shrink:0;text-transform:uppercase}.workspace-contact-info{flex:1;min-width:0}.workspace-contact-name{font-size:14px;font-weight:500}.workspace-contact-role{font-size:12px;color:var(--text-muted)}.workspace-contact-email-hint{font-size:11px;color:#444;margin-top:1px}.workspace-contact-badge{font-size:11px;color:#888;background:#1a1a1a;border:1px solid #333;padding:2px 8px;border-radius:10px;white-space:nowrap}.workspace-contact-delete{position:absolute;top:4px;right:6px;background:none;border:none;color:#555;cursor:pointer;font-size:16px;opacity:0;transition:opacity .15s;padding:2px 4px}.workspace-contact-card:hover .workspace-contact-delete{opacity:1}.workspace-contact-delete:hover{color:#f44}.workspace-danger-zone{border-top:1px solid var(--border);padding-top:24px;margin-top:24px}.workspace-delete-btn{background:none;border:1px solid #441111;color:#f44;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:13px;transition:background .15s}.workspace-delete-btn:hover{background:#1a0000}.workspace-modal-body{padding:16px 20px 24px;display:flex;flex-direction:column;gap:12px}.workspace-modal-icon-pick{display:flex;align-items:center;gap:12px}.workspace-icon-preview{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;color:#000;cursor:pointer;flex-shrink:0;transition:background .2s}.workspace-modal-body input,.workspace-modal-body select{background:var(--input-bg);border:1px solid var(--border);border-radius:8px;padding:10px 12px;color:var(--text);font-size:14px;outline:none;width:100%}.workspace-modal-body input:focus,.workspace-modal-body select:focus{border-color:#444}.workspace-modal-body select{cursor:pointer}#workspace-modal-emoji{width:120px}.workspace-modal-body button{background:#fff;color:#000;border:none;padding:10px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .15s}.workspace-modal-body button:hover{opacity:.9}@media(min-width:769px){.sidebar-workspaces-btn{display:none!important}}@media(max-width:768px){#project-rail{display:none}}#sidebar{width:0;min-width:0;overflow:hidden;height:100%;background:linear-gradient(180deg,#14141499,#0a0a0a8c);-webkit-backdrop-filter:blur(80px) saturate(180%);backdrop-filter:blur(80px) saturate(180%);transition:width .25s ease,min-width .25s ease;display:flex;flex-direction:column;flex-shrink:0;border-right:1px solid rgba(255,255,255,.1);box-shadow:inset 1px 0 #ffffff0f,1px 0 #0000004d;position:relative;z-index:200}#sidebar.open{width:300px;min-width:300px}#sidebar-toggle{background:none;border:none;color:var(--text);cursor:pointer;font-size:22px;padding:0;flex-shrink:0;display:none}#sidebar-toggle:hover{color:#ccc}.sidebar-collapsed-logo{display:none}@media(min-width:769px){#sidebar{width:60px;min-width:60px}#sidebar-toggle{display:block}#menu-btn{display:none}#sidebar .sidebar-header{justify-content:center;padding:16px 0;border-bottom:none}#sidebar .sidebar-header .sidebar-logo,#sidebar .sidebar-header #project-btn,#sidebar #sidebar-search,#sidebar #sidebar-new-chat-btn,#sidebar #conversation-list{display:none}#sidebar .sidebar-footer{padding:12px 0;align-items:center;border-top:none;flex:1;min-height:0}#sidebar .sidebar-footer #sidebar-tools-search,#sidebar .sidebar-footer .sidebar-tools-collapse{display:none}#sidebar .sidebar-footer .sidebar-footer-items{opacity:1;overflow-y:auto;min-height:0}#sidebar .sidebar-footer button{justify-content:center;padding:14px 0;font-size:0;gap:0}#sidebar .sidebar-footer button{position:relative}#sidebar .sidebar-footer button .email-badge{display:inline;position:absolute;top:4px;right:8px;font-size:9px;padding:0 4px;min-width:16px;height:16px;line-height:16px;text-align:center;margin-left:0}#sidebar .sidebar-bottom{padding:12px 0;border-top:none}#sidebar .sidebar-bottom button{justify-content:center;padding:14px 0;font-size:0;gap:0;position:relative}#sidebar .sidebar-bottom button .email-badge{position:absolute;top:4px;right:8px;font-size:9px;padding:0 4px;min-width:16px;height:16px;line-height:16px;text-align:center;margin-left:0}.sidebar-collapsed-logo{display:flex;justify-content:center;padding-bottom:16px;margin-top:auto}.sidebar-collapsed-logo img{border-radius:4px}#sidebar.open{width:300px;min-width:300px}#sidebar.open .sidebar-collapsed-logo{display:none}#sidebar.open .sidebar-header{justify-content:space-between;padding:16px;border-bottom:1px solid var(--border);gap:12px}#sidebar.open .sidebar-header .sidebar-logo,#sidebar.open .sidebar-header #project-btn,#sidebar.open #sidebar-search,#sidebar.open #sidebar-new-chat-btn{display:flex}#sidebar.open #conversation-list{display:block}#sidebar.open .sidebar-footer{padding:8px 16px;align-items:stretch;border-top:1px solid var(--border)}#sidebar.open .sidebar-footer .sidebar-tools-toggle{display:flex}#sidebar.open .sidebar-footer #sidebar-tools-search{display:block}#sidebar.open .sidebar-footer.collapsed #sidebar-tools-search{display:none}#sidebar.open .sidebar-footer .sidebar-tools-collapse{display:flex}#sidebar.open .sidebar-footer button{justify-content:flex-start;padding:10px 4px;font-size:15px;gap:10px}#sidebar.open .sidebar-footer button .email-badge{display:inline}#sidebar.open .sidebar-footer.collapsed .sidebar-footer-items{display:none}#sidebar.open .sidebar-footer.collapsed{flex:0 0 auto;overflow:visible}#sidebar.open .sidebar-footer.collapsed .sidebar-footer-toggle-icon{transform:rotate(180deg)}#sidebar.open .sidebar-bottom{padding:12px 16px;border-top:1px solid var(--border)}#sidebar.open .sidebar-bottom button{justify-content:flex-start;padding:10px 4px;font-size:15px;gap:10px}}#main-content{flex:1;min-width:0;display:flex;flex-direction:column;height:100%;position:relative}.sidebar-header{padding:16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}#project-btn{display:flex;align-items:center;gap:6px;padding:7px 12px;background:var(--input-bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:13px;cursor:pointer;flex:1;min-width:0;margin-left:8px}#project-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#project-btn svg{flex-shrink:0;opacity:.5}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:9999;display:none;align-items:flex-end;justify-content:center}.modal-overlay.open{display:flex}.modal-sheet{background:#1a1a1a;border-radius:16px 16px 0 0;width:100%;max-width:500px;max-height:70vh;padding:8px 0 0;display:flex;flex-direction:column;animation:modalSlideUp .25s ease-out}@keyframes modalSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media(min-width:600px){.modal-overlay{display:flex;align-items:center;opacity:0;pointer-events:none;transition:opacity .15s ease-out}.modal-overlay.open{opacity:1;pointer-events:auto}.modal-sheet{border-radius:12px;animation:none}.modal-handle{display:none}}.modal-handle{width:36px;height:4px;background:#444;border-radius:2px;margin:0 auto 12px}.modal-title{font-size:16px;font-weight:600;color:#fff;padding:0 20px 12px;margin:0;border-bottom:1px solid var(--border);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.confirm-modal-body{padding:20px}.confirm-modal-body p{color:var(--text-muted);font-size:14px;margin:0 0 20px}.confirm-modal-actions{display:flex;gap:10px}.confirm-modal-cancel{flex:1;padding:12px;border-radius:10px;border:1px solid var(--border);background:none;color:var(--text);font-size:14px;cursor:pointer}.confirm-modal-cancel:hover{background:var(--input-bg)}.confirm-modal-ok{flex:1;padding:12px;border-radius:10px;border:none;background:#fff;color:#000;font-size:14px;font-weight:600;cursor:pointer}.confirm-modal-ok:hover{background:#ddd}.ptm-body{padding:0;display:flex;flex-direction:column}.ptm-search-wrap{position:relative;padding:12px 20px}.ptm-search-icon{position:absolute;left:32px;top:50%;transform:translateY(-50%);color:#666;pointer-events:none}.ptm-search{width:100%;padding:10px 12px 10px 36px;border-radius:10px;border:1px solid var(--border);background:var(--input-bg);color:var(--text);font-size:14px;outline:none;box-sizing:border-box}.ptm-search:focus{border-color:#555}.ptm-conversations{overflow-y:auto;max-height:320px;padding:0 8px;-webkit-overflow-scrolling:touch}.ptm-conv-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:10px;cursor:pointer;user-select:none;-webkit-user-select:none}.ptm-conv-item:active{background:#ffffff0f}.ptm-conv-info{flex:1;min-width:0}.ptm-conv-title{font-size:14px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;user-select:none;-webkit-user-select:none}.ptm-conv-meta{font-size:12px;color:#666;margin-top:2px;user-select:none;-webkit-user-select:none}.ptm-conv-icon{flex-shrink:0;color:#555}.ptm-empty{padding:20px;text-align:center;color:#555;font-size:13px;user-select:none;-webkit-user-select:none}.ptm-actions{padding:12px 20px;border-top:1px solid var(--border)}.ptm-close-project{width:100%;padding:12px;border-radius:10px;border:none;background:#ff3c3c1a;color:#f44;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.ptm-close-project:active{background:#ff3c3c33}#project-modal-list{overflow-y:auto;padding:8px 0}.project-option{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;cursor:pointer;color:#ccc;font-size:15px;border-bottom:1px solid rgba(255,255,255,.05)}.project-option:last-child{border-bottom:none}.project-option:active{background:#ffffff0d}.project-option.selected{color:#fff;font-weight:500}.project-option .check{width:22px;height:22px;border-radius:50%;border:2px solid #555;display:flex;align-items:center;justify-content:center}.project-option.selected .check{border-color:#fff;background:#fff}.project-option.selected .check:after{content:"";width:10px;height:10px;border-radius:50%;background:#000}.project-option-close{display:none;background:none;border:1px solid #555;border-radius:6px;color:var(--text-muted);font-size:12px;padding:4px 10px;cursor:pointer;margin-right:8px}.project-option-close:hover{color:#fff;border-color:#888}.project-option.show-close .project-option-close{display:block}.project-option.show-close .check{display:none}.project-option.is-subproject{padding-left:44px;background:#ffffff04;font-size:14px}.project-option.is-subproject:before{content:"└";position:absolute;left:24px;color:#555}.project-option{position:relative}.project-option-actions{display:flex;gap:6px;align-items:center}.project-option-addsub{background:none;border:1px solid #333;border-radius:6px;color:var(--text-muted);font-size:12px;padding:4px 10px;cursor:pointer}.project-option-addsub:hover{color:#fff;border-color:#888}.project-option-unpin{background:none;border:1px solid #333;border-radius:6px;color:var(--text-muted);font-size:11px;padding:4px 8px;cursor:pointer}.project-option-unpin:hover{color:#ff6b6b;border-color:#ff6b6b}.modal-subtitle{padding:8px 20px 12px;color:var(--text-muted);font-size:13px;border-bottom:1px solid var(--border);margin:-12px 0 0}#subproject-picker-list{overflow-y:auto;flex:1;min-height:0;-webkit-overflow-scrolling:touch}.subproject-picker-item{display:flex;align-items:center;padding:12px 20px;cursor:pointer;color:#ccc;font-size:14px;border-bottom:1px solid rgba(255,255,255,.05)}.subproject-picker-item:hover{background:#ffffff0d;color:#fff}.subproject-picker-item.disabled{opacity:.4;cursor:not-allowed}.subproject-picker-empty{padding:20px;color:var(--text-muted);font-size:13px;text-align:center}.topic-create-form{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:8px}.topic-create-label{color:#fff;font-size:13px;font-weight:600;margin-bottom:2px}.topic-create-input,.topic-create-textarea{background:var(--input-bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:14px;padding:10px 12px;outline:none;width:100%;box-sizing:border-box;font-family:inherit}.topic-create-input::placeholder,.topic-create-textarea::placeholder{color:var(--text-muted)}.topic-create-input:focus,.topic-create-textarea:focus{border-color:#555}.topic-create-textarea{resize:vertical;line-height:1.4}.topic-create-btn{align-self:flex-start;background:#fff;color:#000;border:none;border-radius:8px;font-size:14px;font-weight:600;padding:9px 16px;cursor:pointer;margin-top:2px}.topic-create-btn:hover{background:#e0e0e0}.subproject-picker-divider{padding:12px 20px 8px;color:var(--text-muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em}.topic-config-label{display:block;color:#fff;font-size:13px;font-weight:600;margin:14px 0 6px}#topic-config-modal .topic-create-input,#topic-config-modal .topic-create-textarea{margin:0}.topic-config-summary{background:var(--input-bg);border:1px solid var(--border);border-radius:8px;color:#ccc;font-size:13px;line-height:1.5;padding:12px;white-space:pre-wrap;max-height:200px;overflow-y:auto}.topic-config-summary.empty{color:var(--text-muted);font-style:italic}#sidebar-search{margin:12px 12px 8px;padding:10px 12px;background:var(--input-bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:14px;width:calc(100% - 24px);outline:none}#sidebar-search::placeholder{color:var(--text-muted)}#sidebar-search:focus{border-color:#444}#sidebar-new-chat-btn{display:flex;align-items:center;gap:8px;margin:4px 12px 8px;padding:10px 14px;background:var(--input-bg);border:1px solid var(--border);border-radius:8px;color:var(--text-muted);font-size:14px;cursor:pointer;width:calc(100% - 24px);transition:background .15s,color .15s}#sidebar-new-chat-btn:hover{background:#222;color:var(--text)}#conversation-list{flex:1;overflow-y:auto;padding:8px}.sidebar-footer{padding:8px 16px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:0;position:relative;min-height:0;overflow:hidden;flex:3}.sidebar-tools-toggle{background:none;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;gap:10px;font-size:15px;font-weight:500;padding:10px 4px;width:100%;flex-shrink:0}.sidebar-tools-toggle:hover{color:#ccc}.sidebar-tools-collapse{margin-left:auto;padding:4px 2px;display:flex;align-items:center;cursor:pointer;color:#555;border-radius:4px}.sidebar-tools-collapse:hover{color:#fff}.sidebar-footer-toggle-icon{transition:transform .2s}.sidebar-footer.collapsed .sidebar-footer-toggle-icon{transform:rotate(180deg)}.sidebar-footer-items{display:flex;flex-direction:column;gap:6px;overflow-y:auto;overflow-x:hidden;min-height:0;opacity:1;-webkit-overflow-scrolling:touch;transition:opacity .2s ease;scrollbar-width:none;-ms-overflow-style:none}.sidebar-footer-items::-webkit-scrollbar{display:none}#sidebar-tools-search{margin:4px 0 8px;padding:8px 12px;background:var(--input-bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:13px;width:100%;outline:none;box-sizing:border-box;flex-shrink:0}#sidebar-tools-search::placeholder{color:var(--text-muted)}#sidebar-tools-search:focus{border-color:#444}.sidebar-footer.collapsed #sidebar-tools-search,.sidebar-footer-items button.sidebar-tool-hidden{display:none}#sidebar-tools-results{display:none;flex-direction:column;gap:2px;overflow-y:auto;overflow-x:hidden;min-height:0;margin-bottom:4px;flex-shrink:1;scrollbar-width:none;-ms-overflow-style:none}#sidebar-tools-results::-webkit-scrollbar{display:none}#sidebar-tools-results.active{display:flex}.sidebar-footer.collapsed #sidebar-tools-results{display:none}.sidebar-tools-result{display:flex;align-items:center;gap:10px;padding:8px;border-radius:6px;cursor:pointer;color:#fff;background:none;border:none;width:100%;text-align:left;font-size:14px}.sidebar-tools-result:hover{background:#1a1a1a}.sidebar-tools-result-icon{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#ccc}.sidebar-tools-result-icon svg{width:20px;height:20px}.sidebar-tools-result-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-tools-results-empty{padding:12px 8px;color:var(--text-muted);font-size:13px;text-align:center}.sidebar-footer-items.search-active,.sidebar-footer.collapsed .sidebar-footer-items{display:none}.sidebar-footer.collapsed{flex:0 0 auto;padding:8px 16px;overflow:visible}.sidebar-footer button{background:none;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;gap:10px;font-size:15px;font-weight:500;padding:10px 4px;width:100%}.sidebar-footer button:hover{color:#ccc}.sidebar-bottom{padding:12px 16px;border-top:1px solid var(--border);flex-shrink:0}.sidebar-bottom button{background:none;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;gap:10px;font-size:15px;font-weight:500;padding:10px 4px;width:100%}.sidebar-bottom button:hover{color:#ccc}.sidebar-footer-items button.menu-dragging{opacity:.5;background:#222;border-radius:8px}.sidebar-footer-items button.menu-drag-over{border-top:2px solid #fff}#content-area{flex:1;position:relative;overflow:hidden;display:flex;flex-direction:row}#header-back{background:none;border:none;color:var(--text);cursor:pointer;padding:4px;display:flex;align-items:center}#header-back:hover{color:#ccc}.page-active #project-panel,.page-active #tree-toggle-btn,.page-active #permissions-wrapper,.page-active #tools-dropdown-wrapper,.page-active #build-panel-btn,.page-active #compact-btn,.page-active #header-project,.page-active #messages-container,.page-active #input-area,.page-active #status-bar,.page-active #scroll-down-btn{display:none!important}.page-active #header-title{display:block!important;flex:1}.page-active #header{position:relative;background:var(--bg-secondary);border-bottom:1px solid var(--border);pointer-events:auto;flex-shrink:0}.page-active #tools-page.open,.page-active #tool-creator-page.open,.page-active #settings-page.open,.page-active #files-page.open,.page-active #designer-page.open,.page-active #images-page.open,.page-active #video-page.open,.page-active #git-page.open,.page-active #animator-page.open,.page-active #podcast-page.open,.page-active #omnion-page.open,.page-active #ledger-page.open,.page-active #installed-tool-page.open,.page-active #liquid-rainbow-page.open,.page-active #recorder-page.open,.page-active #sounds-page.open,.page-active #notulen-page.open,.page-active #writer-page.open,.page-active #presenter-page.open,.page-active #dns-page.open,.page-active #website-page.open,.page-active #bigsender-page.open,.page-active #calculator-page.open,.page-active #datalab-page.open,.page-active #workspace-page.open,.page-active #demo-manager-page.open,.page-active #hypotheek-advisor-page.open,.page-active #bierbrein-page.open,.page-active #toolbeheer-page.open,.page-active #pdf-reader-page.open,.page-active #pictures-page.open,.page-active #motions-page.open,.page-active #animations-page.open,.page-active #downloader-page.open,.page-active #notes-page.open,.page-active #machine-page.open{position:relative;top:auto;left:auto;right:auto;bottom:auto;flex:1;min-height:0}.page-active #dashboard-page.open{position:relative;top:auto;left:auto;right:auto;bottom:auto;flex:1;min-height:0;display:flex;flex-direction:column;align-items:center}#header-actions{display:flex;gap:4px;margin-left:auto}.header-action-btn{background:none;border:none;color:var(--text-muted);font-size:20px;cursor:pointer;padding:4px 8px;border-radius:6px}.header-action-btn:hover{color:#fff;background:#1a1a1a}#dashboard-page{display:none;position:absolute;top:0;left:0;right:0;bottom:0;background:transparent;z-index:10;overflow-y:auto;overflow-x:hidden}#dashboard-page.open{display:flex;flex-direction:column;align-items:center}#dashboard-page::-webkit-scrollbar{width:0}.dashboard-inner{max-width:560px;width:100%;padding:0 24px 100px;position:relative;z-index:2}#header.dash-header-mode{background:transparent;border-bottom:none;position:absolute;top:0;left:0;right:0;z-index:20}#header.dash-header-mode>*:not(#menu-btn){display:none!important}#header.dash-header-mode #menu-btn{display:block!important;color:#444}@media(min-width:769px){#header.dash-header-mode #menu-btn{display:none!important}}.dash-ambient{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:9;background-color:#000;background-size:cover,cover;background-position:center top,center top;display:none}.dash-anim{opacity:0;transform:translateY(16px)}.dash-anim-in{animation:dashFadeUp .5s cubic-bezier(.16,1,.3,1) forwards}@keyframes dashFadeUp{to{opacity:1;transform:translateY(0)}}.dash-loading{display:flex;flex-direction:column;gap:20px;padding-top:100px}.dash-skeleton{background:linear-gradient(110deg,#0a0a0a 30%,#141414,#0a0a0a 70%);background-size:200% 100%;border-radius:20px;animation:dashShimmer 1.5s ease-in-out infinite}.dash-sk-hero{height:180px}.dash-sk-bar{height:56px;border-radius:16px}.dash-sk-cards{height:120px}.dash-sk-row{height:80px;width:60%}@keyframes dashShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.dash-hero{text-align:center;padding:80px 0 40px;position:relative}.dash-time{font-size:64px;font-weight:200;color:#fff;font-family:Inter,sans-serif;letter-spacing:-3px;line-height:1;margin-bottom:8px}.dash-date{font-size:13px;color:#999;font-family:Space Grotesk,sans-serif;text-transform:uppercase;letter-spacing:3px;margin-bottom:32px}.dash-greeting{font-size:28px;font-weight:700;color:#fff;font-family:Inter,sans-serif;letter-spacing:-.5px;line-height:1.2;margin-bottom:6px}.dash-subgreeting{font-size:16px;color:#999;font-family:Inter,sans-serif;font-weight:400}.dash-search{margin-bottom:32px;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:24px;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px)}.dash-search:focus-within{border-color:#ffffff4d}.dash-search-inner{display:flex;align-items:center;gap:8px;background:transparent;border:none;border-radius:24px;padding:4px 4px 4px 16px;height:52px}.dash-search-input{flex:1;background:none;border:none;color:#fff;font-size:16px;font-family:inherit;outline:none;padding:8px 4px;font-weight:400}.dash-search-input::placeholder{color:#888}.dash-search-send{width:44px;height:44px;border-radius:50%;border:none;background:#fff;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:3px 8px;font-family:SF Mono,Menlo,monospace}.dash-continue-card{position:relative;margin-bottom:20px;cursor:pointer;border-radius:20px;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px)}.dash-continue-glow{display:none}.dash-continue-inner{display:flex;align-items:center;justify-content:space-between;background:transparent;border:none;border-radius:20px;padding:20px 24px;transition:transform .2s}.dash-continue-card:hover{border-color:#ffffff40;transform:translateY(-1px)}.dash-continue-left{display:flex;align-items:center;gap:16px;min-width:0}.dash-continue-icon{width:48px;height:48px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#999;flex-shrink:0}.dash-continue-text{min-width:0}.dash-continue-label{font-size:11px;color:#999;text-transform:uppercase;letter-spacing:2px;font-family:Space Grotesk,sans-serif;margin-bottom:4px;font-weight:600}.dash-continue-title{font-size:15px;font-weight:600;color:#ddd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px;font-family:Inter,sans-serif}.dash-continue-meta{font-size:12px;color:#888;margin-top:3px}.dash-continue-arrow{color:#666;flex-shrink:0;margin-left:12px;transition:color .2s,transform .2s}.dash-continue-card:hover .dash-continue-arrow{color:#888;transform:translate(3px)}.dash-card{background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:20px;overflow:hidden;margin-bottom:20px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:border-color .3s}.dash-card:hover{border-color:#ffffff2e}.dash-card-header{display:flex;align-items:center;gap:10px;padding:16px 20px 12px;border-bottom:1px solid rgba(255,255,255,.04)}.dash-card-icon{color:#888;display:flex}.dash-card-title{font-size:13px;color:#aaa;font-weight:600;font-family:Inter,sans-serif;flex:1}.dash-pill{font-size:11px;color:#fff;background:#ffffff1a;border-radius:999px;padding:2px 10px;font-weight:700;font-family:Space Grotesk,sans-serif;min-width:20px;text-align:center}.dash-card-action{display:flex;align-items:center;gap:6px;padding:12px 20px;font-size:12px;color:#888;cursor:pointer;transition:color .2s;font-weight:500;font-family:Inter,sans-serif;border-top:1px solid rgba(255,255,255,.04)}.dash-card-action:hover{color:#aaa}.dash-email-item{display:flex;align-items:flex-start;gap:12px;padding:14px 20px;cursor:pointer;transition:background .15s}.dash-email-item:hover{background:#ffffff05}.dash-email-avatar{width:32px;height:32px;border-radius:50%;background:#222;border:1px solid #333;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#888;flex-shrink:0;text-transform:uppercase;font-family:Inter,sans-serif}.dash-email-content{min-width:0;flex:1}.dash-email-from{font-size:13px;font-weight:600;color:#bbb;margin-bottom:2px;font-family:Inter,sans-serif}.dash-email-subject{font-size:12px;color:#444;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-weather-card{margin-bottom:20px}.dash-weather-main{display:flex;align-items:center;gap:16px;padding:16px 20px}.dash-weather-icon{color:#aaa;display:flex;flex-shrink:0}.dash-weather-body{flex:1}.dash-weather-temp{font-size:32px;font-weight:200;color:#fff;font-family:Inter,sans-serif;line-height:1;letter-spacing:-1px}.dash-weather-desc{font-size:12px;color:#666;margin-top:3px;font-family:Inter,sans-serif}.dash-weather-meta{text-align:right}.dash-weather-city{font-size:12px;color:#888;font-weight:600;font-family:Space Grotesk,sans-serif;letter-spacing:.5px}.dash-weather-wind{display:flex;align-items:center;gap:4px;justify-content:flex-end;font-size:11px;color:#555;margin-top:4px;font-family:Inter,sans-serif}.dash-section-title{font-size:11px;color:#777;text-transform:uppercase;letter-spacing:3px;font-family:Space Grotesk,sans-serif;font-weight:700;margin:32px 0 14px;padding-left:4px}.dash-tools-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:12px}.dash-all-tools-btn{display:flex;align-items:center;justify-content:center;gap:10px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:14px 20px;margin-bottom:20px;color:#ccc;font-size:14px;font-weight:500;font-family:Inter,sans-serif;cursor:pointer;transition:border-color .3s,background .3s;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.dash-all-tools-btn:hover{border-color:#fff3;background:#ffffff1f;color:#fff}.dash-install-btn{display:flex;align-items:center;justify-content:center;gap:10px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:14px 20px;margin-bottom:20px;color:#ccc;font-size:14px;font-weight:500;font-family:Inter,sans-serif;cursor:pointer;transition:border-color .3s,background .3s;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.dash-install-btn:hover{border-color:#fff3;background:#ffffff1f;color:#fff}.dash-tool{position:relative;overflow:hidden;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:20px;cursor:pointer;transition:border-color .3s,transform .2s;display:flex;align-items:center;gap:16px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.dash-tool:hover{border-color:#ffffff2e;transform:translateY(-2px)}.dash-tool-glow{position:absolute;top:-30px;right:-30px;width:80px;height:80px;background:radial-gradient(circle,rgba(255,255,255,.04) 0%,transparent 70%);pointer-events:none;transition:opacity .3s}.dash-tool:hover .dash-tool-glow{opacity:2}.dash-tool-icon{width:40px;height:40px;color:#555;flex-shrink:0;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:8px;transition:color .2s}.dash-tool:hover .dash-tool-icon{color:#999}.dash-tool-icon svg{width:100%;height:100%}.dash-tool-info{min-width:0}.dash-tool-name{font-size:14px;color:#ccc;font-weight:600;font-family:Inter,sans-serif;margin-bottom:2px}.dash-tool-desc{font-size:12px;color:#888;font-family:Inter,sans-serif}.dash-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.dash-stat{background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:22px 16px;text-align:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:border-color .3s}.dash-stat:hover{border-color:#ffffff2e}.dash-stat-value{font-size:32px;font-weight:200;color:#fff;font-family:Inter,sans-serif;letter-spacing:-1.5px;margin-bottom:4px;line-height:1}.dash-stat-label{font-size:12px;color:#aaa;font-weight:500;font-family:Inter,sans-serif;margin-bottom:1px}.dash-stat-sub{font-size:10px;color:#666;text-transform:uppercase;letter-spacing:1px;font-family:Space Grotesk,sans-serif}.dash-limit-card{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:18px 20px;margin-bottom:20px;cursor:pointer;transition:border-color .3s}.dash-limit-card:hover{border-color:#fff3}.dash-limit-header{display:flex;align-items:center;gap:8px;font-size:12px;color:#888;font-weight:500;font-family:Inter,sans-serif;margin-bottom:12px}.dash-limit-badge{margin-left:auto;font-size:9px;font-weight:700;background:#e553;color:#e55;padding:2px 8px;border-radius:999px;letter-spacing:.5px}.dash-limit-value{font-size:36px;font-weight:200;color:#fff;font-family:Inter,sans-serif;letter-spacing:-1.5px;margin-bottom:10px;line-height:1}.dash-limit-bar{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.dash-limit-bar-fill{height:100%;background:#fff;border-radius:3px;transition:width .6s ease}.dash-limit-reset{font-size:11px;color:#555;margin-top:8px;font-family:Space Grotesk,sans-serif;text-transform:uppercase;letter-spacing:.5px}.dash-limit-empty{font-size:13px;color:#555;padding:8px 0;font-family:Inter,sans-serif}.dash-machine-card{margin-bottom:20px}.dash-machine-item{display:flex;flex-direction:column;gap:6px;padding:12px 20px;border-top:1px solid rgba(255,255,255,.04)}.dash-machine-item:first-of-type{border-top:none}.dash-machine-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:#666;font-family:Space Grotesk,sans-serif;font-weight:600}.dash-machine-src{color:#888}.dash-machine-tag{background:#ffffff0f;color:#999;padding:1px 7px;border-radius:999px;font-size:9px}.dash-machine-status{color:#aaa}.dash-machine-pub .dash-machine-status{color:#6c6}.dash-machine-gen .dash-machine-status{color:#cb6}.dash-machine-title{font-size:13px;color:#ccc;font-weight:500;font-family:Inter,sans-serif;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dash-machine-actions{display:flex;justify-content:flex-end;gap:8px}.dash-machine-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#ccc;padding:5px 14px;border-radius:999px;font-size:11px;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;transition:background .15s,border-color .15s;text-transform:uppercase;letter-spacing:.5px}.dash-machine-btn:hover{background:#ffffff1f;border-color:#fff3;color:#fff}.dash-machine-btn:disabled{opacity:.6;cursor:default}.dash-machine-btn-primary{background:#fff;color:#000;border-color:#fff}.dash-machine-btn-primary:hover{background:#eee;color:#000}.dash-machine-running{background:#cb63;border-color:#cb66;color:#cb6}.dash-briefing-card{margin-bottom:20px}.dash-briefing-card .dash-card-header{position:relative}.dash-briefing-refresh{background:none;border:none;color:#666;cursor:pointer;padding:6px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:color .15s,background .15s}.dash-briefing-refresh:hover{color:#ccc;background:#ffffff0f}.dash-briefing-refresh.spinning svg{animation:dash-briefing-spin 1s linear infinite}@keyframes dash-briefing-spin{to{transform:rotate(360deg)}}.dash-briefing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1px;background:#ffffff0a}.dash-briefing-item{background:#0003;padding:14px 18px 16px;cursor:pointer;display:flex;flex-direction:column;gap:8px;transition:background .15s;min-height:110px}.dash-briefing-item:hover{background:#ffffff0a}.dash-briefing-item-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.dash-briefing-item-title{font-size:14px;font-weight:600;color:#fff;line-height:1.3;flex:1;font-family:Inter,sans-serif}.dash-briefing-depth{font-size:9px;padding:2px 7px;border-radius:999px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;flex-shrink:0;font-family:Space Grotesk,sans-serif}.dash-briefing-depth-snel{background:#ffffff0f;color:#aaa}.dash-briefing-depth-medium{background:#ffffff1a;color:#ccc}.dash-briefing-depth-diep{background:#ffffff29;color:#fff}.dash-briefing-why{font-size:12px;color:#888;line-height:1.45;font-family:Inter,sans-serif;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.dash-briefing-project{font-size:10px;color:#555;font-family:Space Grotesk,monospace;letter-spacing:.3px;margin-top:auto}.dash-briefing-question{display:flex;align-items:center;gap:12px;padding:12px 20px;cursor:pointer;border-top:1px solid rgba(255,255,255,.04);transition:background .15s}.dash-briefing-question:hover{background:#ffffff08}.dash-briefing-question-label{font-size:9px;font-weight:700;color:#888;text-transform:uppercase;letter-spacing:.6px;flex-shrink:0;font-family:Space Grotesk,sans-serif}.dash-briefing-question-text{font-size:13px;color:#ccc;line-height:1.4;font-style:italic;font-family:Inter,sans-serif}.dash-todos-card{margin-bottom:20px}.dash-todo-item{display:flex;align-items:center;gap:14px;padding:13px 20px}.dash-todo-item+.dash-todo-item{border-top:1px solid rgba(255,255,255,.03)}.dash-todo-check{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dash-todo-ring{width:12px;height:12px;border-radius:50%;border:1.5px solid rgba(255,255,255,.15)}.dash-todo-pulse{width:10px;height:10px;border-radius:50%;background:#fff;animation:dashTodoPulse 2s ease-in-out infinite}@keyframes dashTodoPulse{0%,to{opacity:.4}50%{opacity:1}}.dash-todo-text{font-size:13px;color:#666;font-family:Inter,sans-serif}.dash-todo-done .dash-todo-check{color:#555}.dash-todo-done .dash-todo-text{color:#333;text-decoration:line-through}.dash-todo-active .dash-todo-text{color:#ddd}.dash-art-switcher{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:16px;opacity:.25;transition:opacity .3s}.dash-art-switcher:hover{opacity:.5}.dash-art-btn{background:none;border:none;color:#fff;cursor:pointer;padding:4px;opacity:.6;transition:opacity .2s;display:flex;align-items:center}.dash-art-btn:hover{opacity:1}.dash-art-dots{display:flex;gap:6px;align-items:center}.dash-art-dot{width:5px;height:5px;border-radius:50%;background:#ffffff4d;cursor:pointer;transition:all .2s}.dash-art-dot.active{background:#fffc;transform:scale(1.3)}.dash-art-dot:hover{background:#fff9}.dash-art-shuffle.spinning svg{animation:dash-spin 1s linear infinite}@keyframes dash-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dash-footer{padding:48px 0 24px;text-align:center}.dash-footer-line{width:40px;height:1px;background:#ffffff0f;margin:0 auto 20px}.dash-footer-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;opacity:.3}.dash-footer-logo{height:48px;width:auto;border-radius:0}.dash-footer-tagline{font-size:11px;color:#fff;opacity:.7;font-family:Inter,sans-serif;font-weight:400;letter-spacing:1px}@media(max-width:480px){.dashboard-inner{padding:0 16px 80px}.dash-hero{padding:50px 0 30px}.dash-time{font-size:48px;letter-spacing:-2px}.dash-greeting{font-size:24px}.dash-subgreeting{font-size:14px}.dash-tools-grid{grid-template-columns:repeat(4,1fr);gap:16px 12px}.dash-tool{flex-direction:column;align-items:center;justify-content:center;padding:12px 8px;gap:8px;background:transparent;border:none}.dash-tool:hover{border-color:transparent;transform:none}.dash-tool-glow{display:none}.dash-tool-icon{width:48px;height:48px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:10px;color:#fff}.dash-tool:hover .dash-tool-icon{color:#fff}.dash-tool-icon svg{stroke:#fff;color:#fff}.dash-tool-name{font-size:13px;font-weight:500;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px}.dash-tool-desc{display:none}.dash-stats-row{grid-template-columns:repeat(3,1fr)}.dash-stat-value{font-size:24px}.dash-continue-title{max-width:160px}.dash-search-inner{height:48px}}#tools-page{display:none;position:absolute;top:0;left:0;right:0;bottom:0;background:var(--bg);z-index:10;overflow-y:auto}#tools-page.open{display:block}.tools-page-inner{max-width:860px;margin:0 auto;padding:48px 24px 64px}.tools-hero{text-align:center;margin-bottom:48px}.tools-hero h1{font-size:32px;font-weight:700;letter-spacing:-.5px;margin-bottom:8px}.tools-hero p{font-size:15px;color:var(--text-muted);margin:0}.dev-center-btn{display:inline-flex;align-items:center;gap:14px;margin-top:24px;padding:14px 24px 14px 18px;background:#111;color:#fff;border:1px solid #2a2a2a;border-radius:16px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.dev-center-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.04) 0%,transparent 60%);pointer-events:none}.dev-center-btn:hover{border-color:#444;transform:translateY(-1px);box-shadow:0 8px 24px #0006}.dev-center-btn:active{transform:translateY(0);box-shadow:none}.dev-center-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#1a1a1a;border-radius:10px;border:1px solid #2a2a2a;flex-shrink:0}.dev-center-label{font-size:16px;font-weight:700;letter-spacing:.5px}.dev-center-arrow{display:flex;align-items:center;color:#555;transition:color .2s,transform .2s;margin-left:4px}.dev-center-btn:hover .dev-center-arrow{color:#fff;transform:translate(2px)}.tools-search-wrap{display:flex;align-items:center;gap:12px;max-width:480px;margin:0 auto 40px;padding:12px 18px;background:#0a0a0a;border:1px solid var(--border);border-radius:12px;transition:border-color .15s}.tools-search-wrap:focus-within{border-color:#444}.tools-search-wrap svg{flex-shrink:0;color:var(--text-muted)}#tools-search{flex:1;background:none;border:none;outline:none;color:#fff;font-size:15px;font-family:inherit}#tools-search::placeholder{color:var(--text-muted)}.tools-section{margin-bottom:36px}.tools-section-title{font-size:14px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid var(--border)}.tools-no-results{grid-column:1 / -1;text-align:center;color:var(--text-muted);font-size:15px;padding:40px 0}.tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tool-card{position:relative;display:flex;flex-direction:column;gap:16px;padding:28px 24px;background:#0a0a0a;cursor:pointer;border:1px solid var(--border);border-radius:14px;transition:background .15s,border-color .15s;min-height:170px;justify-content:center;align-items:center;text-align:center}.tool-card:hover{background:#111;border-color:#333}.tool-card-icon{flex-shrink:0;width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:#151515;border-radius:12px;border:1px solid var(--border);color:#fff}.tool-card-body{flex:1;min-width:0}.tool-card-body h3{font-size:16px;font-weight:600;margin:0 0 6px}.tool-card-body p{font-size:13px;color:var(--text-muted);margin:0;line-height:1.5}.tool-card-arrow{display:none}.tool-card-info{position:absolute;top:8px;right:32px;color:#444;cursor:pointer;padding:4px;border-radius:50%;opacity:0;transition:opacity .15s;line-height:0;display:flex;align-items:center;justify-content:center}.tool-card:hover .tool-card-info{opacity:1}.tool-card-info:hover{color:#aaa}.tool-info-modal-header{display:flex;align-items:center;gap:14px;padding:0 20px 14px;border-bottom:1px solid var(--border)}.tool-info-modal-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#222;border-radius:10px;color:#fff}.tool-info-modal-icon svg{width:24px;height:24px}.tool-info-modal-header .modal-title{flex:1;font-size:17px;font-weight:700;margin:0;padding:0!important}.tool-info-modal-body{padding:16px 20px 20px;color:#bbb;font-size:14px;line-height:1.7;max-height:50vh;overflow-y:auto}.tool-info-modal-body p{margin:0 0 10px}.tool-info-modal-body p:last-child{margin-bottom:0}.tool-info-modal-body strong{color:#fff;font-weight:600}.tool-info-modal-body ul{margin:6px 0 12px;padding:0;list-style:none}.tool-info-modal-body li{padding:3px 0 3px 18px;position:relative;color:#999}.tool-info-modal-body li:before{content:"";position:absolute;left:0;top:11px;width:6px;height:6px;border-radius:50%;background:#444}.tool-card-delete{position:absolute;top:8px;right:8px;background:none;border:none;color:#555;cursor:pointer;padding:6px;border-radius:8px;opacity:0;transition:opacity .15s,color .15s,background .15s;line-height:0}.tool-card:hover .tool-card-delete{opacity:1}.tool-card-delete:hover{color:#f44;background:#ff44441a}@media(max-width:768px){#tools-page{overflow-x:hidden}.tools-page-inner{padding:48px 16px 64px}.tools-grid{grid-template-columns:repeat(4,1fr);gap:16px 8px}.tool-card{flex-direction:column;align-items:center;justify-content:center;padding:8px 4px;min-height:unset;gap:8px;background:transparent;border:none}.tool-card:hover{background:transparent;border-color:transparent}.tool-card-icon{width:56px;height:56px;border-radius:50%;background:#fff;border:none;color:#000}.tool-card-icon svg{stroke:#000;color:#000}.tool-card-body h3{font-size:12px;font-weight:500;text-align:center;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px}.tool-card-body p,.tool-card-info,.tool-card-delete{display:none}}.sidebar-tools-btn{border-bottom:1px solid var(--border)!important;margin-bottom:4px;padding-bottom:12px!important}#tool-creator-page{display:none;position:absolute;top:0;left:0;right:0;bottom:0;background:var(--bg);z-index:10;overflow:hidden}#tool-creator-page.open{display:flex;flex-direction:column}#tc-projects-view{width:100%;height:100%;overflow-y:auto;padding:32px 24px;max-width:720px;margin:0 auto}.tc-projects-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.tc-projects-header h2{font-size:20px;font-weight:600;color:#eee;margin:0}.tc-new-project-btn{display:flex;align-items:center;gap:8px;background:#fff;color:#000;border:none;border-radius:10px;padding:10px 18px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .15s}.tc-new-project-btn:hover{opacity:.85}.tc-projects-list{display:flex;flex-direction:column;gap:10px}.tc-project-card{background:#111;border:1px solid #222;border-radius:14px;padding:18px 20px;cursor:pointer;transition:border-color .15s,background .15s}.tc-project-card:hover{border-color:#444;background:#161616}.tc-project-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.tc-project-name{font-size:15px;font-weight:600;color:#eee}.tc-project-delete{background:none;border:none;color:#555;cursor:pointer;padding:2px;border-radius:6px;transition:color .15s}.tc-project-delete:hover{color:#e44}.tc-project-desc{font-size:13px;color:#777;margin-top:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tc-project-meta{display:flex;align-items:center;gap:12px;margin-top:12px}.tc-project-status{font-size:12px;font-weight:500;padding:3px 10px;border-radius:999px}.tc-status-building{background:#1a1a00;color:#aa8;border:1px solid #333}.tc-status-done{background:#0a1a0a;color:#8a8;border:1px solid #2a3a2a}.tc-project-date{font-size:12px;color:#555}.tc-projects-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:16px;color:#555;text-align:center}.tc-projects-empty p{font-size:14px;margin:0}.tc-project-threads{font-size:12px;color:#555}.tc-editor-toolbar{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid var(--border);min-height:44px}.tc-editor-title{flex:1;font-size:14px;font-weight:600;color:#ccc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tc-threads-sidebar{width:220px;min-width:220px;border-right:1px solid var(--border);display:flex;flex-direction:column;background:#050505;transition:width .2s,min-width .2s,opacity .2s;overflow:hidden}.tc-threads-sidebar.collapsed{width:0;min-width:0;border-right:none;opacity:0}.tc-threads-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border);font-size:12px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.tc-thread-add-btn{width:26px;height:26px;border-radius:8px;border:1px solid #2a2a2a;background:transparent;color:#555;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.tc-thread-add-btn:hover{background:#111;border-color:#444;color:#ccc}.tc-threads-list{flex:1;overflow-y:auto;padding:8px}.tc-thread-item{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;cursor:pointer;transition:background .15s;margin-bottom:2px;position:relative}.tc-thread-item:hover{background:#111}.tc-thread-item.active{background:#151515}.tc-thread-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:20px;background:#fff;border-radius:0 3px 3px 0}.tc-thread-item-icon{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#111;border:1px solid #222}.tc-thread-item.active .tc-thread-item-icon{background:#1a1a1a;border-color:#333}.tc-thread-item-icon svg{width:14px;height:14px}.tc-thread-item-info{flex:1;min-width:0}.tc-thread-item-name{font-size:13px;color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tc-thread-item.active .tc-thread-item-name{color:#eee;font-weight:500}.tc-thread-item-date{font-size:11px;color:#444;margin-top:2px}.tc-thread-item-delete{width:22px;height:22px;border:none;background:none;color:#444;cursor:pointer;display:none;align-items:center;justify-content:center;border-radius:6px;flex-shrink:0}.tc-thread-item:hover .tc-thread-item-delete{display:flex}.tc-thread-item-delete:hover{background:#1a1a1a;color:#888}.tc-threads-toggle{width:32px;height:32px;border-radius:8px;border:none;background:transparent;color:#555;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.tc-threads-toggle:hover{background:#111;color:#ccc}.tc-thread-label{font-size:12px;color:#555;margin-left:-4px}.tool-creator-inner{width:100%;height:100%;display:flex;flex-direction:row}.tool-creator-chat{flex:1;display:flex;flex-direction:column;overflow:hidden;width:100%}.tool-creator-inner:has(.tool-creator-build-panel.active) .tool-creator-chat{max-width:none;margin:0}.tool-creator-messages{flex:1;overflow-y:auto;padding:16px;max-width:800px;margin:0 auto;width:100%}.tc-input-area{border-top:1px solid var(--border);padding:0}.tc-input-area .input-bar-inner{max-width:800px;margin:0 auto;padding:12px 20px 20px}.tc-input-area .input-bar-row{display:flex;align-items:flex-end;gap:0;position:relative;background:#111;border:1px solid #2a2a2a;border-radius:16px;padding:0 6px}.tc-input-area .input-bar-row textarea{flex:1;background:transparent;border:none;color:var(--text);padding:12px 8px;font-size:15px;font-family:inherit;outline:none;resize:none;line-height:1.5;max-height:120px}.tc-input-area .input-icon-btn{background:none;border:none;cursor:pointer;padding:8px 4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:.6;transition:opacity .15s}.tc-input-area .input-icon-btn:hover{opacity:1}.tc-input-area .attach-menu{display:none;position:absolute;bottom:100%;right:0;background:#111;border:1px solid #2a2a2a;border-radius:12px;padding:6px;z-index:100;min-width:160px}.tc-input-area .attach-menu.open{display:flex;flex-direction:column}.tc-input-area .attach-menu button{background:none;border:none;color:#ccc;padding:8px 12px;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:8px;border-radius:8px;text-align:left}.tc-input-area .attach-menu button:hover{background:#1a1a1a}.tc-input-bar-buttons{display:flex;align-items:center;gap:8px;padding:8px 0 0}.tc-abort-btn{width:36px;height:36px;border-radius:50%;border:none;background:#333;color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center}.tc-abort-btn:hover{background:#444}#tc-header-controls{display:none;align-items:center;gap:4px}#tc-header-controls>button{background:none;border:none;color:#666;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;border-radius:6px}#tc-header-controls>button:hover{color:#ccc}#tc-permissions-wrapper{position:relative}#tc-perm-btn{background:var(--bg);border:1px solid var(--border);border-radius:6px;cursor:pointer;padding:6px 8px;display:flex;align-items:center;justify-content:center}#tc-perm-btn.unlocked{background:#fff;border-color:#fff}#tc-perm-btn.unlocked svg{stroke:#000}.tc-perm-menu{display:none;position:absolute;right:0;top:100%;margin-top:4px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:8px 12px;z-index:600;min-width:180px;box-shadow:0 4px 12px #0000004d}.tc-perm-menu.open{display:block}.tc-perm-menu label{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:13px;color:var(--text);cursor:pointer;white-space:nowrap}.tc-perm-menu input[type=checkbox]{-webkit-appearance:none;appearance:none;width:18px;height:18px;min-width:18px;border:2px solid #555;border-radius:4px;background:transparent;cursor:pointer;position:relative;margin:0}.tc-perm-menu input[type=checkbox]:checked{background:#fff;border-color:#fff}.tc-perm-menu input[type=checkbox]:checked:after{content:"";position:absolute;left:4px;top:1px;width:5px;height:10px;border:solid #000;border-width:0 2px 2px 0;transform:rotate(45deg)}#tc-action-btn.recording{background:#f33}#tc-action-btn.recording svg{stroke:#fff}.tool-creator-messages .message{max-width:none}.tc-intro{display:flex;flex-direction:column;align-items:center;text-align:center;padding:48px 16px 24px}.tc-intro-icon{width:64px;height:64px;border-radius:18px;background:#111;border:1px solid #2a2a2a;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.tc-intro-title{font-size:22px;font-weight:700;color:#eee;margin-bottom:8px;letter-spacing:-.3px}.tc-intro-subtitle{font-size:14px;color:#666;line-height:1.6;max-width:420px;margin-bottom:32px}.tc-mode-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:520px}.tc-mode-card{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:20px;background:#0a0a0a;border:1px solid #222;border-radius:16px;cursor:pointer;text-align:left;font-family:inherit;color:#999;transition:all .2s ease}.tc-mode-card:hover{background:#111;border-color:#444;color:#ccc;transform:translateY(-2px)}.tc-mode-icon{width:40px;height:40px;border-radius:10px;background:#151515;border:1px solid #2a2a2a;display:flex;align-items:center;justify-content:center;color:#888}.tc-mode-card:hover .tc-mode-icon{border-color:#444;color:#bbb}.tc-mode-label{font-size:15px;font-weight:600;color:#ddd}.tc-mode-desc{font-size:12px;color:#666;line-height:1.5}.tc-mode-tag{font-size:11px;color:#555;background:#151515;border:1px solid #222;border-radius:999px;padding:3px 10px;margin-top:4px}.tc-mode-card:hover .tc-mode-tag{border-color:#333;color:#888}@media(max-width:480px){.tc-mode-cards{grid-template-columns:1fr}}.tc-rules-selector{padding:20px;max-width:500px;margin:0 auto;transition:opacity .2s,transform .2s}.tc-rules-title{font-size:16px;font-weight:700;color:#fff;margin-bottom:4px}.tc-rules-subtitle{font-size:13px;color:#666;margin-bottom:16px}.tc-rules-options{display:flex;flex-direction:column;gap:8px}.tc-rules-option{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#111;border:1px solid #222;border-radius:10px;cursor:pointer;text-align:left;transition:border-color .15s,background .15s;color:#fff}.tc-rules-option:hover{border-color:#444;background:#1a1a1a}.tc-rules-option.selected{border-color:#fff;background:#1a1a1a}.tc-rules-option svg{flex-shrink:0;color:#888}.tc-rules-option-name{font-size:14px;font-weight:600}.tc-rules-option-desc{font-size:12px;color:#666;margin-top:1px}.tc-rules-custom-area{margin-top:10px}.tc-rules-custom-area textarea{width:100%;padding:10px 12px;background:#111;border:1px solid #333;border-radius:8px;color:#fff;font-size:13px;outline:none;resize:vertical;font-family:inherit}.tc-rules-confirm{margin-top:16px;padding:10px 24px;background:#fff;color:#000;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .15s}.tc-rules-confirm:hover{opacity:.85}.tc-rules-edit-btn{background:none;border:1px solid #333;color:#888;cursor:pointer;padding:4px 8px;border-radius:6px;display:flex;align-items:center;gap:4px;transition:all .15s;margin-left:auto}.tc-rules-edit-btn:hover{color:#fff;border-color:#555;background:#1a1a1a}.tc-rules-edit-btn.tc-rules-active{border-color:#555;color:#ccc}#tc-rules-modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;z-index:1001;align-items:center;justify-content:center;padding:20px}#tc-rules-modal .modal-content{background:#0a0a0a;border:1px solid #222;border-radius:16px;width:100%;overflow:hidden}#tc-rules-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #222}#tc-rules-modal .modal-header h3{font-size:16px;font-weight:700;margin:0}#tc-rules-modal .modal-close{background:none;border:none;color:#666;font-size:24px;cursor:pointer;padding:0;line-height:1}#tc-rules-modal .modal-close:hover{color:#fff}.tc-msg{display:flex;gap:10px;margin-bottom:4px}.tc-msg-user{justify-content:flex-end}.tc-msg-avatar{width:28px;height:28px;border-radius:8px;background:#111;border:1px solid #222;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.tc-msg-ai .tc-msg-content{background:#0d0d0d;border:1px solid #1a1a1a;border-radius:14px;padding:12px 16px;font-size:13.5px;color:#bbb;line-height:1.65;max-width:520px}.tc-msg-user .tc-msg-content{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:14px;padding:10px 16px;font-size:13.5px;color:#ddd;line-height:1.5;max-width:420px}.tc-msg-content code{background:#1a1a1a;border:1px solid #2a2a2a;padding:1px 5px;border-radius:4px;font-size:12px;color:#aaa}.tc-msg-content strong{color:#eee}.tc-typing{display:inline-flex;gap:4px;vertical-align:middle;margin-left:2px}.tc-typing:before,.tc-typing:after{content:"";width:5px;height:5px;border-radius:50%;background:#444;animation:tcBlink 1.2s infinite}.tc-typing:after{animation-delay:.4s}@keyframes tcBlink{0%,to{opacity:.3}50%{opacity:1}}.tc-choices{display:flex;flex-wrap:wrap;gap:8px;padding:8px 0 8px 38px;transition:all .3s ease}.tc-choice{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#0a0a0a;border:1px solid #222;border-radius:12px;color:#999;font-size:13px;cursor:pointer;font-family:inherit;transition:all .2s ease;white-space:nowrap}.tc-choice:hover{background:#151515;border-color:#444;color:#ddd;transform:translateY(-1px)}.tc-choice.selected{background:#1a1a1a;border-color:#555;color:#fff}.tc-choice-wide{width:100%}.tc-choice-emoji{font-size:16px;flex-shrink:0}.tc-templates{padding:8px 0 8px 38px;transition:all .3s ease}.tc-templates-label{font-size:12px;color:#555;margin-bottom:10px}.tc-templates-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.tc-template{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;background:#0a0a0a;border:1px solid #222;border-radius:12px;color:#777;font-size:12px;cursor:pointer;font-family:inherit;transition:all .2s ease}.tc-template:hover{background:#151515;border-color:#444;color:#ddd;transform:translateY(-1px)}.tc-template.selected{background:#1a1a1a;border-color:#555;color:#fff}@media(max-width:480px){.tc-templates-grid{grid-template-columns:repeat(2,1fr)}}.tc-response-options{display:flex;flex-direction:column;gap:8px;padding:8px 0 8px 38px}.tc-response-option{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#0a0a0a;border:1px solid #222;border-radius:14px;cursor:pointer;font-family:inherit;text-align:left;transition:all .2s ease;color:inherit}.tc-response-option:hover{background:#111;border-color:#444;transform:translateY(-1px)}.tc-response-option.selected{background:#151515;border-color:#555}.tc-response-option-num{width:32px;height:32px;border-radius:10px;background:#151515;border:1px solid #2a2a2a;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#888;flex-shrink:0}.tc-response-option:hover .tc-response-option-num{border-color:#444;color:#ccc}.tc-response-option-body{flex:1;min-width:0}.tc-response-option-label{font-size:13px;font-weight:600;color:#ddd;margin-bottom:2px}.tc-response-option-desc{font-size:12px;color:#666;line-height:1.4;overflow:hidden;text-overflow:ellipsis}.animate-in{animation:tcFadeIn .3s ease-out}@keyframes tcFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tool-creator-build-panel{width:380px;flex-shrink:0;border-left:1px solid #1a1a1a;background:#080808;display:none;flex-direction:column;overflow:hidden}.tool-creator-build-panel.active{display:flex;animation:tcbpPanelIn .4s cubic-bezier(.4,0,.2,1)}@keyframes tcbpPanelIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.tcbp-titlebar{display:flex;align-items:center;justify-content:space-between;padding:18px 24px 14px;flex-shrink:0}.tcbp-titlebar-dots{display:flex;gap:5px}.tcbp-titlebar-dots span{width:8px;height:8px;border-radius:50%;background:#1a1a1a;border:1px solid #252525}.tcbp-titlebar-text{font-size:11px;color:#444;font-weight:500;letter-spacing:.3px}.tcbp-titlebar-controls{display:flex;gap:8px;color:#2a2a2a;font-size:12px}.tcbp-progress-section{padding:0 24px 24px;flex-shrink:0}.tcbp-progress-label{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}#tcbp-progress-text{font-size:13px;color:#999;font-weight:500}#tcbp-progress-pct{font-size:20px;color:#fff;font-weight:700;letter-spacing:-.5px}.tcbp-progress-bar{height:6px;background:#151515;border-radius:99px;overflow:hidden}.tcbp-progress-fill{height:100%;background:#fff;width:0%;transition:width 1s cubic-bezier(.4,0,.2,1);border-radius:99px}.tcbp-phases{padding:20px 24px;border-top:1px solid #131313;border-bottom:1px solid #131313;flex-shrink:0}.tcbp-phase{display:flex;align-items:center;gap:14px;padding:10px 0;font-size:13px;color:#333;position:relative;transition:all .4s ease}.tcbp-phase-line{position:absolute;left:11px;top:-2px;width:2px;height:12px;background:#1a1a1a;border-radius:1px;transition:background .4s ease}.tcbp-phase:first-child .tcbp-phase-line{display:none}.tcbp-phase.done+.tcbp-phase .tcbp-phase-line,.tcbp-phase.active+.tcbp-phase .tcbp-phase-line{background:#333}.tcbp-phase-check{width:24px;height:24px;border-radius:50%;border:2px solid #1a1a1a;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .4s ease;position:relative;background:#0a0a0a}.tcbp-phase-check:after{content:"";display:none}.tcbp-phase.active{color:#eee}.tcbp-phase.active .tcbp-phase-check{border-color:#fff;background:#111;box-shadow:0 0 0 4px #ffffff0f}.tcbp-phase.active .tcbp-phase-check:after{content:"";display:block;width:8px;height:8px;border-radius:50%;background:#fff;animation:tcbpPulse 2s ease-in-out infinite}.tcbp-phase.done{color:#777}.tcbp-phase.done .tcbp-phase-check{border-color:#555;background:#1a1a1a}.tcbp-phase.done .tcbp-phase-check:after{content:"";display:block;width:10px;height:10px;border-radius:0;background:none;animation:none;border-right:2px solid #888;border-bottom:2px solid #888;width:5px;height:9px;transform:rotate(45deg);margin-top:-2px}.tcbp-phase-label{flex:1;font-weight:500}.tcbp-phase-status{font-size:11px;color:#333;font-weight:500;transition:all .3s ease}.tcbp-phase.active .tcbp-phase-status{color:#666}.tcbp-phase.done .tcbp-phase-status{color:#444}@keyframes tcbpPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.6)}}.tcbp-console{flex:1;overflow:hidden;display:flex;flex-direction:column;min-height:0}.tcbp-checklist{padding:0 20px;margin-bottom:8px}.tcbp-checklist-header{display:flex;align-items:center;justify-content:space-between;padding:12px 0 8px;font-size:11px;color:#444;font-weight:600;letter-spacing:.3px}.tcbp-checklist-run{display:flex;align-items:center;gap:4px;padding:4px 10px;background:#222;color:#ccc;border:1px solid #333;border-radius:6px;font-size:11px;cursor:pointer;transition:all .15s}.tcbp-checklist-run:hover{background:#fff;color:#000;border-color:#fff}.tcbp-checklist-run:disabled{opacity:.4;cursor:not-allowed}.tcbp-checklist-items{display:flex;flex-direction:column;gap:4px}.tcbp-check-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;font-size:12px;color:#888;transition:background .15s}.tcbp-check-item:hover{background:#ffffff08}.tcbp-check-icon{width:18px;height:18px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:50%}.tcbp-check-icon.pass{color:#4a4}.tcbp-check-icon.fail{color:#a44}.tcbp-check-icon.pending{color:#444}.tcbp-check-icon.running{color:#aa4}.tcbp-check-icon svg{width:12px;height:12px}.tcbp-check-name{flex:1}.tcbp-check-msg{font-size:10px;color:#555;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tcbp-files{padding:0 20px;margin-bottom:8px}.tcbp-files-header{display:flex;align-items:center;justify-content:space-between;padding:12px 0 8px;font-size:11px;color:#444;font-weight:600;letter-spacing:.3px}.tcbp-files-count{background:#222;color:#888;padding:1px 8px;border-radius:10px;font-size:10px}.tcbp-files-list{display:flex;flex-direction:column;gap:2px}.tcbp-file-item{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:6px;font-size:11px;color:#888;transition:all .15s}.tcbp-file-item:hover{background:#ffffff08}.tcbp-file-icon{width:16px;height:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:#555;background:#1a1a1a;border-radius:3px}.tcbp-file-name{flex:1;font-family:monospace;font-size:11px}.tcbp-file-status{width:16px;height:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.tcbp-file-status svg{width:12px;height:12px}.tcbp-file-status.valid{color:#4a4}.tcbp-file-status.invalid{color:#a44}.tcbp-file-status.pending{color:#444}.tcbp-file-status.writing{color:#aa4}@keyframes tcFilePulse{0%,to{opacity:1}50%{opacity:.4}}.tcbp-file-item.writing{animation:tcFilePulse 1s ease infinite}.tcbp-file-item.error .tcbp-file-name{color:#a44}.tcbp-sandbox{padding:0 20px;margin-bottom:8px}.tcbp-sandbox-header{display:flex;align-items:center;justify-content:space-between;padding:12px 0 8px;font-size:11px;color:#444;font-weight:600;letter-spacing:.3px}.tcbp-sandbox-controls{display:flex;gap:4px}.tcbp-sandbox-controls button{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#222;color:#888;border:1px solid #333;border-radius:6px;cursor:pointer;transition:all .15s}.tcbp-sandbox-controls button:hover{background:#333;color:#fff}.tcbp-sandbox-frame-wrap{width:100%;height:280px;border-radius:8px;border:1px solid #222;overflow:hidden;background:#111;transition:height .3s ease}.tcbp-sandbox-frame-wrap.expanded{height:500px}.tcbp-sandbox-status{font-size:10px;color:#555;padding:4px 0;min-height:18px}.tcbp-sandbox-status.error{color:#a44}.tcbp-sandbox-status.success{color:#4a4}.tcbp-console-header{padding:16px 24px 8px;font-size:11px;color:#444;font-weight:600;letter-spacing:.3px;flex-shrink:0}.tcbp-console-output{flex:1;overflow-y:auto;padding:4px 24px 16px;font-size:12px;color:#444;line-height:2}.tcbp-console-line{animation:tcbpLineIn .35s ease-out;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:1px 0}.tcbp-console-line:empty{height:8px}.tcbp-console-line.success{color:#999}.tcbp-console-line.phase{color:#ccc;font-weight:600;padding-top:4px}.tcbp-console-line.file{color:#666}.tcbp-console-line.error{color:#f44}@keyframes tcbpLineIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.tcbp-spec{padding:20px 24px;flex-shrink:0;border-top:1px solid #131313;background:#0a0a0a}.tcbp-spec-header{font-size:11px;color:#444;font-weight:600;letter-spacing:.3px;margin-bottom:14px}.tcbp-spec-row{display:flex;gap:10px;font-size:12px;margin-bottom:8px;align-items:baseline}.tcbp-spec-key{color:#555;flex-shrink:0;min-width:44px;font-weight:500}.tcbp-spec-val{color:#666;transition:all .3s ease}.tcbp-spec-val.updated{color:#ddd}.tcbp-spec-features{margin-top:12px;font-size:12px}.tcbp-spec-features .tcbp-spec-key{display:block;margin-bottom:8px}.tcbp-spec-features ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px}.tcbp-spec-features li{background:#111;border:1px solid #1e1e1e;border-radius:8px;padding:4px 12px;font-size:11px;color:#888;font-weight:500;animation:tcbpLineIn .35s ease-out}@keyframes tcbpFlash{0%{background:#ffffff14;border-radius:4px}to{background:transparent}}.tcbp-spec-val.flash{animation:tcbpFlash .8s ease-out}@media(max-width:768px){.tool-creator-build-panel{display:none!important}.tool-creator-inner{flex-direction:column}.tc-threads-sidebar{width:100%!important;min-width:100%!important;flex-direction:row;border-right:none;border-bottom:1px solid var(--border);height:auto;min-height:0}.tc-threads-sidebar.collapsed{width:0!important;min-width:0!important;height:0;border-bottom:none}.tc-threads-header{display:flex;flex-shrink:0;padding:0;border-bottom:none;border-left:1px solid var(--border);align-items:center;justify-content:center}.tc-threads-header span{display:none}.tc-threads-list{display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden;padding:0;gap:0;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tc-threads-list::-webkit-scrollbar{display:none}.tc-thread-item{flex-shrink:0;padding:8px 14px;margin:0;border-radius:0;border-right:1px solid var(--border);gap:6px}.tc-thread-item:last-child{border-right:none}.tc-thread-item.active:before{left:0;right:0;top:auto;bottom:0;transform:none;width:100%;height:2px;border-radius:2px 2px 0 0}.tc-thread-item-icon{width:22px;height:22px;border-radius:6px}.tc-thread-item-icon svg{width:12px;height:12px}.tc-thread-item-date{display:none}.tc-thread-item-name{font-size:12px}.tc-threads-toggle{display:none}.tc-thread-add-btn{flex-shrink:0;width:36px;height:auto;border-radius:0;border:none;border-left:1px solid var(--border)}}#settings-page{display:none;position:absolute;top:0;left:0;right:0;bottom:0;background:var(--bg);z-index:10;overflow-y:auto}#settings-page.open{display:block}#settings-page-inner{max-width:480px;margin:0 auto;padding:32px 20px}#settings-page-inner h2{font-size:24px;font-weight:700;margin-bottom:28px}.settings-group{margin-bottom:20px}.settings-group label{font-size:13px;color:var(--text-muted);display:block;margin-bottom:6px}.settings-group select{width:100%;padding:10px 12px;background:var(--input-bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:14px}.settings-key-row{padding:14px 0;border-bottom:1px solid var(--border)}.settings-key-row:last-child{border-bottom:none}.settings-key-info{margin-bottom:8px}.settings-key-name{font-size:14px;font-weight:600;color:var(--text)}.settings-key-status{font-size:12px;margin-top:2px}.settings-key-actions{display:flex;gap:8px}.settings-key-input{flex:1;padding:8px 12px;background:var(--input-bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:13px;font-family:monospace}.settings-key-save{padding:8px 16px;background:#fff;color:#000;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}.settings-key-save:hover{background:#ddd}.settings-logout-group{display:flex;flex-direction:column;gap:8px}.settings-logout-btn{padding:10px 20px;background:none;border:1px solid #333;border-radius:8px;color:var(--text-muted);font-size:14px;cursor:pointer;width:100%}.settings-logout-btn:hover{border-color:#fff;color:#fff}.settings-section{margin-bottom:32px}.settings-section-title{font-size:16px;font-weight:700;margin-bottom:4px;color:var(--text)}.settings-section-desc{font-size:13px;color:var(--text-muted);margin:0 0 16px}.settings-toggle-list{display:flex;flex-direction:column;gap:2px}.settings-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:10px;cursor:pointer;transition:background .15s}.settings-toggle-row:hover{background:var(--bg-message)}.settings-toggle-label{font-size:14px;color:var(--text)}.settings-toggle-row input[type=checkbox]{display:none}.settings-toggle-switch{width:44px;height:24px;background:#333;border-radius:999px;position:relative;transition:background .2s;flex-shrink:0}.settings-toggle-switch:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;background:#666;border-radius:50%;transition:transform .2s,background .2s}.settings-toggle-row input:checked+.settings-toggle-switch{background:#fff}.settings-toggle-row input:checked+.settings-toggle-switch:after{transform:translate(20px);background:#000}.settings-color-list{display:flex;flex-direction:column;gap:2px}.settings-color-row{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:10px}.settings-color-row:hover{background:var(--bg-message)}.settings-color-row label{font-size:14px;color:var(--text)}.settings-color-input-wrap{display:flex;align-items:center;gap:10px}.settings-color-input-wrap input[type=color]{-webkit-appearance:none;appearance:none;width:32px;height:32px;border:2px solid #333;border-radius:8px;background:none;cursor:pointer;padding:0}.settings-color-input-wrap input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.settings-color-input-wrap input[type=color]::-webkit-color-swatch{border:none;border-radius:4px}.settings-color-hex{font-size:13px;color:var(--text-muted);font-family:monospace;width:62px}.settings-reset-btn{margin-top:12px;padding:8px 16px;background:none;border:1px solid #333;border-radius:8px;color:var(--text-muted);font-size:13px;cursor:pointer;transition:all .15s}.settings-reset-btn:hover{border-color:#fff;color:#fff}.settings-tutorial-btn{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;background:var(--bg-message, #0a0a0a);border:1px solid var(--border);border-radius:12px;color:var(--text);font-size:15px;cursor:pointer;transition:all .15s}.settings-tutorial-btn:hover{border-color:#555;background:#111}.settings-tutorial-btn svg:first-child{flex-shrink:0;opacity:.6}.settings-tutorial-btn span{flex:1;text-align:left}.settings-tutorial-arrow{opacity:.3;flex-shrink:0}#tutorial-page{display:none;position:absolute;top:0;left:0;right:0;bottom:0;background:var(--bg);z-index:10;overflow-y:auto}#tutorial-page.open{display:block}#tutorial-page-inner{max-width:560px;margin:0 auto;padding:32px 20px 80px}#tutorial-page-inner h2{font-size:24px;font-weight:700;margin-bottom:28px}.tutorial-section{margin-bottom:36px}.tutorial-section-title{font-size:17px;font-weight:700;margin-bottom:8px;color:var(--text)}.tutorial-text{font-size:14px;color:var(--text-muted);margin:0 0 14px;line-height:1.6}.tutorial-hint{font-size:13px;color:#555;margin:12px 0 0;font-style:italic}.tutorial-card{border:1px solid var(--border);border-radius:12px;overflow:hidden}.tutorial-item{padding:14px 16px;border-bottom:1px solid var(--border)}.tutorial-item:last-child{border-bottom:none}.tutorial-item-label{font-size:14px;font-weight:600;color:var(--text);margin-bottom:4px}.tutorial-item p{font-size:13px;color:var(--text-muted);margin:0;line-height:1.5}.tutorial-steps{display:flex;flex-direction:column;gap:0}.tutorial-step{display:flex;gap:14px;padding:16px 0;border-bottom:1px solid var(--border)}.tutorial-step:last-child{border-bottom:none}.tutorial-step-num{width:28px;height:28px;border-radius:50%;background:#fff;color:#000;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.tutorial-step-content{flex:1}.tutorial-step-content strong{font-size:14px;color:var(--text);display:block;margin-bottom:4px}.tutorial-step-content p{font-size:13px;color:var(--text-muted);margin:0;line-height:1.5}.tutorial-code{display:block;margin-top:8px;padding:10px 12px;background:#0a0a0a;border:1px solid var(--border);border-radius:8px;font-family:monospace;font-size:12px;color:#999;white-space:pre;overflow-x:auto}.conversation-item{padding:12px;border-radius:8px;cursor:pointer;margin-bottom:4px;border:1px solid transparent;position:relative}.conversation-item:hover,.conversation-item.active{background:var(--bg);border-color:var(--border)}.conversation-item .conv-menu-btn{display:none;position:absolute;top:50%;right:8px;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);border-radius:6px;width:28px;height:28px;cursor:pointer;align-items:center;justify-content:center;font-size:18px;line-height:1}.conversation-item .conv-menu-btn:hover{color:var(--text)}.conversation-item .conv-menu-btn.visible{display:flex}@media(hover:hover){.conversation-item:hover .conv-menu-btn{display:flex}}.conv-dropdown{display:none;position:absolute;right:8px;top:100%;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;min-width:140px;z-index:100;box-shadow:0 4px 12px #0000004d;overflow:hidden}.conv-dropdown.open{display:block}.conv-dropdown button{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;background:none;border:none;color:var(--text);font-size:13px;cursor:pointer;text-align:left}.conv-dropdown button:hover{background:var(--bg)}.conv-dropdown button.danger{color:#f44}.conv-dropdown button.danger:hover{color:#f66}.conv-archive-link{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;margin:8px 0 4px;padding:9px 12px;background:none;border:1px solid var(--border);border-radius:8px;color:var(--text-muted);font-size:12.5px;cursor:pointer}.conv-archive-link:hover{color:var(--text);border-color:var(--text-muted)}.conversation-item .title{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-item .meta{font-size:12px;color:var(--text-muted);margin-top:4px}.conversation-item .match-snippet{font-size:12px;color:var(--text-muted);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-style:italic;opacity:.7}.search-divider{font-size:11px;color:var(--text-muted);padding:8px 16px 4px;text-transform:uppercase;letter-spacing:.5px;opacity:.6}.search-divider.searching{font-style:italic}.search-divider.pinned-divider{display:flex;align-items:center;gap:6px;opacity:.85;color:var(--text)}.search-divider.pinned-divider svg{width:11px;height:11px}.conversation-item.pinned{background:#ffffff06;border-color:#ffffff14}.conversation-item.pinned:hover,.conversation-item.pinned.active{background:var(--bg);border-color:var(--border)}.conversation-item .pin-indicator{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;margin-right:6px;color:var(--text-muted);vertical-align:-2px}.conversation-item .pin-indicator svg{width:12px;height:12px}.conv-dropdown button svg{flex-shrink:0}#header-pin-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:1px solid transparent;border-radius:8px;color:var(--text-muted);cursor:pointer;pointer-events:auto}#header-pin-btn:hover{color:var(--text);border-color:var(--border)}#header-pin-btn.active{color:var(--text);background:var(--bg);border-color:var(--border)}#header-pin-btn.active svg{fill:currentColor;fill-opacity:.15}.conv-loading{display:flex;align-items:center;gap:10px;padding:16px;color:var(--text-muted);font-size:13px}.conv-spinner{width:18px;height:18px;border:2px solid var(--border);border-top-color:var(--text);border-radius:50%;animation:conv-spin .7s linear infinite}@keyframes conv-spin{to{transform:rotate(360deg)}}#header{display:flex;align-items:center;padding:8px 16px;background:transparent;gap:12px;position:absolute;top:0;left:0;right:0;z-index:100;pointer-events:none;border-bottom:none}#header>*{pointer-events:auto}@media(max-width:768px){#header{position:absolute;pointer-events:auto;background:color-mix(in srgb,var(--bg, #0f0f0f) 94%,transparent)!important;border-bottom:1px solid rgba(255,255,255,.08)!important;box-shadow:inset 0 1px #ffffff0f,0 1px #0000004d!important}#header>*{pointer-events:auto}#header.dash-header-mode{background:transparent!important;border-bottom:none!important}}#header.dash-header-mode{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-bottom:none!important}#main-content:has(#chat-build-panel.open) #header,#main-content:has(#chat-writer-panel.open) #header{right:46%}#main-content:has(#chat-design-panel.open) #header,#main-content:has(#chat-solids-panel.open) #header{right:50%}#menu-btn{background:none;border:none;color:var(--text);font-size:22px;cursor:pointer;padding:4px}.sidebar-logo{height:22px;width:auto}#header-project{font-size:12px;font-weight:600;color:var(--text-muted);background:var(--input-bg);border:1px solid var(--border);border-radius:4px;padding:2px 8px;white-space:nowrap;cursor:pointer;position:relative}#header-project:hover{border-color:var(--text-muted)}#header-project-menu{display:none;position:absolute;top:100%;left:0;margin-top:4px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;min-width:180px;z-index:1000;box-shadow:0 8px 24px #0006;overflow:hidden}#header-project-menu.open{display:block}#header-project-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;background:none;border:none;color:var(--text);font-size:13px;cursor:pointer;text-align:left}#header-project-menu button:hover{background:var(--input-bg)}#header-project-menu button.current{color:#fff;font-weight:600}#header-project-menu button svg{flex-shrink:0;opacity:.5}#header-title{font-size:16px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:none}#permissions-wrapper{position:relative}#permissions-btn{background:var(--bg);border:1px solid var(--border);border-radius:6px;cursor:pointer;padding:6px 8px;display:flex;align-items:center;justify-content:center}#permissions-btn.unlocked{background:#fff;border-color:#fff}#permissions-btn.unlocked svg{stroke:#000}#permissions-menu{display:none;position:absolute;right:0;top:100%;margin-top:4px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:8px 12px;z-index:600;min-width:180px;box-shadow:0 4px 12px #0000004d}#permissions-menu.open{display:block}#permissions-menu label{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:13px;color:var(--text);cursor:pointer;white-space:nowrap}#permissions-menu input[type=checkbox]{-webkit-appearance:none;appearance:none;width:18px;height:18px;min-width:18px;border:2px solid var(--text-muted);border-radius:3px;background:transparent;cursor:pointer;position:relative;margin:0}#permissions-menu input[type=checkbox]:checked{background:#fff;border-color:#fff}#permissions-menu input[type=checkbox]:checked:after{content:"";position:absolute;left:4px;top:1px;width:5px;height:9px;border:solid #000;border-width:0 2px 2px 0;transform:rotate(45deg)}#tools-dropdown-wrapper{position:relative;margin-left:auto}#tools-dropdown-btn{background:var(--bg);border:1px solid var(--border);border-radius:6px;cursor:pointer;padding:6px 10px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:12px;font-weight:600;font-family:inherit}#tools-dropdown-btn:hover{color:#fff;background:#1a1a1a}#tools-dropdown-btn.active{background:#fff;color:#000;border-color:#fff}#tools-dropdown-btn.active svg{stroke:#000}@keyframes spar-gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes spar-bg{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}#tools-dropdown-btn[data-mode=spar]{background:linear-gradient(135deg,#c2410c99,#7c3aed99,#1d4ed899,#c2410c99);background-size:300% 300%;animation:spar-gradient 5s ease infinite;color:#fff;border-color:transparent}#tools-dropdown-btn[data-mode=spar]:hover{opacity:.85}#tools-dropdown-btn[data-mode=plan]{background:#2563eb;color:#fff;border-color:transparent}#tools-dropdown-btn[data-mode=test]{background:#16a34a;color:#fff;border-color:transparent}#tools-dropdown-menu{display:none;position:absolute;right:0;top:100%;margin-top:4px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;z-index:600;min-width:160px;box-shadow:0 8px 24px #0006;overflow:hidden;padding:4px 0}#tools-dropdown-menu.open{display:block}#tools-dropdown-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;background:none;border:none;color:var(--text-muted);font-size:13px;cursor:pointer;text-align:left}#tools-dropdown-menu button:hover{background:var(--input-bg);color:#fff}#tools-dropdown-menu button.active{color:#fff;font-weight:600}#tools-dropdown-menu button svg{flex-shrink:0}#compact-btn{background:var(--bg);border:1px solid var(--border);border-radius:6px;cursor:pointer;padding:6px 8px;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}#compact-btn:hover{color:#fff}#compact-btn.compacting{pointer-events:none}#compact-btn.compacting .compact-arrow-top{animation:compact-press-top .8s ease-in-out infinite}#compact-btn.compacting .compact-arrow-bottom{animation:compact-press-bottom .8s ease-in-out infinite}@keyframes compact-press-top{0%,to{transform:translate(0)}50%{transform:translate(-3px,3px)}}@keyframes compact-press-bottom{0%,to{transform:translate(0)}50%{transform:translate(3px,-3px)}}#notif-wrapper{position:relative}#notif-btn{background:var(--bg);border:1px solid var(--border);border-radius:6px;cursor:pointer;padding:6px 8px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);position:relative}#notif-btn:hover{color:#fff}#notif-badge{position:absolute;top:2px;right:2px;width:8px;height:8px;background:#fff;border-radius:50%;pointer-events:none}#notif-panel{display:none;position:absolute;right:0;top:100%;margin-top:4px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;z-index:600;width:300px;max-height:400px;box-shadow:0 8px 24px #0006;overflow:hidden}#notif-panel.open{display:block}#notif-panel-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid var(--border);font-size:13px;font-weight:600;color:var(--text)}#notif-panel-header button{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:18px;padding:0 4px;line-height:1}#notif-panel-header button:hover{color:#fff}#notif-list{overflow-y:auto;max-height:350px}.notif-empty{padding:24px 14px;text-align:center;color:var(--text-muted);font-size:13px}.notif-item{padding:10px 14px;border-bottom:1px solid var(--border);cursor:pointer;font-size:13px}.notif-item:hover{background:var(--input-bg)}.notif-item:last-child{border-bottom:none}.notif-item-title{color:var(--text);font-weight:600;margin-bottom:2px}.notif-item-body{color:var(--text-muted);font-size:12px}.notif-item-time{color:var(--text-muted);font-size:11px;margin-top:4px;opacity:.6}#tree-toggle-btn{background:none;border:1px solid var(--border);color:var(--text-muted);cursor:pointer;padding:6px 8px;margin:8px 4px 0;display:none;flex-shrink:0;align-items:center;justify-content:center;align-self:flex-start;border-radius:6px}#tree-toggle-btn:hover{color:#fff;background:#1a1a1a}@media(min-width:769px){#tree-toggle-btn{display:inline-flex}}#project-panel{width:220px;flex-shrink:0;position:relative;z-index:2;background:linear-gradient(180deg,#14141499,#0a0a0a8c);backdrop-filter:blur(80px) saturate(180%);-webkit-backdrop-filter:blur(80px) saturate(180%);border-right:1px solid rgba(255,255,255,.08);box-shadow:inset 1px 0 #ffffff0a;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;transition:width .2s ease,min-width .2s ease}#project-panel.hidden{width:0;min-width:0;overflow:hidden;border-right:none}#project-panel-tree{padding:8px 0}.spt-project{margin-bottom:2px}.spt-project.is-sub{margin-left:14px;border-left:1px solid var(--border);padding-left:4px}.spt-project.is-sub>.spt-project-header{font-size:11px;opacity:.85}.spt-project-header{display:flex;align-items:center;gap:5px;padding:5px 10px;cursor:pointer;font-size:12px;font-weight:600;color:var(--text-muted)}.spt-project-header:hover{background:var(--input-bg)}.spt-project.active>.spt-project-header{color:var(--text)}.spt-chevron{flex-shrink:0;opacity:.4;transition:transform .15s}.spt-project.collapsed .spt-chevron{transform:rotate(-90deg)}.spt-project-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spt-project-close{background:none;border:none;cursor:pointer;color:var(--text-muted);padding:0;font-size:14px;line-height:1;opacity:0;transition:opacity .15s}.spt-project-header:hover .spt-project-close{opacity:.5}.spt-project-close:hover{opacity:1!important;color:var(--text)}.spt-tabs{padding:0}.spt-tab{display:flex;align-items:center;gap:5px;padding:4px 10px 4px 26px;cursor:pointer;font-size:12px;color:var(--text-muted);touch-action:manipulation}.spt-tab:hover{background:var(--input-bg)}.spt-tab.active{color:var(--text);background:var(--bg)}.spt-tab-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spt-tab-close{flex-shrink:0;opacity:0;font-size:12px;padding:0 2px;line-height:1;cursor:pointer}.spt-tab:hover .spt-tab-close{opacity:.5}.spt-tab-close:hover{opacity:1!important;color:var(--text)}.spt-tab-new{padding:4px 10px 4px 26px;cursor:pointer;font-size:11px;color:var(--text-muted);opacity:.5}.spt-tab-new:hover{opacity:1;background:var(--input-bg)}.spt-add-project{padding:6px 10px;cursor:pointer;font-size:11px;color:var(--text-muted);opacity:.5;border-top:1px solid var(--border);margin-top:4px}.spt-add-project:hover{opacity:1;background:var(--input-bg)}.spt-project-settings{background:none;border:none;cursor:pointer;color:var(--text-muted);padding:0;line-height:1;opacity:0;transition:opacity .15s;flex-shrink:0}.spt-project-header:hover .spt-project-settings{opacity:.5}.spt-project-settings:hover{opacity:1!important;color:var(--text)}.pcm-body{padding:0;display:flex;flex-direction:column;overflow:hidden}.pcm-tabs{display:flex;gap:0;border-bottom:1px solid var(--border);padding:0 16px}.pcm-tab{display:flex;align-items:center;gap:6px;padding:10px 14px;cursor:pointer;font-size:13px;font-weight:500;color:var(--text-muted);background:none;border:none;border-bottom:2px solid transparent;transition:color .15s,border-color .15s}.pcm-tab:hover{color:var(--text)}.pcm-tab.active{color:var(--text);border-bottom-color:var(--text)}.pcm-tab svg{opacity:.6}.pcm-tab.active svg{opacity:1}.pcm-description{padding:12px 20px 8px;font-size:12px;color:var(--text-muted)}.pcm-editor-wrap{padding:0 16px;flex:1;min-height:0}.pcm-editor{width:100%;height:300px;resize:vertical;background:var(--input-bg);border:1px solid var(--border);border-radius:8px;padding:12px;color:var(--text);font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:13px;line-height:1.5;outline:none}.pcm-editor:focus{border-color:var(--text-muted)}.pcm-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-top:1px solid var(--border);margin-top:8px}.pcm-status{font-size:12px;color:var(--text-muted)}.pcm-save-btn{padding:8px 20px;border-radius:8px;border:none;cursor:pointer;background:var(--text);color:var(--bg);font-size:13px;font-weight:600}.pcm-save-btn:hover{opacity:.9}.pcm-close-project-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;cursor:pointer;background:transparent;color:var(--text-muted);border:1px solid var(--border);font-size:13px;font-weight:500}.pcm-close-project-btn:hover{color:var(--text);border-color:var(--text-muted)}.pcm-close-project-btn:active{background:#ffffff0d}.spt-streaming-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;background:#3c3;animation:pulse 1.5s ease infinite}.project-streaming-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#3c3;margin-right:4px;vertical-align:middle;animation:pulse 1.5s ease infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}#messages-container{flex:1;position:relative;z-index:1;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding-top:48px;padding-bottom:var(--input-area-height, 100px);overflow-anchor:auto}#chat-glow{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;filter:blur(18px) saturate(1.6)}@media(max-width:768px){#messages-container{padding-top:calc(var(--mobile-topbar-height, 100px) + var(--mobile-topbar-buffer, 32px))}}.messages-panel{padding:16px;display:none;max-width:800px;margin:0 auto;position:relative;z-index:1}.messages-panel.active{display:block}.chat-welcome-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:calc(30vh - 60px) 24px 0;color:#fff;text-align:center;pointer-events:none;-webkit-user-select:none;user-select:none}.chat-welcome-state svg{opacity:.15}.chat-welcome-state span{font-size:14px;opacity:.25}.chat-welcome-state:not(:only-child){display:none}#scroll-down-btn{position:absolute;bottom:80px;left:50%;transform:translate(-50%) scale(.8);width:40px;height:40px;border-radius:50%;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:50;box-shadow:0 2px 8px #0000004d}#scroll-down-btn.visible{opacity:1;pointer-events:auto;transform:translate(-50%) scale(1)}#scroll-down-btn:hover{background:var(--bg-hover)}.message{max-width:95%;margin-bottom:8px;padding:10px 14px;border-radius:16px;line-height:1.5;word-wrap:break-word;overflow-wrap:break-word;overflow:hidden;position:relative}.message .msg-note-btn{display:none;position:absolute;top:6px;right:38px;background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:6px;width:28px;height:28px;cursor:pointer;align-items:center;justify-content:center;z-index:2;padding:0}.message .msg-note-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.message .msg-note-btn.saved{color:#4a4;border-color:#4a4}.message .msg-copy-btn{display:none;position:absolute;top:6px;right:6px;background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:6px;width:28px;height:28px;cursor:pointer;align-items:center;justify-content:center;z-index:2;padding:0}.message .msg-copy-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.message .msg-copy-btn.copied{color:#4a4;border-color:#4a4}.message.user .msg-copy-btn{background:#0000000f;border-color:#00000026;color:#333}.message.user .msg-copy-btn:hover{background:#0000001f;color:#000}.message.show-actions .msg-note-btn,.message.show-actions .msg-copy-btn{display:flex}@media(hover:hover){.message:hover .msg-note-btn,.message:hover .msg-copy-btn{display:flex}}.msg-context-menu{position:fixed;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;padding:4px;z-index:1000;min-width:160px;box-shadow:0 4px 16px #0006}.msg-context-menu button{display:flex;align-items:center;gap:8px;width:100%;background:none;border:none;color:var(--text-primary);padding:10px 14px;border-radius:6px;font-size:14px;cursor:pointer}.msg-context-menu button:hover{background:var(--bg-hover)}.msg-context-menu button.destructive{color:#f44}.message.user{background:linear-gradient(135deg,#323237bf,#1c1c20d9);color:var(--text);margin-left:auto;border-bottom-right-radius:4px;white-space:pre-wrap;border:1px solid rgba(255,255,255,.14);border-top-color:#ffffff38;box-shadow:0 2px 16px #0006,inset 0 1px #ffffff1f,inset 0 -1px #0003;width:fit-content}.message.user .msg-copy-btn{background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-secondary)}.message.user .msg-copy-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.user-msg-wrapper{display:flex;flex-direction:column;align-items:flex-end;margin-bottom:8px}.user-msg-wrapper .message.user{margin-bottom:2px}.user-msg-time{font-size:11px;color:var(--text-tertiary, rgba(255,255,255,.3));padding-right:4px}.message.assistant{background:none;margin-right:auto;border-bottom-left-radius:4px;border:none;box-shadow:none}.message.assistant .content{white-space:pre-wrap;word-wrap:break-word;font-family:Playfair Display,Georgia,Times New Roman,serif;font-size:1.15em;line-height:1.7}.message.assistant .content h1,.message.assistant .content h2,.message.assistant .content h3,.message.assistant .content h4,.message.assistant .content table,.message.assistant .content ul,.message.assistant .content ol,.message.assistant .content blockquote,.message.assistant .content hr{white-space:normal}.tool-block{--tool-color: var(--color-tool-default);background:color-mix(in srgb,var(--tool-color) 5%,var(--bg-tool));border:1px solid color-mix(in srgb,var(--tool-color) 25%,transparent);border-radius:10px;padding:8px 12px;margin:6px 0;font-size:13px}.tool-block .tool-header{color:var(--tool-color);font-weight:600;margin-bottom:4px;cursor:pointer;display:flex;align-items:center;gap:8px;letter-spacing:.2px}.tool-block .tool-icon{width:14px;height:14px;flex-shrink:0;color:var(--tool-color);opacity:.9}.tool-block .tool-icon svg{width:100%;height:100%;display:block}.tool-block .tool-input{color:var(--text-muted);font-family:SF Mono,Fira Code,monospace;font-size:12px;white-space:pre-wrap;word-break:break-all}.tool-block .tool-result{color:var(--text);font-family:inherit;font-size:13px;line-height:1.5;white-space:pre-wrap;margin-top:6px;max-height:200px;overflow-y:auto;overflow-wrap:anywhere;opacity:.85}.tool-block.collapsed .tool-input,.tool-block.collapsed .tool-result{display:none}.tool-block.tool-bash{--tool-color: var(--color-tool-bash)}.tool-block.tool-edit{--tool-color: var(--color-tool-edit)}.tool-block.tool-write{--tool-color: var(--color-tool-write)}.tool-block.tool-grep{--tool-color: var(--color-tool-grep)}.tool-block.tool-read{--tool-color: var(--color-tool-read)}.tool-block.tool-glob{--tool-color: var(--color-tool-glob)}.tool-block.tool-todowrite{--tool-color: var(--color-tool-todowrite)}.tool-block.tool-webfetch{--tool-color: var(--color-tool-webfetch)}.tool-block.tool-websearch{--tool-color: var(--color-tool-websearch)}.tool-block.tool-task{--tool-color: var(--color-tool-task)}.thinking-block{background:var(--bg-thinking);border-radius:8px;margin:6px 0;font-size:13px;color:var(--text-thinking);border-left:2px solid rgba(200,168,48,.35)}.thinking-header{padding:8px 10px;cursor:pointer;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px;opacity:.8}.thinking-header:before{content:"▼ ";font-size:10px}.thinking-block.collapsed .thinking-header:before{content:"▶ "}.thinking-content{padding:0 10px 8px;font-style:italic;white-space:pre-wrap;max-height:60vh;overflow-y:auto;line-height:1.5;font-size:13px}.thinking-block.collapsed .thinking-content{display:none}.message pre{background:#0000004d;padding:10px;border-radius:8px;overflow-x:auto;margin:8px 0;font-size:13px;font-family:SF Mono,Fira Code,monospace}.message code{font-family:SF Mono,Fira Code,monospace;font-size:13px}.message :not(pre)>code{background:#0000004d;padding:2px 6px;border-radius:4px}.message.assistant .content{line-height:1.6}.message.assistant .content h1,.message.assistant .content h2,.message.assistant .content h3,.message.assistant .content h4{margin:12px 0 6px;font-weight:600;color:var(--text)}.message.assistant .content h1{font-size:1.4em}.message.assistant .content h2{font-size:1.2em}.message.assistant .content h3{font-size:1.05em}.message.assistant .content h4{font-size:1em;color:var(--text-muted)}.message.assistant .content table{width:100%;border-collapse:collapse;margin:8px 0;font-size:14px}.message.assistant .content table th,.message.assistant .content table td{border:1px solid var(--border);padding:6px 10px;text-align:left}.message.assistant .content table th{background:#ffffff0d;font-weight:600}.message.assistant .content table tr:nth-child(2n) td{background:#ffffff05}.message.assistant .content ul,.message.assistant .content ol{margin:6px 0;padding-left:20px}.message.assistant .content li{margin:3px 0}.message.assistant .content blockquote{border-left:3px solid var(--border);padding:4px 12px;margin:8px 0;color:var(--text-muted);font-style:italic}.message.assistant .content hr{border:none;border-top:1px solid var(--border);margin:12px 0}.message.assistant .content a{color:var(--text);text-decoration:underline;text-decoration-color:var(--text-muted)}.message.assistant .content a:hover{text-decoration-color:var(--text)}.message.assistant .content del{opacity:.5}.activity-indicator{display:flex;align-items:center;gap:8px;padding:8px 14px;color:var(--text-muted);font-size:13px;cursor:pointer;-webkit-user-select:none;user-select:none}.activity-indicator:hover{color:var(--text)}.activity-indicator .spinner{width:16px;height:16px;border:2px solid #333333;border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.activity-indicator .activity-peek{display:none;width:100%;margin-top:6px;font-size:12px;font-style:italic;color:var(--text-thinking);white-space:pre-wrap;max-height:200px;overflow-y:auto;padding:6px 10px;background:var(--bg-thinking);border-left:2px solid rgba(200,168,48,.35);border-radius:4px;line-height:1.4}.activity-indicator.expanded{flex-wrap:wrap}.activity-indicator.expanded .activity-peek{display:block}#input-area{padding:24px 16px;padding-bottom:calc(28px + var(--safe-bottom));position:absolute;bottom:0;left:0;right:0;z-index:50;pointer-events:none}#app:after{content:"";position:fixed;left:0;right:0;bottom:0;height:200px;pointer-events:none;z-index:1;background:linear-gradient(to bottom,#0000,#00000073 25%,#000000c7 60%,#000000f2)}#input-area>*{pointer-events:auto}#user-msg-memo{position:absolute;top:56px;left:50%;transform:translate(-50%) translateY(-8px);background:#1414189e;-webkit-backdrop-filter:blur(28px) saturate(170%);backdrop-filter:blur(28px) saturate(170%);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:9px 20px;max-width:min(600px,calc(100% - 80px));font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:15px;line-height:1.5;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;pointer-events:none;transition:opacity .22s ease,transform .22s ease;z-index:60;box-shadow:0 8px 32px #0000006b,inset 0 1px #ffffff14;cursor:pointer}#user-msg-memo.visible{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}#user-msg-memo .user-msg-memo-label{color:var(--text-tertiary, rgba(255,255,255,.4));margin-right:8px;font-weight:500}@media(max-width:768px){#user-msg-memo{top:calc(var(--mobile-topbar-height, 100px) + 8px);max-width:calc(100% - 32px);padding:8px 16px}}.ghost-suggestion{position:absolute;left:4px;right:4px;top:8px;bottom:8px;pointer-events:none;color:#ffffff59;font-size:16px;line-height:1.4;font-family:inherit;white-space:pre-wrap;word-break:break-word;overflow:hidden;display:none}.ghost-suggestion.visible{display:block}.ghost-suggestion .ghost-kbd{display:inline-block;margin-left:6px;padding:0 5px;border:1px solid rgba(255,255,255,.22);border-radius:4px;font-size:10px;color:#ffffff8c;vertical-align:2px;font-weight:600;letter-spacing:.5px}#abort-btn{width:44px;height:44px;border-radius:50%;border:none;color:#fff;font-size:20px;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center}#action-btn.recording{background:#f33}#action-btn.recording svg{stroke:#fff}#abort-btn{background:#333;color:#fff;display:none}#status-bar{display:none;padding:6px 16px;background:#222;color:#fff;font-size:13px;text-align:center}.cost-info{font-size:11px;color:var(--text-muted);text-align:center;padding:4px}#files-page{display:none;position:absolute;top:0;left:0;right:0;bottom:0;background:var(--bg);z-index:10;overflow:hidden}#files-page.open{display:flex;flex-direction:column}#files-page-inner{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}.files-top-bar{display:flex;align-items:center;border-bottom:1px solid var(--border);flex-shrink:0}.files-breadcrumb{display:flex;align-items:center;gap:2px;padding:10px 16px;font-size:13px;overflow-x:auto;flex:1}.files-toolbar{display:flex;align-items:center;gap:4px;padding:0 12px;flex-shrink:0}.files-toolbar-btn{background:none;border:1px solid var(--border-color);color:#888;width:32px;height:32px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.files-toolbar-btn:hover{background:#1a1a1a;color:#fff;border-color:#555}.files-input-field{width:100%;padding:10px 12px;background:var(--bg);border:1px solid var(--border-color);border-radius:8px;color:#fff;font-size:14px;outline:none;margin-bottom:16px}.files-input-field:focus{border-color:#555}.files-confirm-ok{background:#fff;border:none;color:#000;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500}.files-confirm-ok:hover{background:#ddd}.files-breadcrumb-btn{background:none;border:none;color:#888;cursor:pointer;padding:2px 6px;border-radius:4px;font-size:13px}.files-breadcrumb-btn:hover{background:#1a1a1a;color:#fff}.files-breadcrumb-btn:last-child{color:#fff}.files-breadcrumb-sep{color:#444;margin:0 1px}.files-layout{display:flex;flex:1;overflow:hidden}.files-sidebar{width:280px;min-width:200px;max-width:400px;border-right:1px solid var(--border);flex-shrink:0;display:flex;flex-direction:column;overflow:hidden}.files-tree{flex:1;overflow-y:auto;padding:4px 0}.files-search-bar{display:flex;align-items:center;gap:6px;padding:8px;border-bottom:1px solid var(--border);flex-shrink:0}.files-search-input-wrap{flex:1;display:flex;align-items:center;gap:6px;background:var(--bg);border:1px solid var(--border-color);border-radius:8px;padding:0 8px;color:#666;min-width:0}.files-search-input-wrap:focus-within{border-color:#555;color:#888}.files-search-input-wrap input{flex:1;min-width:0;background:none;border:none;outline:none;color:#fff;font-size:13px;padding:7px 0}.files-search-clear{background:none;border:none;color:#666;cursor:pointer;display:flex;align-items:center;padding:2px}.files-search-clear:hover{color:#fff}.files-sort-btn{background:none;border:1px solid var(--border-color);color:#888;width:32px;height:32px;border-radius:8px;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .15s}.files-sort-btn:hover,.files-sort-btn.active{background:#1a1a1a;color:#fff;border-color:#555}.files-sort-menu{position:fixed;z-index:1000;background:#111;border:1px solid var(--border-color);border-radius:10px;padding:4px;min-width:180px;box-shadow:0 8px 28px #00000080}.files-sort-menu button{display:flex;align-items:center;gap:8px;width:100%;background:none;border:none;color:#ccc;cursor:pointer;padding:8px 10px;border-radius:6px;font-size:13px;text-align:left}.files-sort-menu button:hover{background:#1d1d1d;color:#fff}.files-sort-menu button.active{color:#fff}.files-sort-menu button .files-sort-check{margin-left:auto;opacity:0}.files-sort-menu button.active .files-sort-check{opacity:1}.files-search-empty{padding:24px 16px;text-align:center;color:#555;font-size:13px}.files-viewer{flex:1;overflow:hidden;display:flex;flex-direction:column}.files-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:12px;color:#444}.files-empty p{font-size:14px}.files-content{display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative}.files-content-header{display:flex;align-items:center;gap:12px;padding:8px 16px;border-bottom:1px solid var(--border);font-size:13px;flex-shrink:0}.files-filename{font-weight:600;color:#fff}.files-filesize{color:#666;font-size:12px}.files-send-btn{background:#222;border:1px solid #333;color:#aaa;padding:3px 10px;border-radius:4px;cursor:pointer;font-size:12px}.files-send-btn:hover{background:#333;color:#fff}.files-code{flex:1;overflow:auto;padding:12px 16px;margin:0;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:13px;line-height:1.6;color:#ccc;white-space:pre;tab-size:2;background:var(--bg)}.files-editor-wrapper{flex:1;overflow:hidden;position:relative}.files-editor-wrapper .files-code{position:absolute;top:0;left:0;width:100%;height:100%;overflow:auto;pointer-events:none;box-sizing:border-box}.files-editor{position:absolute;top:0;left:0;width:100%;height:100%;padding:12px 16px;margin:0;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:13px;line-height:1.6;white-space:pre;tab-size:2;background:transparent;color:transparent;caret-color:#fff;border:none;outline:none;resize:none;box-sizing:border-box;overflow:auto;z-index:1}.files-header-actions{margin-left:auto;display:flex;gap:6px;align-items:center}.files-copy-btn{background:#222;border:1px solid #333;color:#aaa;padding:3px 10px;border-radius:4px;cursor:pointer;font-size:12px;display:inline-flex;align-items:center;gap:4px}.files-copy-btn:hover{background:#333;color:#fff}.files-copy-btn svg{vertical-align:middle}.files-edit-btn{background:#222;border:1px solid #333;color:#aaa;padding:3px 10px;border-radius:4px;cursor:pointer;font-size:12px}.files-edit-btn:hover{background:#333;color:#fff}.files-render-btn{background:#222;border:1px solid #444;color:#ccc;padding:3px 10px;border-radius:4px;cursor:pointer;font-size:12px}.files-render-btn:hover{background:#333;color:#fff}.files-render-btn.active{background:#1a1a1a;border-color:#666;color:#fff}.files-render-panel{flex:1;min-height:0;display:flex;flex-direction:column;background:#fff}.files-render-iframe{flex:1;width:100%;height:100%;border:none}.files-image-panel{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:auto;padding:24px;color:#888;font-size:13px}.files-image-preview{max-width:100%;max-height:100%;object-fit:contain;border-radius:6px;background:linear-gradient(45deg,#1a1a1a 25%,transparent 25%),linear-gradient(-45deg,#1a1a1a 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#1a1a1a 75%),linear-gradient(-45deg,transparent 75%,#1a1a1a 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.files-save-btn{background:#fff;border:1px solid #fff;color:#000;padding:3px 12px;border-radius:4px;cursor:pointer;font-size:12px;font-weight:600}.files-save-btn:hover{background:#ddd}.files-save-btn:disabled{opacity:.5;cursor:default}.files-cancel-btn{background:#222;border:1px solid #333;color:#aaa;padding:3px 10px;border-radius:4px;cursor:pointer;font-size:12px}.files-cancel-btn:hover{background:#333;color:#fff}.files-edit-indicator{color:#888;font-size:11px;font-style:italic}code.hljs,.files-code.hljs,pre code.hljs{background:transparent!important;padding:0!important}.files-line-num{display:inline-block;width:4em;text-align:right;margin-right:16px;color:#444;-webkit-user-select:none;user-select:none;font-size:12px}.files-item{user-select:none;-webkit-user-select:none;display:flex;align-items:center;gap:12px;padding:10px 16px;cursor:pointer;font-size:13px}.files-item:hover{background:#111}.files-item-active{background:#1a1a1a}.files-item-icon{width:36px;height:36px;border-radius:10px;background:#1a1a1a;display:flex;align-items:center;justify-content:center;flex-shrink:0}.files-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.files-item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.files-item-dir .files-item-name{color:#fff}.files-item-file .files-item-name{color:#ccc}.files-item-meta{color:#555;font-size:12px}.files-item-more{background:none;border:none;color:#555;cursor:pointer;padding:4px;flex-shrink:0;display:none;border-radius:50%}.files-item-more:hover{color:#aaa;background:#222}.files-item-date{color:#444;font-size:11px;flex-shrink:0;margin-left:auto}.files-item-size{color:#555;font-size:11px;flex-shrink:0;margin-left:12px}.files-context-menu{position:fixed;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;padding:4px;z-index:1000;min-width:160px;box-shadow:0 4px 16px #0006}.files-context-menu button{display:flex;align-items:center;gap:8px;width:100%;background:none;border:none;color:var(--text-primary);padding:10px 14px;border-radius:6px;font-size:14px;cursor:pointer}.files-context-menu button:hover{background:var(--bg-hover)}.files-context-menu button.destructive{color:#f44}.files-context-sep{height:1px;background:var(--border-color);margin:4px 8px}#upload-progress-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1100}.upload-progress-box{background:var(--bg-secondary, #111);border:1px solid var(--border-color, #333);border-radius:12px;padding:24px 28px;width:340px;text-align:center}.upload-progress-title{font-size:15px;font-weight:600;color:#fff;margin-bottom:12px}.upload-progress-info{font-size:28px;font-weight:700;color:#fff;margin-bottom:8px}.upload-progress-track{width:100%;height:8px;background:#222;border-radius:4px;overflow:hidden;margin-bottom:8px}.upload-progress-bar{height:100%;width:0%;background:#fff;border-radius:4px;transition:width .2s ease}.upload-progress-detail{font-size:12px;color:#666;margin-bottom:4px}.upload-progress-speed{font-size:11px;color:#555;margin-bottom:16px;min-height:16px}.upload-progress-buttons{display:flex;gap:8px;justify-content:center}.upload-progress-cancel{background:none;border:1px solid #333;color:#888;border-radius:8px;padding:6px 20px;cursor:pointer;font-size:13px}.upload-progress-cancel:hover{color:#fff;border-color:#555}.upload-progress-minimize{background:#fff;border:none;color:#000;border-radius:8px;padding:6px 20px;cursor:pointer;font-size:13px;font-weight:600}.upload-progress-minimize:hover{background:#ddd}#upload-mini-toast{position:fixed;bottom:20px;right:20px;z-index:1100;background:var(--bg-secondary, #111);border:1px solid var(--border-color, #333);border-radius:10px;padding:10px 14px;display:flex;align-items:center;gap:10px;min-width:220px;box-shadow:0 4px 20px #00000080}.upload-mini-text{font-size:13px;color:#fff;font-weight:500;white-space:nowrap}.upload-mini-track{flex:1;height:4px;background:#222;border-radius:2px;overflow:hidden;min-width:60px}.upload-mini-bar{height:100%;width:0%;background:#fff;border-radius:2px;transition:width .2s ease}.upload-mini-expand{background:none;border:none;color:#666;cursor:pointer;padding:2px;display:flex}.upload-mini-expand:hover{color:#fff}.files-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1001}.files-confirm-dialog{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:24px;max-width:360px;width:90%}.files-confirm-title{font-size:16px;font-weight:600;color:#fff;margin-bottom:8px}.files-confirm-message{font-size:13px;color:#888;margin-bottom:20px;line-height:1.5}.files-confirm-actions{display:flex;gap:8px;justify-content:flex-end}.files-confirm-cancel{background:none;border:1px solid var(--border-color);color:#aaa;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:13px}.files-confirm-cancel:hover{background:var(--bg-hover)}.files-confirm-delete{background:#f44;border:none;color:#fff;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:13px}.files-confirm-delete:hover{background:#c33}.files-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(20px);background:var(--bg-secondary);border:1px solid var(--border-color);color:#fff;padding:10px 20px;border-radius:8px;font-size:13px;opacity:0;transition:opacity .3s,transform .3s;z-index:1002;pointer-events:none}.files-toast.show{opacity:1;transform:translate(-50%) translateY(0)}.files-loading{display:flex;justify-content:center;padding:40px}.files-error{padding:20px;color:#666;text-align:center;font-size:13px}.files-chat-panel{width:0;min-width:0;overflow:hidden;display:flex;flex-direction:column;border-left:1px solid var(--border);background:var(--bg);transition:width .25s ease,min-width .25s ease;flex-shrink:0}.files-layout.chat-open .files-chat-panel{width:420px;min-width:320px}.files-layout.chat-open .files-viewer{flex:1;min-width:0}.files-chat-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--border);font-size:13px;font-weight:600;color:#fff;flex-shrink:0;white-space:nowrap}.files-chat-close{background:none;border:none;color:#666;cursor:pointer;font-size:20px;line-height:1;padding:0 4px}.files-chat-close:hover{color:#fff}.files-chat-messages{flex:1;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:12px;font-size:13px;line-height:1.6}.files-chat-msg{padding:8px 12px;border-radius:8px;max-width:100%;word-wrap:break-word;white-space:pre-wrap}.files-chat-msg.user{background:#1a1a1a;color:#ccc;align-self:flex-end;border:1px solid #333}.files-chat-msg.assistant{background:#111;color:#ccc;align-self:flex-start;border:1px solid #222}.files-chat-msg.assistant .content{line-height:1.6}.files-chat-msg.assistant .content p{margin:0 0 8px}.files-chat-msg.assistant .content p:last-child{margin:0}.files-chat-msg.assistant .content code{background:#1a1a1a;padding:1px 5px;border-radius:3px;font-size:12px}.files-chat-msg.assistant .content pre{background:#0a0a0a;padding:8px 10px;border-radius:4px;overflow-x:auto;margin:6px 0;font-size:12px}.files-chat-msg.system{color:#555;font-size:11px;text-align:center;align-self:center;font-style:italic}.files-chat-msg.assistant .tool-block{margin:6px 0;border:1px solid #222;border-radius:4px;font-size:11px}.files-chat-msg.assistant .tool-block .tool-header{padding:4px 8px;background:#1a1a1a;color:#888;cursor:pointer}.files-chat-msg.assistant .tool-block .tool-input,.files-chat-msg.assistant .tool-block .tool-result{padding:4px 8px;color:#666;max-height:80px;overflow:auto;font-family:monospace;font-size:11px;white-space:pre-wrap}.files-chat-msg.assistant .thinking-block{margin:4px 0;font-size:11px}.files-chat-msg.assistant .thinking-block .thinking-header{color:#555;cursor:pointer;padding:2px 0}.files-chat-msg.assistant .thinking-block .thinking-content{color:#444;max-height:60px;overflow:auto;white-space:pre-wrap}.files-chat-input-bar{display:flex;align-items:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--border);flex-shrink:0}#files-chat-input{flex:1;background:#111;border:1px solid #333;color:#ccc;padding:8px 12px;border-radius:6px;font-size:13px;resize:none;outline:none;font-family:inherit;max-height:120px;line-height:1.4}#files-chat-input:focus{border-color:#555}.files-chat-send{background:#222;border:1px solid #333;color:#aaa;padding:8px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.files-chat-send:hover{background:#333;color:#fff}.files-chat-activity{padding:4px 12px;color:#555;font-size:11px;font-style:italic}@media(max-width:768px){.files-layout{flex-direction:column;height:100%}.files-sidebar,.files-tree{width:100%;max-width:none;min-width:0;border-right:none;flex:1 1 auto;max-height:none;height:auto}.files-viewer{display:none;flex:1 1 auto;min-height:0}.files-chat-panel,.files-layout.file-open .files-sidebar,.files-layout.file-open .files-tree{display:none}.files-layout.file-open .files-viewer{display:flex}.files-layout.file-open.chat-open .files-chat-panel{display:flex;width:100%;min-width:0;border-left:none;border-top:1px solid var(--border);flex:1 1 50%}.files-layout.file-open.chat-open .files-viewer{flex:1 1 50%;max-height:50%}.files-item{padding:12px 16px;gap:14px}.files-item-icon{width:40px;height:40px;border-radius:12px}.files-item-name{font-size:14px}.files-item-meta{font-size:12px}.files-item-more{display:flex}.files-item-date,.files-item-size{display:none}.files-mobile-back{display:flex!important}}.files-mobile-back{display:none;background:none;border:none;color:#888;cursor:pointer;padding:4px 8px;border-radius:4px;margin-right:4px}.files-mobile-back:hover{background:#1a1a1a;color:#fff}#designer-page{display:none;position:absolute;top:0;left:0;right:0;bottom:0;background:var(--bg);z-index:10;overflow:hidden}#designer-page.open{display:flex;flex-direction:column}#designer-page-inner{display:flex;flex-direction:column;height:100%;overflow:hidden}.designer-toolbar-top{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:8px 16px;border-bottom:1px solid var(--border);background:var(--bg-secondary)}.designer-tabs-bar{display:flex;align-items:stretch;gap:2px;padding:6px 12px 0;background:#0a0a0a;border-bottom:1px solid var(--border);overflow-x:auto;flex-shrink:0}.designer-tabs-bar:empty{display:none}.designer-tab{display:inline-flex;align-items:center;gap:6px;padding:6px 8px 6px 12px;max-width:220px;background:#1a1a1a;color:#888;border:1px solid #222;border-bottom:none;border-radius:8px 8px 0 0;font-size:12px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .12s,color .12s}.designer-tab:hover{background:#222;color:#ccc}.designer-tab.active{background:var(--bg-secondary);color:#fff;border-color:var(--border)}.designer-tab-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:170px}.designer-tab-close{background:none;border:none;padding:2px;color:inherit;opacity:.5;cursor:pointer;display:flex;align-items:center;border-radius:3px}.designer-tab-close:hover{opacity:1;background:#333}.designer-tab-add{background:none;border:none;color:#888;cursor:pointer;padding:4px 8px;margin-left:4px;display:inline-flex;align-items:center;border-radius:4px;align-self:center}.designer-tab-add:hover{color:#fff;background:#222}.designer-back-btn{background:var(--bg);border:none;color:#fff;cursor:pointer;padding:4px;display:flex;align-items:center;margin-right:4px}.designer-back-btn:hover{opacity:.7}.tool-close-btn{background:var(--bg);border:none;color:#888;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;border-radius:6px;margin-left:8px;flex-shrink:0}.tool-close-btn:hover{color:#fff;background:#111}.designer-toolbar-group{display:flex;align-items:center;gap:6px}.designer-toolbar-group label{font-size:12px;color:var(--text-muted);white-space:nowrap}.designer-toolbar-group select,.designer-toolbar-group input[type=number]{background:var(--input-bg);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:4px 8px;font-size:13px;font-family:inherit}.designer-toolbar-group input[type=color]{width:28px;height:28px;border:1px solid var(--border);border-radius:6px;background:none;cursor:pointer;padding:0}.designer-toolbar-right{margin-left:auto}.designer-btn{display:inline-flex;align-items:center;gap:4px;background:var(--input-bg);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:5px 10px;font-size:13px;font-family:inherit;cursor:pointer;white-space:nowrap;transition:background .15s}.designer-btn:hover{background:#222}.designer-btn.active{background:#fff;color:#000;border-color:#fff}.designer-gen-mode{background:var(--input-bg);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:5px 8px;font-size:13px;font-family:inherit;cursor:pointer}.designer-btn-export{background:#fff;color:#000;border-color:#fff}.designer-btn-export:hover{background:#ddd}.designer-topbar-dropdown{position:relative;display:inline-flex}.designer-topbar-dropdown-menu{display:none;position:absolute;right:0;top:100%;margin-top:4px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:4px;z-index:600;min-width:180px;box-shadow:0 4px 12px #0000004d}.designer-topbar-dropdown-menu.open{display:block}.designer-topbar-dropdown-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;background:none;border:none;color:var(--text);font-size:14px;cursor:pointer;border-radius:6px;white-space:nowrap}.designer-topbar-dropdown-menu button:hover{background:#222}.designer-topbar-dropdown-menu button svg{flex-shrink:0}.designer-btn-delete{color:#f44;border-color:#f44}.designer-btn-delete:hover{background:#ff444426}.designer-prefs-switch{position:relative;display:inline-block;width:40px;height:22px}.designer-prefs-switch input{opacity:0;width:0;height:0}.designer-prefs-slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background:#333;border-radius:22px;transition:background .2s}.designer-prefs-slider:before{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;background:#ccc;border-radius:50%;transition:transform .2s,background .2s}.designer-prefs-switch input:checked+.designer-prefs-slider{background:#fff}.designer-prefs-switch input:checked+.designer-prefs-slider:before{transform:translate(18px);background:#000}.designer-gen-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;z-index:10000;display:flex;align-items:center;justify-content:center}.designer-gen-modal-content{background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;width:340px;max-width:92vw;transition:width .22s ease}.designer-gen-modal-content.is-wide{width:880px}.designer-gen-modal-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border);font-size:14px;font-weight:600;color:var(--text)}.designer-gen-modal-close{background:none;border:none;color:var(--text);font-size:20px;cursor:pointer;padding:0;line-height:1}.designer-gen-modal-body{display:flex;flex-direction:column;gap:10px;padding:16px}.designer-gen-modal-body input[type=text]{background:var(--input-bg);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:8px 10px;font-size:13px;font-family:inherit}.designer-gen-modal-body input::placeholder{color:#555}.designer-gen-mode-tabs{display:flex;gap:4px;background:#0a0a0a;border:1px solid var(--border);border-radius:8px;padding:3px}.designer-gen-mode-tab{flex:1;background:transparent;border:none;color:#888;font-size:12px;font-weight:500;font-family:inherit;padding:7px 6px;border-radius:6px;cursor:pointer;transition:background .12s,color .12s}.designer-gen-mode-tab:hover{color:#ddd}.designer-gen-mode-tab.active{background:#fff;color:#000;font-weight:600}.designer-gen-options{display:flex;gap:10px}.designer-gen-option{flex:1;display:flex;flex-direction:column;gap:4px;font-size:11px;color:#888}.designer-gen-option select{background:var(--input-bg);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:7px 9px;font-size:13px;font-family:inherit;cursor:pointer}.designer-gen-results{padding:14px 16px 16px}.designer-gen-results-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.designer-gen-back-btn{display:inline-flex;align-items:center;gap:5px;background:transparent;border:1px solid var(--border);color:#aaa;border-radius:6px;padding:5px 10px 5px 7px;font-size:12px;cursor:pointer;font-family:inherit;flex-shrink:0;transition:color .12s,border-color .12s}.designer-gen-back-btn:hover{color:#fff;border-color:#555}.designer-gen-results-prompt{flex:1;min-width:0;font-size:12px;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-style:italic}.designer-gen-results-reason{font-size:11px;color:#777;line-height:1.5;padding:8px 10px;background:#0a0a0a;border-radius:6px;border-left:2px solid #444;margin-bottom:4px}.designer-gen-variants-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;max-height:60vh;overflow-y:auto;padding:2px}.designer-gen-variant-card{position:relative;aspect-ratio:1/1;background:#fff;border:2px solid #2a2a2a;border-radius:10px;padding:10px;cursor:pointer;overflow:hidden;display:flex;flex-direction:column;transition:border-color .12s,transform .12s}.designer-gen-variant-card:hover{border-color:#fff;transform:translateY(-2px)}.designer-gen-variant-card.is-best{border-color:#fff;box-shadow:0 0 0 3px #ffffff1f}.designer-gen-variant-card .variant-svg{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden}.designer-gen-variant-card .variant-svg svg{width:100%;height:100%;max-height:100%}.designer-gen-variant-card .variant-label{font-size:10px;color:#666;text-align:center;margin-top:4px;font-weight:500}.designer-gen-variant-card.is-best .variant-label{color:#000;font-weight:600}.designer-gen-variant-badge{position:absolute;top:6px;right:6px;background:#000;color:#fff;font-size:9px;font-weight:700;letter-spacing:.8px;padding:3px 7px;border-radius:999px;z-index:2}.designer-gen-regenerate{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:transparent;border:1px solid var(--border);color:#aaa;border-radius:6px;padding:8px 14px;font-size:12px;cursor:pointer;font-family:inherit;align-self:center;transition:color .12s,border-color .12s}.designer-gen-regenerate:hover{color:#fff;border-color:#555}.designer-gen-regenerate:disabled{opacity:.5;cursor:wait}.designer-gen-section-tabs{display:flex;gap:0;border-bottom:1px solid var(--border);padding:0 16px}.designer-gen-section-tab{background:transparent;border:none;border-bottom:2px solid transparent;color:#888;font-size:12px;font-weight:500;font-family:inherit;padding:10px 14px;margin-bottom:-1px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:color .12s,border-color .12s}.designer-gen-section-tab:hover{color:#ddd}.designer-gen-section-tab.active{color:#fff;border-bottom-color:#fff}.designer-gen-history-count{background:#2a2a2a;color:#ccc;font-size:10px;font-weight:600;padding:1px 6px;border-radius:999px;min-width:16px;text-align:center}.designer-gen-section-tab.active .designer-gen-history-count{background:#fff;color:#000}.designer-gen-history-view{max-height:60vh;overflow-y:auto}.designer-gen-history-empty{text-align:center;color:#666;font-size:12px;padding:30px 16px;font-style:italic}.designer-gen-history-list{display:flex;flex-direction:column;gap:8px}.designer-gen-history-item{display:flex;align-items:center;gap:10px;background:#0c0c0c;border:1px solid var(--border);border-radius:8px;padding:8px;cursor:pointer;text-align:left;transition:border-color .12s,background .12s}.designer-gen-history-item:hover{border-color:#555;background:#141414}.designer-gen-history-thumb{width:56px;height:56px;flex-shrink:0;background:#fff;border-radius:6px;padding:4px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;overflow:hidden}.designer-gen-history-thumb svg{width:100%;height:100%}.designer-gen-history-meta{flex:1;min-width:0}.designer-gen-history-prompt{font-size:13px;color:#eee;font-weight:500;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.designer-gen-history-sub{font-size:11px;color:#777;margin-top:3px;display:flex;align-items:center;gap:8px}.designer-gen-history-mode-badge{background:#1a1a1a;color:#aaa;padding:1px 7px;border-radius:4px;font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.designer-gen-history-delete{background:transparent;border:none;color:#555;cursor:pointer;padding:6px;border-radius:4px;flex-shrink:0;transition:color .12s,background .12s}.designer-gen-history-delete:hover{color:#f55;background:#1a0808}.designer-gen-chat{margin-top:4px;padding-top:14px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:8px}.designer-gen-chat-header{display:flex;align-items:center;gap:7px;font-size:11px;color:#888;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.designer-gen-chat-messages{display:flex;flex-direction:column;gap:6px;max-height:140px;overflow-y:auto}.designer-gen-chat-messages:empty{display:none}.designer-gen-chat-msg{font-size:12px;line-height:1.4;padding:7px 11px;border-radius:12px;max-width:90%;word-wrap:break-word}.designer-gen-chat-msg.is-user{background:#1a1a1a;color:#eee;align-self:flex-end;border-bottom-right-radius:4px}.designer-gen-chat-msg.is-system{background:transparent;color:#777;font-style:italic;align-self:flex-start;padding:4px 0;font-size:11px}.designer-gen-chat-input-row{display:flex;gap:6px;align-items:stretch}.designer-gen-chat-input-row input{flex:1;min-width:0;background:var(--input-bg);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:8px 10px;font-size:13px;font-family:inherit}.designer-gen-chat-input-row input::placeholder{color:#555}.designer-gen-chat-input-row input:focus{outline:none;border-color:#555}.designer-gen-chat-send{background:#fff;color:#000;border:none;border-radius:6px;padding:0 12px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .12s}.designer-gen-chat-send:hover{background:#ddd}.designer-gen-chat-send:disabled{opacity:.5;cursor:wait}.designer-gen-moodboard-view{max-height:65vh;overflow-y:auto}.designer-gen-moodboard-intro{font-size:12px;color:#888;line-height:1.5;margin-bottom:4px}.designer-gen-moodboard-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:22px 16px;border-radius:10px;border:1.5px dashed #333;background:#0a0a0a;color:#888;cursor:pointer;text-align:center;transition:border-color .12s,background .12s,color .12s}.designer-gen-moodboard-drop:hover,.designer-gen-moodboard-drop.is-dragging{border-color:#fff;background:#131313;color:#fff}.designer-gen-moodboard-drop-text{font-size:12px;font-weight:500}.designer-gen-moodboard-drop-sub{font-size:11px;color:#555}.designer-gen-moodboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}.designer-gen-moodboard-grid:empty{display:none}.designer-gen-moodboard-tile{position:relative;aspect-ratio:1/1;background:#0a0a0a;border:1px solid var(--border);border-radius:8px;overflow:hidden}.designer-gen-moodboard-tile img{width:100%;height:100%;object-fit:cover;display:block}.designer-gen-moodboard-tile-loading{display:flex;align-items:center;justify-content:center;height:100%;font-size:10px;color:#555}.designer-gen-moodboard-tile-delete{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;background:#000000b3;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .12s,background .12s}.designer-gen-moodboard-tile:hover .designer-gen-moodboard-tile-delete{opacity:1}.designer-gen-moodboard-tile-delete:hover{background:#f55}.designer-gen-moodboard-toggle{display:flex;align-items:center;gap:8px;font-size:12px;color:#aaa;cursor:pointer;padding:6px 10px;background:#0a0a0a;border:1px solid var(--border);border-radius:6px}.designer-gen-moodboard-toggle input{accent-color:#fff;cursor:pointer}.designer-gen-moodboard-toggle:hover{color:#ddd}.designer-gen-moodboard-toggle-text{line-height:1.2}.designer-gen-moodboard-toggle-text b{color:#fff;font-weight:600}.designer-gen-loading{align-items:center;padding:40px 20px;gap:14px}.designer-gen-spinner{width:32px;height:32px;border-radius:50%;border:2px solid #222;border-top-color:#fff;animation:designer-gen-spin .8s linear infinite}@keyframes designer-gen-spin{to{transform:rotate(360deg)}}.designer-gen-loading-text{font-size:13px;color:#ddd;font-weight:500}.designer-gen-loading-sub{font-size:11px;color:#666}.designer-layer-text-controls,.designer-layer-shape-controls{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.designer-layer-text-controls select,.designer-layer-text-controls input[type=number],.designer-layer-shape-controls input[type=number]{background:var(--input-bg);border:1px solid var(--border);color:var(--text);border-radius:4px;padding:2px 4px;font-size:11px;font-family:inherit}.designer-layer-text-controls select{max-width:70px}.designer-layer-action-btn.active{background:#fff;color:#000}.designer-font-picker{position:relative;display:inline-flex}.designer-font-picker-btn{background:var(--input-bg);border:1px solid var(--border);color:var(--text);border-radius:4px;padding:2px 6px;font-size:11px;cursor:pointer;max-width:90px;min-width:70px;height:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}.designer-font-picker-btn:hover{border-color:#666}.designer-font-picker-panel{position:fixed;z-index:10000;background:#1a1a1a;border:1px solid #333;border-radius:6px;box-shadow:0 8px 24px #00000080;overflow-y:auto;padding:4px 0}.designer-font-picker-group{font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:#666;padding:8px 12px 4px;font-family:var(--font-ui, system-ui)}.designer-font-picker-group:first-child{padding-top:4px}.designer-font-picker-item{padding:6px 12px;font-size:16px;color:#ddd;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.designer-font-picker-item:hover{background:#2a2a2a;color:#fff}.designer-font-picker-item.active{background:#fff;color:#000}#designer-main-area{flex:1;display:flex;overflow:hidden;position:relative}.designer-tools-sidebar{display:flex;flex-direction:column;gap:4px;padding:8px 6px;background:var(--bg-secondary);border-left:1px solid var(--border);align-items:center;position:relative;z-index:10;transition:box-shadow .2s,border-radius .2s}.designer-tools-sidebar.floating{position:absolute;border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 32px #00000080;z-index:100;cursor:default}.designer-tools-sidebar.floating.snapped{border-radius:0;box-shadow:0 4px 16px #0000004d}.designer-toolbar-draghandle{width:28px;height:16px;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--text-muted);cursor:grab;-webkit-user-select:none;user-select:none;border-radius:4px;margin-bottom:2px;letter-spacing:1px;line-height:1}.designer-toolbar-draghandle:hover{color:var(--text);background:#ffffff14}.designer-toolbar-draghandle:active{cursor:grabbing}.designer-tools-sidebar.floating .designer-toolbar-draghandle{cursor:grab}.designer-tools-sidebar.floating .designer-toolbar-draghandle:active{cursor:grabbing}.designer-tool-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:none;border:1px solid transparent;color:var(--text);cursor:pointer;transition:background .15s,border-color .15s}.designer-tool-icon:hover{background:#222;border-color:var(--border)}.designer-tool-icon:active,.designer-tool-icon.active{background:#fff;color:#000;border-color:#fff}.designer-zoom-controls{display:flex;align-items:center;gap:2px}.designer-zoom-btn{padding:4px 6px!important;min-width:0!important}.designer-zoom-label{font-size:11px;color:var(--text-muted);min-width:40px;text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none}.designer-zoom-label:hover{color:var(--text)}#designer-canvas-wrapper{flex:1;position:relative;overflow:hidden;background:#0a0a0a}#designer-page.designer-canvas-edge-hidden #designer-canvas-wrapper{background:#fff}#designer-page.designer-canvas-edge-hidden #designer-canvas{box-shadow:none}#designer-layers-panel{width:220px;min-width:220px;background:var(--bg-secondary);border-left:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.designer-layers-header{padding:10px 12px;font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border)}#designer-layers-list{flex:1;overflow-y:auto;padding:4px 0}.designer-layer-item{display:flex;flex-direction:column;gap:4px;padding:6px 12px;cursor:pointer;font-size:13px;color:var(--text);border-bottom:1px solid var(--border);transition:background .1s;-webkit-user-select:none;user-select:none}.designer-layer-item:hover{background:#1a1a1a}.designer-layer-item.active{background:#2a2a2a;box-shadow:inset 3px 0 #fff}.designer-layer-item.active .designer-layer-name{color:#fff;font-weight:600}.designer-layer-item.active .designer-layer-icon{opacity:1}.designer-layer-row{display:flex;align-items:center;gap:8px;width:100%}.designer-layer-icon{width:18px;height:18px;flex-shrink:0;opacity:.6}.designer-layer-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.designer-layer-rename-input{flex:1;background:var(--input-bg);border:1px solid #555;color:var(--text);border-radius:3px;padding:1px 4px;font-size:12px;font-family:inherit;outline:none;min-width:0}.designer-layer-collapse-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px;flex-shrink:0;opacity:.4;transition:opacity .1s,transform .15s;display:flex;align-items:center}.designer-layer-collapse-btn:hover{opacity:.8}.designer-layer-collapse-btn.collapsed{transform:rotate(-90deg)}.designer-layer-actions{display:flex;gap:2px;opacity:0;transition:opacity .1s}.designer-layer-item:hover .designer-layer-actions{opacity:1}.designer-layer-action-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px;font-size:14px;line-height:1}.designer-layer-action-btn:hover{color:var(--text)}.designer-layer-lock-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px;font-size:13px;line-height:1;opacity:.4;transition:opacity .1s;flex-shrink:0}.designer-layer-lock-btn:hover{opacity:.8}.designer-layer-lock-btn.locked{opacity:1;color:#fff}.designer-layer-item.locked .designer-layer-name{opacity:.5}.designer-layer-item.locked .designer-layer-props{opacity:.4;pointer-events:none}.designer-layer-props{display:flex;flex-direction:column;gap:4px;width:100%}.designer-layer-prop-row{display:flex;align-items:center;gap:6px;width:100%}.designer-layer-prop-label{font-size:10px;color:var(--text-muted);min-width:14px;flex-shrink:0}.designer-layer-props input[type=range]{flex:1;height:3px;-webkit-appearance:none;appearance:none;background:#333;border-radius:2px;outline:none;cursor:pointer}.designer-layer-props input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;background:#fff;border-radius:50%;cursor:pointer}.designer-layer-props select{flex:1;background:var(--input-bg);border:1px solid var(--border);color:var(--text);border-radius:4px;padding:2px 4px;font-size:10px;font-family:inherit;cursor:pointer}.designer-layer-opacity-val{font-size:10px;color:var(--text-muted);min-width:28px;text-align:right}.designer-layer-fx-container{width:100%;margin-top:4px;padding-top:4px;border-top:1px solid var(--border)}.designer-layer-fx-header{display:flex;align-items:center;gap:5px;cursor:pointer;font-size:9px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;padding:2px 0;-webkit-user-select:none;user-select:none}.designer-layer-fx-header:hover{color:var(--text)}.designer-layer-fx-arrow{font-size:8px;width:10px;text-align:center;transition:color .15s}.designer-layer-fx-badge{background:#555;color:#fff;font-size:8px;padding:0 4px;border-radius:6px;margin-left:auto;line-height:14px}.designer-layer-fx-body{display:flex;flex-direction:column;gap:4px;padding-top:4px;width:100%}.designer-layer-fx-row{gap:6px}.designer-layer-fx-row input[type=checkbox]{width:12px;height:12px;margin:0;cursor:pointer;accent-color:#fff}.designer-layer-fx-label{font-size:10px;color:var(--text);cursor:default}.designer-layer-fx-details{display:flex;flex-direction:column;gap:3px;padding-left:18px;width:100%;box-sizing:border-box}.designer-layer-fx-color{width:24px;height:18px;padding:0;border:1px solid var(--border);border-radius:3px;cursor:pointer;background:none}#designer-canvas{position:absolute;top:0;left:0;transform-origin:0 0;overflow:visible;box-shadow:0 0 0 1px var(--border),0 4px 24px #00000080;touch-action:none}.canvas-resize-handle{position:absolute;z-index:9999;opacity:0;transition:opacity .15s}.canvas-resize-handle:hover,.canvas-resize-handle:active{opacity:1}.canvas-resize-right{width:6px;cursor:ew-resize;background:#fff;border-radius:3px}.canvas-resize-bottom{height:6px;cursor:ns-resize;background:#fff;border-radius:3px}.canvas-resize-corner{width:16px;height:16px;cursor:nwse-resize;background:#fff;border-radius:4px;border:2px solid #888}.designer-guides{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999}.designer-guide{position:absolute;background:none}.designer-guide-h{left:0;right:0;top:50%;height:0;border-top:1px dashed rgba(255,255,255,.35)}.designer-guide-v{top:0;bottom:0;left:50%;width:0;border-left:1px dashed rgba(255,255,255,.35)}#designer-guides-btn.active{background:#333}.designer-element{position:absolute;cursor:move;-webkit-user-select:none;user-select:none;min-width:20px;min-height:16px}.designer-element.selected{outline:2px solid #000;outline-offset:2px}.designer-element.hover-highlight{outline:1px solid rgba(130,130,130,.7);outline-offset:1px}.designer-text{padding:4px 8px;cursor:move;white-space:pre;overflow:visible;outline-color:#fff}.designer-text[data-text-mode=area]{white-space:pre-wrap;word-wrap:break-word;overflow:hidden}.designer-text:focus{cursor:text}.designer-text-mode-widget{position:absolute;bottom:-22px;right:-2px;width:20px;height:20px;background:#333;border:1px solid #555;border-radius:3px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;z-index:10;pointer-events:auto}.designer-text-mode-widget:hover{background:#555}.designer-image{display:inline-block}.designer-image img{pointer-events:none;-webkit-user-select:none;user-select:none}.designer-shape{display:inline-block}.designer-shape svg{pointer-events:none}.path-edit-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;overflow:visible;pointer-events:none}.path-edit-point{pointer-events:all;z-index:101}.path-edit-anchor{background:#000;border:1.5px solid #fff;border-radius:1px;box-shadow:0 0 3px #00000080}.path-edit-anchor.selected{background:#fff}.path-edit-handle{background:#888;border:1px solid #fff;border-radius:50%;box-shadow:0 0 2px #00000080}.path-edit-radius{background:transparent;border:2px solid #888;border-radius:50%;box-shadow:0 0 2px #00000080}.path-edit-radius:hover{border-color:#fff}.path-edit-add{background:transparent;border:1px dashed #666;border-radius:50%;opacity:.4;transition:opacity .15s}.path-edit-add:hover{opacity:1;background:#ffffff26}#designer-shape-controls{display:flex;align-items:center;gap:6px}#designer-shape-controls input[type=color]{width:28px;height:28px;border:1px solid var(--border);border-radius:6px;background:none;cursor:pointer;padding:0}.designer-context-menu{position:fixed;z-index:10000;background:#1a1a1a;border:1px solid #333;border-radius:6px;padding:4px 0;min-width:140px;box-shadow:0 4px 16px #00000080}.designer-context-menu-item{padding:8px 16px;cursor:pointer;font-size:13px;color:#ccc}.designer-context-menu-item:hover{background:#333;color:#fff}.designer-context-menu-item.has-submenu{display:flex;align-items:center;position:relative}.designer-context-submenu{display:none;position:absolute;left:100%;top:-4px;background:#1a1a1a;border:1px solid #333;border-radius:6px;padding:4px 0;min-width:180px;box-shadow:0 4px 16px #00000080}.designer-context-menu-item.has-submenu:hover>.designer-context-submenu{display:block}.ai-edit-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20000;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center}.ai-edit-modal{background:#111;border:1px solid #333;border-radius:16px;display:flex;width:800px;max-width:90vw;max-height:85vh;overflow:hidden;position:relative;box-shadow:0 24px 64px #0009}.ai-edit-close{position:absolute;top:12px;right:16px;z-index:10;background:none;border:none;color:#666;font-size:24px;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .15s}.ai-edit-close:hover{background:#222;color:#fff}.ai-edit-preview{flex:1;min-width:0;background:repeating-conic-gradient(#222 0% 25%,#1a1a1a 0% 50%) 50% / 20px 20px;display:flex;align-items:center;justify-content:center;padding:24px;border-right:1px solid #222}.ai-edit-preview img{max-width:100%;max-height:60vh;object-fit:contain;border-radius:4px}.ai-edit-controls{width:280px;flex-shrink:0;padding:24px;display:flex;flex-direction:column;gap:16px}.ai-edit-title{font-size:16px;font-weight:600;color:#fff}.ai-edit-quick-actions{display:flex;flex-wrap:wrap;gap:6px}.ai-edit-preset{background:#1a1a1a;border:1px solid #333;border-radius:999px;color:#aaa;font-size:12px;padding:6px 14px;cursor:pointer;transition:all .15s;white-space:nowrap}.ai-edit-preset:hover:not(:disabled){background:#222;color:#fff;border-color:#555}.ai-edit-preset:disabled{opacity:.4;cursor:not-allowed}.ai-edit-input-row{display:flex;gap:8px;margin-top:auto}.ai-edit-input{flex:1;background:#1a1a1a;border:1px solid #333;border-radius:10px;padding:10px 14px;color:#fff;font-size:13px;outline:none}.ai-edit-input:focus{border-color:#555}.ai-edit-input:disabled{opacity:.4}.ai-edit-send{background:#fff;border:none;border-radius:10px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#000;flex-shrink:0;transition:all .15s}.ai-edit-send:hover:not(:disabled){background:#ddd}.ai-edit-send:disabled{opacity:.4;cursor:not-allowed}.ai-edit-status{font-size:12px;color:#666;min-height:18px;transition:all .2s}.ai-edit-status.active{color:#888}.ai-edit-status.success{color:#4a4}.ai-edit-status.error{color:#a44}.designer-resize-handle{position:absolute;width:14px;height:14px;background:#fff;border:2px solid #000;border-radius:3px;display:none;z-index:10}.designer-element.selected .designer-resize-handle,.designer-element.multi-selected .designer-resize-handle{display:block}.designer-multi-active .designer-element.multi-selected .designer-resize-handle,.designer-multi-active .designer-element.selected .designer-resize-handle,.designer-multi-active .designer-element.multi-selected .designer-rotate-zone,.designer-multi-active .designer-element.selected .designer-rotate-zone{z-index:9992}#designer-canvas-wrapper:has(.designer-multi-active) .designer-corner-radius-handle{display:none}.designer-multi-active .designer-element.selected{outline:1px dashed #000;outline-offset:1px}.designer-handle-tl{top:-7px;left:-7px;cursor:nwse-resize}.designer-handle-tr{top:-7px;right:-7px;cursor:nesw-resize}.designer-handle-bl{bottom:-7px;left:-7px;cursor:nesw-resize}.designer-handle-br{bottom:-7px;right:-7px;cursor:nwse-resize}.designer-edge-handle{position:absolute;width:12px;height:12px;background:#fff;border:2px solid #000;border-radius:2px;display:none;z-index:10;box-sizing:border-box}.designer-text[data-text-mode=area].selected .designer-edge-handle,.designer-text[data-text-mode=area].multi-selected .designer-edge-handle{display:block}.designer-edge-handle-n{top:-6px;left:50%;margin-left:-6px;cursor:ns-resize}.designer-edge-handle-s{bottom:-6px;left:50%;margin-left:-6px;cursor:ns-resize}.designer-edge-handle-e{right:-6px;top:50%;margin-top:-6px;cursor:ew-resize}.designer-edge-handle-w{left:-6px;top:50%;margin-top:-6px;cursor:ew-resize}.designer-group{border:1px dashed rgba(255,255,255,.15)}.designer-group.selected{border-color:#ffffff4d}.designer-btn-small{padding:4px 5px!important;min-width:0}.designer-btn-small svg{width:14px;height:14px}.designer-toolbar-sep{width:1px;height:18px;background:#333;margin:0 2px}.designer-corner-radius-handle{position:absolute;width:10px;height:10px;background:#fff;border:2px solid #888;border-radius:50%;z-index:1001;cursor:pointer;box-sizing:border-box;transform:translate(-50%,-50%);pointer-events:auto}.designer-corner-radius-handle:hover{border-color:#4a90d9;background:#4a90d9}.designer-corner-radius-handle.single-active{background:#4a90d9;border-color:#4a90d9}.designer-rotate-zone{position:absolute;width:20px;height:20px;display:none;z-index:9}.designer-element.selected .designer-rotate-zone,.designer-element.multi-selected .designer-rotate-zone{display:block}.designer-rotate-tl{top:-16px;left:-16px;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2'%3E%3Cpath d='M1 4v6h6'/%3E%3Cpath d='M3.51 15a9 9 0 1 0 2.13-9.36L1 10'/%3E%3C/svg%3E") 9 9,pointer}.designer-rotate-tr{top:-16px;right:-16px;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2'%3E%3Cpath d='M23 4v6h-6'/%3E%3Cpath d='M20.49 15a9 9 0 1 1-2.13-9.36L23 10'/%3E%3C/svg%3E") 9 9,pointer}.designer-rotate-bl{bottom:-16px;left:-16px;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2'%3E%3Cpath d='M1 20v-6h6'/%3E%3Cpath d='M3.51 9a9 9 0 1 1 2.13 9.36L1 14'/%3E%3C/svg%3E") 9 9,pointer}.designer-rotate-br{bottom:-16px;right:-16px;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2'%3E%3Cpath d='M23 20v-6h-6'/%3E%3Cpath d='M20.49 9a9 9 0 1 0-2.13 9.36L23 14'/%3E%3C/svg%3E") 9 9,pointer}.designer-element.multi-selected{outline:1px dashed #000;outline-offset:1px}.designer-multi-bbox{position:absolute;border:2px solid #000;pointer-events:auto;cursor:move;z-index:9990}.designer-bbox-handle{position:absolute;width:14px;height:14px;background:#fff;border:2px solid #000;border-radius:3px;z-index:9991;pointer-events:auto}.designer-bbox-handle-tl{top:-7px;left:-7px;cursor:nwse-resize}.designer-bbox-handle-tr{top:-7px;right:-7px;cursor:nesw-resize}.designer-bbox-handle-bl{bottom:-7px;left:-7px;cursor:nesw-resize}.designer-bbox-handle-br{bottom:-7px;right:-7px;cursor:nwse-resize}.designer-bool-group{gap:2px}.designer-group{pointer-events:all}.designer-group>.designer-element{position:absolute}.designer-align-group{gap:2px!important}.designer-btn-small{padding:4px 5px!important}.designer-toolbar-sep{width:1px;height:20px;background:#333;margin:0 2px}.designer-context-menu-item.disabled{color:#555;cursor:default;pointer-events:none}#designer-radius-control{display:flex;align-items:center;gap:4px}#designer-corner-radius{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border);border-radius:4px;padding:2px 4px;font-size:12px}#designer-custom-size{display:flex;align-items:center;gap:4px}#designer-custom-size input{width:70px}#designer-custom-size span{color:var(--text-muted);font-size:13px}.designer-gradient-control{padding:4px 0}.designer-gradient-type-row{display:flex;gap:2px;margin-bottom:4px}.designer-gradient-type-btn{flex:1;padding:3px 4px;font-size:11px;background:var(--input-bg);border:1px solid var(--border);color:var(--text-muted);border-radius:4px;cursor:pointer;font-family:inherit}.designer-gradient-type-btn.active{background:#fff;color:#000;border-color:#fff}.designer-gradient-type-btn:hover:not(.active){background:#222}.designer-gradient-preview{height:16px;border-radius:4px;margin-bottom:4px;border:1px solid var(--border)}.designer-gradient-stops{display:flex;flex-direction:column;gap:3px}.designer-gradient-stop-row{display:flex;align-items:center;gap:4px}.designer-fill-select,.designer-layer-fx-select,.designer-layer-stroke-cap-select,.designer-layer-stroke-style-select{flex:1;background:var(--input-bg);border:1px solid var(--border);color:var(--text);border-radius:4px;padding:3px 6px;font-size:11px;font-family:inherit;cursor:pointer}.designer-layer-stroke-opts{display:flex;gap:4px;align-items:center}.designer-layer-stroke-opts select{min-width:0;flex:1}#designer-projects-view{flex:1;overflow-y:auto;padding:40px 24px}.designer-projects-header{text-align:center;margin-bottom:32px}.designer-projects-header svg{margin-bottom:8px}.designer-projects-header h2{font-size:22px;font-weight:600;color:var(--text);margin:0 0 4px}.designer-projects-header p{font-size:14px;color:var(--text-muted);margin:0}.designer-projects-actions{display:flex;justify-content:center;gap:10px;margin-bottom:24px}.designer-new-project-btn{display:inline-flex;align-items:center;gap:6px;background:#fff;color:#000;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-family:inherit;font-weight:500;cursor:pointer;transition:background .15s}.designer-new-project-btn:hover{background:#ddd}.designer-projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;max-width:900px;margin:0 auto}.designer-project-card{display:flex;flex-direction:column;background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;cursor:pointer;overflow:hidden;transition:background .15s,border-color .15s}.designer-project-card:hover{background:#1a1a1a;border-color:#444}.designer-project-thumb{width:100%;aspect-ratio:16/10;background:#0a0a0a;display:flex;align-items:center;justify-content:center;overflow:hidden}.designer-project-thumb img{width:100%;height:100%;object-fit:cover}.designer-project-thumb.empty{opacity:.4}.designer-project-card-bottom{display:flex;align-items:center}.designer-project-info{flex:1;min-width:0;padding:12px 14px}.designer-project-name{font-size:14px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.designer-project-meta{font-size:11px;color:var(--text-muted);margin-top:3px}.designer-project-delete{background:none;border:none;color:#666;cursor:pointer;padding:6px;border-radius:6px;transition:color .15s,background .15s;flex-shrink:0;margin-right:8px}.designer-project-delete:hover{color:#f44;background:#ff44441a}#designer-projects-empty{text-align:center;padding:40px;color:#444}#designer-projects-empty svg{margin-bottom:12px}#designer-projects-empty p{font-size:14px;color:#555;margin:0}@media(max-width:768px){.designer-toolbar-top{padding:6px 8px;gap:4px;flex-wrap:wrap}.designer-toolbar-group{gap:4px}.designer-toolbar-group label{display:none}.designer-toolbar-group select,.designer-toolbar-group input[type=number]{padding:4px 6px;font-size:12px}.designer-toolbar-group input[type=color]{width:24px;height:24px}.designer-toolbar-right{margin-left:0}.designer-btn{padding:6px 8px;font-size:0;gap:0}.designer-btn svg{width:20px;height:20px}.designer-btn-export{font-size:0}.designer-align-group{display:none!important}.designer-tools-sidebar{display:none}.designer-mobile-overflow{display:inline-flex;position:relative}.designer-mobile-overflow-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--input-bg);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:6px 10px;cursor:pointer;font-size:18px;line-height:1}.designer-mobile-overflow-btn:hover{background:#222}.designer-overflow-menu{display:none;position:absolute;right:0;top:100%;margin-top:4px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:4px;z-index:600;min-width:160px;box-shadow:0 4px 12px #0000004d}.designer-overflow-menu.open{display:block}.designer-overflow-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;background:none;border:none;color:var(--text);font-size:14px;cursor:pointer;border-radius:6px;white-space:nowrap}.designer-overflow-menu button:hover{background:#222}.designer-overflow-menu button svg{width:16px;height:16px;flex-shrink:0}.designer-mobile-hide,.designer-align-group{display:none!important}.designer-mobile-layers-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--input-bg);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:6px 8px;cursor:pointer}.designer-mobile-layers-btn:hover{background:#222}.designer-mobile-layers-btn svg{width:20px;height:20px}#designer-layers-panel{display:none;position:fixed;left:0;right:0;bottom:0;width:100%;height:auto;max-height:55vh;min-width:0;border-left:none;border-top:1px solid var(--border);border-radius:16px 16px 0 0;z-index:500;transform:translateY(100%);transition:transform .25s ease}#designer-layers-panel.mobile-open{display:flex;transform:translateY(0)}.designer-layers-header{padding:12px 16px;display:flex;align-items:center;justify-content:space-between}.designer-layers-close-btn{display:inline-flex;background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:20px;padding:4px}.designer-layers-close-btn:hover{color:var(--text)}.designer-layers-backdrop{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;z-index:499}.designer-layers-backdrop.open{display:block}#designer-projects-view{padding:24px 16px}.designer-projects-grid{grid-template-columns:1fr}#designer-main-area.designer-chat-open .designer-chat-panel{width:100%!important;min-width:0!important;border-left:none!important;border-top:1px solid var(--border)}#designer-main-area.designer-chat-open #designer-canvas-wrapper{flex:1;min-height:40%}}@media(min-width:769px){.designer-mobile-overflow,.designer-mobile-layers-btn,.designer-layers-close-btn{display:none}.designer-layers-backdrop{display:none!important}}.designer-chat-panel{width:0;min-width:0;overflow:hidden;display:flex;flex-direction:column;border-left:1px solid var(--border);background:var(--bg);transition:width .25s ease,min-width .25s ease;flex-shrink:0}#designer-main-area.designer-chat-open .designer-chat-panel{width:420px;min-width:320px}#designer-main-area.designer-chat-open #designer-canvas-wrapper{flex:1;min-width:0}#designer-page.designer-preview-mode .designer-toolbar-top,#designer-page.designer-preview-mode .designer-tools-sidebar,#designer-page.designer-preview-mode #designer-layers-panel,#designer-page.designer-preview-mode .designer-chat-panel,#designer-page.designer-preview-mode .designer-layers-backdrop{display:none!important}#designer-page.designer-preview-mode #designer-page-inner,#designer-page.designer-preview-mode #designer-main-area{height:100%}#designer-page.designer-preview-mode #designer-canvas-wrapper{background:#000;display:flex;align-items:center;justify-content:center}#designer-page.designer-preview-mode #designer-canvas{box-shadow:none}.designer-preview-hint{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#ffffff1a;color:#888;padding:8px 20px;border-radius:8px;font-size:13px;z-index:100;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:opacity .3s}.designer-chat-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--border);font-size:13px;font-weight:600;color:#fff;flex-shrink:0;white-space:nowrap}.designer-chat-close{background:none;border:none;color:#666;cursor:pointer;font-size:20px;line-height:1;padding:0 4px}.designer-chat-close:hover{color:#fff}.designer-chat-tabs{display:flex;align-items:center;gap:0;border-bottom:1px solid var(--border);flex-shrink:0;overflow-x:auto;scrollbar-width:none;background:#0a0a0a}.designer-chat-tabs::-webkit-scrollbar{display:none}.designer-chat-tab{display:flex;align-items:center;gap:4px;padding:6px 12px;font-size:11px;color:#666;cursor:pointer;border-right:1px solid var(--border);white-space:nowrap;flex-shrink:0;transition:background .15s,color .15s}.designer-chat-tab:hover{background:#1a1a1a;color:#999}.designer-chat-tab.active{background:#111;color:#fff}.designer-chat-tab-title{max-width:120px;overflow:hidden;text-overflow:ellipsis}.designer-chat-tab-close{font-size:14px;line-height:1;color:#555;cursor:pointer;margin-left:2px}.designer-chat-tab-close:hover{color:#fff}.designer-chat-tab-new{color:#555;font-size:16px;padding:5px 10px;border-right:none}.designer-chat-tab-new:hover{color:#fff;background:#1a1a1a}.designer-chat-messages{flex:1;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:12px;font-size:13px;line-height:1.6}.designer-chat-msg{padding:8px 12px;border-radius:8px;max-width:100%;word-wrap:break-word;white-space:pre-wrap}.designer-chat-msg.user{background:#1a1a1a;color:#ccc;align-self:flex-end;border:1px solid #333}.designer-chat-msg.assistant{background:#111;color:#ccc;align-self:flex-start;border:1px solid #222}.designer-chat-msg.assistant .content{line-height:1.6;white-space:normal}.designer-chat-msg.assistant .content p{margin:0 0 8px}.designer-chat-msg.assistant .content p:last-child{margin:0}.designer-chat-msg.assistant .content code{background:#1a1a1a;padding:1px 5px;border-radius:3px;font-size:12px}.designer-chat-msg.assistant .content pre{background:#0a0a0a;padding:8px 10px;border-radius:4px;overflow-x:auto;margin:6px 0;font-size:12px}.designer-chat-msg.system{color:#555;font-size:11px;text-align:center;align-self:center;font-style:italic;white-space:normal}.designer-chat-msg.assistant .tool-block{margin:6px 0;border:1px solid #222;border-radius:4px;font-size:11px}.designer-chat-msg.assistant .tool-block .tool-header{padding:4px 8px;background:#1a1a1a;color:#888;cursor:pointer}.designer-chat-msg.assistant .tool-block .tool-input,.designer-chat-msg.assistant .tool-block .tool-result{padding:4px 8px;color:#666;max-height:80px;overflow:auto;font-family:monospace;font-size:11px;white-space:pre-wrap}.designer-chat-msg.assistant .thinking-block{margin:4px 0;font-size:11px}.designer-chat-msg.assistant .thinking-block .thinking-header{color:#555;cursor:pointer;padding:2px 0}.designer-chat-msg.assistant .thinking-block .thinking-content{color:#444;max-height:60px;overflow:auto;white-space:pre-wrap}.designer-refine-btn{display:inline-flex;align-items:center;gap:6px;margin-top:10px;background:#1a1a1a;border:1px solid #333;color:#aaa;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:12px;font-family:inherit;transition:background .15s,color .15s,border-color .15s}.designer-refine-btn:hover{background:#222;color:#fff;border-color:#555}.designer-refine-btn:disabled{opacity:.4;cursor:default}.designer-refine-btn svg{flex-shrink:0}.designer-chat-input-bar{display:flex;align-items:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--border);flex-shrink:0}#designer-chat-input{flex:1;background:#111;border:1px solid #333;color:#ccc;padding:8px 12px;border-radius:6px;font-size:13px;resize:none;outline:none;font-family:inherit;max-height:120px;line-height:1.4}#designer-chat-input:focus{border-color:#555}.designer-chat-send{background:#222;border:1px solid #333;color:#aaa;padding:8px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.designer-chat-send:hover{background:#333;color:#fff}.designer-chat-attach{background:#222;border:1px solid #333;color:#aaa;padding:8px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.designer-chat-attach:hover{background:#333;color:#fff}.designer-tool-chips{display:flex;gap:6px;padding:8px 16px 0;flex-wrap:wrap}.designer-tool-chip{display:flex;align-items:center;gap:5px;background:#111;border:1px solid #2e2e2e;color:#666;padding:4px 10px;border-radius:999px;font-size:11px;cursor:pointer;transition:background .15s,border-color .15s,color .15s;font-family:inherit;white-space:nowrap}.designer-tool-chip:hover{background:#1a1a1a;border-color:#444;color:#aaa}.designer-tool-chip.active{background:#1f1f1f;border-color:#555;color:#fff}.designer-tool-chip svg{flex-shrink:0}.designer-chat-image-preview{display:flex;align-items:center;gap:8px;padding:8px 16px;border-top:1px solid var(--border);background:#111}.designer-chat-image-preview img{max-height:80px;max-width:120px;border-radius:6px;object-fit:cover}.designer-chat-preview-remove{background:#333;border:none;color:#aaa;cursor:pointer;width:22px;height:22px;border-radius:50%;font-size:14px;display:flex;align-items:center;justify-content:center;line-height:1;flex-shrink:0}.designer-chat-preview-remove:hover{background:#555;color:#fff}.designer-chat-activity{padding:4px 12px;color:#555;font-size:11px;font-style:italic}.designer-chat-header-tabs{display:flex;gap:2px;background:#0a0a0a;border-radius:6px;padding:2px}.designer-chat-view-tab{background:none;border:none;color:#555;cursor:pointer;padding:4px 12px;border-radius:4px;font-size:12px;font-weight:500;display:flex;align-items:center;gap:6px;transition:all .15s}.designer-chat-view-tab:hover{color:#999}.designer-chat-view-tab.active{background:#1a1a1a;color:#fff}.build-tab-dot{width:6px;height:6px;border-radius:50%;display:none}.build-tab-dot.active{display:inline-block;background:#fff;animation:buildPulse 1.5s ease infinite}@keyframes buildPulse{0%,to{opacity:.4}50%{opacity:1}}.designer-build-panel{flex:1;overflow-y:auto;display:flex;flex-direction:column;background:#080808}.build-panel-content{padding:0;display:flex;flex-direction:column}.build-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;gap:12px;text-align:center}.build-empty-title{font-size:14px;font-weight:600;color:#444}.build-empty-sub{font-size:12px;color:#333;max-width:260px;line-height:1.5}.build-event{border-bottom:1px solid #141414;animation:buildFadeIn .2s ease}@keyframes buildFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.build-event-header{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;transition:background .1s}.build-event-header:hover{background:#111}.build-event-icon{width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:12px;background:#111;border:1px solid #222}.build-event-icon.tool-bash,.build-event-icon.tool-read,.build-event-icon.tool-edit,.build-event-icon.tool-write,.build-event-icon.tool-grep{color:#888}.build-event-icon.tool-other{color:#666}.build-event-icon.tool-thinking{color:#555}.build-event-info{flex:1;min-width:0}.build-event-name{font-size:11px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.5px}.build-event-summary{font-size:12px;color:#555;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.build-event-time{font-size:10px;color:#333;flex-shrink:0;font-variant-numeric:tabular-nums}.build-event-status{width:8px;height:8px;border-radius:50%;flex-shrink:0}.build-event-status.running{background:#555;animation:buildPulse 1s ease infinite}.build-event-status.done{background:#333}.build-event-detail{display:none;padding:0 12px 10px 44px;font-family:SF Mono,Fira Code,monospace;font-size:11px;line-height:1.5;color:#555;white-space:pre-wrap;max-height:300px;overflow-y:auto;word-break:break-all}.build-event.expanded .build-event-detail{display:block}.build-event-detail .build-diff-add{color:#888}.build-event-detail .build-diff-del{color:#555;text-decoration:line-through}.build-progress{padding:8px 12px;border-bottom:1px solid #141414;display:none;align-items:center;gap:10px}.build-progress.active{display:flex}.build-progress-label{font-size:11px;color:#555;white-space:nowrap}.build-progress-bar{flex:1;height:2px;background:#111;border-radius:1px;overflow:hidden}.build-progress-fill{height:100%;background:#444;border-radius:1px;animation:buildProgressIndeterminate 1.5s ease infinite;width:30%}@keyframes buildProgressIndeterminate{0%{transform:translate(-100%)}to{transform:translate(400%)}}.build-event-stream{display:none;padding:6px 12px 10px 44px;font-family:SF Mono,Fira Code,monospace;font-size:11px;line-height:1.5;color:#666;max-height:200px;overflow-y:auto;white-space:pre-wrap;word-break:break-all}.build-event.streaming .build-event-stream{display:block}.designer-wizard{padding:20px 16px 12px;display:flex;flex-direction:column;gap:4px}.designer-wizard-intro{text-align:center;margin-bottom:16px}.designer-wizard-icon{margin:0 auto 10px;width:48px;height:48px;border-radius:12px;background:#1a1a1a;border:1px solid #2a2a2a;display:flex;align-items:center;justify-content:center}.designer-wizard-title{font-size:16px;font-weight:600;color:#ddd;margin-bottom:6px}.designer-wizard-subtitle{font-size:12px;color:#666;line-height:1.5}.designer-wizard-step{margin-bottom:12px}.designer-wizard-step.animate-in{animation:wizardFadeIn .25s ease-out}@keyframes wizardFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.designer-wizard-question{font-size:13px;font-weight:600;color:#ccc;margin-bottom:8px}.designer-wizard-options{display:grid;grid-template-columns:1fr 1fr;gap:6px}.designer-wizard-option{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#111;border:1px solid #2a2a2a;border-radius:8px;color:#aaa;font-size:12px;cursor:pointer;transition:all .15s ease;text-align:left;font-family:inherit}.designer-wizard-option:hover{background:#1a1a1a;border-color:#444;color:#ddd}.designer-wizard-option.selected{background:#1a1a1a;border-color:#555;color:#fff}.designer-wizard-option-icon{font-size:16px;width:22px;text-align:center;flex-shrink:0}.designer-wizard-input,.designer-wizard-textarea{width:100%;background:#111;border:1px solid #2a2a2a;border-radius:8px;color:#ccc;padding:10px 12px;font-size:12px;font-family:inherit;outline:none;resize:none;box-sizing:border-box;transition:border-color .15s ease}.designer-wizard-input:focus,.designer-wizard-textarea:focus{border-color:#555}.designer-wizard-textarea{min-height:60px;line-height:1.5}.designer-wizard-actions{display:flex;gap:8px;align-items:center;margin-top:4px}.designer-wizard-next{padding:7px 16px;background:#222;border:1px solid #444;border-radius:6px;color:#ddd;font-size:12px;cursor:pointer;font-family:inherit;transition:all .15s ease}.designer-wizard-next:hover{background:#333;border-color:#555;color:#fff}.designer-wizard-skip{padding:7px 12px;background:transparent;border:none;color:#555;font-size:11px;cursor:pointer;font-family:inherit;transition:color .15s ease}.designer-wizard-skip:hover{color:#888}.designer-wizard-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.designer-wizard-tag{padding:6px 14px;background:#111;border:1px solid #2a2a2a;border-radius:20px;color:#999;font-size:12px;cursor:pointer;font-family:inherit;transition:all .15s ease;white-space:nowrap}.designer-wizard-tag:hover{background:#1a1a1a;border-color:#444;color:#ddd}.designer-wizard-tag.selected{background:#fff;border-color:#fff;color:#000;font-weight:500}.designer-wizard-tag-custom{margin-top:4px}.designer-wizard-summary{background:#111;border:1px solid #2a2a2a;border-radius:10px;padding:14px 16px;margin:4px 12px 8px;align-self:stretch}.designer-wizard-summary-title{font-size:11px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px}.designer-wizard-summary-items{display:flex;flex-direction:column;gap:6px}.designer-wizard-summary-item{display:flex;gap:8px;font-size:12px;color:#aaa}.designer-wizard-summary-item .label{color:#666;min-width:70px;flex-shrink:0}.designer-eyedropper-toast{position:absolute;bottom:16px;left:50%;transform:translate(-50%);background:#000000d9;color:#fff;font-size:12px;padding:8px 16px;border-radius:8px;border:1px solid #333;z-index:1000;pointer-events:none;white-space:nowrap}.designer-eyedropper-preview{position:absolute;top:12px;left:50%;transform:translate(-50%);background:#000000e6;border:1px solid #333;border-radius:8px;padding:10px 14px;z-index:1000;min-width:180px;pointer-events:none}.eyedropper-preview-title{font-size:11px;color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-weight:600}.eyedropper-preview-row{display:flex;align-items:center;gap:8px;font-size:12px;color:#ccc;padding:2px 0}.eyedropper-preview-label{color:#777;min-width:70px}.eyedropper-preview-value{color:#fff;font-family:monospace}.eyedropper-preview-swatch{width:14px;height:14px;border-radius:3px;border:1px solid #555;flex-shrink:0}#images-page{display:none;position:absolute;top:0;left:0;right:0;bottom:0;background:var(--bg);z-index:10;overflow-y:auto;padding-top:0}#images-page.open{display:block}#images-page-inner{max-width:720px;margin:0 auto;padding:24px 20px 80px}.images-prompt-bar{display:flex;align-items:center;gap:12px;background:var(--input-bg);border:1px solid var(--border);border-radius:28px;padding:10px 12px 10px 18px;margin-bottom:32px}.images-prompt-icon{flex-shrink:0}.images-prompt-bar input{flex:1;background:none;border:none;color:var(--text);font-size:15px;font-family:inherit;outline:none}.images-prompt-bar input::placeholder{color:#555}.images-prompt-btn{width:36px;height:36px;border-radius:50%;background:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:opacity .15s}.images-prompt-btn:hover{opacity:.85}.images-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.gallery-item{position:relative;border-radius:10px;overflow:hidden;cursor:pointer;aspect-ratio:1;background:#111;border:1px solid var(--border);transition:border-color .15s}.gallery-item:hover{border-color:#444}.gallery-item img{width:100%;height:100%;object-fit:cover}.gallery-date{position:absolute;bottom:6px;left:8px;font-size:11px;color:#999;background:#000000b3;padding:2px 6px;border-radius:4px}.gallery-menu-btn{position:absolute;top:6px;right:6px;width:28px;height:28px;border-radius:50%;background:#000000b3;color:#fff;border:none;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s;z-index:2;line-height:1}.gallery-item:hover .gallery-menu-btn{opacity:1}.gallery-menu-btn:hover{background:#000000e6}.gallery-menu{display:none;position:absolute;top:38px;right:6px;background:#1a1a1a;border:1px solid #333;border-radius:8px;z-index:3;min-width:130px;overflow:hidden}.gallery-menu.open{display:block}.gallery-menu button{width:100%;padding:10px 14px;background:none;border:none;color:#e44;font-size:13px;cursor:pointer;text-align:left}.gallery-menu button:hover{background:#222}#gallery-image-modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;z-index:9999;align-items:center;justify-content:center;cursor:pointer}#gallery-modal-img{max-width:90vw;max-height:90vh;border-radius:12px;cursor:default}.images-empty{text-align:center;padding:60px 20px;color:#333}.images-empty p{margin-top:16px;font-size:15px;color:var(--text-muted)}#images-generating{display:flex;align-items:center;justify-content:center;gap:12px;padding:40px;color:var(--text-muted);font-size:15px}#images-result{text-align:center;padding:20px 0}#images-result img{max-width:100%;max-height:60vh;border-radius:12px;border:1px solid var(--border)}.images-result-actions{display:flex;gap:10px;justify-content:center;margin-top:16px}.images-result-actions button{padding:10px 20px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .15s;border:1px solid var(--border);background:none;color:var(--text)}.images-result-actions button:first-child{background:#fff;color:#000;border:none}.images-result-actions button:hover{opacity:.85}@media(max-width:600px){.images-discover-grid{grid-template-columns:1fr}.images-style-card{width:96px}.style-preview{width:96px;height:96px}.images-gallery{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}}#preview-toggle{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:350;width:32px;height:56px;background:#111;border:1px solid #333;border-right:none;border-radius:8px 0 0 8px;cursor:pointer;display:none;align-items:center;justify-content:center;color:#888;transition:color .2s,background .2s}#preview-toggle:hover{background:#1a1a1a;color:#fff}#preview-toggle svg{width:16px;height:16px}#preview-overlay{position:fixed;top:0;right:0;width:100%;height:100%;background:#000;z-index:400;flex-direction:column;display:flex;transform:translate(100%);transition:transform .3s ease,width .3s ease;pointer-events:none}#preview-overlay.open{transform:translate(0);pointer-events:auto}body.editor-mode #preview-overlay{right:auto;left:0;transform:translate(-100%)}body.editor-mode #preview-overlay.open{transform:translate(0)}#preview-overlay.split{width:50%;transform:translate(0);border-left:1px solid #333}#preview-resizer{display:none}#preview-overlay.split #preview-resizer{display:block;position:absolute;top:0;left:-3px;width:10px;height:100%;cursor:ew-resize;z-index:410;touch-action:none}#preview-overlay.split #preview-resizer:before{content:"";position:absolute;top:0;left:3px;width:2px;height:100%;background:#333;transition:background .15s ease,width .15s ease}#preview-overlay.split #preview-resizer:hover:before,#preview-overlay.resizing #preview-resizer:before{background:#00aeef;width:3px;left:3px}#preview-overlay.resizing{transition:none;-webkit-user-select:none;user-select:none}body.preview-resizing,body.preview-resizing *{-webkit-user-select:none!important;user-select:none!important;cursor:ew-resize!important}body.editor-mode #preview-overlay.split #preview-resizer{left:auto;right:-3px}#test-panel{position:fixed;right:0;top:41px;bottom:0;width:340px;background:#0a0a0a;border-left:1px solid #222;z-index:900;display:flex;flex-direction:column;overflow:hidden}.test-panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #222}.test-panel-header h4{margin:0;font-size:14px;font-weight:700;color:#fff}.test-panel-actions{display:flex;align-items:center;gap:8px}.test-run-all-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#fff;color:#000;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:opacity .15s}.test-run-all-btn:hover{opacity:.85}.test-run-all-btn:disabled{opacity:.4;cursor:not-allowed}.test-run-all-btn.running{background:#333;color:#888}.test-panel-close{background:none;border:none;color:#666;font-size:20px;cursor:pointer;padding:0;line-height:1}.test-panel-close:hover{color:#fff}.test-panel-list{flex:1;overflow-y:auto;padding:8px 0}.test-check-item{display:flex;align-items:flex-start;gap:10px;padding:10px 16px;border-bottom:1px solid #111;transition:background .15s}.test-check-item:hover{background:#111}.test-check-icon{width:22px;height:22px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-top:1px}.test-check-icon.pass{background:#0a2a0a;color:#4a4}.test-check-icon.fail{background:#2a0a0a;color:#a44}.test-check-icon.pending{background:#1a1a1a;color:#555}.test-check-icon.running{background:#2a2a0a;color:#aa4}.test-check-icon svg{width:12px;height:12px}.test-check-content{flex:1;min-width:0}.test-check-name{font-size:13px;font-weight:600;color:#ccc}.test-check-message{font-size:11px;color:#666;margin-top:2px;word-break:break-word}.test-check-duration{font-size:10px;color:#444;margin-top:2px}.test-check-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.test-check-run-btn{background:none;border:none;color:#555;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center}.test-check-run-btn:hover{color:#fff;background:#ffffff1a}.test-check-delete-btn{background:none;border:none;color:#444;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center}.test-check-delete-btn:hover{color:#f44;background:#ff44441a}.test-panel-footer{padding:10px 16px;border-top:1px solid #222}.test-add-btn{width:100%;padding:8px;background:#111;border:1px solid #222;border-radius:8px;color:#888;font-size:12px;cursor:pointer;transition:border-color .15s,color .15s}.test-add-btn:hover{border-color:#444;color:#fff}.test-summary-bar{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#0d0d0d;border-bottom:1px solid #222;font-size:12px;color:#888}.test-summary-pass{color:#4a4}.test-summary-fail{color:#a44}.spin{animation:spin 1s linear infinite}#live-edit-test-btn.active{background:#333;color:#fff}.live-edit-publish-btn{position:relative}.live-edit-publish-btn.has-changes{color:#fff!important;background:#333}.live-edit-publish-btn.has-changes:after{content:"";position:absolute;top:4px;right:4px;width:6px;height:6px;border-radius:50%;background:#fff}#versions-panel{position:fixed;top:40px;right:0;width:360px;max-height:calc(100vh - 40px);background:#0a0a0a;border-left:1px solid #222;z-index:600;display:flex;flex-direction:column}.versions-panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #222}.versions-panel-header h4{margin:0;font-size:14px;font-weight:700;color:#fff}.versions-panel-actions{display:flex;align-items:center;gap:8px}.versions-published-label{font-size:11px;color:#555}.versions-panel-close{background:none;border:none;color:#555;font-size:18px;cursor:pointer;padding:0 4px}.versions-panel-close:hover{color:#fff}.versions-panel-list{overflow-y:auto;flex:1;padding:8px 0}.version-item{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid #111;transition:background .15s}.version-item:hover{background:#111}.version-current{background:#0d0d0d}.version-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.version-hash{font-family:monospace;font-size:11px;color:#666}.version-message{font-size:13px;color:#ccc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.version-date{font-size:11px;color:#444}.version-actions{margin-left:12px;flex-shrink:0}.version-badge{font-size:11px;color:#555;padding:2px 8px;border:1px solid #222;border-radius:4px}.version-rollback-btn{padding:4px 10px;font-size:11px;background:#111;border:1px solid #333;border-radius:4px;color:#888;cursor:pointer;transition:all .15s}.version-rollback-btn:hover{background:#222;color:#fff;border-color:#555}.publish-toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%) translateY(10px);padding:10px 20px;background:#222;color:#fff;border-radius:8px;font-size:13px;z-index:9999;opacity:0;transition:opacity .3s,transform .3s;pointer-events:none}.publish-toast-visible{opacity:1;transform:translate(-50%) translateY(0)}.publish-toast-error{background:#411;color:#f88}#live-edit-bar{display:none;position:fixed;top:0;left:60px;width:calc(100% - 60px);z-index:500;background:#0a0a0a;border-bottom:1px solid #222;padding:0;height:44px;align-items:center}#live-edit-bar.visible{display:flex}.live-edit-bar-title{font-size:14px;font-weight:600;color:#fff;padding:0 16px;white-space:nowrap}.live-edit-bar-tabs{display:flex;gap:0;flex:1;height:100%}.live-edit-bar-tab{padding:0 16px;height:100%;border:none;background:none;color:#666;font-size:13px;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:color .2s;display:flex;align-items:center}.live-edit-bar-tab.active{color:#fff;border-bottom-color:#fff}.live-edit-bar-tab:hover{color:#aaa}.live-edit-bar-actions{display:flex;gap:4px;padding-right:8px;align-items:center}.live-edit-bar-actions .preview-btn{padding:4px 10px;font-size:12px}.live-edit-bar-back{width:32px;height:32px;border:none;background:none;color:#888;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:4px}.live-edit-bar-back:hover{color:#fff}.live-edit-bar-close{width:32px;height:32px;border:none;background:none;color:#888;font-size:18px;cursor:pointer}.live-edit-bar-close:hover{color:#fff}#live-edit-bar #permissions-btn{padding:4px 8px;border-color:#333}body.live-edit-active #header{top:44px}body.live-edit-active #messages-container{margin-top:44px}@media(max-width:768px){#preview-overlay.split{width:100%;transform:translate(100%)}#preview-overlay.split.show-preview{transform:translate(0)}#live-edit-bar{left:0;width:100%}#preview-block-btn,#preview-layers-btn,#preview-props-btn,#preview-select-btn,#preview-region-btn,#preview-split-btn,#preview-overlay.split #preview-resizer{display:none!important}#preview-toolbar{padding:8px 12px}#preview-toolbar .preview-title{font-size:12px;min-width:0;overflow:hidden}#preview-toolbar .preview-title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px;display:block}.preview-btn-close{width:40px;height:40px;font-size:22px;background:#1a1a1a;border-radius:10px;flex-shrink:0}}#website-page{display:none;position:absolute;top:0;left:0;right:0;bottom:0;background:var(--bg);z-index:10;overflow-y:auto}#website-page.open{display:block}#website-page-inner{max-width:480px;margin:0 auto;padding:40px 20px 80px}.website-header{text-align:center;margin-bottom:32px}.website-header svg{margin-bottom:12px}.website-header h2{font-size:28px;font-weight:800;margin-bottom:8px}.website-header p{font-size:14px;color:#666;margin:0}.website-grid{display:grid;grid-template-columns:1fr;gap:12px}.website-empty{text-align:center;padding:40px 0;color:#444}.website-empty svg{margin-bottom:12px}.website-empty p{font-size:13px}.website-new-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#fff;color:#000;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .15s}.website-new-btn:hover{opacity:.85}.website-new-btn svg{width:14px;height:14px}.website-card{display:flex;align-items:center;gap:16px;padding:16px;background:#111;border:1px solid var(--border);border-radius:14px;cursor:pointer;width:100%;transition:border-color .2s,background .2s}.website-card:hover{border-color:#444;background:#1a1a1a}.website-card:active{transform:scale(.98)}.website-card-icon{width:44px;height:44px;border-radius:12px;background:#222;display:flex;align-items:center;justify-content:center;flex-shrink:0}.website-card-icon svg{width:22px;height:22px;color:#888}.website-card-name{font-size:15px;font-weight:600;color:#fff}.website-card-type{font-size:12px;color:#555;margin-top:2px}.website-project-card{position:relative}.website-project-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.website-status{font-size:11px;padding:2px 8px;border-radius:999px;background:#1a1a1a;color:#666;white-space:nowrap}.website-status-running{background:#0a2a0a;color:#4a4}.website-status-creating,.website-status-building,.website-status-starting{background:#2a2a0a;color:#aa4}.website-status-error{background:#2a0a0a;color:#a44}.website-status-stopped{background:#1a1a1a;color:#666}.website-delete-btn{background:none;border:none;color:#555;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center}.website-delete-btn:hover{color:#f44;background:#ff44441a}.website-project-card-wrap{display:flex;flex-direction:column}.website-error-msg{font-size:12px;color:#c44;padding:6px 12px;background:#c8323214;border-radius:0 0 10px 10px;border:1px solid rgba(200,50,50,.15);border-top:none;margin-top:-2px}.website-retry-btn{background:none;border:none;color:#888;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center}.website-retry-btn:hover{color:#fff;background:#ffffff1a}.website-settings-btn{background:none;border:none;color:#555;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center}.website-settings-btn:hover{color:#fff;background:#ffffff1a}.website-type-grid{display:grid;grid-template-columns:1fr;gap:8px}.website-type-card{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#111;border:1px solid #222;border-radius:12px;cursor:pointer;text-align:left;transition:border-color .15s,background .15s;width:100%;color:#fff}.website-type-card:hover{border-color:#444;background:#1a1a1a}.website-type-card.selected{border-color:#fff;background:#1a1a1a}.website-type-icon{width:36px;height:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#222;border-radius:8px}.website-type-icon svg{width:20px;height:20px;color:#888}.website-type-name{font-size:14px;font-weight:600}.website-type-desc{font-size:12px;color:#666;margin-top:1px}#website-type-modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;z-index:1000;align-items:center;justify-content:center;padding:20px}#website-type-modal .modal-content{background:#0a0a0a;border:1px solid #222;border-radius:16px;width:100%;overflow:hidden}#website-type-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #222}#website-type-modal .modal-header h3{font-size:16px;font-weight:700;margin:0}#website-type-modal .modal-close{background:none;border:none;color:#666;font-size:24px;cursor:pointer;padding:0;line-height:1}#website-type-modal .modal-close:hover{color:#fff}.rules-mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.rules-mode-card{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#111;border:1px solid #222;border-radius:10px;cursor:pointer;text-align:left;transition:border-color .15s,background .15s;color:#fff}.rules-mode-card:hover{border-color:#444;background:#1a1a1a}.rules-mode-card.selected{border-color:#fff;background:#1a1a1a}.rules-mode-icon{width:32px;height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#222;border-radius:8px}.rules-mode-icon svg{width:16px;height:16px;color:#888}.rules-mode-name{font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px}.rules-mode-desc{font-size:11px;color:#666;margin-top:1px}.rules-info-btn,.tc-rules-info-btn{background:none;border:none;color:#555;cursor:pointer;padding:2px;display:inline-flex;align-items:center;border-radius:50%;transition:color .15s}.rules-info-btn:hover,.tc-rules-info-btn:hover{color:#fff}.rules-preview-panel,.tc-rules-preview{margin-top:10px;background:#111;border:1px solid #222;border-radius:8px;padding:12px 14px;max-height:200px;overflow-y:auto}.rules-preview-heading{font-size:13px;font-weight:700;color:#ccc;margin-bottom:6px}.rules-preview-subheading{font-size:12px;font-weight:600;color:#999;margin-top:8px;margin-bottom:4px}.rules-preview-rule{font-size:12px;color:#888;padding:2px 0 2px 12px;position:relative}.rules-preview-rule:before{content:"";position:absolute;left:0;top:8px;width:4px;height:4px;background:#444;border-radius:50%}.rules-preview-text{font-size:12px;color:#666;padding:1px 0}.tc-rules-preview-cat{margin-bottom:10px}.tc-rules-preview-cat:last-child{margin-bottom:0}.tc-rules-preview-cat-name{font-size:12px;font-weight:600;color:#999;margin-bottom:4px}.tc-rules-preview-rule{font-size:12px;color:#888;padding:2px 0 2px 12px;position:relative}.tc-rules-preview-rule:before{content:"";position:absolute;left:0;top:8px;width:4px;height:4px;background:#444;border-radius:50%}.tc-rules-option-name{display:flex;align-items:center;gap:6px}#website-settings-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;z-index:1001;display:none;align-items:center;justify-content:center;padding:20px}#website-settings-modal .modal-content{background:#0a0a0a;border:1px solid #222;border-radius:16px;width:100%;max-width:520px;overflow:hidden}.settings-rules-preview{background:#111;border:1px solid #222;border-radius:8px;padding:10px 12px;font-size:12px;color:#888;max-height:120px;overflow-y:auto;margin-top:8px;white-space:pre-wrap;line-height:1.5}.btn-secondary{padding:8px 16px;background:#222;color:#fff;border:1px solid #333;border-radius:8px;font-size:13px;cursor:pointer}.btn-secondary:hover{background:#333}.btn-primary{padding:8px 16px;background:#fff;color:#000;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer}.btn-primary:hover{opacity:.85}.btn-primary:disabled{opacity:.3;cursor:not-allowed}#layers-panel{position:relative;flex-shrink:0;width:260px;height:100%;background:#0a0a0a;border-left:1px solid #222;display:flex;flex-direction:column;margin-right:-260px;transition:margin-right .2s ease;pointer-events:none}#layers-panel.open{margin-right:0;pointer-events:auto}@media(max-width:768px){#properties-panel,#layers-panel{position:absolute;top:0;height:100%;z-index:20;margin:0;transition:transform .2s ease}#properties-panel{left:0;transform:translate(-100%)}#layers-panel{right:0;transform:translate(100%)}#properties-panel.open,#layers-panel.open{transform:translate(0)}}.layers-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid #222;flex-shrink:0}.layers-title{font-size:12px;font-weight:700;color:#888;text-transform:uppercase;letter-spacing:.5px}.layers-close{background:none;border:none;color:#555;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center}.layers-close:hover{color:#fff}.layers-list{flex:1;overflow-y:auto;padding:4px 0}.layers-item{display:flex;align-items:center;gap:4px;padding:6px 12px;cursor:pointer;transition:background .1s;border-left:3px solid transparent;font-size:12px;color:#999;-webkit-user-select:none;user-select:none}.layers-item:hover{background:#111;color:#ccc}.layers-item.active{background:#151515;border-left-color:#fff;color:#fff}.layers-toggle{background:none;border:none;color:#555;cursor:pointer;padding:0;width:16px;height:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:transform .15s ease}.layers-toggle svg{width:10px;height:10px}.layers-toggle.open{transform:rotate(90deg)}.layers-toggle:hover{color:#ccc}.layers-toggle-spacer{width:16px;flex-shrink:0}.layers-item-icon{width:18px;height:18px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:inherit;opacity:.5}.layers-item-icon svg{width:12px;height:12px}.layers-item-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layers-item-type{font-size:9px;color:#444;flex-shrink:0;text-transform:uppercase;letter-spacing:.3px}.layers-item.is-block{border-left-color:#ffffff26}.layers-item.is-block.active{border-left-color:#fff}.layers-header-actions{display:flex;gap:2px;align-items:center}.layers-header-btn{background:none;border:none;color:#555;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center}.layers-header-btn:hover{color:#fff;background:#1a1a1a}.layers-header-btn svg{width:13px;height:13px}.layers-item{position:relative}.layers-indent-guide{position:absolute;top:0;width:1px;height:100%;background:#1a1a1a;pointer-events:none}.layers-item:hover .layers-indent-guide{background:#2a2a2a}.layers-visibility-btn{background:none;border:none;color:transparent;cursor:pointer;padding:2px;border-radius:3px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:color .1s;margin-left:auto}.layers-visibility-btn svg{width:12px;height:12px}.layers-item:hover .layers-visibility-btn{color:#444}.layers-item:hover .layers-visibility-btn:hover{color:#999}.layers-visibility-btn.hidden{color:#555}.layers-item:hover .layers-visibility-btn.hidden{color:#888}.layers-item.is-hidden{opacity:.4}.layers-item.is-hidden .layers-item-label{text-decoration:line-through;text-decoration-color:#444}.layers-item.is-parent-hidden{opacity:.5}.layers-item.drag-above{border-top:2px solid #fff}.layers-item.drag-below{border-bottom:2px solid #fff}.layers-item.drag-into{background:#ffffff0f;border-radius:4px;outline:1px dashed rgba(255,255,255,.25);outline-offset:-1px}.layers-item-drag{cursor:grab;color:#333;padding:2px;display:flex;flex-shrink:0}.layers-item-drag:hover{color:#666}.layers-item-drag svg{width:12px;height:12px}.layers-context-menu{position:absolute;z-index:100;background:#111;border:1px solid #333;border-radius:8px;padding:4px;min-width:160px;box-shadow:0 8px 24px #00000080}.layers-context-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;background:none;border:none;color:#ccc;font-size:12px;cursor:pointer;border-radius:5px;text-align:left}.layers-context-menu button:hover{background:#1a1a1a;color:#fff}.layers-context-menu button svg{width:14px;height:14px;flex-shrink:0}.layers-ctx-separator{height:1px;background:#222;margin:3px 6px}.layers-ctx-danger{color:#c44!important}.layers-ctx-danger:hover{background:#1a1212!important;color:#f66!important}.layers-separator{height:1px;background:#1a1a1a;margin:4px 12px}.layers-empty{padding:20px 12px;text-align:center;color:#444;font-size:12px}#properties-panel{position:relative;flex-shrink:0;width:280px;height:100%;background:#0a0a0a;border-right:1px solid #222;display:flex;flex-direction:column;margin-left:-280px;transition:margin-left .2s ease;pointer-events:none}#properties-panel.open{margin-left:0;pointer-events:auto}.props-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid #222;flex-shrink:0}.props-title{font-size:12px;font-weight:700;color:#888;text-transform:uppercase;letter-spacing:.5px}.props-close{background:none;border:none;color:#555;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center}.props-close:hover{color:#fff}.props-content{flex:1;overflow-y:auto;padding:0}.props-empty{padding:20px 12px;text-align:center;color:#444;font-size:12px}.props-section{border-bottom:1px solid #1a1a1a;padding:10px 12px}.props-section-title{font-size:10px;font-weight:700;color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.props-row{display:flex;align-items:center;gap:6px;margin-bottom:5px}.props-label{font-size:11px;color:#777;width:80px;flex-shrink:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.props-input{flex:1;background:#111;border:1px solid #222;color:#ccc;font-size:11px;padding:4px 6px;border-radius:4px;outline:none;font-family:SF Mono,Menlo,monospace;min-width:0}.props-input:focus{border-color:#444;color:#fff}.props-select{flex:1;background:#111;border:1px solid #222;color:#ccc;font-size:11px;padding:4px;border-radius:4px;outline:none;min-width:0}.props-select:focus{border-color:#444}.props-tag{font-size:12px;color:#888;font-family:SF Mono,Menlo,monospace;background:#111;padding:3px 8px;border-radius:4px;border:1px solid #222}.props-classes{flex:1;display:flex;flex-wrap:wrap;gap:4px;min-width:0}.props-class-tag{display:inline-flex;align-items:center;gap:2px;background:#1a1a1a;color:#aaa;font-size:10px;padding:2px 6px;border-radius:3px;font-family:SF Mono,Menlo,monospace;border:1px solid #222}.props-class-remove{background:none;border:none;color:#555;cursor:pointer;font-size:12px;padding:0 1px;line-height:1}.props-class-remove:hover{color:#fff}.props-class-add{background:none;border:1px dashed #333;color:#666;font-size:10px;padding:2px 6px;border-radius:3px;outline:none;width:60px;font-family:SF Mono,Menlo,monospace}.props-class-add:focus{border-color:#555;color:#ccc}.props-row-4{flex-wrap:wrap}.props-4-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:3px;flex:1}.props-input-sm{background:#111;border:1px solid #222;color:#ccc;font-size:10px;padding:3px 4px;border-radius:3px;outline:none;font-family:SF Mono,Menlo,monospace;text-align:center;min-width:0}.props-input-sm:focus{border-color:#444;color:#fff}.props-row-dual{display:flex;align-items:center;gap:6px}.props-row-dual .props-label{width:auto;min-width:30px}.props-row-dual .props-input-sm{flex:1}.props-color-wrap{flex:1;display:flex;gap:4px;align-items:center;min-width:0}.props-color-picker{width:24px;height:24px;border:1px solid #333;border-radius:4px;padding:0;cursor:pointer;background:none;flex-shrink:0}.props-color-picker::-webkit-color-swatch-wrapper{padding:2px}.props-color-picker::-webkit-color-swatch{border:none;border-radius:2px}.props-input-color{flex:1;min-width:0}body.editor-mode #preview-overlay #preview-toolbar{display:none}@media(min-width:769px){body.editor-mode #preview-overlay.open{left:60px;right:auto;width:calc(65% - 60px);top:44px;height:calc(100% - 44px);transform:none;border-left:none;border-right:1px solid #333;z-index:10}body.editor-mode #header{position:fixed;top:44px;right:0;width:35%;z-index:10;border-bottom:1px solid #333}body.editor-mode #menu-btn,body.editor-mode #header-project{display:none}body.editor-mode #messages-container{position:fixed;top:92px;right:0;width:35%;height:calc(100% - 152px);margin:0;overflow-y:auto}body.editor-mode #input-area{position:fixed;bottom:0;right:0;width:35%;z-index:10}body.editor-mode .live-edit-bar-tabs{display:none}body.editor-mode #status-bar{position:fixed;right:0;width:35%;z-index:10}body.editor-mode.editor-chat-hidden #status-bar{display:none}body.editor-mode.editor-chat-hidden #preview-overlay.open{width:calc(100% - 60px)}body.editor-mode.editor-chat-hidden #header,body.editor-mode.editor-chat-hidden #messages-container,body.editor-mode.editor-chat-hidden #input-area{display:none}}@media(max-width:768px){body.editor-mode #preview-overlay.open{top:44px;height:calc(100% - 44px)}body.editor-mode #header{top:44px}body.editor-mode.editor-show-preview #header,body.editor-mode.editor-show-preview #messages-container,body.editor-mode.editor-show-preview #input-area,body.editor-mode.editor-show-preview #status-bar{display:none}body.editor-mode.editor-show-preview #preview-overlay.open{width:100%;left:0;transform:none}body.editor-mode:not(.editor-show-preview) #preview-overlay.open{display:none}}#preview-toolbar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#0a0a0a;border-bottom:1px solid #222;flex-shrink:0}#preview-toolbar .preview-title{font-size:14px;font-weight:600;color:#fff;display:flex;align-items:center;gap:8px}#preview-page-select,#live-edit-page-select{background:#1a1a1a;color:#fff;border:1px solid #333;border-radius:6px;padding:3px 22px 3px 8px;font-size:12px;font-weight:500;cursor:pointer;outline:none;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23888' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center}#preview-page-select:hover,#live-edit-page-select:hover{border-color:#555}#preview-page-select option,#live-edit-page-select option{background:#1a1a1a;color:#fff}#preview-streaming{display:none;width:8px;height:8px;border-radius:50%;background:#fff;animation:preview-pulse 1s ease-in-out infinite}#preview-streaming.active{display:block}@keyframes preview-pulse{0%,to{opacity:.3}50%{opacity:1}}#preview-toolbar .preview-actions{display:flex;gap:8px;align-items:center}.preview-btn{padding:6px 14px;border:1px solid #333;border-radius:8px;background:transparent;color:#fff;font-size:13px;cursor:pointer;font-weight:500}.preview-btn.active{background:#fff;color:#000;border-color:#fff}.preview-btn-close{width:32px;height:32px;border:none;background:transparent;color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center}#preview-frame-container{flex:1;position:relative;overflow:hidden;background:#fff;display:flex}#preview-frame{flex:1;min-width:0;height:100%;border:none;background:#fff}#preview-feedback{flex-shrink:0;padding:12px 10px;padding-bottom:calc(28px + var(--safe-bottom));background:#000}body.editor-mode #preview-feedback{display:none}body.editor-mode #preview-feedback.has-selection{display:block}#preview-feedback .feedback-element-info{font-size:12px;color:#888;margin-bottom:8px;padding:0 4px;font-family:SF Mono,Fira Code,monospace;display:none}#preview-feedback .feedback-element-info.has-selection{display:block}.preview-select-hint{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:8px 16px;border-radius:20px;font-size:13px;pointer-events:none;transition:opacity .3s}.preview-code-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;margin-top:6px;background:#1a1a1a;border:1px solid #333;border-radius:6px;color:#fff;font-size:12px;cursor:pointer;font-weight:500}.preview-code-btn:hover{background:#2a2a2a;border-color:#555}.preview-code-btn svg{width:14px;height:14px}.prototype-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;margin-top:8px;background:#111;border:1px solid #2a2a2a;border-radius:20px;color:#aaa;font-size:12px;cursor:pointer;transition:background .15s,border-color .15s,color .15s;-webkit-user-select:none;user-select:none}.prototype-chip:hover{background:#1a1a1a;border-color:#444;color:#fff}.prototype-chip.loading{opacity:.6;pointer-events:none}.prototype-chip.saved{border-color:#3a3a3a;color:#ccc}.prototype-chip.saved .prototype-chip-label{font-family:monospace;font-size:11px}.prototype-chip svg{flex-shrink:0;color:#666}.prototype-chip:hover svg{color:#aaa}#permission-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;z-index:99999;align-items:center;justify-content:center;padding:20px}#permission-modal.open{display:flex}.permission-box{background:var(--bg-secondary);border:1px solid #333333;border-radius:16px;padding:20px;width:100%;max-width:420px}.permission-box h3{font-size:16px;margin-bottom:12px;color:#fff}.permission-tool{font-size:14px;font-weight:600;color:var(--text);margin-bottom:8px}.permission-detail{background:#111;border-radius:8px;padding:10px;font-family:SF Mono,Fira Code,monospace;font-size:13px;color:#ccc;white-space:pre-wrap;word-break:break-all;max-height:200px;overflow-y:auto;margin-bottom:16px}.permission-buttons{display:flex;gap:10px}.permission-buttons button{flex:1;padding:12px;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer}.btn-deny{background:#000;color:#fff;border:1px solid #333}.btn-allow{background:#fff;color:#000;border:1px solid #333}.permission-session-buttons{margin-top:8px}.btn-session{background:#1a1a1a;color:#999;border:1px solid #333;font-size:13px;padding:10px}.greeting-msg.message.assistant{background:transparent;max-width:100%;width:100%;padding:0;border-radius:0;display:flex;align-items:center;justify-content:center;min-height:50vh}.greeting-card{max-width:480px;width:100%;margin:0 auto;padding:40px 20px;box-sizing:border-box;text-align:center;background:#0a0a0a;border:1px solid var(--border);border-radius:24px}.greeting-card .greeting-hello{font-size:44px;font-weight:800;margin-bottom:28px;color:var(--text);letter-spacing:-.5px}.greeting-card .greeting-project-name{font-size:20px;font-weight:700;color:var(--text);margin-bottom:10px;letter-spacing:.3px}.greeting-card .greeting-project-hero{font-size:44px;font-weight:800;margin-bottom:12px;letter-spacing:-.5px}.greeting-card .greeting-desc{font-size:14px;color:#888;line-height:1.6;margin-bottom:20px}.greeting-card .greeting-tech{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:24px}.greeting-card .greeting-tech span{background:#111;color:#888;font-size:12px;padding:5px 12px;border-radius:20px;border:1px solid var(--border);font-weight:500}.greeting-card .greeting-divider{height:1px;background:var(--border);margin:20px 0}.greeting-card .greeting-stats{font-size:14px;color:#666;margin-bottom:6px}.greeting-card .greeting-recent{font-size:13px;color:#555}.greeting-card .greeting-recent em{color:#777;font-style:normal}.greeting-toolbar-guide{margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.06);text-align:left}.greeting-toolbar-title{font-size:11px;font-weight:600;color:#555;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.greeting-toolbar-items{display:flex;flex-direction:column;gap:8px}.greeting-toolbar-item{display:flex;align-items:flex-start;gap:10px}.greeting-tb-icon{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:6px;color:#666}.greeting-tb-text{font-size:12px;color:#666;line-height:1.5}.greeting-tb-text strong{color:#999;font-weight:600}.greeting-card .greeting-hint{font-size:12px;color:#444;margin-top:20px;letter-spacing:.2px}.greeting-card .greeting-conversations{margin-top:8px;text-align:left}.greeting-card .greeting-conversations .conv-list-title{font-size:11px;font-weight:600;color:#555;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;text-align:center}.greeting-card .greeting-conversations .conv-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#111;border:1px solid var(--border);border-radius:10px;margin-bottom:6px;cursor:pointer;transition:background .15s,border-color .15s}.greeting-card .greeting-conversations .conv-item:last-child{margin-bottom:0}.greeting-card .greeting-conversations .conv-item:hover{background:#1a1a1a;border-color:#444}.greeting-card .greeting-conversations .conv-item .conv-title{font-size:13px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.greeting-card .greeting-conversations .conv-item .conv-meta{font-size:11px;color:#555;margin-left:12px;white-space:nowrap}.greeting-card .greeting-continue{margin-top:24px;text-align:left}.greeting-card .greeting-continue .quick-nav-title{margin-bottom:10px;text-align:center}.greeting-card .continue-btn{background:#111;border:1px solid var(--border);border-radius:14px;padding:14px 16px;cursor:pointer;display:flex;align-items:center;gap:12px;transition:background .15s,border-color .15s}.greeting-card .continue-btn:hover{background:#1a1a1a;border-color:#444}.greeting-card .continue-btn:active{transform:scale(.98)}.greeting-card .continue-text{flex:1;min-width:0}.greeting-card .continue-title{font-size:13px;font-weight:600;color:var(--text);margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.greeting-card .continue-meta{font-size:10px;color:#555}.greeting-card .continue-arrow{font-size:18px;color:#444;flex-shrink:0}.greeting-card .greeting-quick-nav{margin-top:24px;text-align:left}.greeting-card .quick-nav-header{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:12px}.greeting-card .quick-nav-title{font-size:11px;font-weight:600;color:#555;text-transform:uppercase;letter-spacing:1px}.greeting-card .quick-nav-edit-btn{background:none;border:1px solid transparent;border-radius:6px;color:#555;cursor:pointer;padding:4px 6px;display:flex;align-items:center;transition:color .15s,border-color .15s}.greeting-card .quick-nav-edit-btn:hover,.greeting-card .quick-nav-edit-btn.active{color:#fff;border-color:#444}.greeting-card .quick-nav-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.greeting-card .quick-nav-btn{background:#111;border:1px solid var(--border);border-radius:14px;padding:14px 16px;cursor:pointer;text-align:left;transition:background .15s,border-color .15s,transform .1s;display:flex;align-items:center;gap:12px;position:relative}.greeting-card .quick-nav-btn:hover{background:#1a1a1a;border-color:#444}.greeting-card .quick-nav-btn:active{transform:scale(.98)}.greeting-card .quick-nav-btn.editing{cursor:grab;border-style:dashed}.greeting-card .quick-nav-btn.dragging{opacity:.4}.greeting-card .quick-nav-btn.drag-over{border-color:#666;background:#1a1a1a}.greeting-card .quick-nav-icon-wrap,.greeting-card .quick-nav-icon-upload{flex-shrink:0;width:36px;height:36px;position:relative}.greeting-card .quick-nav-icon{width:36px;height:36px;border-radius:10px;object-fit:cover}.greeting-card .quick-nav-icon-placeholder{width:36px;height:36px;border-radius:10px;background:#222;border:1px solid #333;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;color:#666}.greeting-card .quick-nav-icon-upload{cursor:pointer}.greeting-card .quick-nav-icon-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px;background:#0009;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s;color:#fff}.greeting-card .quick-nav-icon-upload:hover .quick-nav-icon-overlay{opacity:1}.greeting-card .quick-nav-text{min-width:0;flex:1}.greeting-card .quick-nav-name{font-size:13px;font-weight:600;color:var(--text);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.greeting-card .quick-nav-path{font-size:10px;color:#555;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.greeting-card .quick-nav-delete-btn{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;background:#333;border:1px solid #555;color:#aaa;font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.greeting-card .quick-nav-delete-btn:hover{background:#555;color:#fff}.greeting-card .quick-nav-edit-panel{margin-top:10px}.greeting-card .quick-nav-select{width:100%;padding:8px 12px;background:#111;border:1px dashed #444;border-radius:10px;color:#888;font-size:12px;cursor:pointer;appearance:none;-webkit-appearance:none}.greeting-card .quick-nav-select:hover{border-color:#666;color:#bbb}.greeting-card .quick-nav-empty{text-align:center;color:#444;font-size:12px;padding:16px 0}@media(min-width:769px){#header-title{flex:1;display:none}}#mobile-tab-bar{display:none}@media(max-width:768px){#mobile-tab-bar{display:flex;flex-direction:column;background:color-mix(in srgb,var(--bg, #0c0c0c) 94%,transparent)!important;border-bottom:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px #ffffff0a,0 1px #0000004d;position:absolute;top:var(--mobile-header-height, 48px);left:0;right:0;z-index:99}#mobile-tab-bar:empty{display:none}.page-active #mobile-tab-bar{display:none!important}.mtb-project{display:flex;align-items:center;gap:0;border-bottom:1px solid var(--border);min-height:40px}.mtb-project:last-child{border-bottom:none}.mtb-project-name{flex-shrink:0;padding:0 12px;font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;user-select:none;-webkit-user-select:none;touch-action:manipulation}.mtb-project.active .mtb-project-name{color:var(--text)}.mtb-tabs{display:flex;flex:1;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.mtb-tabs::-webkit-scrollbar{display:none}.mtb-tab{display:flex;align-items:center;gap:5px;padding:8px 12px;cursor:pointer;font-size:12px;color:var(--text-muted);white-space:nowrap;flex-shrink:0;border-right:1px solid var(--border);user-select:none;-webkit-user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.mtb-tab:active{opacity:.6}.mtb-tab:last-child{border-right:none}.mtb-tab.active{color:var(--text);background:var(--bg)}.mtb-tab-title{max-width:120px;overflow:hidden;text-overflow:ellipsis}.mtb-tab-close{opacity:.3;font-size:14px;line-height:1;cursor:pointer}.mtb-tab-close:hover{opacity:1;color:var(--text)}.mtb-add{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:36px;cursor:pointer;font-size:18px;color:var(--text-muted);opacity:.5;border-left:1px solid var(--border);touch-action:manipulation}.mtb-add:hover{opacity:1;background:var(--input-bg)}.mtb-tab .spt-streaming-dot{flex-shrink:0}}@media(max-width:768px){#header-title{flex:1}#project-panel{display:none}#sidebar{position:fixed;top:0;left:0;z-index:300;width:0;min-width:0;height:100%}#sidebar .sidebar-header,#sidebar #sidebar-search,#sidebar #sidebar-new-chat-btn,#sidebar #conversation-list,#sidebar .sidebar-footer,#sidebar .sidebar-bottom{display:none}#sidebar.open .sidebar-header,#sidebar.open #sidebar-search,#sidebar.open #sidebar-new-chat-btn{display:flex}#sidebar.open #conversation-list{display:block}#sidebar.open .sidebar-footer{display:flex}#sidebar.open .sidebar-bottom{display:block}#sidebar.open{width:85%;max-width:320px}}#email-panel{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:var(--bg);z-index:50}#email-panel.open{display:flex}#email-panel-inner{display:flex;width:100%;height:100%;overflow:hidden}#email-sidebar{width:320px;min-width:280px;border-right:1px solid var(--border);display:flex;flex-direction:column;background:var(--bg-secondary)}#email-list{flex:1;overflow-y:auto}#email-tabs{display:flex;border-bottom:1px solid var(--border);background:var(--bg-secondary)}.email-tab{flex:1;background:none;border:none;color:var(--text-muted);padding:10px 12px;font-size:13px;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:6px}.email-tab:hover{color:var(--text)}.email-tab.active{color:var(--text);border-bottom-color:var(--accent)}.email-tab-badge{background:var(--accent);color:#fff;font-size:10px;font-weight:700;border-radius:10px;padding:1px 6px;min-width:16px;text-align:center}.briiidge-type{display:inline-block;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:2px 6px;border-radius:4px;margin-right:6px;vertical-align:middle}.briiidge-type.signup{background:#64c88226;color:#7acc95}.briiidge-type.contact{background:#78a0e626;color:#8fb0e8}.briiidge-detail-meta{display:grid;grid-template-columns:max-content 1fr;gap:4px 12px;font-size:13px;color:var(--text-muted);margin-top:8px}.briiidge-detail-meta strong{color:var(--text)}#email-main{flex:1;display:flex;flex-direction:column;overflow:hidden}#email-content{flex:1;overflow-y:auto}.email-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted);font-size:14px}.email-header-btn{background:none;border:1px solid var(--border);color:var(--text);border-radius:8px;padding:6px 10px;cursor:pointer;font-size:14px}.email-header-btn:hover{background:var(--bg)}.email-loading{padding:32px;text-align:center;color:var(--text-muted)}.email-item.active{background:var(--bg)}.email-item{padding:12px 16px;border-bottom:1px solid var(--border);cursor:pointer}.email-item:hover{background:var(--bg)}.email-item.unread{border-left:3px solid var(--accent)}.email-item-top{display:flex;justify-content:space-between;align-items:center}.email-from{font-size:14px;font-weight:600}.email-date{font-size:11px;color:var(--text-muted)}.email-subject{font-size:13px;color:var(--text-muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.email-snippet{font-size:12px;color:var(--text-muted);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.6}.email-detail-top{display:none;padding:8px 16px;border-bottom:1px solid var(--border)}.email-back-mobile{background:none;border:none;color:var(--text);cursor:pointer;font-size:14px;padding:4px 0}@media(max-width:768px){.email-detail-top{display:block}}.email-detail-header{padding:16px;border-bottom:1px solid var(--border)}.email-detail-subject{font-size:16px;font-weight:600;margin-bottom:8px}.email-detail-meta{display:flex;justify-content:space-between;font-size:13px;color:var(--text-muted)}.email-detail-to{font-size:12px;color:var(--text-muted);margin-top:4px}.email-detail-body{padding:16px;font-size:14px;line-height:1.6;word-break:break-word;color:#fff}.email-detail-body pre{white-space:pre-wrap;font-family:inherit;color:#fff}.email-detail-body *{color:#fff!important}.email-detail-body img{max-width:100%}.email-draft{padding:16px;background:var(--bg);border-top:1px solid var(--border)}.email-draft-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:14px;font-weight:600}.email-draft textarea{width:100%;min-height:100px;background:var(--input-bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:14px;padding:12px;resize:vertical;font-family:inherit}.email-draft-actions{display:flex;gap:8px;margin-top:8px;justify-content:flex-end}.btn-ai-draft{background:#fff;color:#000;border:none;padding:6px 14px;border-radius:0;cursor:pointer;font-size:13px;font-weight:600}.btn-ai-draft:hover{opacity:.9}.btn-ai-draft:disabled{opacity:.5;cursor:wait}.btn-email-send{background:var(--accent);color:#000;border:none;padding:8px 20px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600}.btn-email-send:hover{opacity:.9}.email-compose{padding:16px;display:flex;flex-direction:column;gap:8px}.email-compose input,.email-compose textarea{width:100%;padding:10px 12px;background:var(--input-bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:14px;font-family:inherit}.email-compose textarea{min-height:200px;resize:vertical}.email-badge{background:#f44;color:#fff;border-radius:10px;padding:1px 6px;font-size:11px;font-weight:600;margin-left:auto}.btn-email-dismiss{background:none;border:1px solid var(--border);color:var(--text-muted);padding:8px 16px;border-radius:0;cursor:pointer;font-size:13px}.btn-email-dismiss:hover{color:var(--text);border-color:var(--text-muted)}#email-toasts{position:fixed;bottom:20px;right:20px;z-index:999;display:flex;flex-direction:column-reverse;gap:10px;pointer-events:none;max-width:380px}.email-toast{pointer-events:all;background:#111;border:1px solid #333;padding:14px 16px;width:360px;opacity:0;transform:translate(100%);transition:all .3s ease}.email-toast.show{opacity:1;transform:translate(0)}.email-toast.reminder{border-left:3px solid #ff8800}.email-toast:not(.reminder){border-left:3px solid #ffffff}.email-toast-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.email-toast-label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#888;font-weight:600}.email-toast.reminder .email-toast-label{color:#f80}.email-toast-close{background:none;border:none;color:#666;cursor:pointer;font-size:18px;line-height:1;padding:0}.email-toast-close:hover{color:#fff}.email-toast-from{font-size:14px;font-weight:600;color:#fff;margin-bottom:2px}.email-toast-subject{font-size:13px;color:#ccc;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.email-toast-snippet{font-size:12px;color:#666;margin-bottom:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.email-toast-actions{display:flex;gap:8px}.email-toast-actions button{flex:1;padding:8px;border:none;cursor:pointer;font-size:13px;font-weight:600;background:#fff;color:#000}.email-toast-actions button:hover{opacity:.9}.email-toast-actions button.dismiss{background:none;border:1px solid #333;color:#888}.email-toast-actions button.dismiss:hover{color:#fff;border-color:#666}@media(max-width:500px){#email-toasts{right:10px;left:10px;max-width:none}.email-toast{width:auto}}@media(max-width:768px){#email-panel-inner{flex-direction:column}#email-sidebar{width:100%;min-width:0;min-height:0;flex:1;border-right:none;border-bottom:1px solid var(--border)}#email-panel.open.email-detail-open #email-sidebar{display:none}#email-panel.open:not(.email-detail-open) #email-main{display:none}#email-panel.open.email-detail-open #email-main{display:flex;flex-direction:column;height:100%;min-height:0}}.code-block-wrapper{position:relative}.code-copy-btn{position:absolute;top:8px;right:8px;background:#ffffff1a;border:none;color:#888;border-radius:4px;padding:4px 6px;cursor:pointer;opacity:0;transition:opacity .15s;display:flex;align-items:center;justify-content:center}.code-block-wrapper:hover .code-copy-btn{opacity:1}.code-copy-btn:hover{color:#fff;background:#fff3}@media(max-width:768px){.code-copy-btn{opacity:1}}#video-page{display:none;position:absolute;top:0;left:0;right:0;bottom:0;background:var(--bg);z-index:10;overflow:hidden}#video-page.open{display:flex;flex-direction:column}.video-projects-header{text-align:center;padding:40px 20px 16px}.video-projects-header svg{margin-bottom:8px}.video-projects-header h2{color:var(--text);font-size:20px;margin-bottom:4px}.video-projects-header p{color:var(--text-muted);font-size:13px}.video-projects-actions{display:flex;justify-content:center;padding:0 20px 16px}.video-new-project-btn{display:flex;align-items:center;gap:6px;background:var(--bg-secondary);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:10px 20px;font-size:14px;cursor:pointer;font-family:inherit}.video-new-project-btn:hover{border-color:#555}.video-projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;padding:0 20px 20px;overflow-y:auto;flex:1}#video-projects-empty{text-align:center;padding:60px 20px;color:var(--text-muted)}#video-projects-empty svg{margin-bottom:12px}.video-project-card{display:flex;align-items:center;gap:12px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;padding:12px;cursor:pointer;transition:border-color .15s}.video-project-card:hover{border-color:#555}.video-project-card-preview{width:72px;height:48px;border-radius:6px;background:#111;display:flex;align-items:center;justify-content:center;flex-shrink:0}.video-project-card-info{flex:1;min-width:0}.video-project-card-name{color:var(--text);font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-project-card-meta{color:var(--text-muted);font-size:12px;margin-top:2px}.video-project-card-delete{background:none;border:none;color:#555;cursor:pointer;padding:4px;border-radius:4px;opacity:0;transition:opacity .15s}.video-project-card:hover .video-project-card-delete{opacity:1}.video-project-card-delete:hover{color:#f44}#video-editor-view{display:flex;flex-direction:column;height:100%;overflow:hidden;user-select:none;-webkit-user-select:none}#video-editor-view input,#video-editor-view textarea,#video-editor-view [contenteditable=true]{user-select:text;-webkit-user-select:text}.video-toolbar{display:flex;align-items:center;gap:12px;padding:8px 16px;border-bottom:1px solid var(--border);background:var(--bg-secondary)}.video-toolbar-left{display:flex;align-items:center;gap:8px;flex:1}.video-toolbar-center{display:flex;align-items:center;gap:10px}.video-toolbar-right{display:flex;align-items:center;gap:8px;flex:1;justify-content:flex-end}.video-project-title{color:var(--text);font-size:14px;font-weight:500}.video-transport-btn{width:36px;height:36px;border-radius:50%;background:#333;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.video-transport-btn:hover{background:#444}.video-time-display{color:var(--text-muted);font-size:13px;font-variant-numeric:tabular-nums}.video-btn{background:var(--bg-secondary);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:6px 12px;font-size:12px;cursor:pointer;font-family:inherit}.video-btn:hover{border-color:#555}.video-btn-primary{background:#fff;color:#000;border-color:#fff;font-weight:500}.video-btn-primary:hover{background:#ddd;border-color:#ddd}.video-btn-primary:disabled{opacity:.5;cursor:not-allowed}.vexp-section-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#666;margin:16px 0 8px}.vexp-field{margin-bottom:14px;position:relative}.vexp-label{display:block;font-size:12px;color:#aaa;margin-bottom:5px}.vexp-input{width:100%;box-sizing:border-box;background:#111;border:1px solid #333;border-radius:6px;color:#fff;font-size:13px;padding:7px 10px;font-family:inherit}.vexp-input:focus{outline:none;border-color:#555}.vexp-suffix{position:absolute;right:10px;bottom:8px;color:#555;font-size:13px;pointer-events:none}.vexp-select{width:100%;box-sizing:border-box;background:#111;border:1px solid #333;border-radius:6px;color:#fff;font-size:13px;padding:7px 10px;font-family:inherit;cursor:pointer}.vexp-select:focus{outline:none;border-color:#555}.vexp-slider{width:100%;accent-color:#fff;cursor:pointer}.vexp-slider-hints{display:flex;justify-content:space-between;font-size:11px;color:#555;margin-top:4px}.vexp-toggle-row{display:flex;gap:6px}.vexp-toggle{flex:1;background:#111;border:1px solid #333;border-radius:6px;color:#888;font-size:12px;padding:6px 10px;cursor:pointer;font-family:inherit;transition:all .1s}.vexp-toggle.active{background:#fff;color:#000;border-color:#fff;font-weight:500}.vexp-btn-cancel{flex:1;background:transparent;border:1px solid #333;border-radius:8px;color:#aaa;font-size:13px;padding:9px 16px;cursor:pointer;font-family:inherit}.vexp-btn-cancel:hover{border-color:#555;color:#fff}.vexp-btn-export{flex:2;background:#fff;color:#000;border:none;border-radius:8px;font-size:13px;font-weight:600;padding:9px 16px;cursor:pointer;font-family:inherit}.vexp-btn-export:hover{background:#ddd}.vexp-checkbox-label{display:flex;align-items:center;gap:8px;font-size:12px;color:#aaa;cursor:pointer;-webkit-user-select:none;user-select:none}.vexp-checkbox-label input[type=checkbox]{accent-color:#fff;cursor:pointer}#video-render-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#000000bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center}.vrender-box{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:16px;padding:28px 32px;width:360px}.vrender-title{font-size:15px;font-weight:600;color:#fff;margin-bottom:4px}.vrender-filename{font-size:12px;color:#555;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vrender-phase{font-size:11px;color:#444;margin-bottom:18px;min-height:14px}.vrender-progress-track{height:3px;background:#222;border-radius:2px;overflow:hidden;margin-bottom:10px}.vrender-progress-fill{height:100%;background:#fff;border-radius:2px;width:0%;transition:width .8s linear}.vrender-stats{display:flex;justify-content:space-between;font-size:12px;color:#555;margin-bottom:22px}.vrender-cancel-btn{width:100%;background:transparent;border:1px solid #2a2a2a;border-radius:8px;color:#666;font-size:13px;padding:8px;cursor:pointer;font-family:inherit}.vrender-cancel-btn:hover{border-color:#444;color:#aaa}.video-agent-indicator{width:8px;height:8px;border-radius:50%;display:inline-block}.video-agent-indicator.connected{background:#4a4}.video-agent-indicator.disconnected{background:#555}.video-main{display:flex;flex:1;min-height:0;overflow:hidden}.video-effects-panel{width:240px;border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;flex-shrink:0;background:var(--bg)}.video-effects-header{padding:12px 16px;font-size:11px;color:var(--text-muted);border-bottom:1px solid var(--border);font-weight:500;text-transform:uppercase;letter-spacing:1.2px}.video-effects-content{flex:1;overflow-y:auto;padding:14px 14px 20px}.video-effects-empty{color:#555;font-size:12px;text-align:center;padding:20px 0}.video-effects-clip-name{font-size:12px;color:var(--text);margin-bottom:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-bottom:10px;border-bottom:1px solid var(--border)}.video-fx-group{margin-bottom:14px}.video-fx-label{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#888;margin-bottom:6px}.video-fx-row{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin-bottom:6px;gap:6px}.video-fx-label-text{font-size:11px;color:#888;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-fx-meta{display:flex;align-items:center;gap:2px;flex-shrink:0}.video-fx-value{color:#ddd;font-variant-numeric:tabular-nums;font-size:11px;cursor:text;padding:2px 5px;border-radius:3px;min-width:30px;text-align:right;transition:background .1s,color .1s}.video-fx-value:hover{background:#1a1a1a;color:#fff}.video-fx-value-input{width:56px;background:#1a1a1a;border:1px solid #444;color:#fff;padding:1px 5px;font-size:11px;border-radius:3px;text-align:right;outline:none;font-variant-numeric:tabular-nums;font-family:inherit;margin:0}.video-fx-value-input:focus{border-color:#888}.video-fx-suffix{color:#555;font-size:10px;margin-right:2px}.video-fx-reset{background:none;border:none;padding:0;margin:0 0 0 2px;width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;color:#666;cursor:pointer;opacity:0;flex-shrink:0;transition:opacity .12s,color .12s}.video-fx-reset.modified{opacity:.55}.video-fx-group:hover .video-fx-reset.modified{opacity:1}.video-fx-reset:hover{color:#fff;opacity:1!important}.video-fx-reset:focus-visible{outline:1px solid #555;outline-offset:1px;border-radius:3px}.video-fx-slider-wrap{position:relative;padding:7px 0}.video-fx-slider-wrap:before{content:"";position:absolute;left:var(--default-pos, 50%);top:50%;transform:translate(-50%,-50%);width:2px;height:10px;background:#555;border-radius:1px;pointer-events:none;z-index:1}.video-fx-slider-wrap:has(.video-fx-slider.colored):before{background:#0000008c;height:12px;width:2px;box-shadow:0 0 0 1px #ffffff26}.video-fx-slider{width:100%;height:4px;-webkit-appearance:none;appearance:none;background:#2a2a2a;border-radius:2px;outline:none;cursor:pointer;position:relative;z-index:2;margin:0;display:block}.video-fx-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:#fff;border-radius:50%;cursor:pointer;border:none;box-shadow:0 1px 3px #00000080;transition:transform .1s,box-shadow .1s}.video-fx-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.video-fx-slider:active::-webkit-slider-thumb{transform:scale(1.15);box-shadow:0 0 0 6px #ffffff14,0 1px 3px #00000080}.video-fx-slider.colored::-webkit-slider-thumb{box-shadow:0 0 0 1.5px #0009,0 1px 3px #00000080}.video-fx-slider.colored:active::-webkit-slider-thumb{box-shadow:0 0 0 1.5px #0009,0 0 0 6px #ffffff1a,0 1px 3px #00000080}.video-fx-slider::-moz-range-thumb{width:14px;height:14px;background:#fff;border-radius:50%;cursor:pointer;border:none;box-shadow:0 1px 3px #00000080}.video-fx-slider::-moz-range-thumb:hover{transform:scale(1.1)}.video-fx-slider.colored::-moz-range-thumb{box-shadow:0 0 0 1.5px #0009,0 1px 3px #00000080}.video-fx-divider{border-top:1px solid #1f1f1f;margin:18px 0 14px}.video-fx-section-title{font-size:10px;text-transform:uppercase;letter-spacing:1.4px;color:#777;margin-bottom:12px;display:flex;align-items:center;gap:8px}.video-fx-section-title:before{content:"";width:0;height:0;flex-shrink:0;background:transparent;border-radius:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #555;transform-origin:50% 30%;transition:transform .18s ease,border-top-color .12s}.video-fx-section-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .12s}.video-fx-section-toggle:hover{color:#aaa}.video-fx-section-toggle:hover:before{border-top-color:#888}.video-fx-section-title.collapsed:before{transform:rotate(-90deg)}.video-fx-section-body{display:block}.video-fx-section-title.collapsed+.video-fx-section-body{display:none}.video-fx-section-with-action{justify-content:space-between}.video-fx-curve-reset{background:none;border:none;padding:2px 4px;margin:0;color:#666;cursor:pointer;display:inline-flex;align-items:center;border-radius:3px;transition:color .12s,background .12s}.video-fx-curve-reset:hover{color:#fff;background:#1a1a1a}.video-curve-canvas{width:100%;height:auto;aspect-ratio:1 / 1;display:block;margin:4px 0 6px;background:#050505;border:1px solid #1a1a1a;border-radius:4px;cursor:crosshair;touch-action:none}.video-fx-wheels{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin:6px 0 12px}.video-fx-wheel-cell{display:flex;flex-direction:column;align-items:center;gap:4px}.video-fx-wheel{width:100%;height:auto;aspect-ratio:1 / 1;display:block;cursor:crosshair;touch-action:none;border-radius:50%}.video-fx-wheel-label{font-size:10px;color:#888;letter-spacing:.3px}.video-fx-wheel-lum{width:100%;height:3px;margin:2px 0 0}.video-fx-wheel-lum::-webkit-slider-thumb{width:10px;height:10px}.video-fx-wheel-lum::-moz-range-thumb{width:10px;height:10px}.video-fx-lut-row{display:flex;align-items:center;gap:6px;margin:4px 0 8px}.video-fx-lut-name{flex:1;min-width:0;font-size:11px;color:#ccc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:italic}.video-fx-lut-name:empty:before,.video-fx-lut-name:not([title=""]){font-style:normal}.video-fx-lut-import{background:#1a1a1a;color:#ddd;border:1px solid #333;border-radius:4px;padding:4px 8px;font-size:10px;cursor:pointer;flex-shrink:0;transition:border-color .12s,background .12s}.video-fx-lut-import:hover{border-color:#555;background:#222}.video-fx-hsl-bands{display:flex;gap:4px;margin:4px 0 14px;justify-content:space-between}.video-fx-hsl-band{width:22px;height:22px;border-radius:50%;padding:0;border:2px solid transparent;cursor:pointer;box-shadow:0 0 0 1px #0009 inset;transition:transform .1s,border-color .1s}.video-fx-hsl-band:hover{transform:scale(1.12)}.video-fx-hsl-band.selected{border-color:#fff}.video-fx-hsl-band:focus-visible{outline:none;border-color:#fff}.video-fx-hint{font-size:11px;color:#777;margin:-4px 0 10px}.video-fx-select{width:100%;background:#222;color:#ccc;border:1px solid #333;border-radius:4px;padding:5px 8px;font-size:12px;outline:none;cursor:pointer}.video-fx-select:focus{border-color:#555}.video-fx-input{width:100%;background:#222;color:#ccc;border:1px solid #333;border-radius:4px;padding:5px 8px;font-size:12px;outline:none;box-sizing:border-box}.video-fx-input:focus{border-color:#555}.video-fx-color{width:100%;height:32px;border:1px solid #333;border-radius:4px;background:#222;cursor:pointer;padding:2px}.video-fx-preset-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.video-fx-preset-btn{background:#1a1a1a;color:#ccc;border:1px solid #2a2a2a;border-radius:4px;padding:7px 6px;font-size:11px;cursor:pointer;text-align:center;transition:border-color .12s,background .12s,color .12s}.video-fx-preset-btn:hover{background:#222;border-color:#444;color:#fff}.video-fx-preset-btn:active{background:#2a2a2a}.video-fx-color::-webkit-color-swatch-wrapper{padding:2px}.video-fx-color::-webkit-color-swatch{border:none;border-radius:2px}.video-canvas-info{margin-top:12px;padding-top:10px;border-top:1px solid #333;font-size:11px;color:#555;text-align:center}.video-fx-reset-btn{width:100%;margin-top:12px;font-size:11px;padding:6px 0}.video-preview-area{flex:1;display:flex;flex-direction:column;align-items:stretch;background:#111;position:relative;min-width:0}.video-preview-area .video-preview-container{flex:1;min-height:0}.video-preview-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.video-preview-canvas{position:relative;background:#000;overflow:hidden}.video-preview-canvas video{width:100%;height:100%;object-fit:cover;transform-origin:center center}.video-preview-canvas canvas{width:100%;height:100%;object-fit:contain;transform-origin:center center}.video-text-overlay{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.video-subtitle-overlay{transition:outline-color .12s ease}.video-subtitle-overlay:hover{outline:2px dashed rgba(255,255,255,.35);outline-offset:6px}.video-safe-area{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.video-safe-area-title{position:absolute;left:5%;top:5%;right:5%;bottom:5%;border:1px dashed rgba(255,255,255,.35)}.video-safe-area-action{position:absolute;left:10%;top:10%;right:10%;bottom:10%;border:1px dashed rgba(255,255,255,.2)}.video-preview-ctrl-btn.active{background:#ffffff1f}.video-comp-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.video-preview-placeholder{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#555;font-size:13px;text-align:center;padding:20px;pointer-events:none}.video-preview-canvas video[src]~.video-preview-placeholder,.video-preview-canvas canvas.has-content~.video-preview-placeholder{display:none}.video-preview-controls{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#111;border-top:1px solid #222;flex-shrink:0}.video-preview-ctrl-btn{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;opacity:.8}.video-preview-ctrl-btn:hover{opacity:1;background:#ffffff1a}.video-preview-time{color:#aaa;font-size:12px;font-family:monospace;margin-left:auto}.video-file-browser{width:260px;border-left:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;flex-shrink:0;position:relative;min-width:180px;max-width:720px}.video-file-browser-resize{position:absolute;top:0;bottom:0;left:-3px;width:6px;cursor:ew-resize;z-index:10;background:transparent;transition:background .15s}.video-file-browser-resize:hover,.video-file-browser-resize.dragging{background:#ffffff14}body.video-file-browser-resizing,body.video-file-browser-resizing *{cursor:ew-resize!important;-webkit-user-select:none!important;user-select:none!important}.video-file-browser-header{padding:10px 14px;font-size:12px;color:var(--text-muted);border-bottom:1px solid var(--border);font-weight:500;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;justify-content:space-between;gap:8px}.video-file-view-toggle{display:inline-flex;gap:2px;background:#111;border:1px solid #222;border-radius:6px;padding:2px}.video-file-view-btn{background:transparent;border:none;color:#666;cursor:pointer;width:24px;height:22px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.video-file-view-btn:hover{color:#ccc}.video-file-view-btn.active{background:#1a1a1a;color:#fff}.video-file-list{flex:1;overflow-y:auto}.video-file-list.view-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:6px;padding:6px;align-content:start}.video-file-list.view-grid .video-file-group-header{grid-column:1 / -1;padding:8px 4px 2px}.video-file-list.view-grid .video-file-item{flex-direction:column;align-items:stretch;padding:6px;gap:6px;border-bottom:none;background:#0a0a0a;border:1px solid #1a1a1a;border-radius:8px;position:relative}.video-file-list.view-grid .video-file-item:hover{background:#111;border-color:#2a2a2a}.video-file-list.view-grid .video-file-thumb{width:100%;height:80px;border-radius:6px}.video-file-list.view-grid .video-file-info{flex:1;min-width:0}.video-file-list.view-grid .video-file-name{font-size:11px;line-height:1.3;max-height:2.6em;overflow:hidden}.video-file-list.view-grid .video-file-meta{font-size:10px;color:#555}.video-file-list.view-grid .video-file-badges{margin-top:4px}.video-file-list.view-grid .video-file-add{position:absolute;top:8px;right:8px;width:24px;height:24px;padding:0;background:#000000b3;border:1px solid #333;border-radius:50%;opacity:0;transition:opacity .15s}.video-file-list.view-grid .video-file-item:hover .video-file-add{opacity:1}.video-file-item{display:flex;align-items:center;gap:10px;padding:8px 14px;cursor:pointer;border-bottom:1px solid var(--border);transition:background .1s}.video-file-item:hover{background:var(--bg-secondary)}.video-file-thumb{width:48px;height:32px;object-fit:cover;border-radius:4px;background:#111;flex-shrink:0}.video-file-info{flex:1;min-width:0}.video-file-name{color:var(--text);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-file-meta{color:var(--text-muted);font-size:11px;margin-top:1px}.video-file-add{width:28px;height:28px;border-radius:6px;border:1px solid var(--border);background:none;color:var(--text);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s}.video-file-item:hover .video-file-add{opacity:1}.video-file-add:hover{background:#333}.video-proxy-badge{display:inline-block;padding:1px 6px;border-radius:3px;font-size:10px;font-weight:600;letter-spacing:.3px;text-transform:uppercase;vertical-align:middle}.video-proxy-badge.ready{background:#1f1f1f;color:#888;border:1px solid #2a2a2a}.video-proxy-badge.pending{background:#1f1f1f;color:#aaa;border:1px solid #2a2a2a}.video-proxy-badge.building{background:#2a2a2a;color:#fff;border:1px solid #3a3a3a}.video-proxy-badge.error{background:#2a1818;color:#ff8a8a;border:1px solid #4a2020}.video-file-item.proxy-building .video-file-thumb{opacity:.5;filter:grayscale(.4)}.video-file-item.proxy-building:after{content:"";position:absolute;left:0;bottom:0;height:2px;background:#fff;transition:width .3s linear}.video-file-item{position:relative}.video-no-agent{padding:32px 16px;text-align:center;color:var(--text-muted)}.video-no-agent svg{margin-bottom:12px}.video-no-agent p{margin-bottom:8px;font-size:13px}.video-no-agent code{display:block;background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;padding:8px;font-size:11px;color:#aaa;word-break:break-all}#video-comp-list:not(:empty){border-top:1px solid var(--border)}.video-comp-section-header{padding:10px 14px;font-size:12px;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;justify-content:space-between}.video-comp-section-header button{background:none;border:1px solid var(--border);color:var(--text-muted);font-size:11px;padding:2px 8px;border-radius:4px;cursor:pointer}.video-comp-section-header button:hover{border-color:#555;color:var(--text)}.video-comp-item{display:flex;align-items:center;gap:10px;padding:8px 14px;cursor:pointer;border-bottom:1px solid var(--border);transition:background .1s}.video-comp-item:hover{background:var(--bg-secondary)}.video-comp-icon{width:48px;height:32px;border-radius:4px;background:#111;display:flex;align-items:center;justify-content:center;color:#555;font-size:18px;flex-shrink:0;border:1px solid var(--border)}.video-comp-info{flex:1;min-width:0}.video-comp-name{color:var(--text);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-comp-meta{color:var(--text-muted);font-size:11px;margin-top:1px}.video-comp-item:hover .video-file-add{opacity:1}.video-comp-remove{width:20px;height:20px;border:none;background:none;color:#555;cursor:pointer;font-size:14px;opacity:0;transition:opacity .15s;display:flex;align-items:center;justify-content:center}.video-comp-item:hover .video-comp-remove{opacity:1}.video-comp-remove:hover{color:#ff6b6b}.comp-browser-item{display:flex;align-items:center;gap:12px;padding:12px 20px;cursor:pointer;color:#ccc;font-size:14px;border-bottom:1px solid rgba(255,255,255,.05);transition:background .1s}.comp-browser-item:last-child{border-bottom:none}.comp-browser-item:hover{background:#ffffff0d}.comp-browser-icon{width:36px;height:36px;border-radius:8px;background:#222;display:flex;align-items:center;justify-content:center;color:#666;font-size:16px;flex-shrink:0}.comp-browser-info{flex:1}.comp-browser-name{color:#fff;font-weight:500}.comp-browser-meta{color:#666;font-size:12px;margin-top:2px}.comp-browser-back{display:flex;align-items:center;gap:8px;padding:12px 20px;cursor:pointer;color:#888;font-size:13px;border-bottom:1px solid rgba(255,255,255,.08)}.comp-browser-back:hover{color:#fff;background:#ffffff08}.comp-browser-empty{padding:32px 20px;text-align:center;color:#555;font-size:13px}.video-timeline-resize-handle{height:5px;cursor:ns-resize;background:transparent;border-top:1px solid var(--border);flex-shrink:0;position:relative;z-index:10}.video-timeline-resize-handle:hover,.video-timeline-resize-handle.active{background:#444}.video-sequence-tabs{display:flex;align-items:center;gap:0;background:#0a0a0a;border-bottom:1px solid var(--border);padding:0 4px;min-height:30px;flex-shrink:0;overflow-x:auto;scrollbar-width:none}.video-sequence-tabs::-webkit-scrollbar{display:none}.video-seq-tab{display:flex;align-items:center;gap:4px;padding:4px 12px;cursor:pointer;white-space:nowrap;font-size:12px;color:#666;border-right:1px solid var(--border);background:transparent;transition:background .15s,color .15s;-webkit-user-select:none;user-select:none;position:relative}.video-seq-tab:hover{background:#1a1a1a;color:#aaa}.video-seq-tab.active{background:var(--bg-secondary);color:#fff;border-bottom:2px solid #fff;margin-bottom:-1px}.video-seq-tab-name{pointer-events:auto}.video-seq-tab-close{background:none;border:none;color:#555;cursor:pointer;font-size:14px;padding:0 2px;line-height:1;display:flex;align-items:center}.video-seq-tab-close:hover{color:#fff}.video-seq-add-btn{background:none;border:1px solid var(--border);border-radius:4px;color:#555;cursor:pointer;font-size:14px;width:24px;height:22px;margin-left:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.video-seq-add-btn:hover{background:#1a1a1a;color:#fff;border-color:#555}.video-timeline{background:var(--bg-secondary);display:flex;flex-direction:column;height:200px;flex-shrink:0}.video-timeline-toolbar{display:flex;align-items:center;gap:4px;padding:4px 8px;border-bottom:1px solid var(--border)}.video-tool-btn{width:28px;height:28px;border-radius:4px;border:1px solid var(--border);background:none;color:#888;cursor:pointer;display:flex;align-items:center;justify-content:center}.video-tool-btn:hover{background:#222;color:#ccc}.video-tool-btn.active{background:#333;color:#fff;border-color:#555}.video-timeline-scroll.razor-mode,.video-timeline-scroll.razor-mode .video-clip{cursor:crosshair}.video-timeline-scroll.razor-mode .video-clip-handle{cursor:ew-resize}.video-razor-indicator{position:absolute;display:none;pointer-events:none;z-index:8;width:1.5px;background:#fff;box-shadow:0 0 6px #fff9}.video-razor-indicator.visible{display:block}.video-toolbar-divider{width:1px;height:20px;background:var(--border);margin:0 2px}.video-zoom-btn{width:24px;height:24px;border-radius:4px;border:1px solid var(--border);background:none;color:var(--text);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center}.video-zoom-btn:hover{background:#222}.video-timeline-area{flex:1;position:relative;overflow:hidden;cursor:pointer}.video-timeline-scroll{position:absolute;top:0;left:0;right:0;bottom:0;overflow-x:auto;overflow-y:auto}.video-timeline-ruler{height:24px;position:sticky;top:0;z-index:5;background:var(--bg-secondary);border-bottom:1px solid var(--border);-webkit-user-select:none;user-select:none}.video-ruler-mark{position:absolute;top:0;height:100%;border-left:1px solid #333}.video-ruler-mark span{position:absolute;top:4px;left:4px;font-size:10px;color:#666;white-space:nowrap}.video-timeline-tracks{position:relative;min-height:100px}.video-track-section-header{height:20px;display:flex;align-items:center;gap:6px;padding:0 8px;background:#111;border-bottom:1px solid var(--border);font-size:10px;color:#666;letter-spacing:1px;font-weight:600;position:sticky;left:0;width:fit-content;min-width:100%}.video-track-add-btn{background:none;border:1px solid #444;color:#888;cursor:pointer;width:16px;height:16px;font-size:12px;line-height:14px;border-radius:3px;padding:0;display:flex;align-items:center;justify-content:center}.video-track-add-btn:hover{border-color:#888;color:#fff}.video-marquee-box{position:absolute;z-index:25;pointer-events:none;background:#ffffff14;border:1px dashed rgba(255,255,255,.6)}.video-drop-new-track-indicator{position:absolute;left:0;right:0;height:3px;background:#fff;z-index:20;pointer-events:none;transform:translateY(-1px)}.video-drop-new-track-indicator span{position:absolute;left:50%;top:-10px;transform:translate(-50%);font-size:10px;color:#fff;background:#333;padding:1px 8px;border-radius:3px;white-space:nowrap;letter-spacing:.5px}.video-track{height:56px;position:relative;border-bottom:1px solid var(--border)}.video-track-text{height:40px}.video-track-audio{height:44px}.video-track-adjustment{height:32px;border-left:2px solid #7c6cff}.video-track-label{position:sticky;left:0;top:0;height:100%;width:140px;min-width:140px;max-width:140px;box-sizing:border-box;font-size:10px;color:#555;z-index:4;display:flex;align-items:center;padding-left:8px;gap:4px;white-space:nowrap;overflow:hidden;background:#0a0a0a;padding-right:6px;border-right:1px solid #1a1a1a;box-shadow:2px 0 4px #0009}.video-track-label>span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:768px){.video-track-label{width:80px;min-width:80px;max-width:80px}}.video-track-remove-btn{background:none;border:none;color:#555;cursor:pointer;font-size:14px;padding:0;line-height:1;opacity:0;transition:opacity .15s}.video-track:hover .video-track-remove-btn{opacity:1}.video-track-remove-btn:hover{color:#fff}.video-track-toggle-btn{background:none;border:none;color:#888;cursor:pointer;padding:2px;line-height:1;display:flex;align-items:center;justify-content:center;border-radius:3px;flex-shrink:0}.video-track-toggle-btn:hover{color:#fff;background:#333}.video-track-toggle-btn.disabled{color:#444}.video-track-toggle-btn.disabled:hover{color:#888}.video-track-disabled{opacity:.35}.video-track-label-clickable{cursor:pointer}.video-track-label-clickable:hover{background:#1a1a1a;color:#aaa}.video-track-label-selected{background:#2a2a2a;color:#fff;box-shadow:inset 2px 0 #fff,2px 0 4px #0009}.video-context-menu{position:fixed;z-index:1000;background:#1a1a1a;border:1px solid #444;border-radius:6px;padding:4px 0;min-width:160px;box-shadow:0 4px 16px #00000080}.video-context-menu-item{padding:6px 14px;font-size:12px;color:#ccc;cursor:pointer}.video-context-menu-item:hover{background:#333;color:#fff}.video-clip-audio.video-clip-unlinked{border-style:dashed}.video-clip{position:absolute;top:4px;height:calc(100% - 8px);background:#222;border:1px solid #444;border-radius:4px;overflow:hidden;cursor:grab;-webkit-user-select:none;user-select:none;display:flex;align-items:center}.video-clip:hover{border-color:#666}.video-clip-selected,.video-clip-selected:hover{border-color:#fff}.video-clip-text{background:#1a1a2a;border-color:#444}.video-clip-adjustment{background:#7c6cff26;border-color:#7c6cff}.video-clip-adjustment:hover{border-color:#a99dff}.video-clip-adjustment.video-clip-selected{border-color:#c8c0ff}.video-clip-adjustment .video-clip-content{padding-left:20px;color:#b0aaff;font-size:10px}.video-clip-adj-icon{position:absolute;left:6px;top:50%;transform:translateY(-50%);color:#9d8fff;font-size:9px}.video-clip-composition{background:#1a2a1a;border-color:#4a4}.video-clip-comp-icon{position:absolute;left:6px;top:50%;transform:translateY(-50%);color:#6a6;font-size:10px}.video-clip-composition .video-clip-content{padding-left:18px}.video-btn-adjustment{border-color:#7c6cff;color:#b0aaff}.video-btn-adjustment:hover{background:#7c6cff33;border-color:#a99dff;color:#c8c0ff}.video-clip-audio{background:#1c1c1c;border-color:#444}.video-waveform-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.9}.video-clip-content-audio{position:absolute;bottom:0;left:8px;right:24px;font-size:9px;color:#666;padding:0;z-index:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-clip-thumb{position:absolute;top:0;left:0;height:100%;width:80px;object-fit:cover;opacity:.5;pointer-events:none}.video-clip-content{position:relative;z-index:1;padding:0 24px 0 8px;font-size:11px;color:#aaa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-clip-speed-badge{position:absolute;top:2px;right:10px;z-index:2;font-size:9px;color:#fff;background:#ffffff26;padding:1px 4px;border-radius:3px;pointer-events:none}.video-kf-toggle{background:none;border:1px solid #444;color:#555;font-size:10px;cursor:pointer;padding:1px 4px;margin-left:6px;line-height:1;vertical-align:middle}.video-kf-toggle:hover{color:#aaa;border-color:#666}.video-kf-toggle.active{color:#fff;border-color:#888}.video-clip-keyframes{position:absolute;bottom:2px;left:0;right:0;height:8px;pointer-events:none;z-index:2}.video-kf-diamond{position:absolute;width:6px;height:6px;background:#888;transform:translate(-50%) rotate(45deg);bottom:0}.video-clip-selected .video-kf-diamond{background:#fff}.video-clip-handle{position:absolute;top:0;bottom:0;width:8px;cursor:col-resize;z-index:3}.video-clip-handle.left{left:0;border-left:2px solid transparent}.video-clip-handle.right{right:0;border-right:2px solid transparent}.video-clip-handle:hover{background:#ffffff1a}.video-clip-handle.left:hover{border-left-color:#fff}.video-clip-handle.right:hover{border-right-color:#fff}.video-opacity-curve{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;pointer-events:none}.video-opacity-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.video-opacity-hitline{pointer-events:none}.video-clip:hover .video-opacity-hitline,.video-clip-selected .video-opacity-hitline{pointer-events:auto}.video-clip:hover .video-opacity-svg polyline:first-child{stroke:#ffffff80}.video-clip-selected .video-opacity-svg polyline:first-child{stroke:#ffffffa6}.video-opacity-dot{position:absolute;width:7px;height:7px;background:#fff;border:1px solid #888;border-radius:50%;transform:translate(-50%,-50%);cursor:ns-resize;pointer-events:none;opacity:0;transition:opacity .15s;z-index:3}.video-clip:hover .video-opacity-dot,.video-clip-selected .video-opacity-dot{pointer-events:auto;opacity:1}.video-opacity-dot:hover{background:#ccc;transform:translate(-50%,-50%) scale(1.3)}.video-playhead{position:absolute;top:0;bottom:0;z-index:10;pointer-events:none;width:1px}.video-playhead-head{width:12px;height:12px;background:#fff;border-radius:2px;position:absolute;top:0;left:-6px;cursor:pointer;pointer-events:auto;-webkit-clip-path:polygon(0 0,100% 0,100% 60%,50% 100%,0 60%);clip-path:polygon(0 0,100% 0,100% 60%,50% 100%,0 60%)}.video-playhead-line{position:absolute;top:12px;bottom:0;left:0;width:1px;background:#fff}.video-loop-overlay{position:absolute;top:0;bottom:0;pointer-events:none}.video-loop-overlay-ruler{background:#ffffff1f;border-left:1px solid rgba(255,255,255,.4);border-right:1px solid rgba(255,255,255,.4);pointer-events:auto;cursor:grab;z-index:2}.video-loop-overlay-tracks{background:#ffffff0a;border-left:1px dashed rgba(255,255,255,.2);border-right:1px dashed rgba(255,255,255,.2);z-index:1}.video-loop-handle{position:absolute;top:0;width:8px;height:100%;cursor:ew-resize;z-index:3}.video-loop-handle-in{margin-left:-4px;border-left:2px solid rgba(255,255,255,.6)}.video-loop-handle-out{margin-left:-4px;border-right:2px solid rgba(255,255,255,.6)}.video-loop-handle:hover{border-color:#fff}.video-transcription-panel{width:280px;border-left:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;flex-shrink:0}.video-transcription-panel .video-file-browser-header{display:flex;align-items:center;justify-content:space-between}.video-transcription-close{background:none;border:none;color:var(--text-muted);font-size:18px;cursor:pointer;padding:0 4px;line-height:1}.video-transcription-close:hover{color:var(--text)}.video-transcription-content{flex:1;overflow-y:auto}.video-transcription-empty{padding:20px 14px;color:var(--text-muted);font-size:12px;text-align:center}.video-transcription-cta{padding:32px 18px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px}.video-transcription-cta-label{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.video-transcription-cta-clip{font-size:13px;color:var(--text);font-weight:600;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-transcription-cta-empty{font-size:13px;color:var(--text);font-weight:600}.video-transcription-cta-btn{margin-top:14px;padding:12px 18px;width:100%;background:var(--text);color:var(--bg);border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;display:inline-flex;align-items:center;justify-content:center}.video-transcription-cta-btn:hover{opacity:.9}.video-transcription-cta-btn:disabled{opacity:.5;cursor:not-allowed}.video-transcription-cta-hint{margin-top:10px;font-size:11px;color:var(--text-muted);line-height:1.5}.video-transcription-segment{display:flex;flex-direction:column;gap:2px;padding:8px 14px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .1s}.video-transcription-segment:hover{background:var(--bg-secondary)}.video-transcription-time{font-size:10px;color:var(--text-muted);font-variant-numeric:tabular-nums}.video-transcription-text{font-size:13px;color:var(--text)}.video-transcription-actions{display:flex;gap:8px;padding:10px 14px;border-top:1px solid var(--border)}.video-revoice-section-label{padding:10px 14px 4px;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.video-revoice-frames{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:0 14px 8px}.video-revoice-frame{position:relative;aspect-ratio:16/9;background:#000;border:1px solid var(--border);overflow:hidden}.video-revoice-frame img{width:100%;height:100%;object-fit:cover;display:block}.video-revoice-frame-t{position:absolute;bottom:2px;right:2px;font-size:9px;background:#000000b3;color:#fff;padding:1px 4px;border-radius:2px;font-variant-numeric:tabular-nums}.video-revoice-transcript{padding:0 14px 8px}.video-revoice-seg{font-size:12px;color:var(--text);padding:3px 0;line-height:1.4}.video-revoice-seg-t{display:inline-block;min-width:36px;color:var(--text-muted);font-size:10px;font-variant-numeric:tabular-nums}.video-revoice-hint{padding:4px 14px 12px;font-size:11px;color:var(--text-muted);line-height:1.5}.video-transcription-actions .video-btn{flex:1;text-align:center}.video-transcription-actions .video-btn.video-btn-icon{flex:0 0 auto;padding:6px 10px;display:inline-flex;align-items:center;justify-content:center}.video-btn-danger{background:#333!important;color:#ff6b6b!important;border-color:#555!important}.video-btn-danger:hover{background:#444!important}.video-subs-settings{padding:10px 14px;border-top:1px solid var(--border);background:var(--bg-secondary)}.video-subs-settings-title{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:8px}.video-subs-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px}.video-subs-settings-grid label{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--text);gap:8px}.video-subs-settings-grid input[type=number]{width:56px;padding:4px 6px;font-size:12px;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:4px;font-variant-numeric:tabular-nums;text-align:right}.video-subs-settings-grid input[type=number]:focus{outline:none;border-color:#888}.video-subs-settings-actions{display:flex;gap:6px;margin-top:10px}.video-subs-settings-actions .video-btn{flex:1;font-size:11px;padding:5px 8px}.video-transcript-words{padding:12px 14px;line-height:1.8;-webkit-user-select:none;user-select:none;cursor:default}.video-transcript-word{display:inline;padding:2px 1px;border-radius:2px;font-size:13px;color:var(--text);cursor:pointer;transition:background .1s}.video-transcript-word:hover{background:var(--bg-secondary)}.video-transcript-word-selected{background:#444;color:#fff}.video-transcript-word-active{background:#555;color:#fff;font-weight:600}.video-transcript-clip-break{color:var(--text-muted);font-size:11px;margin:0 4px}.transcript-editor-modal{position:absolute;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center}.transcript-editor-container{width:96vw;height:92vh;background:#0a0a0a;border:1px solid #222;border-radius:16px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 80px #0009}.transcript-editor-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid #1a1a1a;flex-shrink:0}.transcript-editor-header-left{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:#fff}.transcript-editor-header-actions{display:flex;align-items:center;gap:8px}.te-btn{background:#1a1a1a;border:1px solid #333;border-radius:8px;color:#aaa;cursor:pointer;padding:6px 14px;font-size:12px;font-family:inherit;display:flex;align-items:center;gap:4px;transition:background .15s,color .15s}.te-btn:hover{background:#222;color:#fff}.te-btn-danger{color:#ff6b6b}.te-btn-danger:hover{background:#2a1515;color:#f88}.transcript-editor-body{flex:1;display:flex;overflow:hidden}.transcript-editor-toc{width:220px;border-right:1px solid #1a1a1a;display:flex;flex-direction:column;flex-shrink:0;background:#080808}.te-toc-header{padding:12px 16px;font-size:11px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid #1a1a1a}.te-toc-list{flex:1;overflow-y:auto;padding:8px 0}.te-toc-empty{padding:20px 16px;color:#444;font-size:12px;text-align:center;line-height:1.5}.te-toc-item{padding:10px 16px;cursor:pointer;border-left:3px solid transparent;transition:background .15s,border-color .15s}.te-toc-item:hover{background:#111;border-left-color:#333}.te-toc-item-title{font-size:13px;font-weight:600;color:#ccc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.te-toc-item-meta{font-size:10px;color:#555;margin-top:2px}.te-toc-item-preview{font-size:11px;color:#444;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.transcript-editor-content{flex:1;overflow-y:auto;padding:0;min-width:0}.te-content-inner{padding:24px 32px;line-height:2.2;-webkit-user-select:none;user-select:none}.te-empty{padding:40px;color:#444;font-size:14px;text-align:center}.te-section-header{display:flex;align-items:center;justify-content:space-between;margin:24px 0 12px;padding:10px 16px;background:#111;border:1px solid #222;border-radius:10px;gap:12px}.te-section-header:first-child{margin-top:0}.te-section-title{font-size:16px;font-weight:700;color:#fff;outline:none;flex:1;min-width:0}.te-section-title:focus{background:#1a1a1a;border-radius:4px;padding:2px 6px;margin:-2px -6px}.te-section-actions{display:flex;gap:6px;flex-shrink:0}.te-section-btn{background:#1a1a1a;border:1px solid #333;border-radius:6px;color:#888;cursor:pointer;padding:4px 10px;font-size:11px;font-family:inherit;transition:all .15s}.te-section-btn:hover{background:#222;color:#fff}.te-section-btn-del{color:#666;font-size:16px;padding:2px 8px;line-height:1}.te-section-btn-del:hover{color:#ff6b6b;background:#2a1515}.te-word{display:inline;padding:2px 1px;border-radius:3px;font-size:15px;color:#bbb;cursor:pointer;transition:background .1s,color .1s}.te-word:hover{background:#1a1a1a;color:#fff}.te-word-selected{background:#333;color:#fff}.te-word-active{background:#444;color:#fff;font-weight:600}.te-clip-break{color:#333;font-size:12px;margin:0 8px;-webkit-user-select:none;user-select:none}.te-subtitle-bar{display:flex;align-items:center;gap:6px;margin:4px 0 12px;padding:6px 10px;background:#0d0d0d;border:1px solid #1a1a1a;border-radius:6px;font-size:12px}.te-subtitle-bar.te-subtitle-override{border-color:#2a2a1a;background:#111108}.te-subtitle-icon{background:#222;color:#666;font-size:9px;font-weight:700;padding:2px 5px;border-radius:3px;flex-shrink:0;letter-spacing:.5px}.te-subtitle-override .te-subtitle-icon{background:#2a2a10;color:#998}.te-subtitle-text{flex:1;color:#777;outline:none;min-width:0;border-radius:3px;padding:1px 4px}.te-subtitle-text:focus{background:#1a1a1a;color:#ccc}.te-subtitle-override .te-subtitle-text{color:#aa9}.te-subtitle-reset{background:none;border:none;color:#555;cursor:pointer;font-size:14px;line-height:1;padding:0 4px;flex-shrink:0}.te-subtitle-reset:hover{color:#ff6b6b}.transcript-editor-chat{width:340px;border-left:1px solid #1a1a1a;display:flex;flex-direction:column;flex-shrink:0;background:#080808}.te-chat-messages{flex:1;overflow-y:auto;padding:12px 14px;display:flex;flex-direction:column;gap:10px;font-size:13px;line-height:1.6}.te-chat-input-bar{display:flex;align-items:flex-end;gap:6px;padding:10px 14px;border-top:1px solid #1a1a1a;flex-shrink:0}.te-chat-input-bar textarea{flex:1;background:#111;border:1px solid #222;border-radius:8px;color:#ccc;padding:8px 10px;font-size:13px;font-family:inherit;resize:none;outline:none;min-height:36px;max-height:120px;line-height:1.4}.te-chat-input-bar textarea:focus{border-color:#444}.video-chat-panel{width:320px;border-left:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;flex-shrink:0;background:var(--bg)}.video-chat-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--border);font-size:13px;font-weight:600;color:#fff;flex-shrink:0}.video-chat-close{background:none;border:none;color:#666;cursor:pointer;font-size:20px;line-height:1;padding:0 4px}.video-chat-close:hover{color:#fff}.video-chat-tabs{display:flex;align-items:center;gap:0;background:#0a0a0a;border-bottom:1px solid var(--border);padding:0 4px;min-height:30px;flex-shrink:0;overflow-x:auto;scrollbar-width:none}.video-chat-tabs::-webkit-scrollbar{display:none}.video-chat-tab{display:flex;align-items:center;gap:4px;padding:4px 10px;cursor:pointer;white-space:nowrap;font-size:12px;color:#666;border-right:1px solid var(--border);background:transparent;transition:background .15s,color .15s;-webkit-user-select:none;user-select:none;max-width:160px}.video-chat-tab:hover{background:#1a1a1a;color:#aaa}.video-chat-tab.active{background:var(--bg-secondary, #0d0d0d);color:#fff;border-bottom:2px solid #fff;margin-bottom:-1px}.video-chat-tab-name{pointer-events:none;overflow:hidden;text-overflow:ellipsis;max-width:110px}.video-chat-tab-close{background:none;border:none;color:#555;cursor:pointer;font-size:14px;padding:0 2px;line-height:1;display:flex;align-items:center}.video-chat-tab-close:hover{color:#fff}.video-chat-add-btn{background:none;border:1px solid var(--border);border-radius:4px;color:#555;cursor:pointer;font-size:14px;width:22px;height:22px;margin-left:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.video-chat-add-btn:hover{background:#1a1a1a;color:#fff;border-color:#555}.video-chat-messages{flex:1;overflow-y:auto;padding:12px 14px;display:flex;flex-direction:column;gap:10px;font-size:13px;line-height:1.6}.video-chat-msg{padding:8px 12px;border-radius:8px;max-width:100%;word-wrap:break-word;white-space:pre-wrap}.video-chat-msg.user{background:#1a1a1a;color:#ccc;align-self:flex-end;border:1px solid #333}.video-chat-msg.assistant{background:#111;color:#ccc;align-self:flex-start;border:1px solid #222}.video-chat-msg.assistant .content{line-height:1.6;white-space:normal}.video-chat-msg.assistant .content p{margin:0 0 8px}.video-chat-msg.assistant .content p:last-child{margin:0}.video-chat-msg.assistant .content code{background:#1a1a1a;padding:1px 5px;border-radius:3px;font-size:12px}.video-chat-msg.assistant .content pre{background:#0a0a0a;padding:8px 10px;border-radius:6px;overflow-x:auto;font-size:12px;margin:6px 0}.video-chat-msg.system{color:#666;font-size:12px;align-self:center;text-align:center;padding:6px;font-style:italic}.video-chat-msg.assistant .tool-block{margin:6px 0;border:1px solid #222;border-radius:6px;overflow:hidden}.video-chat-msg.assistant .tool-block .tool-header{padding:4px 8px;background:#0a0a0a;font-size:11px;color:#888;cursor:pointer}.video-chat-msg.assistant .tool-block .tool-input,.video-chat-msg.assistant .tool-block .tool-result{padding:4px 8px;font-size:11px;color:#666;max-height:100px;overflow-y:auto;white-space:pre-wrap;word-break:break-all}.video-chat-msg.assistant .thinking-block{margin:4px 0;border-radius:6px;overflow:hidden}.video-chat-msg.assistant .thinking-block .thinking-header{padding:4px 8px;font-size:11px;color:#555;cursor:pointer}.video-chat-msg.assistant .thinking-block .thinking-content{padding:4px 8px;font-size:11px;color:#444;max-height:80px;overflow-y:auto}.video-chat-input-bar{display:flex;align-items:flex-end;gap:6px;padding:10px 14px;border-top:1px solid var(--border);flex-shrink:0}.video-chat-input-bar textarea{flex:1;background:#111;border:1px solid #333;border-radius:8px;color:#ccc;padding:8px 10px;font-size:13px;font-family:inherit;resize:none;outline:none;min-height:36px;max-height:120px;line-height:1.4}.video-chat-input-bar textarea:focus{border-color:#555}.video-chat-send{background:#222;border:1px solid #333;border-radius:8px;color:#888;cursor:pointer;padding:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.video-chat-send:hover{background:#333;color:#fff}.video-chat-activity{color:#666;font-size:12px;padding:4px 0;animation:pulse 1.5s ease-in-out infinite}@media(max-width:768px){.video-main{flex-direction:column}.video-file-browser{width:100%;height:140px;border-left:none;border-top:1px solid var(--border)}.video-transcription-panel{width:100%;height:200px;border-left:none;border-top:1px solid var(--border)}.video-chat-panel{width:100%;height:280px;border-left:none;border-top:1px solid var(--border)}.video-toolbar{flex-wrap:wrap;gap:8px}.video-toolbar-left{order:1;flex-basis:100%}.video-toolbar-center{order:2}.video-toolbar-right{order:3}.video-timeline{height:160px}}#git-page{display:none;position:absolute;top:0;left:0;right:0;bottom:0;background:var(--bg);z-index:10;overflow:hidden}#git-page.open{display:flex;flex-direction:column}#git-page-inner{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}.git-repo-selector{padding:12px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.git-repo-selector select{width:100%;padding:8px 12px;background:#111;color:#fff;border:1px solid #333;border-radius:8px;font-size:14px;font-family:inherit;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.git-repo-selector select:focus{outline:none;border-color:#555}.git-status-cards{display:flex;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border);flex-shrink:0;overflow-x:auto}.git-card{display:flex;align-items:center;gap:8px;padding:8px 14px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;font-size:13px;color:#ccc;white-space:nowrap}.git-card-icon{display:flex;align-items:center;color:#888}.git-card-label{font-weight:500}.git-actions-bar{display:flex;gap:6px;padding:10px 16px;border-bottom:1px solid var(--border);flex-shrink:0;overflow-x:auto}.git-action-btn{padding:6px 14px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;color:#ccc;font-size:13px;cursor:pointer;white-space:nowrap}.git-action-btn:hover{background:#1a1a1a;color:#fff}.git-action-primary{background:#fff;color:#000;border-color:#fff;font-weight:600}.git-action-primary:hover{background:#ddd;color:#000}.git-layout{display:flex;flex:1;overflow:hidden}.git-files-panel{width:320px;min-width:220px;max-width:450px;border-right:1px solid var(--border);overflow-y:auto;flex-shrink:0}.git-diff-panel{flex:1;display:flex;flex-direction:column;overflow:hidden}.git-section-title{padding:10px 16px 6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#666}.git-count{background:#222;padding:1px 6px;border-radius:10px;font-size:10px;color:#888;margin-left:4px}.git-file-item{display:flex;align-items:center;gap:10px;padding:8px 16px;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.03)}.git-file-item:hover{background:#ffffff08}.git-file-item.selected{background:#ffffff0f}.git-file-checkbox{display:flex;align-items:center;cursor:pointer;flex-shrink:0}.git-file-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.git-file-name{font-size:13px;color:#ddd;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.git-file-dir{font-size:11px;color:#555;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.git-file-status{font-size:11px;padding:2px 8px;border-radius:4px;flex-shrink:0;font-weight:500}.git-status-m{color:#c8a830;background:#c8a8301a}.git-status-a,.git-status-\?{color:#4a9e4a;background:#4a9e4a1a}.git-status-d{color:#c44;background:#cc44441a}.git-status-r{color:#6a9ec8;background:#6a9ec81a}.git-status-u{color:#c74;background:#cc77441a}.git-diff-header{padding:10px 16px;border-bottom:1px solid var(--border);font-size:13px;flex-shrink:0}.git-diff-filename{font-weight:600;color:#fff}.git-diff-content{flex:1;overflow:auto;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:12px;line-height:1.7}.git-diff-rendered{padding:4px 0}.git-line{padding:0 16px;white-space:pre}.git-line-add{background:#4a9e4a1a;color:#6fc66f}.git-line-del{background:#cc44441a;color:#e06060}.git-line-hunk{color:#6a9ec8;padding:8px 16px 4px;font-weight:600}.git-line-num{display:inline-block;width:40px;color:#444;text-align:right;margin-right:12px;-webkit-user-select:none;user-select:none}.git-diff-empty,.git-diff-new{padding:16px;color:#666;font-size:13px}.git-diff-new .git-line{padding:0}.git-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:12px;color:#444;padding:40px}.git-empty p{font-size:14px}.git-error{padding:16px;color:#c44;font-size:13px}.git-loading{display:flex;justify-content:center;padding:24px}.git-log-panel{display:none;flex-direction:column;border-top:1px solid var(--border);max-height:280px;overflow:hidden}.git-log-header{padding:10px 16px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#666;border-bottom:1px solid var(--border);flex-shrink:0}.git-log-list{overflow-y:auto;flex:1}.git-log-item{padding:10px 16px;border-bottom:1px solid rgba(255,255,255,.03);cursor:pointer}.git-log-item:hover{background:#ffffff08}.git-log-msg{font-size:13px;color:#ddd;margin-bottom:4px}.git-log-meta{display:flex;gap:12px;font-size:11px;color:#555}.git-log-hash{font-family:monospace;color:#888}.git-commit-textarea{width:100%;padding:12px;background:var(--input-bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:14px;font-family:inherit;resize:vertical;outline:none}.git-commit-textarea:focus{border-color:#444}.git-commit-submit{width:100%;padding:12px;margin-top:12px;background:#fff;border:none;border-radius:8px;color:#000;font-size:14px;font-weight:600;cursor:pointer}.git-commit-submit:hover{background:#ddd}.git-commit-submit:disabled{opacity:.5;cursor:not-allowed}.git-branch-item{padding:12px 20px;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center;color:#ccc;font-size:14px}.git-branch-item:hover{background:#ffffff0d}.git-branch-item.current{color:#fff;font-weight:500}.git-branch-current{font-size:11px;color:#888;background:#222;padding:2px 8px;border-radius:4px}.git-branch-name{font-family:monospace}@media(max-width:768px){.git-layout{flex-direction:column}.git-files-panel{width:100%;max-width:none;border-right:none;border-bottom:1px solid var(--border);max-height:40%}.git-status-cards,.git-actions-bar{flex-wrap:wrap}}.bridge-input{width:100%;box-sizing:border-box;background:#111;color:#fff;border:1px solid #333;border-radius:8px;padding:12px 14px;font-size:15px;font-family:inherit;outline:none;transition:border-color .15s}.bridge-input:focus{border-color:#fff}.bridge-input::placeholder{color:#555}.bridge-btn{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-family:inherit;font-weight:500;cursor:pointer;transition:background .15s}.bridge-btn-primary{background:#fff;color:#000}.bridge-btn-primary:hover{background:#ddd}.bridge-btn-secondary{background:#333;color:#ccc}.bridge-btn-secondary:hover{background:#444}#chat-column{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;overflow:hidden;position:relative}#app:has(#content-area.build-split) #sidebar,#app:has(#content-area.design-split) #sidebar,#app:has(#content-area.writer-split) #sidebar{display:none}#content-area.build-split{flex-direction:row}#chat-build-panel{display:none;flex-direction:column;width:46%;min-width:320px;max-width:55%;border-left:1px solid #1a1a1a;background:#080808;position:relative;overflow:hidden}#chat-build-panel.open{display:flex}.cbp-status{display:none;align-items:center;gap:8px;padding:6px 12px;font-size:12px;color:#6a6230;font-style:italic;background:#0c0b06;border-bottom:1px solid #1a1a0e;flex-shrink:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.cbp-status.active{display:flex}.cbp-status-dot{width:6px;height:6px;border-radius:50%;background:#8a7a30;flex-shrink:0;animation:cbpPulse 1.2s ease infinite}@keyframes cbpPulse{0%,to{opacity:.3}50%{opacity:1}}.cbp-status-text{overflow:hidden;text-overflow:ellipsis}.cbp-tabs{display:flex;align-items:center;background:#050505;border-bottom:1px solid #1a1a1a;flex-shrink:0;overflow-x:auto;scrollbar-width:none}.cbp-tabs::-webkit-scrollbar{display:none}.cbp-tabs:empty{display:none}.cbp-tab{display:flex;align-items:center;gap:6px;padding:6px 12px;font-size:12px;color:#555;cursor:pointer;border-right:1px solid #111;white-space:nowrap;flex-shrink:0;transition:background .1s,color .1s;position:relative}.cbp-tab:hover{background:#111;color:#888}.cbp-tab.active{background:#0d0d0d;color:#ccc}.cbp-tab.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:#444}.cbp-tab-icon{font-size:11px;opacity:.6}.cbp-tab-name{max-width:160px;overflow:hidden;text-overflow:ellipsis}.cbp-tab-dot{width:5px;height:5px;border-radius:50%;background:#555;animation:cbpPulse 1s ease infinite}.cbp-tab-close{font-size:13px;line-height:1;color:#333;cursor:pointer;margin-left:2px}.cbp-tab-close:hover{color:#999}.cbp-viewer{flex:1;overflow-y:auto;background:#080808;position:relative}.cbp-file-view{display:none;flex-direction:column;min-height:100%}.cbp-file-view.active{display:flex}.cbp-code{padding:12px 0;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:12px;line-height:1.65;white-space:pre-wrap;word-break:break-all;color:#888;counter-reset:cbp-line}.cbp-line{display:flex;padding:0 12px 0 0;min-height:1.65em}.cbp-line:hover{background:#0d0d0d}.cbp-line-num{display:inline-block;width:44px;min-width:44px;padding-right:12px;text-align:right;color:#2a2a2a;-webkit-user-select:none;user-select:none;flex-shrink:0;font-size:11px}.cbp-line-text{flex:1;min-width:0}.cbp-line.diff-add{background:#50785014}.cbp-line.diff-add .cbp-line-num{color:#3a5a3a}.cbp-line.diff-add .cbp-line-text{color:#8a8}.cbp-line.diff-del{background:#78505014}.cbp-line.diff-del .cbp-line-num{color:#5a3a3a}.cbp-line.diff-del .cbp-line-text{color:#a88;text-decoration:line-through}.cbp-terminal{padding:12px 16px;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:12px;line-height:1.6;color:#777;white-space:pre-wrap;word-break:break-all}.cbp-terminal-cmd{color:#999;margin-bottom:4px}.cbp-terminal-output{color:#555}.cbp-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 24px;gap:14px;text-align:center}.cbp-empty-title{font-size:15px;font-weight:600;color:#222}.cbp-empty-sub{font-size:12px;color:#1a1a1a;max-width:240px;line-height:1.6}#build-panel-btn{position:relative;background:var(--bg);border:1px solid var(--border);border-radius:6px;cursor:pointer;padding:6px 8px;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}#build-panel-btn.active{background:#fff;color:#000;border-color:#fff}#build-panel-btn.active svg{stroke:#000}.build-btn-dot{display:none;position:absolute;top:2px;right:2px;width:6px;height:6px;border-radius:50%;background:#fff}.build-btn-dot.active{display:block;animation:cbpPulse 1.2s ease infinite}#content-area.writer-split{flex-direction:row}#chat-writer-panel{display:none;flex-direction:column;width:46%;min-width:320px;max-width:55%;border-left:1px solid #1a1a1a;background:#080808;position:relative;overflow:hidden}#chat-writer-panel.open{display:flex}.cwp-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid #1a1a1a;background:#050505;flex-shrink:0}.cwp-title{font-size:13px;font-weight:600;color:#555}.cwp-header-actions{display:flex;align-items:center;gap:4px}.cwp-btn{background:none;border:none;color:#444;cursor:pointer;padding:4px 6px;border-radius:4px;display:flex;align-items:center}.cwp-btn:hover{color:#888;background:#111}.cwp-close{background:none;border:none;color:#444;cursor:pointer;font-size:18px;padding:2px 6px;line-height:1}.cwp-close:hover{color:#999}.cwp-body{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.cwp-editor{flex:1;background:#080808;color:#ccc;border:none;outline:none;resize:none;padding:20px 24px;font-family:Inter,sans-serif;font-size:15px;line-height:1.8;overflow-y:auto}.cwp-editor::placeholder{color:#2a2a2a}.cwp-feedback{max-height:280px;overflow-y:auto;border-top:1px solid #1a1a1a;background:#050505;display:flex;flex-direction:column;gap:0}.cwp-feedback:empty{display:none}.cwp-msg{padding:10px 16px;font-size:13px;line-height:1.6;border-bottom:1px solid #111}.cwp-msg-user{color:#888;background:#0a0a0a}.cwp-msg-ai{color:#666;background:#050505}.cwp-msg-loading{color:#444;font-style:italic}.cwp-loading-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#555;animation:cbpPulse 1.2s ease infinite;vertical-align:middle;margin-right:4px}.cwp-input-bar{display:flex;align-items:flex-end;gap:8px;padding:10px 12px;border-top:1px solid #1a1a1a;background:#050505;flex-shrink:0}.cwp-input-bar textarea{flex:1;background:#111;border:1px solid #222;border-radius:8px;color:#ccc;padding:8px 12px;font-size:13px;font-family:Inter,sans-serif;resize:none;outline:none;line-height:1.5;max-height:80px}.cwp-input-bar textarea::placeholder{color:#444}.cwp-input-bar textarea:focus{border-color:#333}.cwp-send{background:#fff;border:none;border-radius:8px;padding:8px 10px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cwp-send svg{stroke:#000}.cwp-send:hover{background:#ddd}#content-area.design-split{flex-direction:row}#chat-design-panel{display:none;flex-direction:column;width:50%;min-width:320px;max-width:60%;border-left:1px solid var(--border);background:var(--bg);position:relative;overflow:hidden}#chat-design-panel.open{display:flex}#chat-solids-panel{display:none;flex-direction:column;width:50%;min-width:320px;max-width:60%;border-left:1px solid var(--border);background:var(--bg);position:relative;overflow:hidden}#chat-solids-panel.open{display:flex}.chat-solids-body{flex:1;min-height:0;position:relative;background:#1a1a1a}#chat-solids-viewport{position:absolute;top:0;right:0;bottom:0;left:0}#chat-solids-viewport canvas{display:block;width:100%!important;height:100%!important}.chat-design-header{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;border-bottom:1px solid var(--border);background:var(--bg-secondary);min-height:40px;gap:6px;flex-shrink:0}.chat-design-title{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap}.chat-design-header-actions{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.chat-design-format-group{display:flex;align-items:center;gap:4px}.chat-design-format-group select{background:#111;color:#ccc;border:1px solid #333;border-radius:4px;padding:2px 4px;font-size:11px;cursor:pointer}#chat-design-custom-size{display:flex;align-items:center;gap:2px}#chat-design-custom-size input{width:50px;background:#111;color:#ccc;border:1px solid #333;border-radius:4px;padding:2px 4px;font-size:11px}#chat-design-custom-size span{color:#666;font-size:11px}#chat-design-bg{width:24px;height:24px;border:none;background:none;cursor:pointer;padding:0}.chat-design-btn{background:none;border:1px solid #333;color:#ccc;border-radius:4px;padding:3px 8px;font-size:12px;cursor:pointer;display:flex;align-items:center;gap:4px;white-space:nowrap}.chat-design-btn:hover{background:#222;color:#fff}.chat-design-close{background:none;border:none;color:#666;font-size:18px;cursor:pointer;padding:2px 6px;line-height:1}.chat-design-close:hover{color:#fff}.chat-design-body{flex:1;display:flex;overflow:hidden}.chat-design-tools{display:flex;flex-direction:column;align-items:center;padding:6px 4px;gap:2px;border-right:1px solid var(--border);background:var(--bg-secondary);width:36px;flex-shrink:0}.chat-design-tool{background:none;border:none;color:#888;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center}.chat-design-tool:hover{color:#fff;background:#222}.chat-design-tool.active{color:#fff;background:#333}.chat-design-tool-sep{width:20px;height:1px;background:var(--border);margin:2px 0}.chat-design-canvas-area{flex:1;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#0a0a0a;position:relative}.chat-design-canvas-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}#chat-design-canvas{position:relative;overflow:hidden;transform-origin:center center;box-shadow:0 0 0 1px #222}.cd-element{position:absolute;cursor:move;-webkit-user-select:none;user-select:none}.cd-element:hover{outline:1px dashed rgba(255,255,255,.3)}.cd-handle{position:absolute;width:8px;height:8px;background:#fff;border:1px solid #000;z-index:9999}.chat-design-layers{width:140px;border-left:1px solid var(--border);background:var(--bg-secondary);overflow-y:auto;flex-shrink:0}.chat-design-layers-header{font-size:11px;font-weight:600;color:#888;padding:8px;border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.5px}.cd-layer{padding:6px 8px;font-size:12px;color:#aaa;cursor:pointer;border-bottom:1px solid #111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cd-layer:hover{background:#1a1a1a;color:#fff}.cd-layer.selected{background:#222;color:#fff}.design-suggestion-bar{display:flex;align-items:center;gap:10px;padding:10px 16px;margin:8px 16px;background:#111;border:1px solid #333;border-radius:8px;font-size:13px;color:#ccc}.design-suggestion-bar span{flex:1}.design-suggestion-accept{background:#fff;color:#000;border:none;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:600;cursor:pointer}.design-suggestion-accept:hover{background:#ddd}.design-suggestion-dismiss{background:#333;color:#ccc;border:none;border-radius:6px;padding:6px 14px;font-size:12px;cursor:pointer}.design-suggestion-dismiss:hover{background:#444}@media(max-width:900px){#content-area.design-split{flex-direction:column}#chat-design-panel{width:100%;max-width:100%;min-width:0;height:50%;border-left:none;border-top:1px solid var(--border)}.chat-design-layers{display:none}}#animator-page{display:none;position:absolute;top:0;left:0;right:0;bottom:0;background:var(--bg);z-index:10;overflow:hidden}#animator-page.open{display:flex;flex-direction:column}#animator-page.anim-overlay-mode{z-index:50}#animator-page.anim-overlay-mode .anim-project-title:before{content:"◆ uit video · ";color:#888;font-weight:500;margin-right:4px}#anim-editor-view{display:flex;flex-direction:column;flex:1;overflow:hidden}.anim-comp-tabs{display:flex;align-items:center;gap:0;border-bottom:1px solid var(--border);background:#0a0a0a;padding:0 8px;flex-shrink:0;overflow-x:auto}.anim-comp-tab{padding:6px 16px;font-size:12px;color:#888;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap}.anim-comp-tab:hover{color:#ccc}.anim-comp-tab.active{color:#fff;border-bottom-color:#fff}.anim-comp-add{color:#555;font-size:16px;padding:4px 12px}.anim-comp-add:hover{color:#fff}.anim-toolbar-top{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#0a0a0a;border-bottom:1px solid var(--border);flex-shrink:0;overflow-x:auto}.anim-project-title{font-size:13px;font-weight:600;color:#ccc;margin-right:8px;white-space:nowrap}.anim-toolbar-tools,.anim-toolbar-add,.anim-toolbar-right{display:flex;align-items:center;gap:4px}.anim-toolbar-right{margin-left:auto}.anim-tool-btn{background:none;border:1px solid transparent;color:#aaa;cursor:pointer;padding:5px 7px;border-radius:4px;display:flex;align-items:center}.anim-tool-btn:hover{background:#222;color:#fff}.anim-tool-btn.active{background:#333;color:#fff;border-color:#555}.anim-btn{background:#1a1a1a;border:1px solid #333;color:#ccc;cursor:pointer;padding:4px 10px;border-radius:4px;font-size:12px;display:flex;align-items:center;gap:4px;white-space:nowrap}.anim-btn:hover{background:#252525;color:#fff}.anim-btn-primary{background:#fff;color:#000;border-color:#fff;font-weight:600}.anim-btn-primary:hover{background:#ddd}.anim-zoom-label{font-size:11px;color:#888;min-width:40px;text-align:center}.anim-zoom-btn{background:none;border:1px solid #333;color:#aaa;cursor:pointer;width:24px;height:24px;border-radius:4px;font-size:14px;display:flex;align-items:center;justify-content:center}.anim-zoom-btn:hover{background:#222;color:#fff}.anim-main-area{display:flex;flex:1;min-height:0;overflow:hidden}.anim-layers-panel{width:200px;border-right:1px solid var(--border);display:flex;flex-direction:column;background:#0a0a0a;flex-shrink:0}.anim-layers-header{padding:8px 12px;font-size:11px;text-transform:uppercase;color:#666;letter-spacing:.5px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.anim-layers-actions{display:flex;gap:2px}.anim-layers-actions button{background:none;border:none;color:#666;cursor:pointer;font-size:12px;padding:2px 4px;border-radius:3px}.anim-layers-actions button:hover{color:#fff;background:#333}.anim-layers-list{flex:1;overflow-y:auto}.anim-layer{display:flex;align-items:center;gap:6px;padding:6px 10px;cursor:pointer;border-bottom:1px solid #111;font-size:12px;color:#aaa}.anim-layer:hover{background:#151515}.anim-layer.selected{background:#1a1a1a;color:#fff}.anim-layer.hidden{opacity:.4}.anim-layer.dragging{opacity:.5}.anim-layer.drag-over{border-top:2px solid #fff}.anim-layer-icon{flex-shrink:0;display:flex}.anim-layer-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.anim-layer-vis,.anim-layer-lock{cursor:pointer;font-size:12px;opacity:.5;flex-shrink:0}.anim-layer-vis:hover,.anim-layer-lock:hover{opacity:1}.anim-layer-vis.off{opacity:.3}.anim-layer-lock.on{opacity:.8}.anim-canvas-area{flex:1;position:relative;overflow:hidden;background:#111}.anim-canvas-wrapper{width:100%;height:100%;position:relative;overflow:hidden}.anim-canvas{position:absolute;transform-origin:0 0;overflow:hidden}.anim-properties-panel{width:260px;border-left:1px solid var(--border);display:flex;flex-direction:column;background:#0a0a0a;flex-shrink:0;overflow-y:auto}.anim-properties-header{padding:8px 12px;font-size:11px;text-transform:uppercase;color:#666;letter-spacing:.5px;border-bottom:1px solid var(--border)}.anim-properties{padding:8px;flex:1;overflow-y:auto}.anim-props-empty{color:#444;font-size:12px;text-align:center;padding:40px 20px}.anim-prop-group{margin-bottom:8px}.anim-prop-group label{display:block;font-size:10px;color:#666;margin-bottom:3px;text-transform:uppercase;letter-spacing:.3px}.anim-prop-row{display:flex;align-items:center;gap:6px}.anim-prop-row>div{flex:1}.anim-prop-input{width:100%;background:#111;border:1px solid #333;color:#ddd;padding:4px 8px;border-radius:4px;font-size:12px;outline:none}.anim-prop-input:focus{border-color:#666}.anim-prop-num{width:70px;text-align:right}.anim-prop-color{width:32px;height:26px;border:1px solid #333;border-radius:4px;background:none;cursor:pointer;padding:0}.anim-prop-unit{font-size:10px;color:#555;flex-shrink:0;min-width:16px}.anim-prop-divider{height:1px;background:#222;margin:12px 0}.anim-kf-btn{background:none;border:none;color:#444;cursor:pointer;font-size:12px;padding:2px 4px;border-radius:3px;flex-shrink:0}.anim-kf-btn:hover,.anim-kf-btn.active{color:orange}.anim-timeline{height:220px;border-top:1px solid var(--border);display:flex;flex-direction:column;background:#0a0a0a;flex-shrink:0}.anim-timeline-toolbar{display:flex;align-items:center;gap:4px;padding:4px 8px;border-bottom:1px solid var(--border);flex-shrink:0}.anim-time-display{font-size:11px;color:#888;font-family:monospace;margin:0 8px}.anim-toolbar-divider{width:1px;height:18px;background:#333;margin:0 4px}.anim-timeline-area{flex:1;position:relative;overflow:hidden}.anim-timeline-tracks{position:relative;min-height:100%}.anim-timeline-track{position:relative;height:28px;border-bottom:1px solid #151515}.anim-timeline-label{position:absolute;left:0;top:0;width:140px;height:100%;display:flex;align-items:center;gap:4px;padding:0 8px;font-size:11px;color:#888;background:#0a0a0a;z-index:2;border-right:1px solid #222;cursor:pointer;overflow:hidden}.anim-timeline-label.selected{background:#1a1a1a;color:#fff}.anim-timeline-label span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.anim-track-vis-btn{background:none;border:none;color:#666;cursor:pointer;padding:1px;display:flex;flex-shrink:0}.anim-track-vis-btn:hover{color:#fff}.anim-timeline-bar{position:absolute;top:3px;height:22px;background:#222;border-radius:3px;cursor:pointer;min-width:8px;margin-left:140px}.anim-timeline-bar:hover{background:#2a2a2a}.anim-timeline-bar.selected{background:#333;outline:1px solid #666}.anim-trim-handle{position:absolute;top:0;width:6px;height:100%;cursor:ew-resize;z-index:3}.anim-trim-left{left:-2px;border-radius:3px 0 0 3px}.anim-trim-right{right:-2px;border-radius:0 3px 3px 0}.anim-trim-handle:hover{background:#ffffff26}.anim-kf-diamond{position:absolute;top:50%;width:8px;height:8px;background:orange;transform:translate(-50%,-50%) rotate(45deg);border-radius:1px;z-index:4;cursor:pointer}.anim-kf-diamond:hover{background:#fc0;transform:translate(-50%,-50%) rotate(45deg) scale(1.3)}.anim-sub-track{height:22px;border-bottom:1px solid #111;background:#080808}.anim-sub-label{padding-left:24px;font-size:10px;color:#666;background:#080808;gap:5px}.anim-sub-label.selected{background:#111;color:#999}.anim-sub-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;display:inline-block}.anim-sub-bar{height:14px;top:4px;background:#181818;border-radius:2px}.anim-sub-bar:hover{background:#1e1e1e}.anim-sub-bar .anim-kf-diamond{width:7px;height:7px}.anim-track-expand-btn{background:none;border:none;color:#555;cursor:pointer;padding:0;display:flex;flex-shrink:0;transition:transform .15s}.anim-track-expand-btn:hover{color:#fff}.anim-track-expand-btn.expanded{transform:rotate(90deg)}.anim-track-expand-btn svg{display:block}.anim-element{position:absolute;cursor:move}.anim-element.selected{outline:2px solid #fff;outline-offset:0}.anim-chat-panel{width:320px;border-left:1px solid var(--border);display:flex;flex-direction:column;background:var(--bg);flex-shrink:0}.anim-main-area.anim-chat-open .anim-chat-panel{display:flex}.anim-chat-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--border);font-size:13px;font-weight:600;color:#888}.anim-chat-close{background:none;border:none;color:#666;cursor:pointer;font-size:20px;line-height:1;padding:0}.anim-chat-close:hover{color:#fff}.anim-chat-messages{flex:1;overflow-y:auto;padding:12px 14px;display:flex;flex-direction:column;gap:10px;scroll-behavior:smooth}.anim-chat-msg{padding:8px 12px;border-radius:8px;max-width:100%;font-size:13px;line-height:1.5;word-wrap:break-word}.anim-chat-msg.user{background:#1a1a1a;color:#ccc;align-self:flex-end;white-space:pre-wrap}.anim-chat-msg.assistant{background:#111;color:#ccc;align-self:flex-start;width:100%}.anim-chat-msg.assistant .content{line-height:1.6;white-space:normal}.anim-chat-msg.assistant .content p{margin:0 0 8px}.anim-chat-msg.assistant .content p:last-child{margin:0}.anim-chat-msg.assistant .content code{background:#1a1a1a;padding:1px 5px;border-radius:3px;font-size:12px}.anim-chat-msg.assistant .content pre{background:#0a0a0a;padding:8px 10px;border-radius:6px;overflow-x:auto;font-size:12px}.anim-chat-msg.system{color:#666;font-size:12px;align-self:center;text-align:center;padding:6px 12px}.anim-chat-msg.assistant .tool-block{margin:6px 0;border:1px solid #222;border-radius:6px;overflow:hidden}.anim-chat-msg.assistant .tool-block .tool-header{padding:4px 8px;background:#0a0a0a;font-size:11px;color:#888;cursor:pointer}.anim-chat-msg.assistant .tool-block .tool-input,.anim-chat-msg.assistant .tool-block .tool-result{padding:4px 8px;font-size:11px;color:#666;max-height:80px;overflow-y:auto;white-space:pre-wrap}.anim-chat-msg.assistant .thinking-block{margin:4px 0;border-radius:6px;overflow:hidden}.anim-chat-msg.assistant .thinking-block .thinking-header{padding:4px 8px;font-size:11px;color:#555;cursor:pointer}.anim-chat-msg.assistant .thinking-block .thinking-content{padding:4px 8px;font-size:11px;color:#444;max-height:80px;overflow-y:auto}.anim-chat-msg.assistant .thinking-block.collapsed .thinking-content,.anim-chat-msg.assistant .tool-block.collapsed .tool-input,.anim-chat-msg.assistant .tool-block.collapsed .tool-result{display:none}.anim-chat-input-bar{display:flex;align-items:flex-end;gap:6px;padding:10px 14px;border-top:1px solid var(--border);flex-shrink:0}.anim-chat-input-bar textarea{flex:1;background:#111;border:1px solid #333;border-radius:8px;color:#ccc;padding:8px 10px;font-size:13px;font-family:inherit;resize:none;max-height:120px;min-height:36px;line-height:1.4}.anim-chat-input-bar textarea:focus{border-color:#555;outline:none}.anim-chat-input-bar button{background:#222;border:1px solid #333;border-radius:8px;color:#888;cursor:pointer;padding:7px 10px;flex-shrink:0}.anim-chat-input-bar button:hover{background:#333;color:#fff}.anim-chat-activity{color:#666;font-size:12px;padding:4px 0;animation:pulse 1.5s ease-in-out infinite}@media(max-width:768px){.anim-layers-panel,.anim-properties-panel{display:none}.anim-chat-panel{display:none!important}.anim-timeline-label{width:80px;font-size:10px}.anim-timeline-bar{margin-left:80px}.anim-toolbar-add{display:none}}#podcast-page{display:none;position:absolute;top:0;right:0;bottom:0;left:0;background:#000;overflow-y:auto;z-index:10}#podcast-page.open{display:block}.podcast-container{max-width:720px;margin:0 auto;padding:32px 24px 120px}.podcast-header{display:flex;align-items:center;gap:16px;margin-bottom:36px}.podcast-header h2{font-size:22px;color:#fff;font-weight:600}.podcast-header p{font-size:14px;color:#666;margin-top:2px}.podcast-section{margin-bottom:32px}.podcast-section h3{font-size:14px;color:#888;text-transform:uppercase;letter-spacing:1px;margin-bottom:14px;font-weight:600}.podcast-section-desc{font-size:13px;color:#555;margin:-8px 0 14px}.podcast-styles{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.podcast-style-card{background:#111;border:1px solid #222;border-radius:12px;padding:16px;cursor:pointer;text-align:left;transition:border-color .15s,background .15s}.podcast-style-card:hover{border-color:#444;background:#161616}.podcast-style-card.active{border-color:#fff;background:#1a1a1a}.podcast-style-card strong{display:block;font-size:15px;color:#fff;margin-bottom:4px}.podcast-style-card span{font-size:12px;color:#666}.podcast-controls{display:flex;flex-direction:column;gap:18px}.podcast-control{display:flex;flex-direction:column;gap:6px}.podcast-control label{font-size:13px;color:#aaa;font-weight:500}.podcast-control-row{display:flex;align-items:center;gap:12px}.podcast-control-row input[type=range]{flex:1;-webkit-appearance:none;appearance:none;height:4px;background:#333;border-radius:2px;outline:none}.podcast-control-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;cursor:pointer}.podcast-control-row span{font-size:13px;color:#888;min-width:40px;text-align:right;font-variant-numeric:tabular-nums}.podcast-control select{background:#111;border:1px solid #333;border-radius:8px;color:#fff;padding:8px 12px;font-size:14px;max-width:120px}.podcast-voice-actions{display:flex;gap:10px;flex-wrap:wrap}.podcast-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s}.podcast-record-btn{background:#111;border:1px solid #333;color:#fff}.podcast-record-btn:hover{border-color:#555}.podcast-record-btn.recording{background:#1a0000;border-color:#f33;color:#f33;animation:podcast-pulse 1s ease infinite}@keyframes podcast-pulse{0%,to{opacity:1}50%{opacity:.6}}.podcast-upload-btn{background:#111;border:1px solid #333;color:#fff}.podcast-upload-btn:hover{border-color:#555}.podcast-remove-btn{background:transparent;border:1px solid #333;color:#666}.podcast-remove-btn:hover{border-color:#555;color:#aaa}.podcast-voice-status{font-size:13px;color:#555;margin-top:10px}.podcast-player{position:fixed;bottom:0;left:0;right:0;background:#111;border-top:1px solid #222;padding:16px 24px;display:flex;align-items:center;gap:16px;z-index:100}.podcast-play-btn{width:48px;height:48px;border-radius:50%;background:#fff;color:#000;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .1s}.podcast-play-btn:active{transform:scale(.95)}.podcast-player-info{flex:1;display:flex;flex-direction:column;gap:2px}.podcast-player-info span:first-child{font-size:15px;color:#fff;font-weight:600}.podcast-player-info span:last-child{font-size:12px;color:#666}.podcast-export-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:10px;background:#fff;color:#000;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .15s}.podcast-export-btn:hover{opacity:.85}@media(max-width:600px){.podcast-styles{grid-template-columns:1fr 1fr}.podcast-player{padding:12px 16px}.podcast-export-btn span{display:none}}#omnion-page{display:none;position:absolute;top:0;left:0;right:0;bottom:0;background:var(--bg);z-index:10;overflow:hidden}#omnion-page.open{display:flex;flex-direction:column}#omnion-container{flex:1;display:flex;flex-direction:column;min-height:0}#ledger-page{display:none;position:absolute;top:0;left:0;right:0;bottom:0;background:var(--bg);z-index:10}#ledger-page.open{display:flex;flex-direction:column}#toolbeheer-page{display:none;position:absolute;top:0;left:0;right:0;bottom:0;background:var(--bg);z-index:10;overflow-y:auto}#toolbeheer-page.open{display:flex;flex-direction:column}#toolbeheer-container{flex:1;padding:24px;min-height:0;overflow-y:auto}#ledger-container{flex:1;width:100%;overflow:hidden}.ledger-iframe{width:100%;height:100%;border:none;display:block}.ledger-loading{display:flex;align-items:center;justify-content:center;height:100%;color:#888;font-size:15px}#run-tracker-page{display:none;position:absolute;top:0;left:0;right:0;bottom:0;background:var(--bg);z-index:10;overflow:hidden}#run-tracker-page.open{display:flex;flex-direction:column}.rt-page{display:flex;flex-direction:column;height:100%}.rt-topbar{display:flex;align-items:center;justify-content:flex-end;padding:8px 16px;border-bottom:1px solid #1a1a1a;flex-shrink:0}.rt-body{flex:1;overflow-y:auto}.rt-btn{background:#1a1a1a;border:1px solid #333;color:#ccc;padding:6px 14px;border-radius:8px;font-size:13px;cursor:pointer}.rt-btn:hover{background:#222}.rt-btn-primary{background:#fff;color:#000;border:none;padding:7px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px}.rt-btn-primary:hover{background:#eee}.rt-btn-stop{background:#1a1a1a;border:1px solid #444;color:#fff;padding:12px 28px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px}.rt-btn-stop:hover{background:#2a2a2a}.rt-btn-delete{background:transparent;border:1px solid #333;color:#888;padding:5px 12px;border-radius:6px;font-size:12px;cursor:pointer}.rt-btn-delete:hover{border-color:#555;color:#ccc}.rt-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;gap:16px;color:#555;text-align:center;padding:24px}.rt-run-list{padding:16px;display:flex;flex-direction:column;gap:12px}.rt-run-card{background:#111;border:1px solid #222;border-radius:12px;padding:16px;cursor:pointer;transition:border-color .15s}.rt-run-card:hover{border-color:#444}.rt-run-card.rt-run-active{border-color:#fff}.rt-run-card-header{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}.rt-run-name{font-weight:600;color:#fff;font-size:15px;flex:1}.rt-run-date{font-size:12px;color:#555}.rt-badge-live{background:#fff;color:#000;font-size:10px;font-weight:700;padding:2px 7px;border-radius:4px;letter-spacing:.5px}.rt-run-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.rt-stat{display:flex;flex-direction:column;gap:2px}.rt-stat-val{font-size:16px;font-weight:700;color:#fff}.rt-stat-lbl{font-size:11px;color:#555}.rt-run-view{display:flex;flex-direction:column;height:100%}.rt-live-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-bottom:1px solid #1a1a1a;flex-shrink:0}.rt-live-stat{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 8px;border-right:1px solid #1a1a1a;gap:2px}.rt-live-stat:last-child{border-right:none}.rt-live-val{font-size:20px;font-weight:700;color:#fff}.rt-live-lbl{font-size:11px;color:#555}.rt-map{flex:1;min-height:300px;background:#0a0a0a}.rt-map-history{min-height:400px}.rt-run-controls{display:flex;justify-content:center;padding:20px;flex-shrink:0}.rt-status-bar{text-align:center;font-size:12px;color:#555;padding:8px 16px 16px}.rt-history-view{padding:20px}.rt-history-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.rt-history-header h2{font-size:18px;color:#fff;margin:0;flex:1}.rt-history-date{font-size:13px;color:#555}.rt-history-stats{margin-bottom:16px;grid-template-columns:repeat(3,1fr)!important}.rt-map .leaflet-tile{filter:brightness(.6) invert(1) contrast(3) hue-rotate(200deg) saturate(.3) brightness(.7)}#bigsender-page{display:none;position:absolute;top:0;left:0;right:0;bottom:0;background:var(--bg);z-index:10;overflow-y:auto}#bigsender-page.open{display:flex;flex-direction:column}#bigsender-container{flex:1;padding:24px;max-width:720px;margin:0 auto;width:100%}.bigsender-layout{display:flex;flex-direction:column;gap:24px}.bigsender-section{background:#111;border:1px solid #222;border-radius:14px;padding:20px}.bigsender-section-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.bigsender-section-header h3{font-size:15px;font-weight:600}.bigsender-badge{background:#222;color:#888;font-size:12px;font-weight:600;padding:2px 8px;border-radius:99px}.bigsender-badge-active{background:#1a1a1a;color:#aaa}.bigsender-create-form{display:flex;flex-direction:column;gap:12px}.bigsender-label{font-size:12px;color:#666;margin-bottom:4px;display:block}.bigsender-input{width:100%;background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:10px 12px;color:#fff;font-size:14px;font-family:inherit;outline:none}.bigsender-input:focus{border-color:#555}select.bigsender-input{cursor:pointer}select.bigsender-input option{background:#1a1a1a;color:#fff}.bigsender-create-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;background:#fff;color:#000;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s}.bigsender-create-btn:hover{opacity:.9}.bigsender-list{display:flex;flex-direction:column;gap:2px}.bigsender-token-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:10px;transition:background .15s}.bigsender-token-item:hover{background:#1a1a1a}.bigsender-token-info{flex:1;min-width:0}.bigsender-token-label{font-size:14px;font-weight:500}.bigsender-token-meta{font-size:12px;color:#666;margin-top:2px}.bigsender-token-actions{display:flex;gap:4px}.bigsender-action-btn{background:none;border:1px solid #333;border-radius:8px;padding:6px 8px;color:#888;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.bigsender-action-btn:hover{color:#fff;border-color:#555}.bigsender-action-btn.bigsender-danger:hover{color:#f55;border-color:#f55}.bigsender-transfer-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:10px;transition:background .15s}.bigsender-transfer-item:hover{background:#1a1a1a}.bigsender-transfer-icon{width:40px;height:40px;background:#1a1a1a;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.bigsender-transfer-info{flex:1;min-width:0}.bigsender-transfer-name{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bigsender-transfer-meta{font-size:12px;color:#666;margin-top:2px;line-height:1.4}.bigsender-transfer-meta em{color:#888;font-style:italic}.bigsender-transfer-actions{display:flex;gap:4px}.bigsender-empty{text-align:center;padding:32px 16px;color:#444}.bigsender-empty svg{margin-bottom:12px}.bigsender-empty p{font-size:14px;color:#666}.bigsender-empty .sub{font-size:12px;color:#444;margin-top:4px}@media(max-width:600px){#bigsender-container,.bigsender-section{padding:16px}}#installed-tool-page{display:none;position:absolute;top:40px;left:0;right:0;bottom:0;z-index:10;background:#000}#installed-tool-page.open{display:flex;flex-direction:column}#installed-tool-container{flex:1;width:100%;overflow:hidden}.installed-tool-iframe{width:100%;height:100%;border:none;display:block}.installed-tool-loading{display:flex;align-items:center;justify-content:center;height:100%;color:#888;font-size:15px}.omnion-layout{display:flex;flex:1;min-height:0}.omnion-sidebar{width:260px;min-width:260px;border-right:1px solid #1a1a1a;background:#0a0a0a;display:flex;flex-direction:column;overflow-y:auto}.omnion-sidebar-header{padding:20px 20px 12px;border-bottom:1px solid #1a1a1a;display:flex;align-items:center;justify-content:space-between}.omnion-sidebar-title{font-size:13px;font-weight:600;color:#555;text-transform:uppercase;letter-spacing:.5px}.omnion-sidebar-new{background:#222;border:1px solid #333;color:#888;width:28px;height:28px;border-radius:8px;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .15s}.omnion-sidebar-new:hover{background:#333;color:#fff}.omnion-sidebar-list{padding:8px;display:flex;flex-direction:column;gap:4px;overflow-y:auto;flex:1}.omnion-sidebar-empty{padding:20px 12px;color:#444;font-size:13px;text-align:center}.omnion-ws-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;cursor:pointer;transition:background .15s}.omnion-ws-item:hover{background:#151515}.omnion-ws-item.active{background:#1a1a1a}.omnion-ws-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:#333}.omnion-ws-running .omnion-ws-dot{background:#fff;animation:omnion-pulse 1.5s ease-in-out infinite}@keyframes omnion-pulse{0%,to{opacity:1;box-shadow:0 0 #fff6}50%{opacity:.5;box-shadow:0 0 0 6px #fff0}}.omnion-ws-info{min-width:0}.omnion-ws-name{font-size:13px;font-weight:500;color:#aaa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.omnion-ws-item.active .omnion-ws-name{color:#fff}.omnion-ws-meta{font-size:11px;color:#444;margin-top:1px}.omnion-main{max-width:900px;margin:0 auto;padding:48px 24px 64px;flex:1;min-width:0;overflow-y:auto}.omnion-header{margin-bottom:32px}.omnion-title-row{display:flex;align-items:center;gap:12px;margin-bottom:4px}.omnion-title{font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0}.omnion-subtitle{color:#666;font-size:14px;margin:0}.omnion-badge{font-size:11px;font-weight:600;padding:3px 10px;border-radius:999px;background:#222;color:#666;text-transform:uppercase;letter-spacing:.5px}.omnion-badge-running{background:#1a1a1a;color:#fff;border:1px solid #444;animation:omnion-pulse-badge 1.5s ease-in-out infinite}@keyframes omnion-pulse-badge{0%,to{opacity:1}50%{opacity:.5}}.omnion-badge-done{background:#111;color:#fff;border:1px solid #444}.omnion-badge-stopped{background:#1a1a1a;color:#555}.omnion-badge-idle{background:#222;color:#555}.omnion-input-section{margin-bottom:24px}.omnion-textarea{width:100%;background:#111;border:1px solid #222;border-radius:12px;color:#fff;font-size:15px;padding:14px 16px;resize:vertical;font-family:inherit;outline:none;box-sizing:border-box}.omnion-textarea:focus{border-color:#444}.omnion-textarea::placeholder{color:#444}.omnion-target-section{margin-top:12px}.omnion-target-toggle{display:flex;gap:10px}.omnion-target-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;background:#111;border:1px solid #222;border-radius:10px;padding:12px 16px;cursor:pointer;transition:all .15s}.omnion-target-btn:hover{border-color:#444}.omnion-target-btn.active{border-color:#fff;background:#1a1a1a}.omnion-target-icon{font-size:20px;color:#555}.omnion-target-btn.active .omnion-target-icon{color:#fff}.omnion-target-label{font-size:14px;font-weight:600;color:#888}.omnion-target-btn.active .omnion-target-label{color:#fff}.omnion-target-desc{font-size:11px;color:#444}.omnion-target-btn.active .omnion-target-desc{color:#666}.omnion-controls{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.omnion-options{display:flex;gap:16px;color:#666;font-size:13px}.omnion-options label{display:flex;align-items:center;gap:6px}.omnion-options select{background:#111;border:1px solid #333;color:#fff;border-radius:6px;padding:4px 8px;font-size:13px}.omnion-btn{background:#222;color:#fff;border:1px solid #333;border-radius:8px;padding:8px 20px;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s}.omnion-btn:hover{background:#333}.omnion-btn-primary{background:#fff;color:#000;border-color:#fff}.omnion-btn-primary:hover{background:#ddd}.omnion-btn-danger{background:#1a1a1a;color:#888;border-color:#333}.omnion-btn-danger:hover{background:#2a1a1a;color:#aaa}.omnion-btn-install{background:#1a1a1a;color:#ccc;border-color:#444}.omnion-btn-install:hover{background:#222;color:#fff;border-color:#666}.omnion-progress{margin-bottom:20px}.omnion-phases{margin-bottom:12px}.omnion-phase-indicator{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#111;border:1px solid #222;border-radius:10px}.omnion-phase-label{color:#555;font-size:12px;font-weight:600;text-transform:uppercase}.omnion-phase-name{color:#fff;font-size:15px;font-weight:600}.omnion-stats{display:flex;gap:16px;margin-top:8px}.omnion-stat{display:flex;flex-direction:column;gap:2px;background:#0d0d0d;border:1px solid #1a1a1a;border-radius:8px;padding:10px 16px;flex:1}.omnion-stat-label{font-size:11px;color:#555;text-transform:uppercase;font-weight:600}.omnion-stat-value{font-size:16px;color:#fff;font-weight:600}.omnion-panel-tabs{display:flex;gap:0;border-bottom:1px solid #222;margin-bottom:0}.omnion-tab{padding:10px 20px;font-size:13px;color:#555;cursor:pointer;background:none;border:none;border-bottom:2px solid transparent;font-weight:500;transition:color .15s}.omnion-tab:hover{color:#999}.omnion-tab.active{color:#fff;border-bottom-color:#fff}.omnion-panel{background:#0a0a0a;border:1px solid #1a1a1a;border-top:none;border-radius:0 0 12px 12px;min-height:350px;max-height:500px;overflow-y:auto}.omnion-terminal{font-family:SF Mono,Fira Code,monospace;font-size:12px;padding:16px;line-height:1.6;color:#888}.omnion-log{white-space:pre-wrap;word-break:break-all}.omnion-log-system{color:#666}.omnion-log-stdout{color:#aaa}.omnion-log-stderr{color:#777}.omnion-log-error{color:#888}.omnion-chat{padding:16px;display:flex;flex-direction:column;gap:12px}.omnion-agent-spawn{background:#0d0d0d;border:1px solid #222;border-radius:10px;padding:12px 14px;border-left:3px solid #444}.omnion-agent-spawn-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.omnion-agent-icon{color:#555;font-size:8px}.omnion-agent-spawn-label{font-size:11px;color:#555;text-transform:uppercase;font-weight:600;letter-spacing:.5px}.omnion-agent-role-badge{font-size:11px;font-weight:600;padding:2px 10px;border-radius:999px;background:#1a1a1a;color:#aaa;border:1px solid #333}.omnion-agent-spawn-prompt{font-size:12px;color:#666;line-height:1.5;font-family:SF Mono,Fira Code,monospace}.omnion-agent-msg{background:#111;border:1px solid #1a1a1a;border-radius:10px;padding:12px 14px}.omnion-msg-techlead{border-left:3px solid #666}.omnion-msg-agent{border-left:3px solid #333}.omnion-agent-msg-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.omnion-agent-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.omnion-dot-techlead{background:#888}.omnion-dot-agent{background:#444}.omnion-agent-name{font-size:12px;font-weight:600;color:#ccc}.omnion-agent-phase{font-size:10px;color:#444;text-transform:uppercase;font-weight:600;margin-left:auto;letter-spacing:.5px}.omnion-agent-msg-body{font-size:13px;line-height:1.6;color:#999;white-space:pre-wrap;word-break:break-word}.omnion-msg-collapsed{max-height:120px;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,#000 60%,transparent 100%);mask-image:linear-gradient(to bottom,#000 60%,transparent 100%)}.omnion-msg-expand{background:none;border:none;color:#666;font-size:12px;cursor:pointer;padding:4px 0 0;font-weight:500}.omnion-msg-expand:hover{color:#aaa}.omnion-file-tree{padding:12px;border-right:1px solid #1a1a1a;max-height:200px;overflow-y:auto}.omnion-file-entry{padding:4px 8px;font-size:12px;color:#888;cursor:pointer;border-radius:4px;font-family:SF Mono,monospace}.omnion-file-entry:hover{background:#111;color:#fff}.omnion-file-content{padding:12px}.omnion-file-path{font-size:11px;color:#555;margin-bottom:8px;font-family:SF Mono,monospace;padding:6px 10px;background:#111;border-radius:6px}.omnion-file-code{font-size:12px;color:#aaa;line-height:1.5;white-space:pre-wrap;font-family:SF Mono,Fira Code,monospace;margin:0}.omnion-actions{margin-top:20px;display:flex;flex-direction:column;gap:12px}.omnion-feedback-section{width:100%}.omnion-feedback-row{display:flex;gap:8px;align-items:flex-start}.omnion-feedback-row .omnion-textarea{flex:1;min-height:44px;font-size:14px;padding:10px 14px;border-radius:10px}.omnion-feedback-row .omnion-btn{align-self:flex-start;margin-top:1px}.omnion-btn-icon{width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;font-size:18px;border-radius:10px;flex-shrink:0}.omnion-feedback-images{display:flex;gap:8px;flex-wrap:wrap}.omnion-feedback-images:empty{display:none}.omnion-feedback-thumb{position:relative;width:80px;height:80px;border-radius:8px;overflow:hidden;border:1px solid #333}.omnion-feedback-thumb img{width:100%;height:100%;object-fit:cover}.omnion-feedback-thumb-remove{position:absolute;top:2px;right:2px;width:20px;height:20px;background:#000000b3;color:#fff;border:none;border-radius:50%;font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.omnion-feedback-thumb-remove:hover{background:#e33}.omnion-msg-user{background:#1a1a1a;border-left:3px solid #555}.omnion-dot-user{background:#888}.omnion-action-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.omnion-export-row{display:flex;gap:8px;align-items:center}.omnion-input-small{background:#111;border:1px solid #222;border-radius:8px;color:#fff;font-size:13px;padding:8px 12px;width:160px;font-family:inherit;outline:none}.omnion-input-small:focus{border-color:#444}.omnion-input-small::placeholder{color:#444}.omnion-project-header{margin-bottom:20px}#omnion-panels{margin-bottom:16px}.omnion-brainstorm-layout{display:flex;gap:16px}.omnion-brainstorm-panel{flex:1;display:flex;flex-direction:column;background:#0a0a0a;border:1px solid #1a1a1a;border-radius:16px;height:500px;overflow:hidden}.omnion-brainstorm-header{padding:16px 20px 12px;border-bottom:1px solid #1a1a1a;display:flex;align-items:baseline;gap:12px;flex-shrink:0}.omnion-brainstorm-title{font-size:14px;font-weight:600;color:#aaa}.omnion-brainstorm-hint{font-size:12px;color:#444}.omnion-brainstorm-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;min-height:0}.omnion-bs-welcome{color:#444;font-size:14px;line-height:1.6;padding:20px;text-align:center}.omnion-bs-welcome p{margin:0}.omnion-bs-msg{padding:10px 14px;border-radius:12px;font-size:14px;line-height:1.6;max-width:85%;word-break:break-word}.omnion-bs-user{background:#1a1a1a;color:#ccc;align-self:flex-end;border-bottom-right-radius:4px}.omnion-bs-assistant{background:transparent;border:1px solid #1a1a1a;color:#999;align-self:flex-start;border-bottom-left-radius:4px}.omnion-bs-content{white-space:pre-wrap}.omnion-bs-content p{margin:0 0 8px}.omnion-bs-content p:last-child{margin-bottom:0}.omnion-bs-content ul,.omnion-bs-content ol{margin:4px 0 8px;padding-left:20px}.omnion-bs-content li{margin-bottom:2px}.omnion-bs-content strong{color:#ccc}.omnion-bs-content code{background:#1a1a1a;padding:2px 6px;border-radius:4px;font-size:13px}.omnion-bs-use-btn{display:inline-block;margin-top:10px;padding:6px 14px;background:#1a1a1a;border:1px solid #333;border-radius:8px;color:#aaa;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}.omnion-bs-use-btn:hover{background:#222;color:#fff;border-color:#555}.omnion-brainstorm-input-row{display:flex;gap:8px;padding:12px 16px;border-top:1px solid #1a1a1a;align-items:flex-end;flex-shrink:0}.omnion-brainstorm-textarea{flex:1;background:#111;border:1px solid #222;border-radius:10px;color:#ccc;padding:10px 14px;font-size:14px;font-family:inherit;resize:none;outline:none;line-height:1.5}.omnion-brainstorm-textarea:focus{border-color:#333}.omnion-brainstorm-textarea::placeholder{color:#444}.omnion-bs-send-btn{width:38px;height:38px;border-radius:10px;border:1px solid #333;background:#1a1a1a;color:#888;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}.omnion-bs-send-btn:hover{background:#222;color:#fff}.omnion-prompt-panel{flex:1;display:flex;flex-direction:column;max-width:440px}.omnion-prompt-panel-header{padding:16px 0 12px}.omnion-prompt-panel-title{font-size:14px;font-weight:600;color:#aaa}.omnion-prompt-panel .omnion-textarea{min-height:120px}.omnion-toast{position:fixed;bottom:40px;left:50%;transform:translate(-50%) translateY(20px);display:flex;align-items:center;gap:12px;padding:14px 20px;min-width:300px;max-width:500px;background:#1a1a1a;border:1px solid #333;border-radius:12px;color:#fff;font-size:14px;z-index:10000;opacity:0;transition:opacity .3s ease,transform .3s ease;pointer-events:auto;box-shadow:0 8px 32px #00000080}.omnion-toast-visible{opacity:1;transform:translate(-50%) translateY(0)}.omnion-toast-success{border-color:#333}.omnion-toast-success .omnion-toast-icon{color:#aaa}.omnion-toast-error{border-color:#444}.omnion-toast-error .omnion-toast-icon{color:#999}.omnion-toast-icon{flex-shrink:0;width:20px;height:20px}.omnion-toast-icon svg{width:20px;height:20px}.omnion-toast-message{flex:1;line-height:1.4}.omnion-toast-close{flex-shrink:0;background:none;border:none;color:#666;font-size:18px;cursor:pointer;padding:0 0 0 8px;line-height:1;transition:color .15s}.omnion-toast-close:hover{color:#fff}.omnion-sidebar-toggle{display:none;position:fixed;bottom:20px;left:20px;z-index:100;width:44px;height:44px;border-radius:12px;background:#1a1a1a;border:1px solid #333;color:#888;font-size:18px;cursor:pointer;align-items:center;justify-content:center;transition:all .15s}.omnion-sidebar-toggle:hover{background:#222;color:#fff}@media(max-width:768px){.omnion-layout{position:relative}.omnion-sidebar{position:fixed;top:56px;left:0;bottom:0;z-index:90;width:280px;min-width:280px;transform:translate(-100%);transition:transform .25s ease;border-right:1px solid #222}.omnion-sidebar.mobile-open{transform:translate(0)}.omnion-sidebar-overlay{display:none;position:fixed;top:56px;left:0;right:0;bottom:0;background:#0009;z-index:89}.omnion-sidebar.mobile-open+.omnion-sidebar-overlay{display:block}.omnion-sidebar-toggle{display:flex}.omnion-main{width:100%;min-width:0;padding:24px 16px 64px}.omnion-target-toggle{flex-direction:column}.omnion-target-btn{min-width:100%}.omnion-brainstorm-layout{flex-direction:column}.omnion-brainstorm-panel{height:55vh}.omnion-prompt-panel{max-width:none}.omnion-brainstorm-hint{display:none}}.file-card{display:flex;align-items:center;gap:12px;background:#111;border:1px solid #222;border-radius:12px;padding:14px 16px;margin:10px 0;cursor:pointer;transition:background .15s,border-color .15s}.file-card:hover{background:#1a1a1a;border-color:#333}.file-card-icon{color:#555;flex-shrink:0}.file-card-info{flex:1;min-width:0}.file-card-name{font-size:14px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-card-path{font-size:12px;color:#555;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-card-actions{display:flex;gap:6px;flex-shrink:0}.file-card-btn{background:#222;border:1px solid #333;border-radius:8px;padding:8px;color:#888;cursor:pointer;transition:background .15s,color .15s;display:flex;align-items:center;justify-content:center}.file-card-btn:hover{background:#333;color:#fff}.file-card-wrap{margin:10px 0}.file-card-wrap .file-card{margin:0}.file-card-image{display:block;max-width:100%;max-height:480px;border:1px solid #222;border-radius:12px 12px 0 0;border-bottom:none;cursor:zoom-in;object-fit:contain}.file-card-wrap:has(.file-card-image) .file-card{border-radius:0 0 12px 12px}.chat-image{display:block;max-width:100%;max-height:480px;margin:10px 0;border:1px solid #222;border-radius:12px;cursor:zoom-in;object-fit:contain;min-height:80px;background:#0a0a0a}.chat-image[src]:not([src=""]){background:transparent}#liquid-rainbow-page{display:none;position:absolute;top:0;left:0;right:0;bottom:0;background:#000;z-index:10}#liquid-rainbow-page.open{display:block}#recorder-page{display:none;position:absolute;top:0;left:0;right:0;bottom:0;background:var(--bg);z-index:10;overflow-y:auto;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#recorder-page.open{display:block}#recorder-page input,#recorder-page textarea{user-select:text;-webkit-user-select:text}#lr-canvas-container{width:100%;height:100%;position:relative;overflow:hidden;cursor:crosshair}#lr-canvas{display:block;width:100%;height:100%}#lr-toolbar{position:absolute;bottom:24px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:6px;background:#111111eb;border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:6px 16px;opacity:0;transition:opacity .4s ease;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);pointer-events:none}#lr-toolbar.visible{opacity:1;pointer-events:auto}.lr-hue-dot{width:16px;height:16px;border-radius:50%;background:#f53d3d;flex-shrink:0;box-shadow:0 0 8px currentColor}.lr-mode-btn{background:#222;border:none;border-radius:999px;padding:5px 14px;color:#888;font-size:13px;font-family:Inter,sans-serif;font-weight:500;cursor:pointer;transition:all .15s}.lr-mode-btn:hover{background:#333;color:#ccc}.lr-mode-btn.active{background:#ffffff1f;color:#fff}.lr-divider{width:1px;height:24px;background:#333;flex-shrink:0}.lr-flow-label{font-size:13px;color:#666;font-family:Inter,sans-serif;white-space:nowrap;-webkit-user-select:none;user-select:none}.lr-flow-label span{color:#aaa}.lr-action-btn{background:#222;border:none;border-radius:999px;width:32px;height:32px;color:#888;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.lr-action-btn:hover{background:#333;color:#fff}#lr-pause-indicator{position:absolute;top:24px;left:50%;transform:translate(-50%);background:#111c;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:8px 24px;color:#666;font-size:14px;font-family:Inter,sans-serif;letter-spacing:2px;pointer-events:none}.rec-projects-view{flex:1;overflow-y:auto;padding:56px 28px;font-family:Inter,-apple-system,sans-serif;color:#fff;background:#0a0a0a}.rec-projects-header{display:flex;align-items:center;justify-content:space-between;max-width:900px;margin:0 auto 28px}.rec-projects-title{font-size:22px;font-weight:600;color:#fff;margin:0;letter-spacing:-.01em}.rec-projects-new-btn{display:inline-flex;align-items:center;gap:6px;background:#fff;color:#000;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-family:inherit;font-weight:600;cursor:pointer;transition:background .18s cubic-bezier(.4,0,.2,1),transform .18s cubic-bezier(.4,0,.2,1)}.rec-projects-new-btn:hover{background:#ddd;transform:translateY(-1px)}.rec-projects-new-btn:active{transform:translateY(0)}.rec-projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;max-width:900px;margin:0 auto}.rec-projects-empty{text-align:center;padding:96px 20px;color:#444;grid-column:1 / -1;font-size:13px;letter-spacing:.02em}.rec-project-card{display:flex;align-items:center;gap:14px;background:#111;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:16px 18px;cursor:pointer;transition:background .18s cubic-bezier(.4,0,.2,1),border-color .18s cubic-bezier(.4,0,.2,1),transform .18s cubic-bezier(.4,0,.2,1)}.rec-project-card:hover{background:#1a1a1a;border-color:#2e2e2e;transform:translateY(-1px)}.rec-project-card-icon{flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#ffffff0a;border-radius:10px}.rec-project-card-info{flex:1;min-width:0}.rec-project-card-name{font-size:14px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.005em}.rec-project-card-meta{font-size:11px;color:#666;margin-top:4px;font-family:Space Grotesk,monospace;letter-spacing:.02em}.rec-project-card-delete{background:none;border:none;color:#555;cursor:pointer;padding:6px;border-radius:6px;flex-shrink:0;transition:color .18s cubic-bezier(.4,0,.2,1),background .18s cubic-bezier(.4,0,.2,1)}.rec-project-card-delete:hover{color:#f44;background:#ff44441a}.rec-editor-view{display:flex;flex-direction:column;height:100%}.rec-back-btn{background:none;border:none;color:#888;cursor:pointer;padding:6px;border-radius:6px;display:flex;align-items:center;transition:color .18s cubic-bezier(.4,0,.2,1),background .18s cubic-bezier(.4,0,.2,1)}.rec-back-btn:hover{color:#fff;background:#ffffff0a}.rec-container{display:flex;flex-direction:column;height:100%;padding:14px;font-family:Inter,-apple-system,sans-serif;color:#fff;background:#0a0a0a;overflow:hidden}.rec-toolbar{display:flex;align-items:center;gap:14px;padding:10px 16px;background:#111;border-radius:12px;border:1px solid rgba(255,255,255,.06);margin-bottom:12px;flex-shrink:0;flex-wrap:wrap}.rec-toolbar-left{display:flex;align-items:center;gap:10px}.rec-toolbar-center{display:flex;align-items:center;gap:18px}.rec-toolbar-right{display:flex;align-items:center;gap:6px;margin-left:auto}.rec-project-name-input{background:transparent;border:1px solid transparent;color:#fff;font-size:15px;font-weight:600;padding:5px 8px;border-radius:6px;width:180px;outline:none;font-family:inherit;letter-spacing:-.005em;transition:background .18s cubic-bezier(.4,0,.2,1),border-color .18s cubic-bezier(.4,0,.2,1)}.rec-project-name-input:hover,.rec-project-name-input:focus{border-color:#ffffff1f;background:#ffffff0a}.rec-transport{display:flex;align-items:center;gap:4px}.rec-transport-btn{min-width:36px;height:36px;padding:0 8px;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:#161616;color:#999;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .18s cubic-bezier(.4,0,.2,1),color .18s cubic-bezier(.4,0,.2,1),border-color .18s cubic-bezier(.4,0,.2,1),transform .18s cubic-bezier(.4,0,.2,1)}.rec-transport-btn:hover{background:#222;color:#fff;transform:translateY(-1px)}.rec-transport-btn:active{transform:translateY(0)}.rec-transport-btn.active{background:#222;color:#fff;border-color:#ffffff38}.rec-record-btn{color:#f44;border-radius:50%;border-color:#ff444440}.rec-record-btn:hover{background:#ff444426;color:#ff5a5a}.rec-record-btn.recording{background:#f443;color:#f44;border-color:#f446;animation:rec-pulse 1s ease infinite}@keyframes rec-pulse{0%,to{box-shadow:0 0 #ff44444d}50%{box-shadow:0 0 0 6px #f440}}.rec-count-in-btn{font-family:Space Grotesk,monospace;font-size:10px;font-weight:700;letter-spacing:.04em}.rec-count-in-btn .rec-count-in-label{line-height:1}.rec-count-in-btn.active{color:#fff}.rec-count-in-btn.counting,.rec-record-btn.counting{color:#ffd93d;border-color:#ffd93d80;background:#ffd93d1a;animation:rec-pulse-ci .5s ease infinite}@keyframes rec-pulse-ci{0%,to{box-shadow:0 0 #ffd93d66}50%{box-shadow:0 0 0 4px #ffd93d00}}.rec-time-display{font-family:Space Grotesk,monospace;font-size:20px;font-weight:700;color:#fff;letter-spacing:1.5px;min-width:110px;text-align:center;font-variant-numeric:tabular-nums}.rec-bpm-group{display:flex;align-items:center;gap:6px;font-size:11px;color:#666;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.rec-bpm-input{width:54px;background:#161616;border:1px solid rgba(255,255,255,.08);color:#fff;padding:5px 6px;border-radius:6px;font-size:13px;text-align:center;outline:none;font-family:Space Grotesk,monospace;font-variant-numeric:tabular-nums;transition:border-color .18s cubic-bezier(.4,0,.2,1),background .18s cubic-bezier(.4,0,.2,1)}.rec-bpm-input:hover,.rec-bpm-input:focus{border-color:#ffffff2e;background:#1a1a1a}.rec-action-btn{display:flex;align-items:center;gap:6px;padding:7px 12px;background:#161616;border:1px solid rgba(255,255,255,.08);color:#999;border-radius:8px;cursor:pointer;font-size:12px;font-family:inherit;font-weight:500;transition:background .18s cubic-bezier(.4,0,.2,1),color .18s cubic-bezier(.4,0,.2,1),border-color .18s cubic-bezier(.4,0,.2,1),transform .18s cubic-bezier(.4,0,.2,1)}.rec-action-btn:hover{background:#222;color:#fff;border-color:#ffffff24;transform:translateY(-1px)}.rec-action-btn:active{transform:translateY(0)}.rec-action-btn.is-active{background:#fff;color:#000;border-color:#fff;font-weight:600}.rec-action-btn.is-active:hover{background:#eee;color:#000}.rec-main{display:flex;flex:1;overflow:hidden;border-radius:12px;border:1px solid rgba(255,255,255,.06);background:#0d0d0d}.rec-headers-col{width:220px;min-width:220px;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.06);background:#111}.rec-headers-top{height:32px;display:flex;align-items:center;padding:0 14px;font-size:10px;font-weight:700;color:#666;letter-spacing:1.5px;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.06)}.rec-track-headers-scroll{flex:1;overflow-y:auto}.rec-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:260px;padding:32px 20px;color:#555;font-size:12px;letter-spacing:.04em;text-align:center}.rec-track-header{padding:11px 12px;border-bottom:1px solid rgba(255,255,255,.04);cursor:pointer;transition:background .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1);border-left:2px solid transparent}.rec-track-header:hover{background:#ffffff06}.rec-track-header.selected{background:#ffffff0f;border-left:2px solid #fff;box-shadow:inset 0 0 24px #ffffff0a}.rec-audio-clip{cursor:grab;transition:opacity .18s cubic-bezier(.4,0,.2,1)}.rec-audio-clip:hover{opacity:1}.rec-audio-clip:active{cursor:grabbing}.rec-track-header-top{display:flex;align-items:center;gap:6px;margin-bottom:8px}.rec-track-name{flex:1;background:transparent;border:none;color:#e0e0e0;font-size:13px;font-weight:600;padding:2px 4px;outline:none;font-family:inherit;border-radius:4px;letter-spacing:-.005em;transition:background .18s cubic-bezier(.4,0,.2,1)}.rec-track-name:hover,.rec-track-name:focus{background:#ffffff0d;color:#fff}.rec-track-controls{display:flex;gap:10px;margin-bottom:6px}.rec-slider-group{flex:1;display:flex;align-items:center;gap:6px}.rec-slider-group label{font-size:9px;color:#666;min-width:22px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.rec-slider-group input[type=range]{flex:1;height:3px;-webkit-appearance:none;appearance:none;background:#2a2a2a;border-radius:2px;outline:none}.rec-slider-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;border-radius:50%;background:#999;cursor:pointer;transition:background .18s cubic-bezier(.4,0,.2,1),transform .18s cubic-bezier(.4,0,.2,1)}.rec-slider-group input[type=range]::-webkit-slider-thumb:hover{background:#fff;transform:scale(1.2)}.rec-track-buttons{display:flex;gap:4px}.rec-track-btn{min-width:28px;height:22px;padding:0 6px;border-radius:4px;border:1px solid rgba(255,255,255,.08);background:#161616;color:#666;cursor:pointer;font-size:10px;font-weight:700;font-family:inherit;letter-spacing:.04em;transition:background .18s cubic-bezier(.4,0,.2,1),color .18s cubic-bezier(.4,0,.2,1),border-color .18s cubic-bezier(.4,0,.2,1)}.rec-track-btn:hover{color:#fff;background:#222}.rec-track-btn.active{border-color:#ffffff2e}.rec-track-btn.muted{color:#ff6b6b;background:#ff6b6b1a;border-color:#ff6b6b33}.rec-track-btn.soloed{color:#ffd93d;background:#ffd93d1a;border-color:#ffd93d33}.rec-track-btn.armed{color:#f44;background:#ff44441f;border-color:#ff444459;animation:rec-pulse 1.4s ease infinite}.rec-arm-btn:hover{color:#ff5a5a}.rec-track-header.armed{border-left-color:#f449}.rec-track-header.armed.selected{border-left-color:#f44}.rec-track-btn-sm{width:22px;height:22px;border-radius:4px;border:none;background:transparent;color:#555;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:color .18s cubic-bezier(.4,0,.2,1),background .18s cubic-bezier(.4,0,.2,1)}.rec-track-btn-sm:hover{color:#fff;background:#ffffff0d}.rec-delete-btn:hover{color:#f44;background:#ff444414}.rec-transcript{margin-top:8px;padding:8px 10px;background:#ffffff08;border-radius:8px;border:1px solid rgba(255,255,255,.06);max-height:80px;overflow-y:auto}.rec-transcript-text{font-size:11px;line-height:1.5;color:#999;white-space:pre-wrap}.rec-add-track-bar{display:flex;gap:4px;padding:8px;border-top:1px solid rgba(255,255,255,.06);background:#0003;box-sizing:border-box}.rec-add-btn{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;gap:4px;padding:8px 4px;background:#161616;border:1px solid rgba(255,255,255,.06);color:#888;border-radius:8px;cursor:pointer;font-size:10.5px;font-family:inherit;font-weight:600;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .18s cubic-bezier(.4,0,.2,1),color .18s cubic-bezier(.4,0,.2,1),border-color .18s cubic-bezier(.4,0,.2,1),transform .18s cubic-bezier(.4,0,.2,1)}.rec-add-btn svg{flex-shrink:0}.rec-add-btn:hover{background:#222;color:#fff;border-color:#ffffff24;transform:translateY(-1px)}.rec-add-btn:active{transform:translateY(0)}.rec-timeline-col{flex:1;overflow-x:auto;overflow-y:hidden;position:relative;display:flex;flex-direction:column}.rec-time-ruler-wrap{height:32px;flex-shrink:0;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.06);background:#00000026}.rec-time-ruler{height:100%;position:relative;cursor:pointer;min-width:100%}.rec-ruler-mark{position:absolute;top:0;height:100%;border-left:1px solid rgba(255,255,255,.04)}.rec-ruler-mark.major{border-left:1px solid rgba(255,255,255,.14)}.rec-ruler-mark span{position:absolute;top:9px;left:6px;font-size:10px;color:#666;white-space:nowrap;font-family:Space Grotesk,monospace;font-variant-numeric:tabular-nums;opacity:.5;letter-spacing:.04em}.rec-ruler-mark.major span{opacity:.85;color:#888}.rec-lanes-scroll{flex:1;position:relative;overflow-y:auto}.rec-track-lane{height:70px;position:relative;border-bottom:1px solid rgba(255,255,255,.03);transition:background .18s cubic-bezier(.4,0,.2,1)}.rec-track-lane:hover{background:#ffffff04}.rec-audio-clip{position:absolute;top:4px;bottom:4px;background:#ffffff0d;border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 0 0 1px #ffffff0f;border-radius:6px;overflow:hidden;transition:opacity .18s cubic-bezier(.4,0,.2,1),background .18s cubic-bezier(.4,0,.2,1),border-color .18s cubic-bezier(.4,0,.2,1)}.rec-audio-clip:hover{background:#ffffff14;border-color:#ffffff38}.rec-audio-clip.selected,.rec-beat-clip.selected{border-color:#fff;box-shadow:0 0 0 1px #fff,inset 0 0 12px #ffffff14}.rec-waveform-canvas{width:100%;height:100%;display:block}.rec-playhead{position:absolute;top:0;bottom:0;width:1.5px;background:#f44;z-index:10;pointer-events:none;box-shadow:0 0 6px #ff444459}.rec-playhead:before,.rec-playhead:after{content:"";position:absolute;left:50%;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;transform:translate(-50%)}.rec-playhead:before{top:0;border-top:6px solid #ff4444}.rec-playhead:after{bottom:0;border-bottom:6px solid #ff4444}.rec-fx-panel{position:fixed;bottom:-320px;left:236px;right:16px;height:300px;background:#0d0d0d;border-top:1px solid rgba(255,255,255,.12);border-left:1px solid rgba(255,255,255,.08);border-right:1px solid rgba(255,255,255,.08);border-radius:16px 16px 0 0;box-shadow:0 -12px 40px #00000080;transition:bottom .25s cubic-bezier(.4,0,.2,1);z-index:100;overflow-y:auto;padding:0}.rec-fx-panel.open{bottom:0}.rec-fx-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;font-size:13px;font-weight:700;color:#fff;letter-spacing:.05em;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;background:#0d0d0d;z-index:1}.rec-fx-sections{display:flex;gap:28px;padding:20px}.rec-fx-section{flex:1;padding:14px 16px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:10px}.rec-fx-title{font-size:10px;font-weight:700;color:#666;letter-spacing:1.4px;margin-bottom:14px;text-transform:uppercase;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.05)}.rec-fx-row{display:flex;align-items:center;gap:10px;margin-bottom:12px}.rec-fx-row label{font-size:12px;color:#999;min-width:90px;display:flex;justify-content:space-between;font-weight:500}.rec-fx-row label span{color:#fff;font-weight:600;font-family:Space Grotesk,monospace;font-size:11px;font-variant-numeric:tabular-nums}.rec-fx-row input[type=range]{flex:1;height:3px;-webkit-appearance:none;appearance:none;background:#2a2a2a;border-radius:2px;outline:none}.rec-fx-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#999;cursor:pointer;border:2px solid #222;transition:background .18s cubic-bezier(.4,0,.2,1),transform .18s cubic-bezier(.4,0,.2,1)}.rec-fx-row input[type=range]::-webkit-slider-thumb:hover{background:#fff;transform:scale(1.15)}.rec-fx-panel{height:360px}.rec-fx-panel .rec-fx-sections{gap:14px;padding:16px 18px;flex-wrap:wrap}.rec-fx-section{min-width:200px}.rec-fx-section-wide{flex:1.6;min-width:320px}.rec-fx-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:4px 14px}.rec-fx-select{width:100%;padding:4px 6px;font-size:11px;background:#1a1a1a;color:#ddd;border:1px solid rgba(255,255,255,.08);border-radius:4px;font-family:Space Grotesk,system-ui,sans-serif;outline:none;cursor:pointer}.rec-fx-select:hover{border-color:#ffffff2e}.rec-fx-select:focus{border-color:#ffffff4d}.rec-fx-toggle{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:#999;cursor:pointer;-webkit-user-select:none;user-select:none}.rec-fx-toggle input[type=checkbox]{accent-color:#fff}.rec-fx-gr-meter{position:relative;width:100%;height:6px;margin-bottom:10px;background:#1a1a1a;border-radius:3px;overflow:hidden;border:1px solid rgba(255,255,255,.05)}.rec-fx-gr-meter>.rec-fx-gr-fill{position:absolute;top:0;right:0;height:100%;background:#fff;width:0%;transition:width .05s linear}.rec-fx-gr-meter-label{font-size:9px;color:#555;letter-spacing:1.4px;text-transform:uppercase;margin-bottom:4px}.rec-fx-spectrum{width:100%;height:110px;display:block;background:#050505;border:1px solid rgba(255,255,255,.06);border-radius:6px;margin-bottom:10px}.rec-fx-browser{display:flex;align-items:center;gap:14px;padding:10px 18px;border-bottom:1px solid rgba(255,255,255,.05);background:#0a0a0a}.rec-fx-browser-label{font-size:10px;font-weight:700;color:#555;letter-spacing:1.4px;text-transform:uppercase;white-space:nowrap}.rec-fx-browser-chips{display:flex;gap:8px;flex-wrap:wrap;flex:1}.rec-fx-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:600;color:#ccc;background:#161616;border:1px solid rgba(255,255,255,.08);border-radius:999px;cursor:pointer;-webkit-user-select:none;user-select:none;font-family:Space Grotesk,system-ui,sans-serif;letter-spacing:.03em;transition:background .15s,border-color .15s,color .15s}.rec-fx-chip:hover:not(:disabled){background:#1f1f1f;border-color:#fff3;color:#fff}.rec-fx-chip.is-added{color:#555;background:#0d0d0d;border-color:#ffffff0a;cursor:not-allowed}.rec-fx-chip-plus{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;background:#ffffff14;color:#fff;font-size:11px;font-weight:700;line-height:1}.rec-fx-chip.is-added .rec-fx-chip-plus{background:#ffffff0a;color:#444}.rec-fx-slot{position:relative;flex:1;min-width:200px;display:flex;flex-direction:column}.rec-fx-slot>.rec-fx-section{flex:1;margin:0}.rec-fx-slot-controls{position:absolute;top:8px;right:8px;display:flex;gap:3px;z-index:2}.rec-fx-slot-btn{width:20px;height:20px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:4px;color:#888;font-size:13px;line-height:1;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.rec-fx-slot-btn:hover:not(:disabled){background:#ffffff1a;color:#fff;border-color:#fff3}.rec-fx-slot-btn:disabled{opacity:.25;cursor:not-allowed}.rec-fx-slot-remove:hover:not(:disabled){background:#ff505026;color:#ff8080;border-color:#ff50504d}.rec-fx-empty{flex:1;min-width:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 20px;min-height:120px;border:1px dashed rgba(255,255,255,.08);border-radius:10px;background:#ffffff03}.rec-fx-empty-text{color:#888;font-size:13px;margin-bottom:4px}.rec-fx-empty-sub{color:#555;font-size:11px}.rec-fx-limiter .rec-fx-pinned{display:inline-block;margin-left:8px;font-size:8px;letter-spacing:1.2px;color:#555;background:#ffffff0a;padding:1px 6px;border-radius:4px}.rec-project-modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;z-index:200;align-items:center;justify-content:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.rec-project-modal.open{display:flex}.rec-modal-content{background:#111;border:1px solid rgba(255,255,255,.08);border-radius:16px;width:400px;max-height:500px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 24px 60px #0009}.rec-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;font-size:15px;font-weight:600;letter-spacing:-.005em;border-bottom:1px solid rgba(255,255,255,.06)}.rec-modal-list{overflow-y:auto;flex:1}.rec-project-item{display:flex;align-items:center;padding:13px 20px;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.03);transition:background .18s cubic-bezier(.4,0,.2,1)}.rec-project-item:hover{background:#ffffff0a}.rec-project-item-info{flex:1}.rec-project-item-name{font-size:14px;font-weight:600;color:#fff;letter-spacing:-.005em}.rec-project-item-meta{font-size:11px;color:#555;margin-top:3px;font-family:Space Grotesk,monospace;letter-spacing:.02em}.rec-zoom-bar{position:absolute;bottom:14px;right:28px;display:flex;align-items:center;gap:8px;padding:6px 12px;background:#111111eb;border:1px solid rgba(255,255,255,.08);border-radius:8px;z-index:50;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 4px 12px #0000004d}.rec-zoom-bar input[type=range]{width:80px;height:3px;-webkit-appearance:none;appearance:none;background:#2a2a2a;border-radius:2px;outline:none}.rec-zoom-bar input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;border-radius:50%;background:#999;cursor:pointer;transition:background .18s cubic-bezier(.4,0,.2,1),transform .18s cubic-bezier(.4,0,.2,1)}.rec-zoom-bar input[type=range]::-webkit-slider-thumb:hover{background:#fff;transform:scale(1.2)}.rec-toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%) translateY(60px);background:#1a1a1a;border:1px solid rgba(255,255,255,.12);color:#fff;padding:11px 24px;border-radius:10px;font-size:13px;font-weight:500;z-index:300;opacity:0;transition:opacity .18s cubic-bezier(.4,0,.2,1),transform .18s cubic-bezier(.4,0,.2,1);pointer-events:none;box-shadow:0 8px 24px #0006}.rec-toast.show{opacity:1;transform:translate(-50%) translateY(0)}#writer-page{display:none;position:absolute;top:0;left:0;right:0;bottom:0;background:var(--bg);z-index:10;overflow-y:auto}#writer-page.open{display:flex;flex-direction:column}.writer-project-card{display:flex;align-items:center;gap:16px;padding:16px 20px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:border-color .2s}.writer-project-card:hover{border-color:#444}.writer-project-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-message);border-radius:10px}.writer-project-info{flex:1;min-width:0}.writer-project-name{font-weight:600;color:var(--text);margin-bottom:4px;display:flex;align-items:center;gap:8px}.writer-source-badge{font-size:10px;font-weight:500;color:#888;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;padding:1px 6px;flex-shrink:0}.writer-project-preview{color:var(--text-muted);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.writer-project-date{color:#444;font-size:12px;margin-top:4px}.writer-project-delete{background:none;border:none;color:#444;cursor:pointer;padding:8px;border-radius:8px;flex-shrink:0}.writer-project-delete:hover{color:#f44;background:#ff44441a}#presenter-page{display:none;position:absolute;top:0;left:0;right:0;bottom:0;background:var(--bg);z-index:10;overflow:hidden}#presenter-page.open{display:flex;flex-direction:column}#presenter-projects-view{padding:0 24px 24px;overflow-y:auto;max-height:calc(100vh - 60px)}.presenter-projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-top:16px}.presenter-project-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;cursor:pointer;overflow:hidden;transition:border-color .2s;position:relative}.presenter-project-card:hover{border-color:#444}.presenter-new-card{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:140px;border-style:dashed}.presenter-card-icon{margin-bottom:8px}.presenter-card-thumb{height:120px;background:#111;display:flex;align-items:center;justify-content:center;overflow:hidden}.presenter-card-thumb img{width:100%;height:100%;object-fit:cover}.presenter-card-info{padding:12px}.presenter-card-name{font-size:13px;font-weight:600;color:var(--text)}.presenter-card-meta{font-size:11px;color:var(--text-muted);margin-top:4px}.presenter-card-delete{position:absolute;top:8px;right:8px;background:#000000b3;border:none;color:#666;width:28px;height:28px;border-radius:6px;cursor:pointer;display:none;align-items:center;justify-content:center}.presenter-project-card:hover .presenter-card-delete{display:flex}.presenter-card-delete:hover{color:#f44}.presenter-toolbar{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--bg-secondary);border-bottom:1px solid var(--border);height:48px;flex-shrink:0}.presenter-toolbar-left,.presenter-toolbar-center,.presenter-toolbar-right{display:flex;align-items:center;gap:6px}.presenter-toolbar-btn{display:flex;align-items:center;gap:6px;background:none;border:1px solid var(--border);color:var(--text-muted);padding:6px 12px;border-radius:8px;cursor:pointer;font-size:12px;white-space:nowrap}.presenter-toolbar-btn:hover{color:var(--text);border-color:#444}.presenter-present-btn{background:var(--text)!important;color:var(--bg)!important;border-color:var(--text)!important;font-weight:600}.presenter-present-btn:hover{opacity:.9}.presenter-name-input{background:none;border:none;color:var(--text);font-size:14px;font-weight:600;width:200px;padding:4px 8px;border-radius:6px}.presenter-name-input:focus{outline:none;background:var(--bg-message)}.presenter-layout{display:flex;flex:1;overflow:hidden;height:calc(100vh - 48px)}.presenter-slides-panel{width:160px;background:var(--bg);border-right:1px solid var(--border);overflow-y:auto;flex-shrink:0;padding:12px 8px}.presenter-canvas-wrapper{flex:1;display:flex;align-items:center;justify-content:center;background:#0a0a0a;padding:24px;overflow:hidden;position:relative}.presenter-canvas{width:1920px;height:1080px;background:#000;position:absolute;overflow:visible;border-radius:4px;box-shadow:0 8px 32px #00000080;transform-origin:0 0;border:1px solid rgba(255,255,255,.25)}.presenter-props-panel{width:260px;background:var(--bg);border-left:1px solid var(--border);overflow-y:auto;flex-shrink:0;padding:0}.presenter-editor.chat-open .presenter-props-panel{width:220px}.presenter-slide-list{display:flex;flex-direction:column;gap:8px}.presenter-slide-thumb{cursor:pointer;border:2px solid transparent;border-radius:6px;overflow:hidden;transition:border-color .2s}.presenter-slide-thumb.active{border-color:var(--text)}.presenter-slide-thumb:hover{border-color:#444}.presenter-slide-mini{width:100%;aspect-ratio:16/9;position:relative;overflow:hidden;border-radius:4px;font-size:0}.presenter-slide-num{text-align:center;font-size:10px;color:var(--text-muted);margin-top:2px}.presenter-slide-add{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:16/9;border:1px dashed #333;border-radius:6px;cursor:pointer;margin-top:4px}.presenter-slide-add:hover{border-color:#666}.presenter-template-picker{position:fixed;z-index:9999;background:#111;border:1px solid #333;border-radius:12px;padding:12px;width:340px;max-height:70vh;overflow-y:auto;box-shadow:0 8px 32px #0009}.presenter-template-picker-header{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px;padding:0 4px}.presenter-template-picker-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.presenter-template-option{cursor:pointer;border-radius:8px;padding:6px;transition:background .15s}.presenter-template-option:hover{background:#222}.presenter-template-preview{width:100%;aspect-ratio:16/9;border-radius:4px;overflow:hidden;border:1px solid #333}.presenter-template-preview svg{width:100%;height:100%;display:block}.presenter-template-label{font-size:10px;color:var(--text-muted);text-align:center;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.presenter-prop-section{padding:12px;border-bottom:1px solid var(--border)}.presenter-prop-title{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between}.presenter-prop-actions{display:flex;gap:4px}.presenter-prop-actions button{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px 4px;border-radius:4px}.presenter-prop-actions button:hover{color:var(--text);background:var(--bg-message)}.presenter-prop-grid{display:flex;flex-direction:column;gap:6px}.presenter-prop-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:var(--text-muted)}.presenter-prop-row input,.presenter-prop-row select{background:var(--bg-message);border:1px solid var(--border);color:var(--text);padding:4px 6px;border-radius:6px;font-size:12px;width:100px}.presenter-prop-row input[type=color]{width:32px;height:26px;padding:1px;cursor:pointer}.presenter-prop-row select{width:110px}.presenter-prop-textarea{width:100%;background:var(--bg-message);border:1px solid var(--border);color:var(--text);padding:8px;border-radius:8px;font-size:12px;resize:vertical;min-height:60px;font-family:inherit;margin-top:6px}.presenter-prop-select{width:100%;background:var(--bg-message);border:1px solid var(--border);color:var(--text);padding:6px 8px;border-radius:8px;font-size:12px}.presenter-add-btns{display:flex;flex-direction:column;gap:4px}.presenter-add-btn{display:flex;align-items:center;gap:8px;background:none;border:1px solid var(--border);color:var(--text-muted);padding:8px 12px;border-radius:8px;cursor:pointer;font-size:12px;width:100%}.presenter-add-btn:hover{color:var(--text);border-color:#444;background:var(--bg-message)}.presenter-anim-preview{margin-top:8px}.presenter-tool-btn.active{background:var(--text)!important;color:var(--bg)!important;border-color:var(--text)!important}.presenter-tool-btn{padding:6px 8px!important}.presenter-align-btns{display:flex;gap:4px;flex-wrap:wrap}.presenter-align-btns button{background:none;border:1px solid var(--border);color:var(--text-muted);cursor:pointer;padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center}.presenter-align-btns button:hover{color:var(--text);border-color:#444;background:var(--bg-message)}.presenter-canvas .presenter-element{cursor:move}.presenter-canvas .presenter-element.selected{z-index:100;outline:2px solid #fff;outline-offset:2px}.presenter-canvas .presenter-element .designer-resize-handle{display:none}.presenter-canvas .presenter-element.selected .designer-resize-handle{display:block}.presenter-canvas .presenter-element .designer-rotate-zone{display:none}.presenter-canvas .presenter-element.selected .designer-rotate-zone{display:block}.presenter-canvas .presenter-element.multi-selected{outline:1px dashed #fff;outline-offset:1px}.presenter-layers-panel{width:0;min-width:0;background:var(--bg-secondary);border-left:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;flex-shrink:0;transition:width .2s,min-width .2s}.presenter-layers-panel.open{width:200px;min-width:200px}.presenter-layers-header{padding:10px 12px;font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.presenter-layers-close-btn{display:inline-flex;background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:18px;padding:2px 4px;border-radius:4px}.presenter-layers-close-btn:hover{color:var(--text)}.presenter-layers-list{flex:1;overflow-y:auto;padding:4px 0}.presenter-layer-item{display:flex;align-items:center;gap:6px;padding:6px 10px;cursor:pointer;font-size:12px;color:var(--text-muted);border-left:3px solid transparent;transition:background .15s}.presenter-layer-item:hover{background:var(--bg-message)}.presenter-layer-item.active{background:var(--bg-message);border-left-color:var(--text);color:var(--text)}.presenter-layer-item.locked{opacity:.5}.presenter-layer-icon{display:flex;flex-shrink:0}.presenter-layer-color{width:12px;height:12px;border-radius:3px;border:1px solid #444;flex-shrink:0}.presenter-layer-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.presenter-layer-actions{display:flex;gap:2px;opacity:0;transition:opacity .15s;flex-shrink:0}.presenter-layer-item:hover .presenter-layer-actions{opacity:1}.presenter-layer-action-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px;border-radius:4px;display:flex;align-items:center}.presenter-layer-action-btn:hover{color:var(--text);background:var(--bg-secondary)}.presenter-layer-rename-input{background:var(--bg-message);border:1px solid var(--border);color:var(--text);font-size:12px;padding:2px 4px;border-radius:4px;width:100%}.presenter-eyedropper-toast{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background:#000000d9;color:#ccc;font-size:12px;padding:8px 16px;border-radius:8px;z-index:9999;white-space:nowrap;pointer-events:none}.presenter-eyedropper-preview{position:absolute;top:20px;right:20px;background:#000000e6;border:1px solid #333;border-radius:10px;padding:10px 14px;z-index:9999;min-width:140px}.presenter-chat-sidebar{width:0;overflow:hidden;background:var(--bg);border-left:1px solid var(--border);transition:width .3s;display:flex;flex-direction:column;flex-shrink:0}.presenter-chat-sidebar.open{width:380px}.presenter-chat-header{display:flex;flex-direction:column;border-bottom:1px solid var(--border);font-size:13px;font-weight:600;color:var(--text)}.presenter-chat-header-top{display:flex;align-items:center;justify-content:space-between;padding:10px 14px}.presenter-chat-header-actions{display:flex;gap:4px;align-items:center}.presenter-chat-close,.presenter-chat-reset{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:6px}.presenter-chat-close:hover,.presenter-chat-reset:hover{color:var(--text);background:var(--bg-message)}.presenter-chat-scope{display:flex;gap:4px;padding:0 12px 10px}.presenter-scope-btn{flex:1;background:var(--bg-message);border:1px solid var(--border);color:var(--text-muted);padding:5px 10px;border-radius:8px;font-size:11px;font-weight:600;cursor:pointer;transition:all .15s;text-align:center}.presenter-scope-btn:hover{color:var(--text);border-color:#444}.presenter-scope-btn.active{background:var(--text);color:var(--bg);border-color:var(--text)}.presenter-style-toggle.active{color:var(--text)!important;background:var(--bg-message)}.presenter-style-panel{border-bottom:1px solid var(--border);max-height:400px;overflow-y:auto;padding:10px 12px;display:flex;flex-direction:column;gap:12px;animation:presenterStyleSlide .2s ease}@keyframes presenterStyleSlide{0%{max-height:0;opacity:0;padding:0 12px}to{max-height:400px;opacity:1}}.presenter-style-section{display:flex;flex-direction:column;gap:6px}.presenter-style-label{font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.presenter-style-moods{display:flex;flex-wrap:wrap;gap:4px}.presenter-mood-btn{background:var(--bg-message);border:1px solid var(--border);color:var(--text-muted);padding:4px 10px;border-radius:999px;font-size:11px;cursor:pointer;transition:all .15s}.presenter-mood-btn:hover{color:var(--text);border-color:#444}.presenter-mood-btn.active{background:var(--text);color:var(--bg);border-color:var(--text)}.presenter-style-colors{display:flex;flex-direction:column;gap:6px}.presenter-style-color-row{display:flex;align-items:center;justify-content:space-between}.presenter-style-color-row span{font-size:11px;color:var(--text-muted)}.presenter-style-color-row input[type=color]{width:28px;height:28px;border:1px solid var(--border);border-radius:6px;background:none;cursor:pointer;padding:1px}.presenter-style-color-presets{display:flex;gap:4px;flex-wrap:wrap;margin-top:4px}.presenter-color-preset{display:flex;gap:2px;padding:3px 5px;border-radius:6px;border:1px solid var(--border);background:none;cursor:pointer;transition:all .15s}.presenter-color-preset:hover{border-color:#555}.presenter-color-preset.active{border-color:var(--text)}.presenter-color-preset span{width:14px;height:14px;border-radius:3px;display:block}.presenter-style-shapes{display:flex;gap:4px}.presenter-shape-btn{display:flex;flex-direction:column;align-items:center;gap:3px;background:var(--bg-message);border:1px solid var(--border);color:var(--text-muted);padding:6px 12px;border-radius:8px;font-size:10px;cursor:pointer;transition:all .15s;flex:1}.presenter-shape-btn:hover{color:var(--text);border-color:#444}.presenter-shape-btn.active{background:var(--text);color:var(--bg);border-color:var(--text)}.presenter-shape-btn.active span{border-color:var(--bg)!important}.presenter-style-fonts{display:flex;flex-wrap:wrap;gap:4px}.presenter-font-btn{background:var(--bg-message);border:1px solid var(--border);color:var(--text-muted);padding:4px 8px;border-radius:6px;font-size:11px;cursor:pointer;transition:all .15s}.presenter-font-btn:hover{color:var(--text);border-color:#444}.presenter-font-btn.active{background:var(--text);color:var(--bg);border-color:var(--text)}.presenter-style-custom{background:var(--bg-message);border:1px solid var(--border);color:var(--text);padding:6px 8px;border-radius:8px;font-size:11px;resize:none;font-family:inherit}.presenter-style-custom:focus{outline:none;border-color:#444}.presenter-style-actions{display:flex;justify-content:flex-end}.presenter-style-reset{background:none;border:none;color:var(--text-muted);font-size:10px;cursor:pointer;padding:2px 6px;border-radius:4px}.presenter-style-reset:hover{color:var(--text);background:var(--bg-message)}.presenter-chat-messages{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px}.presenter-chat-welcome{text-align:center;padding:30px 16px}.presenter-chat-quick-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px;justify-content:center}.presenter-chat-quick-actions button{background:var(--bg-message);border:1px solid var(--border);color:var(--text-muted);padding:6px 12px;border-radius:999px;font-size:11px;cursor:pointer;transition:all .15s;white-space:nowrap}.presenter-chat-quick-actions button:hover{color:var(--text);border-color:#555;background:#1a1a1a}.presenter-chat-msg{display:flex}.presenter-chat-msg.user{justify-content:flex-end}.presenter-chat-bubble{max-width:92%;padding:8px 12px;border-radius:12px;font-size:13px;line-height:1.5}.presenter-chat-bubble.user{background:var(--bg-user);color:var(--text);border-bottom-right-radius:4px}.presenter-chat-bubble.assistant{background:var(--bg-message);color:var(--text);border-bottom-left-radius:4px}.presenter-chat-bubble pre{background:#0a0a0a;padding:8px;border-radius:6px;overflow-x:auto;font-size:11px;margin:6px 0}.presenter-chat-bubble code{background:#1a1a1a;padding:1px 4px;border-radius:3px;font-size:12px}.presenter-chat-typing{color:var(--text-muted);font-style:italic}.presenter-chat-slides-block{margin:8px 0;padding:0}.presenter-apply-buttons{display:flex;gap:6px;flex-wrap:wrap}.presenter-apply-btn{border:none;padding:6px 12px;border-radius:8px;font-size:11px;font-weight:600;cursor:pointer;transition:all .15s}.presenter-apply-btn.primary{background:var(--text);color:var(--bg)}.presenter-apply-btn.secondary{background:var(--bg-message);color:var(--text);border:1px solid var(--border)}.presenter-apply-btn:hover{opacity:.85}.presenter-apply-btn:disabled{opacity:.4;cursor:default}.presenter-apply-done{font-size:11px;font-weight:600;color:#666;padding:6px 0}.presenter-slides-preview{margin-top:6px}.presenter-slides-preview summary{font-size:11px;color:var(--text-muted);cursor:pointer;padding:2px 0}.presenter-slides-preview summary:hover{color:var(--text)}.presenter-slides-preview pre{max-height:120px;overflow:auto;font-size:10px}.presenter-chat-input-wrap{display:flex;align-items:flex-end;gap:6px;padding:10px 12px;border-top:1px solid var(--border)}.presenter-chat-input{flex:1;background:var(--bg-message);border:1px solid var(--border);color:var(--text);padding:8px 10px;border-radius:10px;font-size:13px;resize:none;font-family:inherit}.presenter-chat-input:focus{outline:none;border-color:#444}.presenter-chat-send{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:6px;border-radius:8px}.presenter-chat-send:hover{color:var(--text)}.presenter-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#000;display:flex;align-items:center;justify-content:center;cursor:none;overflow:hidden}.presenter-present-slide{width:1920px;height:1080px;position:absolute;overflow:hidden;transform-origin:0 0}.presenter-present-controls{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;opacity:0;transition:opacity .3s;padding:6px 16px;background:#000000b3;border-radius:20px;font-size:12px;color:#888}.presenter-fullscreen:hover .presenter-present-controls{opacity:1}.presenter-fullscreen:hover{cursor:default}.presenter-present-exit{background:none;border:1px solid #444;color:#888;padding:4px 10px;border-radius:6px;cursor:pointer;font-size:11px}.presenter-present-exit:hover{color:#fff;border-color:#666}.presenter-mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--bg-secondary);border-top:1px solid var(--border);z-index:100;padding:6px 0;padding-bottom:max(6px,env(safe-area-inset-bottom))}.presenter-mobile-nav-inner{display:flex;justify-content:space-around;align-items:center}.presenter-mobile-nav-btn{display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:6px 12px;border-radius:8px;font-size:10px}.presenter-mobile-nav-btn.active{color:var(--text)}.presenter-mobile-nav-btn svg{width:20px;height:20px}@media(max-width:768px){.presenter-mobile-nav{display:block}.presenter-toolbar{padding:6px 8px;height:44px;gap:4px}.presenter-toolbar-center{flex:1;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:2px}.presenter-toolbar-center::-webkit-scrollbar{display:none}.presenter-toolbar-btn{padding:5px 6px;font-size:11px;flex-shrink:0}.presenter-toolbar-btn svg{width:14px;height:14px}.presenter-toolbar-center .presenter-toolbar-btn{padding:6px;gap:0;border:none;font-size:0;line-height:0}.presenter-toolbar-center .presenter-toolbar-btn svg{font-size:initial;line-height:initial;width:16px;height:16px}.presenter-toolbar-center>div[style*="width:1px"]{display:none}.presenter-toolbar-center{display:none}.presenter-toolbar-center.mobile-tools-open{display:flex;flex-wrap:wrap;position:fixed;bottom:56px;left:8px;right:8px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:8px;gap:4px;z-index:90;box-shadow:0 -4px 20px #00000080;overflow:visible}.presenter-toolbar-center.mobile-tools-open .presenter-toolbar-btn{padding:8px;border:1px solid var(--border);border-radius:8px;font-size:0;line-height:0}.presenter-toolbar-center.mobile-tools-open .presenter-toolbar-btn svg{width:20px;height:20px}.presenter-toolbar-right .presenter-toolbar-btn{font-size:0;padding:6px}.presenter-toolbar-right .presenter-toolbar-btn svg{width:16px;height:16px}.presenter-toolbar-right{gap:2px}.presenter-name-input{width:80px;font-size:12px}.presenter-layout{flex-direction:column;height:calc(100vh - 44px);position:relative}.presenter-slides-panel{display:none;position:fixed;top:44px;left:0;bottom:56px;width:100%;z-index:50;background:var(--bg);border-right:none;padding:12px;overflow-y:auto}.presenter-slides-panel.mobile-open{display:block}.presenter-slides-panel.mobile-open .presenter-slide-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}.presenter-canvas-wrapper{position:absolute;top:0;left:0;right:0;bottom:56px;padding:4px;margin:0;flex:none}.presenter-props-panel{display:none;position:fixed;bottom:56px;left:0;right:0;max-height:50vh;width:100%;z-index:50;background:var(--bg);border-top:1px solid var(--border);border-left:none;overflow-y:auto;border-radius:16px 16px 0 0;box-shadow:0 -4px 20px #0006}.presenter-props-panel.mobile-open{display:block}.presenter-props-panel.mobile-open:before{content:"";display:block;width:36px;height:4px;background:#444;border-radius:2px;margin:8px auto 4px}.presenter-chat-sidebar.open{position:fixed;top:44px;left:0;right:0;bottom:56px;width:100%;z-index:60}.presenter-layers-panel.open{position:fixed;top:44px;right:0;bottom:56px;width:240px;z-index:55;box-shadow:-4px 0 20px #0000004d}}.writer-toolbar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:var(--bg);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.writer-toolbar-left{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.writer-toolbar-right{display:flex;align-items:center;gap:4px;flex-shrink:0}.writer-title-input{background:none;border:none;color:var(--text);font-size:15px;font-weight:600;padding:6px 10px;border-radius:6px;flex:1;min-width:0;max-width:300px}.writer-title-input:focus{background:var(--bg-secondary);outline:none}.writer-toolbar-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:none;border:1px solid var(--border);border-radius:8px;color:var(--text-muted);cursor:pointer;font-size:13px;white-space:nowrap}.writer-toolbar-btn:hover{border-color:#444;color:var(--text)}.writer-toolbar-btn-primary{background:var(--text);color:var(--bg);border-color:var(--text)}.writer-toolbar-btn-primary:hover{opacity:.9}.writer-toolbar-btn span{display:inline}@media(max-width:768px){.writer-toolbar-btn span{display:none}}.writer-format-bar{display:flex;align-items:center;gap:2px;padding:6px 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border);overflow-x:auto;flex-wrap:nowrap}.writer-format-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;color:var(--text-muted);cursor:pointer;border-radius:6px;font-size:14px;flex-shrink:0}.writer-format-btn:hover,.writer-format-btn.active{background:var(--bg-message);color:var(--text)}.writer-format-divider{width:1px;height:20px;background:var(--border);margin:0 4px;flex-shrink:0}.writer-block-select{background:var(--bg-message);border:1px solid var(--border);color:var(--text);padding:4px 8px;border-radius:6px;font-size:13px;cursor:pointer;flex-shrink:0}.writer-editor-container{flex:1;overflow-y:auto;display:flex;justify-content:center;padding:40px 20px;background:var(--bg-secondary);min-height:0}#writer-editor-view{display:flex;flex-direction:column;height:100vh}.writer-paper{width:100%;max-width:760px;min-height:80vh;background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:60px 60px 120px}@media(max-width:768px){.writer-paper{padding:24px 20px 80px;border-radius:0;border:none}.writer-editor-container{padding:0}}.writer-content{outline:none;color:var(--text);font-family:Inter,system-ui,sans-serif;font-size:16px;line-height:1.75;min-height:200px}.writer-content:empty:before{content:"Begin met schrijven...";color:#444;pointer-events:none}.writer-content h1{font-size:2.2em;font-weight:700;margin:.8em 0 .4em;line-height:1.2}.writer-content h2{font-size:1.6em;font-weight:600;margin:.7em 0 .3em;line-height:1.3}.writer-content h3{font-size:1.3em;font-weight:600;margin:.6em 0 .3em;line-height:1.4}.writer-content p{margin:.5em 0}.writer-content blockquote{border-left:3px solid #444;padding:8px 16px;margin:1em 0;color:var(--text-muted);font-style:italic;background:var(--bg-secondary);border-radius:0 8px 8px 0}.writer-content pre{background:var(--bg-secondary);padding:16px;border-radius:8px;font-family:SF Mono,Fira Code,monospace;font-size:14px;overflow-x:auto;margin:1em 0;border:1px solid var(--border)}.writer-content code{background:var(--bg-secondary);padding:2px 6px;border-radius:4px;font-family:SF Mono,Fira Code,monospace;font-size:.9em}.writer-content ul,.writer-content ol{padding-left:1.5em;margin:.5em 0}.writer-content li{margin:.25em 0}.writer-content a{color:#6af;text-decoration:underline}.writer-content img{max-width:100%;height:auto;border-radius:8px;margin:1em 0;display:block;cursor:pointer}.writer-content hr{border:none;border-top:1px solid var(--border);margin:2em 0}.writer-selection-popup{z-index:1000;animation:writerPopIn .15s ease}.writer-selection-popup button{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--text);color:var(--bg);border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;box-shadow:0 4px 16px #0006}.writer-selection-popup button:hover{opacity:.9}@keyframes writerPopIn{0%{opacity:0;transform:translate(-50%,-100%) scale(.9)}to{opacity:1;transform:translate(-50%,-100%) scale(1)}}.writer-img-tabs{display:flex;gap:0;margin-bottom:16px;border-bottom:1px solid var(--border)}.writer-img-tab{flex:1;padding:10px;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-muted);cursor:pointer;font-size:14px;text-align:center}.writer-img-tab.active{color:var(--text);border-bottom-color:var(--text)}.writer-chat-panel{position:fixed;top:0;right:-380px;width:380px;height:100vh;background:var(--bg);border-left:1px solid var(--border);display:flex;flex-direction:column;z-index:200;transition:right .25s ease}.writer-chat-panel.open{right:0}.writer-chat-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);font-weight:600;font-size:14px;color:var(--text)}.writer-chat-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:20px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px}.writer-chat-close:hover{background:var(--bg-secondary);color:var(--text)}.writer-chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.writer-chat-msg{padding:10px 14px;border-radius:12px;font-size:14px;line-height:1.6;max-width:90%;word-wrap:break-word}.writer-chat-msg-user{background:var(--bg-user);color:var(--text);align-self:flex-end;border-bottom-right-radius:4px}.writer-chat-msg-ai{background:var(--bg-message);color:var(--text);align-self:flex-start;border-bottom-left-radius:4px;border:1px solid var(--border)}.writer-chat-loading{color:var(--text-muted)}.writer-chat-dot{display:inline-block;width:6px;height:6px;background:var(--text-muted);border-radius:50%;animation:writerDotPulse 1s infinite}@keyframes writerDotPulse{0%,to{opacity:.3}50%{opacity:1}}.writer-chat-input-bar{display:flex;align-items:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--border);background:var(--bg)}.writer-chat-input-bar textarea{flex:1;background:var(--bg-secondary);border:1px solid var(--border);color:var(--text);padding:10px 14px;border-radius:10px;font-size:14px;resize:none;font-family:inherit;outline:none;min-height:40px}.writer-chat-input-bar textarea:focus{border-color:#444}.writer-chat-send{width:40px;height:40px;background:var(--text);color:var(--bg);border:none;border-radius:10px;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center}.writer-chat-send:hover{opacity:.9}@media(max-width:768px){.writer-chat-panel{width:100%;right:-100%}}.test-report{background:#111;border:1px solid #333;border-radius:12px;padding:16px;margin:12px 0;font-size:14px}.test-report.test-all-pass{border-color:#22c55e44}.test-report.test-has-fail{border-color:#ef444444}.test-report-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #222}.test-report-title{font-weight:600;color:#fff;font-size:15px}.test-report-summary{color:#888;font-size:13px}.test-all-pass .test-report-summary{color:#22c55e}.test-has-fail .test-report-summary{color:#ef4444}.test-item{display:flex;align-items:flex-start;gap:8px;padding:6px 0;border-bottom:1px solid #1a1a1a;flex-wrap:wrap}.test-item:last-child{border-bottom:none}.test-icon{width:20px;text-align:center;font-weight:700;flex-shrink:0}.test-pass .test-icon{color:#22c55e}.test-fail .test-icon{color:#ef4444}.test-name{flex:1;color:#ccc}.test-duration{color:#555;font-size:12px;flex-shrink:0}.test-details{margin-top:4px;padding:8px;background:#1a1a1a;border-radius:6px;color:#ef4444;font-size:12px;font-family:monospace;white-space:pre-wrap;width:100%}.test-suggest{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;margin-top:8px;background:#111;border:1px solid #22c55e44;border-radius:8px;color:#22c55e;font-size:13px;cursor:pointer;transition:background .15s,border-color .15s}.test-suggest:hover{background:#22c55e15;border-color:#22c55e88}.test-suggest svg{stroke:#22c55e;flex-shrink:0}.test-mode-message{border-left:2px solid #22c55e44}.test-mode-message .content,.test-mode-message .tool-block{background:#22c55e08}.test-mode-message .tool-header{color:#22c55e}.test-mode-indicator{display:flex;align-items:center;gap:8px;padding:10px 14px;margin:8px 0;background:#22c55e0a;border:1px solid #22c55e22;border-radius:8px;color:#22c55e;font-size:13px}.test-mode-indicator svg{stroke:#22c55e;flex-shrink:0}.test-mode-indicator span{opacity:.7}.test-options{display:flex;flex-direction:column;gap:6px;margin-top:10px}.test-option{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#0d0d0d;border:1px solid #22c55e22;border-radius:10px;color:#ccc;font-size:13px;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.test-option:hover{background:#22c55e10;border-color:#22c55e66;color:#fff}.test-option-icon{width:28px;height:28px;min-width:28px;display:flex;align-items:center;justify-content:center;background:#22c55e15;border-radius:8px;color:#22c55e;font-size:14px}.test-option-text{flex:1;line-height:1.3}.ask-question{display:flex;flex-direction:column;gap:16px;margin:10px 0;padding:16px;background:#0d0d0d;border:1px solid #2a2a2a;border-radius:14px}.ask-question-item{display:flex;flex-direction:column;gap:8px}.ask-question-tag{align-self:flex-start;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:#888;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:999px;padding:3px 10px}.ask-question-text{font-size:14px;line-height:1.35;color:#eee;font-weight:600}.ask-question-options{display:flex;flex-direction:column;gap:6px}.ask-option{display:flex;flex-direction:column;gap:3px;text-align:left;padding:10px 14px;background:#141414;border:1px solid #2a2a2a;border-radius:10px;color:#ccc;cursor:pointer;font:inherit;transition:background .15s,border-color .15s,color .15s}.ask-option:hover{background:#1c1c1c;border-color:#444;color:#fff}.ask-option.selected{background:#fff;border-color:#fff;color:#000}.ask-option.selected .ask-option-desc{color:#333}.ask-option-label{font-size:13px;font-weight:600}.ask-option-desc{font-size:12px;line-height:1.3;color:#888}.ask-send-btn{align-self:flex-start;padding:9px 18px;background:#fff;border:none;border-radius:10px;color:#000;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:opacity .15s}.ask-send-btn:hover{opacity:.85}.ask-send-btn:disabled{background:#1a1a1a;color:#555;cursor:not-allowed}.ask-question.answered .ask-option{cursor:default;opacity:.6}.ask-question.answered .ask-option:not(.selected){display:none}.ask-question.answered .ask-option.selected{opacity:1}#input-area.test-mode-active{border-color:#22c55e44}#input-area.test-mode-active #message-input::placeholder{color:#22c55e88}.spar-mode-indicator{display:flex;align-items:center;gap:8px;padding:8px 14px;margin:8px 0;background:linear-gradient(135deg,#c2410c18,#7c3aed18,#1d4ed818);border:1px solid #7c3aed33;border-radius:8px;color:#ccc;font-size:13px}.spar-mode-indicator svg{stroke:#a78bfa;flex-shrink:0}#dns-page{display:none;position:absolute;top:0;left:0;right:0;bottom:0;background:var(--bg);z-index:10;overflow:hidden}#dns-page.open{display:flex;flex-direction:column}#dns-page-inner{display:flex;flex-direction:column;width:100%;height:100%;overflow-y:auto;padding:16px}.dns-zone-card{padding:16px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;margin-bottom:16px}.dns-zone-domain{font-size:18px;font-weight:600;color:#fff;margin-bottom:8px}.dns-zone-meta{display:flex;gap:8px;align-items:center}.dns-zone-status{padding:3px 10px;border-radius:999px;font-size:12px;font-weight:500;background:#222;color:#888}.dns-status-active{background:#0a2a0a;color:#4ade80}.dns-zone-plan{font-size:12px;color:#666}.dns-toolbar{margin-bottom:12px;flex-shrink:0}.dns-toolbar select{padding:8px 32px 8px 12px;background:#111;color:#fff;border:1px solid #333;border-radius:8px;font-size:13px;font-family:inherit;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.dns-record-card{padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;margin-bottom:8px;display:flex;align-items:center;gap:12px}.dns-record-header{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.dns-record-type{padding:2px 8px;border-radius:4px;font-size:11px;font-weight:700;background:#222;color:#888;white-space:nowrap;font-family:monospace}.dns-type-a{background:#1a1a2e;color:#818cf8}.dns-type-aaaa{background:#1a2e1a;color:#4ade80}.dns-type-cname{background:#2e1a1a;color:#f87171}.dns-type-mx{background:#2e2a1a;color:#fbbf24}.dns-type-txt{background:#1a2e2e;color:#22d3ee}.dns-type-ns{background:#2e1a2e;color:#c084fc}.dns-record-name{font-size:13px;color:#ccc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dns-record-proxied{color:#f97316;font-size:16px}.dns-record-content{font-size:12px;color:#666;font-family:monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.dns-record-actions{display:flex;gap:4px;flex-shrink:0}.dns-btn-edit,.dns-btn-delete{background:none;border:none;color:#555;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center}.dns-btn-edit:hover{color:#fff}.dns-btn-delete:hover{color:#f87171}.dns-loading,.dns-empty,.dns-error{padding:40px;text-align:center;color:#555;font-size:14px}.dns-error{color:#f87171}.dns-label{display:block;font-size:12px;color:#888;margin:12px 0 4px}.dns-label:first-child{margin-top:0}.dns-input{width:100%;padding:10px 12px;background:#111;color:#fff;border:1px solid #333;border-radius:8px;font-size:14px;font-family:inherit;box-sizing:border-box}.dns-input:focus{outline:none;border-color:#555}.dns-checkbox-label{display:flex;align-items:center;gap:8px;margin:12px 0;cursor:pointer;color:#ccc;font-size:13px}.dns-checkbox-label input[type=checkbox]{accent-color:#fff}.dns-save-btn{width:100%;padding:12px;margin-top:16px;background:#fff;color:#000;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit}.dns-save-btn:hover{background:#ddd}.dns-save-btn:disabled{opacity:.5;cursor:not-allowed}#datalab-page{display:none;position:absolute;top:0;left:0;right:0;bottom:0;background:#000;z-index:10;overflow:hidden}#datalab-page.open{display:flex;flex-direction:column}#datalab-page-inner{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}#datalab-projects-view{flex:1;overflow-y:auto;padding:40px 24px}.datalab-projects-header{text-align:center;margin-bottom:32px}.datalab-projects-header svg{margin-bottom:8px}.datalab-projects-header h2{font-size:22px;font-weight:600;color:var(--text);margin:0 0 4px}.datalab-projects-header p{font-size:14px;color:var(--text-muted);margin:0}.datalab-projects-actions{display:flex;justify-content:center;margin-bottom:24px}.datalab-new-project-btn{display:inline-flex;align-items:center;gap:6px;background:#fff;color:#000;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s}.datalab-new-project-btn:hover{background:#ddd}.datalab-projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;max-width:900px;margin:0 auto}.datalab-project-card{display:flex;align-items:center;gap:14px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:16px 18px;cursor:pointer;transition:background .15s,border-color .15s;position:relative}.datalab-project-card:hover{background:#1a1a1a;border-color:#444}.datalab-project-thumb{flex-shrink:0;width:48px;height:48px;background:#111;border-radius:10px;display:flex;align-items:center;justify-content:center}.datalab-project-info{flex:1;min-width:0}.datalab-project-name{font-size:14px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.datalab-project-meta{font-size:12px;color:var(--text-muted);margin-top:2px}.datalab-project-delete{position:absolute;top:8px;right:10px;background:none;border:none;color:#555;font-size:18px;cursor:pointer;padding:2px 6px;border-radius:4px;opacity:0;transition:opacity .15s}.datalab-project-card:hover .datalab-project-delete{opacity:1}.datalab-project-delete:hover{color:#fff;background:#333}#datalab-projects-empty{text-align:center;padding:60px 20px;color:#555}#datalab-projects-empty svg{margin-bottom:12px}#datalab-projects-empty p{font-size:14px;margin:0}#calculator-page{display:none;position:absolute;top:0;left:0;right:0;bottom:0;background:#000;z-index:10;overflow:hidden}#calculator-page.open{display:flex;flex-direction:column}#calculator-page-inner{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}#glitter-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.calc-container{width:100%;max-width:380px;padding:20px;position:relative;z-index:1}.calc-history-panel{min-height:60px;margin-bottom:8px;text-align:right;padding:0 8px}.calc-history-item{font-size:13px;color:#555;font-family:Space Grotesk,monospace;line-height:1.6;transition:color .3s}.calc-history-item:last-child{color:#888}.calc-display-wrap{background:#111;border-radius:20px;padding:24px 20px;margin-bottom:16px;border:1px solid rgba(255,255,255,.06);box-shadow:0 0 40px #ffd7000d,inset 0 0 60px #00000080;position:relative;overflow:hidden}.calc-display-wrap:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent,rgba(255,215,0,.03),transparent,rgba(255,105,180,.03),transparent,rgba(0,255,255,.03),transparent);animation:calcShimmer 8s linear infinite}@keyframes calcShimmer{to{transform:rotate(360deg)}}.calc-display{font-family:Space Grotesk,monospace;font-size:56px;font-weight:700;color:#fff;text-align:right;min-height:68px;display:flex;align-items:center;justify-content:flex-end;word-break:break-all;position:relative;z-index:1;text-shadow:0 0 20px rgba(255,215,0,.15);transition:font-size .2s}.calc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.calc-btn{font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:600;border:none;border-radius:16px;padding:0;height:72px;cursor:pointer;background:#1a1a1a;color:#fff;transition:all .15s ease;position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.calc-btn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(255,215,0,.2) 0%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);transition:width .4s,height .4s}.calc-btn:active:after{width:200px;height:200px}.calc-btn:hover{background:#252525;transform:scale(1.03)}.calc-btn:active{transform:scale(.95)}.calc-btn-pop{animation:btnPop .2s ease}@keyframes btnPop{0%{transform:scale(1)}50%{transform:scale(1.12)}to{transform:scale(1)}}.calc-btn-func{background:#2a2a2a;color:#aaa}.calc-btn-func:hover{background:#333}.calc-btn-op{background:#1a1a1a;color:gold;font-size:28px;border:1px solid rgba(255,215,0,.15)}.calc-btn-op:hover{background:#222;border-color:#ffd7004d;box-shadow:0 0 15px #ffd7001a}.calc-op-active{background:gold!important;color:#000!important;border-color:gold!important;box-shadow:0 0 25px #ffd70066!important}.calc-btn-zero{grid-column:span 2}.calc-btn-equals{background:linear-gradient(135deg,gold,#ff69b4);color:#000;font-size:30px;font-weight:800;box-shadow:0 0 20px #ff69b433}.calc-btn-equals:hover{box-shadow:0 0 30px #ff69b459;transform:scale(1.05)}.calc-btn-equals:active{transform:scale(.92)}@media(max-width:420px){.calc-container{max-width:100%;padding:12px}.calc-btn{height:64px;font-size:22px;border-radius:14px}.calc-display{font-size:44px;min-height:56px}.calc-display-wrap{padding:18px 16px;border-radius:16px}.calc-grid{gap:8px}}#mol-game-page{display:none}#mol-game-page.open{display:flex;flex-direction:column;position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg);z-index:50}#demo-manager-page{display:none}#demo-manager-page.open{display:flex;flex-direction:column;position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg);z-index:50;overflow-y:auto}#demo-manager-page-inner{max-width:800px;width:100%;margin:0 auto;padding:24px 20px}.demo-manager-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.demo-manager-header h2{margin:0;font-size:20px;font-weight:600}.demo-manager-actions{display:flex;gap:8px}.demo-account-card{background:#111;border:1px solid #222;border-radius:12px;padding:16px;margin-bottom:12px}.demo-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.demo-card-info{display:flex;align-items:center;gap:12px}.demo-card-name{font-weight:600;font-size:16px}.demo-card-url{color:#888;font-size:13px}.demo-card-meta{display:flex;gap:12px;align-items:center}.demo-card-status{font-size:13px;color:#888}.demo-card-port{font-size:12px;color:#555;font-family:monospace}.demo-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.demo-status-dot.running{background:#4a4}.demo-status-dot.stopped{background:#a44}.demo-status-dot.unknown{background:#666}.demo-card-details{display:flex;gap:24px;margin-bottom:12px;padding:10px 0;border-top:1px solid #222}.demo-detail{display:flex;flex-direction:column;gap:2px;font-size:13px}.demo-detail span:first-child{color:#666;font-size:11px;text-transform:uppercase}.demo-detail code{background:#1a1a1a;padding:2px 6px;border-radius:4px;font-size:12px}.demo-token-info{display:flex;flex-direction:column;gap:3px;min-width:100px}.demo-token-text{font-size:12px;color:#ccc;white-space:nowrap}.demo-token-bar{width:100%;height:4px;background:#222;border-radius:2px;overflow:hidden}.demo-token-bar-fill{height:100%;border-radius:2px;transition:width .3s}.demo-card-actions{display:flex;gap:8px;padding-top:8px;border-top:1px solid #222}.demo-btn{padding:6px 14px;border-radius:8px;border:1px solid #333;background:transparent;color:#ccc;cursor:pointer;font-size:13px}.demo-btn:hover{background:#222}.demo-btn-primary{background:#fff;color:#000;border-color:#fff}.demo-btn-primary:hover{background:#ddd}.demo-btn-danger{color:#c44;border-color:#c44}.demo-btn-danger:hover{background:#2a1010}.demo-empty{text-align:center;padding:60px 20px;color:#666}.demo-spinner{display:inline-block;width:14px;height:14px;border:2px solid #666;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}.demo-progress-bar-container{width:100%;height:6px;background:#1a1a1a;border-radius:3px;overflow:hidden;margin-bottom:8px}.demo-progress-bar{height:100%;background:#fff;border-radius:3px;width:0%;transition:width .4s ease}.demo-progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}#demo-progress-step{color:#999;font-size:12px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:12px;font-family:monospace}#demo-progress-pct{color:#fff;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}#demo-build-progress{background:#111;border:1px solid #222;border-radius:12px;padding:16px;margin-bottom:16px}.demo-build-log{max-height:160px;overflow-y:auto;font-family:monospace;font-size:11px;color:#555;line-height:1.6;white-space:pre-wrap;word-break:break-all}.demo-build-log .log-line{color:#555}.demo-build-log .log-line:last-child{color:#888}.demo-tools-toggle{display:flex;gap:6px;margin-bottom:8px}.demo-btn-sm{padding:3px 10px;font-size:11px;border-radius:6px}.demo-tools-grid{display:flex;flex-wrap:wrap;gap:6px;max-height:200px;overflow-y:auto;padding:2px 0}.demo-tool-chip{display:flex;align-items:center;gap:5px;padding:5px 10px;border-radius:8px;border:1px solid #333;background:transparent;color:#888;cursor:pointer;font-size:12px;transition:all .15s;-webkit-user-select:none;user-select:none}.demo-tool-chip:hover{border-color:#555}.demo-tool-chip.selected{background:#fff;color:#000;border-color:#fff}.demo-tool-chip svg{width:14px;height:14px;flex-shrink:0}.demo-card-tools{padding:8px 0;border-top:1px solid #222;font-size:12px;color:#666;display:flex;gap:8px;align-items:center}.demo-tools-label{color:#888;font-weight:600;white-space:nowrap}.demo-tools-summary{color:#555;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mol-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--bg);position:sticky;top:0;z-index:10}.mol-toolbar-left{display:flex;align-items:center;gap:12px}.mol-toolbar-right{display:flex;align-items:center;gap:8px}.mol-toolbar-title{color:var(--text);font-weight:600;font-size:15px}.mol-editor-content{flex:1;overflow-y:auto;padding:24px 20px;max-width:800px;margin:0 auto;width:100%}.mol-game-name{font-size:24px;font-weight:700;color:var(--text);margin-bottom:20px}.mol-pot-display{text-align:center;padding:24px;margin-bottom:24px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px}.mol-pot-amount{font-size:48px;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}.mol-pot-label{font-size:14px;color:var(--text-muted);margin-top:4px}.mol-section{margin-bottom:24px}.mol-section h3{color:var(--text);font-size:16px;margin:0}.mol-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.mol-btn-small{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text);padding:6px 14px;border-radius:8px;font-size:13px;cursor:pointer}.mol-btn-small:hover{background:var(--border)}.mol-players-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.mol-player-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:16px;text-align:center;position:relative;transition:border-color .2s}.mol-player-card:hover{border-color:#444}.mol-player-eliminated{opacity:.4}.mol-player-mol{border-color:#555}.mol-player-avatar{width:48px;height:48px;border-radius:50%;background:var(--border);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:var(--text);margin:0 auto 8px}.mol-player-name{color:var(--text);font-weight:600;font-size:14px}.mol-player-status{color:var(--text-muted);font-size:11px;margin-top:4px}.mol-player-badge{background:#fff;color:#000;font-size:11px;font-weight:700;padding:3px 10px;border-radius:999px;margin-top:8px;display:inline-block}.mol-player-actions{margin-top:8px;display:flex;gap:6px;justify-content:center}.mol-btn-tiny{background:none;border:1px solid var(--border);color:var(--text);width:32px;height:32px;border-radius:8px;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center}.mol-btn-tiny:hover{background:var(--border)}.mol-btn-remove:hover{border-color:#f44;color:#f44}.mol-secret-badge{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:16px;border:1px solid #555;border-radius:8px;opacity:.5}.mol-rounds-list{display:flex;flex-direction:column;gap:8px}.mol-round-card{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:border-color .2s}.mol-round-card:hover{border-color:#444}.mol-round-number{font-weight:700;font-size:16px;color:var(--text);min-width:36px;text-align:center;flex-shrink:0}.mol-round-info{flex:1;min-width:0}.mol-round-assignment{color:var(--text);font-size:14px;font-weight:500}.mol-round-meta{color:var(--text-muted);font-size:12px;margin-top:2px}.mol-round-suspicions-count{color:var(--text-muted);font-size:12px;flex-shrink:0}.mol-suspicion-bars{display:flex;flex-direction:column;gap:8px;margin-top:10px}.mol-suspicion-bar-row{display:flex;align-items:center;gap:10px}.mol-bar-eliminated{opacity:.4}.mol-bar-mol .mol-bar-fill{background:#fff!important}.mol-bar-name{width:80px;font-size:13px;color:var(--text);text-align:right;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mol-bar-track{flex:1;height:20px;background:var(--bg-secondary);border-radius:10px;overflow:hidden;border:1px solid var(--border)}.mol-bar-fill{height:100%;background:#666;border-radius:10px;transition:width .3s}.mol-bar-count{font-size:12px;color:var(--text-muted);min-width:30px}.mol-detail-row{display:flex;align-items:center;gap:12px;margin-bottom:10px}.mol-detail-row label{color:var(--text-muted);font-size:13px;min-width:80px}.mol-suspicion-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.mol-suspicion-player{color:var(--text);font-size:13px;min-width:80px;font-weight:500}.mol-suspicion-select{flex:1}.mol-finale-reveal{text-align:center;padding:40px 20px;margin:20px 0;background:var(--bg-secondary);border:1px solid var(--border);border-radius:20px}.mol-finale-title{font-size:18px;color:var(--text-muted);margin-bottom:12px}.mol-finale-name{font-size:48px;font-weight:700;color:var(--text);margin-bottom:8px}.mol-finale-pot{font-size:20px;color:var(--text-muted)}.mol-btn-danger{width:100%;padding:14px;background:none;border:2px solid #fff;color:#fff;font-size:16px;font-weight:700;border-radius:12px;cursor:pointer;margin-bottom:12px;transition:all .2s}.mol-btn-danger:hover{background:#fff;color:#000}.mol-btn-delete{width:100%;padding:10px;background:none;border:1px solid var(--border);color:var(--text-muted);font-size:13px;border-radius:8px;cursor:pointer;margin-top:8px}.mol-btn-delete:hover{border-color:#f44;color:#f44}@media(max-width:600px){.mol-players-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.mol-pot-amount{font-size:36px}.mol-game-name{font-size:20px}}#guide-wrapper{position:relative}#guide-btn{background:var(--bg);border:1px solid var(--border);border-radius:6px;cursor:pointer;padding:6px 8px;display:flex;align-items:center;justify-content:center;color:var(--text)}#guide-btn:hover{background:#1a1a1a}#guide-btn.active{background:#fff;border-color:#fff}#guide-btn.active svg{stroke:#000}#guide-panel{display:none;position:fixed;top:0;right:0;bottom:0;width:400px;max-width:100vw;background:var(--bg-secondary, #0a0a0a);border-left:1px solid var(--border);z-index:800;flex-direction:column;animation:guideSlideIn .2s ease}#guide-panel.open{display:flex}@keyframes guideSlideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.guide-panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);flex-shrink:0}.guide-panel-title{font-size:15px;font-weight:600;color:var(--text)}.guide-panel-close{background:none;border:none;color:var(--text-muted);font-size:22px;cursor:pointer;padding:0 4px;line-height:1}.guide-panel-close:hover{color:#fff}.guide-panel-body{flex:1;overflow:hidden;display:flex;flex-direction:column}#guide-nav{display:flex;gap:2px;padding:12px 16px 0;border-bottom:1px solid var(--border);flex-shrink:0}.guide-nav-btn{background:none;border:none;border-bottom:2px solid transparent;color:var(--text-muted);font-size:13px;font-weight:500;font-family:inherit;padding:8px 14px;cursor:pointer;transition:all .15s}.guide-nav-btn:hover{color:var(--text)}.guide-nav-btn.active{color:#fff;border-bottom-color:#fff}#guide-content{flex:1;overflow-y:auto}.guide-tab{display:none;padding:20px}.guide-tab.active{display:block}.guide-section{margin-bottom:28px}.guide-section h3{font-size:15px;font-weight:600;color:#fff;margin:0 0 12px}.guide-section p{font-size:13px;color:var(--text-muted);line-height:1.6;margin:0 0 8px}.guide-steps{display:flex;flex-direction:column;gap:16px}.guide-step{display:flex;gap:14px;align-items:flex-start}.guide-step-num{width:28px;height:28px;min-width:28px;border-radius:50%;background:#1a1a1a;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:#fff}.guide-step strong{display:block;font-size:14px;color:#fff;margin-bottom:2px}.guide-step p{font-size:12px;color:var(--text-muted);margin:0;line-height:1.5}.guide-shortcuts{display:flex;flex-direction:column;gap:8px}.guide-shortcut{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--text-muted)}.guide-shortcut kbd{background:#1a1a1a;border:1px solid var(--border);border-radius:4px;padding:3px 8px;font-size:12px;color:#fff;font-family:inherit;min-width:70px;text-align:center}.guide-tool-card{padding:14px 16px;border:1px solid var(--border);border-radius:10px;margin-bottom:10px;cursor:pointer;transition:all .15s}.guide-tool-card:hover{border-color:#444;background:#111}.guide-tool-card-header{display:flex;align-items:center;gap:10px;margin-bottom:6px}.guide-tool-card-icon{width:20px;height:20px;color:var(--text-muted);flex-shrink:0}.guide-tool-card-icon svg{width:100%;height:100%}.guide-tool-card-name{font-size:14px;font-weight:600;color:#fff}.guide-tool-card-desc{font-size:12px;color:var(--text-muted);line-height:1.5}.guide-tool-card-tag{display:inline-block;font-size:11px;color:#888;background:#1a1a1a;border-radius:999px;padding:2px 10px;margin-top:8px}.guide-mode-card{padding:16px;border:1px solid var(--border);border-radius:10px;margin-bottom:12px}.guide-mode-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.guide-mode-header svg{color:#888;flex-shrink:0}.guide-mode-header strong{font-size:14px;color:#fff}.guide-mode-card p{font-size:12px;color:var(--text-muted);line-height:1.6;margin:0 0 8px}.guide-mode-tip{display:block;font-size:11px;color:#666;font-style:italic;padding-top:8px;border-top:1px solid var(--border)}.guide-tip{display:flex;gap:12px;padding:14px;background:#111;border-radius:10px;border:1px solid var(--border);margin-bottom:10px}.guide-tip-icon{font-size:20px;flex-shrink:0;margin-top:1px}.guide-tip strong{display:block;font-size:13px;color:#fff;margin-bottom:4px}.guide-tip p{font-size:12px;color:var(--text-muted);line-height:1.5;margin:0}.guide-examples{display:flex;flex-direction:column;gap:6px}.guide-example{padding:10px 14px;border:1px solid var(--border);border-radius:8px;font-size:13px;color:var(--text-muted);cursor:pointer;transition:all .15s;font-style:italic}.guide-example:hover{border-color:#fff;color:#fff;background:#111}#guide-chat-messages{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:12px}.guide-tab[data-guide-tab=chat]{display:none;padding:0;height:100%;flex-direction:column}.guide-tab[data-guide-tab=chat].active{display:flex}.guide-chat-msg{font-size:13px;line-height:1.6;padding:10px 14px;border-radius:10px;max-width:90%}.guide-chat-msg p{margin:0}.guide-chat-user{background:#fff;color:#000;align-self:flex-end;border-radius:10px 10px 2px}.guide-chat-assistant{background:#151515;color:var(--text-muted);border:1px solid var(--border);align-self:flex-start;border-radius:10px 10px 10px 2px}#guide-chat-input-area{display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--border);flex-shrink:0}#guide-chat-input{flex:1;background:#111;border:1px solid var(--border);border-radius:8px;padding:10px 14px;font-size:13px;color:var(--text);font-family:inherit;outline:none}#guide-chat-input:focus{border-color:#444}#guide-chat-input-area button{background:#fff;border:none;border-radius:8px;padding:8px 12px;cursor:pointer;display:flex;align-items:center;justify-content:center}#guide-chat-input-area button svg{stroke:#000}@media(max-width:768px){#guide-panel{width:100vw}}#onboarding-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100000;background:#000000eb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:none;align-items:flex-start;justify-content:center;overflow-y:auto;-webkit-overflow-scrolling:touch;opacity:0;transition:opacity .4s ease}#onboarding-overlay.open{display:flex;opacity:1}#onboarding-overlay.ob-closing{opacity:0;pointer-events:none}#onboarding-content{width:100%;max-width:520px;padding:24px;display:flex;flex-direction:column;align-items:center;min-height:0;margin:auto 0;flex-shrink:0}.ob-card{width:100%;background:#111;border:1px solid rgba(255,255,255,.06);border-radius:24px;padding:48px 40px 36px;text-align:center;animation:obCardIn .6s cubic-bezier(.16,1,.3,1) both;box-shadow:0 8px 40px #0006,0 0 0 1px #ffffff08}.ob-card-enter{animation:obCardIn .6s cubic-bezier(.16,1,.3,1) both}@keyframes obCardIn{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.ob-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:20px;margin-bottom:28px;animation:obFadeUp .5s cubic-bezier(.16,1,.3,1) .15s both}.ob-icon svg{stroke:#fff}.ob-title{font-family:Inter,sans-serif;font-size:28px;font-weight:700;color:#fff;margin:0 0 20px;letter-spacing:-.5px;animation:obFadeUp .5s cubic-bezier(.16,1,.3,1) .25s both}.ob-body{font-family:Inter,sans-serif;font-size:15px;line-height:1.7;color:#999;margin:0;animation:obFadeUp .5s cubic-bezier(.16,1,.3,1) .35s both}.ob-body strong{color:#ccc;font-weight:600}.ob-accent{margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.06);font-family:Inter,sans-serif;font-size:14px;font-weight:600;color:#555;letter-spacing:.5px;text-transform:uppercase;animation:obFadeUp .5s cubic-bezier(.16,1,.3,1) .45s both}@keyframes obFadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ob-anything-examples{display:flex;flex-direction:column;gap:8px}.ob-any-row{padding:10px 16px;background:#ffffff08;border-radius:10px}.ob-any-quote{font-size:14px;color:#bbb;font-style:italic}.ob-how-steps{display:flex;flex-direction:column;gap:14px;text-align:left}.ob-how-step{display:flex;gap:14px;align-items:flex-start}.ob-how-num{width:28px;height:28px;min-width:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff14;font-size:13px;font-weight:700;color:#fff}.ob-how-text{font-size:14px;color:#999;line-height:1.6}.ob-how-text strong{color:#fff}.ob-toolbuilder-example{text-align:center;margin-top:8px;padding:20px;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.06)}.ob-tb-label{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#555;margin-bottom:10px;font-weight:600}.ob-tb-prompt{font-size:14px;color:#ccc;font-style:italic;margin-bottom:12px}.ob-tb-arrow{color:#333;margin-bottom:12px;display:flex;justify-content:center}.ob-tb-result{font-size:13px;color:#777}.ob-tools-list{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}.ob-tool-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px 8px;background:#ffffff0a;border-radius:10px;text-align:center}.ob-tool-icon{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:#888}.ob-tool-icon svg{width:18px;height:18px}.ob-tool-info{display:flex;flex-direction:column;gap:1px;min-width:0;width:100%}.ob-tool-info strong{font-size:11px;color:#ddd;font-weight:600}.ob-tool-info span{font-size:9px;color:#666;line-height:1.3}.ob-tools-more{text-align:center;font-size:11px;color:#555;margin-top:10px}.ob-beta-note{display:flex;gap:12px;align-items:flex-start;padding:16px;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.06);text-align:left;font-size:13px;color:#888;line-height:1.6}.ob-beta-icon{min-width:20px;color:#555;margin-top:1px}.ob-beta-icon svg{stroke:#555}.ob-name-wrapper{margin-top:8px}.ob-name-field{width:100%;max-width:300px;padding:14px 20px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:12px;outline:none;font-family:Inter,sans-serif;font-size:18px;color:#fff;text-align:center;transition:border-color .2s}.ob-name-field::placeholder{color:#444}.ob-name-field:focus{border-color:#ffffff40}.ob-apikey-intro{color:#888;font-size:14px;line-height:1.6;margin-bottom:16px}.ob-apikey-tabs{display:flex;gap:8px;margin-bottom:12px}.ob-apikey-tab{padding:8px 20px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:transparent;color:#888;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;font-family:Inter,sans-serif}.ob-apikey-tab:hover{border-color:#fff3;color:#aaa}.ob-apikey-tab-active{background:#fff;color:#000;border-color:#fff}.ob-apikey-wrapper{position:relative}.ob-apikey-status{font-size:13px;margin-top:8px;min-height:18px}.ob-apikey-skip{color:#555;font-size:13px;margin-top:16px;line-height:1.5}#free-tier-badge{text-align:center;padding:6px 12px;font-size:12px;color:#666;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:8px;margin:0 16px 8px;cursor:default}.ob-nav{width:100%;margin-top:24px;display:flex;flex-direction:column;align-items:center;gap:20px}.ob-dots{display:flex;gap:8px}.ob-dot{width:8px;height:8px;border-radius:50%;background:#ffffff1f;transition:all .4s cubic-bezier(.16,1,.3,1)}.ob-dot-active{background:#fff;width:24px;border-radius:4px}.ob-buttons{display:flex;gap:12px;width:100%;justify-content:space-between;align-items:center}.ob-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;border-radius:12px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:all .3s cubic-bezier(.16,1,.3,1)}.ob-btn-back{background:transparent;color:#666}.ob-btn-back:hover{color:#999;transform:translate(-2px)}.ob-btn-next{background:#fff;color:#000;margin-left:auto}.ob-btn-next:hover{background:#eee;transform:translateY(-1px);box-shadow:0 4px 12px #ffffff1a}.ob-btn-finish{background:#fff;color:#000}.ob-btn-finish:hover{background:#eee;transform:translateY(-1px);box-shadow:0 4px 12px #ffffff1a}@media(max-width:768px){#onboarding-content{padding:16px 12px}.ob-card{padding:28px 20px 24px;border-radius:16px}.ob-title{font-size:22px}.ob-icon{width:56px;height:56px;border-radius:14px;margin-bottom:16px}.ob-icon svg{width:32px;height:32px}.ob-icon img{height:36px!important}.ob-capabilities{gap:6px}.ob-cap{padding:6px 10px;font-size:13px}.ob-nav{margin-top:16px;gap:14px;padding-bottom:20px}}.anim-morph-btn{color:#f59e0b!important}.anim-morph-btn:hover{background:#2a2000!important}.morph-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center}.morph-dialog{background:#1a1a1a;border:1px solid #333;border-radius:16px;width:90%;max-width:500px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.morph-preset-dialog{max-width:600px}.morph-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #252525;font-size:15px;font-weight:600;color:#fff}.morph-dialog-close{background:none;border:none;color:#666;cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center}.morph-dialog-close:hover{color:#fff;background:#333}.morph-dialog-body{padding:20px}.morph-dialog-body label{display:block;color:#888;font-size:13px;margin-bottom:8px}.morph-svg-textarea{width:100%;background:#111;border:1px solid #333;border-radius:8px;color:#fff;font-family:monospace;font-size:13px;padding:12px;resize:vertical;outline:none}.morph-svg-textarea:focus{border-color:#555}.morph-dialog-actions{display:flex;gap:8px;margin-top:16px;justify-content:flex-end;padding:0 20px 16px}.morph-btn-import{background:#fff!important;color:#000!important;font-weight:600!important;border-color:#fff!important}.morph-btn-import:hover{background:#ddd!important}.morph-preset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px;padding:16px 20px;overflow-y:auto;max-height:50vh}.morph-preset-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;background:#111;border:1px solid #252525;border-radius:12px;cursor:pointer;color:#888;font-size:11px;transition:all .15s}.morph-preset-btn:hover{background:#1a1a1a;border-color:#444;color:#fff;transform:scale(1.05)}.morph-preset-btn svg{opacity:.9}.morph-preset-btn:hover svg{opacity:1}.morph-add-menu{position:fixed;z-index:10000;background:#1a1a1a;border:1px solid #333;border-radius:12px;padding:6px;min-width:180px;max-height:400px;overflow-y:auto;box-shadow:0 8px 32px #00000080}.morph-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;background:none;border:none;color:#ccc;font-size:13px;cursor:pointer;border-radius:8px;text-align:left}.morph-menu-item:hover{background:#252525;color:#fff}.morph-menu-item svg{flex-shrink:0;opacity:.8}.morph-kf-list{display:flex;flex-direction:column;gap:2px}.morph-kf-item{display:flex;align-items:center;gap:6px;padding:4px 8px;font-size:12px;color:#888;background:#111;border-radius:6px}.morph-kf-item.current{background:#1a1500;color:#f59e0b}.morph-kf-diamond{color:#f59e0b;font-size:10px}.morph-kf-pts{margin-left:auto;font-size:11px;color:#555}.morph-action-btn{font-size:12px!important;padding:4px 10px!important;gap:4px!important;display:inline-flex!important;align-items:center!important}.morph-del-btn{color:#f44!important}.morph-del-btn:hover{background:#2a0000!important}.morph-import-upload{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 16px;border:2px dashed #333;border-radius:12px;margin-bottom:12px;transition:border-color .2s}.morph-drag-over .morph-import-upload{border-color:#f59e0b;background:#f59e0b0d}.morph-upload-btn{padding:10px 20px!important;font-size:14px!important;gap:8px!important;display:inline-flex!important;align-items:center!important;background:#222!important;border-color:#444!important}.morph-upload-btn:hover{background:#333!important;border-color:#666!important}.morph-upload-hint{font-size:12px;color:#555}.morph-import-divider{display:flex;align-items:center;gap:12px;margin:12px 0;color:#444;font-size:12px}.morph-import-divider:before,.morph-import-divider:after{content:"";flex:1;height:1px;background:#252525}.morph-svg-preview{margin-bottom:12px}.morph-paths-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:6px}.morph-path-pick-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;background:#111;border:1px solid #252525;border-radius:10px;cursor:pointer;color:#888;font-size:10px;transition:all .15s}.morph-path-pick-btn:hover{background:#1a1a1a;border-color:#f59e0b;color:#fff}#hypotheek-advisor-page{display:none;position:absolute;top:0;left:0;right:0;bottom:0;background:var(--bg);z-index:10;overflow:hidden}#hypotheek-advisor-page.open{display:flex;flex-direction:column}.hypotheek-advisor-toolbar{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--bg);border-bottom:1px solid var(--border);min-height:48px;gap:8px;flex-shrink:0}.hypotheek-advisor-toolbar-left,.hypotheek-advisor-toolbar-right{display:flex;align-items:center;gap:8px}.hypotheek-advisor-canvas{flex:1;overflow-y:auto;overflow-x:hidden;background:var(--bg-secondary);padding:0}.hyp-layout{display:flex;gap:0;height:100%;min-height:0}.hyp-main{flex:1;overflow-y:auto;padding:24px 32px 60px;min-width:0}.hyp-sidebar{width:300px;flex-shrink:0;overflow-y:auto;border-left:1px solid var(--border);padding:20px;background:var(--bg)}.hyp-section{margin-bottom:24px}.hyp-section-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text);margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid var(--border)}.hyp-section-title svg{color:var(--text-muted);flex-shrink:0}.hyp-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hyp-field{display:flex;flex-direction:column;gap:4px}.hyp-field label{font-size:12px;color:var(--text-muted);font-weight:500}.hyp-field input,.hyp-field select{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:8px 12px;color:var(--text);font-size:14px;outline:none;transition:border-color .15s}.hyp-field input:focus,.hyp-field select:focus{border-color:#444}.hyp-field input::placeholder{color:#444}.hyp-textarea{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:10px 12px;color:var(--text);font-size:14px;resize:vertical;outline:none;font-family:inherit;box-sizing:border-box}.hyp-textarea:focus{border-color:#444}.hyp-calc-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;margin-top:8px;background:#fff;color:#000;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:opacity .15s}.hyp-calc-btn:hover{opacity:.85}.hyp-results{margin-top:24px}.hyp-result-header{display:flex;align-items:center;gap:16px;padding:20px;background:var(--bg);border-radius:12px;border:1px solid var(--border);margin-bottom:16px}.hyp-result-status{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:999px;font-size:14px;font-weight:600}.hyp-result-icon{font-size:18px}.hyp-result-max{margin-left:auto;text-align:right}.hyp-result-label{display:block;font-size:12px;color:var(--text-muted)}.hyp-result-amount{font-size:28px;font-weight:700;color:var(--text)}.hyp-result-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.hyp-result-card{display:flex;flex-direction:column;gap:2px;padding:16px;background:var(--bg);border-radius:10px;border:1px solid var(--border)}.hyp-result-card-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.hyp-result-card-value{font-size:20px;font-weight:700;color:var(--text)}.hyp-result-card-sub{font-size:11px;color:var(--text-muted)}.hyp-result-details{background:var(--bg);border-radius:10px;border:1px solid var(--border);overflow:hidden;margin-bottom:16px}.hyp-result-row{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;font-size:13px;color:var(--text);border-bottom:1px solid var(--border)}.hyp-result-row:last-child{border-bottom:none}.hyp-result-notice{display:flex;align-items:flex-start;gap:8px;padding:12px 16px;background:#f59e0b14;border-radius:10px;border:1px solid rgba(245,158,11,.2);font-size:13px;color:#f59e0b;line-height:1.5}.hyp-result-notice svg{flex-shrink:0;margin-top:2px}.hyp-doc-upload-row{display:flex;gap:8px;margin-bottom:12px}.hyp-doc-select{flex:1;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:6px 8px;color:var(--text);font-size:12px;outline:none}.hyp-upload-btn{display:flex;align-items:center;gap:4px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:6px 12px;color:var(--text);font-size:12px;cursor:pointer;white-space:nowrap;transition:border-color .15s}.hyp-upload-btn:hover{border-color:#555}.hyp-doc-list{display:flex;flex-direction:column;gap:4px}.hyp-doc-item{display:flex;align-items:center;gap:8px;padding:8px;border-radius:8px;background:var(--bg-secondary);border:1px solid var(--border)}.hyp-doc-icon{color:var(--text-muted);flex-shrink:0}.hyp-doc-info{flex:1;min-width:0}.hyp-doc-name{font-size:12px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hyp-doc-meta{font-size:10px;color:var(--text-muted)}.hyp-doc-delete{background:none;border:none;color:#555;cursor:pointer;font-size:16px;padding:0 4px;line-height:1}.hyp-doc-delete:hover{color:#ef4444}.hyp-check-item{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:13px;color:var(--text-muted)}.hyp-check-item.hyp-check-done{color:var(--text)}.hyp-check-box{width:18px;height:18px;border-radius:4px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0}.hyp-check-item.hyp-check-done .hyp-check-box{background:#22c55e;border-color:#22c55e;color:#fff}@media(max-width:768px){.hyp-layout{flex-direction:column}.hyp-sidebar{width:100%;border-left:none;border-top:1px solid var(--border)}.hyp-main{padding:16px}.hyp-form-grid{grid-template-columns:1fr}.hyp-result-grid{grid-template-columns:1fr 1fr}}#bierbrein-page{display:none;position:absolute;top:0;left:0;right:0;bottom:0;background:var(--bg);z-index:10;overflow:hidden}#bierbrein-page.open{display:flex;flex-direction:column}.bierbrein-toolbar{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--bg);border-bottom:1px solid var(--border);min-height:48px;gap:8px;flex-shrink:0}.bierbrein-toolbar-left,.bierbrein-toolbar-right{display:flex;align-items:center;gap:8px}.bierbrein-canvas{flex:1;overflow-y:auto;padding:24px}#bierbrein-projects-view{flex:1;overflow-y:auto;padding:24px;max-width:1200px;margin:0 auto;width:100%}.bb-tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:20px}.bb-tab{background:none;border:none;color:var(--text-muted);padding:12px 20px;cursor:pointer;font-size:14px;border-bottom:2px solid transparent;transition:all .15s}.bb-tab:hover{color:var(--text)}.bb-tab.active{color:var(--text);border-bottom-color:var(--text)}.bb-filters{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.bb-search,.bb-tag-select{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text);padding:10px 14px;border-radius:8px;font-size:14px}.bb-search{flex:1;min-width:220px}.bb-search:focus,.bb-tag-select:focus{outline:none;border-color:#444}.bb-profiles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.bb-profile-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:10px;transition:border-color .15s}.bb-profile-card:hover{border-color:#333}.bb-profile-avatar{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;color:var(--text);border:1px solid var(--border);margin-bottom:4px}.bb-profile-name{font-size:18px;font-weight:600;color:var(--text)}.bb-profile-city{font-size:13px;color:var(--text-muted)}.bb-profile-tags{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0}.bb-tag{display:inline-block;padding:3px 10px;font-size:11px;background:var(--bg-message);border:1px solid var(--border);border-radius:999px;color:var(--text-muted)}.bb-profile-label{font-size:10px;text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;margin-bottom:2px}.bb-profile-text{font-size:13px;color:var(--text);line-height:1.4}.bb-profile-offering,.bb-profile-seeking{padding:10px;background:var(--bg-message);border-radius:8px}.bb-profile-actions{display:flex;gap:6px;margin-top:auto;padding-top:10px}.bb-btn-primary{background:var(--text);color:var(--bg);border:none;padding:8px 14px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:opacity .15s}.bb-btn-primary:hover{opacity:.85}.bb-btn-ghost{background:var(--bg-message);color:var(--text);border:1px solid var(--border);padding:8px 14px;border-radius:8px;font-size:13px;cursor:pointer;transition:background .15s}.bb-btn-ghost:hover{background:var(--border)}.bb-btn-icon{background:none;border:1px solid var(--border);color:var(--text-muted);width:32px;height:32px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;margin-left:auto;transition:all .15s}.bb-btn-icon:hover{color:#ef4444;border-color:#ef4444}.bb-editor-layout{max-width:720px;margin:0 auto}.bb-section{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:16px}.bb-section-title{font-size:14px;font-weight:600;color:var(--text);margin:0 0 14px}.bb-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.bb-field{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.bb-field label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.bb-field input,.bb-field textarea,.bb-field select,.bb-section textarea,.bb-section input{background:var(--bg);border:1px solid var(--border);color:var(--text);padding:10px 12px;border-radius:8px;font-size:14px;font-family:inherit;width:100%;box-sizing:border-box}.bb-field input:focus,.bb-field textarea:focus,.bb-field select:focus,.bb-section textarea:focus,.bb-section input:focus{outline:none;border-color:#444}.bb-section textarea{resize:vertical;min-height:60px}.bb-tags-grid{display:flex;flex-wrap:wrap;gap:8px}.bb-tag-toggle{background:var(--bg);border:1px solid var(--border);color:var(--text-muted);padding:6px 14px;border-radius:999px;font-size:13px;cursor:pointer;transition:all .15s}.bb-tag-toggle:hover{border-color:#444;color:var(--text)}.bb-tag-toggle.active{background:var(--text);color:var(--bg);border-color:var(--text)}.bb-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.bb-dialog{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:24px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto}.bb-dialog-title{font-size:16px;font-weight:600;color:var(--text);margin-bottom:18px}.bb-dialog-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:18px}.bb-appointments-list{display:flex;flex-direction:column;gap:12px}.bb-appointment{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:18px}.bb-appointment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:12px;flex-wrap:wrap}.bb-appointment-who{display:flex;align-items:center;font-size:15px;color:var(--text)}.bb-appointment-status{font-size:11px;font-weight:600;text-transform:uppercase;padding:4px 10px;border:1px solid;border-radius:999px;letter-spacing:.5px}.bb-appointment-details{display:flex;gap:20px;flex-wrap:wrap;color:var(--text-muted);font-size:13px;margin-bottom:10px}.bb-appointment-detail{display:inline-flex;align-items:center;gap:6px}.bb-appointment-message{background:var(--bg-message);padding:10px 12px;border-radius:8px;font-size:13px;color:var(--text);margin-bottom:10px;font-style:italic}.bb-appointment-actions{display:flex;gap:8px;align-items:center}@media(max-width:768px){.bb-form-grid,.bb-profiles-grid{grid-template-columns:1fr}.bierbrein-canvas,#bierbrein-projects-view{padding:16px}}#notulen-page{display:none;position:absolute;top:0;left:0;right:0;bottom:0;background:#0a0a0a;z-index:10;overflow-y:auto}#notulen-page.open{display:block}.notulen-projects-view{flex:1;overflow-y:auto;padding:40px 24px;font-family:Inter,-apple-system,sans-serif;color:#fff;background:#0a0a0a;min-height:100%}.notulen-projects-header{display:flex;align-items:center;justify-content:space-between;max-width:900px;margin:0 auto 24px}.notulen-projects-title{font-size:22px;font-weight:600;color:#fff;margin:0}.notulen-projects-new-btn{display:inline-flex;align-items:center;gap:6px;background:#fff;color:#000;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-family:inherit;font-weight:500;cursor:pointer;transition:all .15s}.notulen-projects-new-btn:hover{background:#e5e5e5}.notulen-projects-grid{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:8px}.notulen-projects-empty{text-align:center;padding:60px 20px;color:#555}.notulen-project-card{display:flex;align-items:center;gap:14px;background:#141414;border:1px solid #2a2a2a;border-radius:10px;padding:14px 16px;cursor:pointer;transition:all .15s}.notulen-project-card:hover{background:#1a1a1a;border-color:#444}.notulen-project-card-icon{width:38px;height:38px;border-radius:8px;background:#1f1f1f;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notulen-project-card-info{flex:1;min-width:0}.notulen-project-card-name{font-size:14px;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notulen-project-card-meta{font-size:11px;color:#666;margin-top:3px}.notulen-project-card-delete{background:transparent;border:none;color:#555;padding:6px;border-radius:6px;cursor:pointer;transition:all .15s;opacity:0;flex-shrink:0}.notulen-project-card:hover .notulen-project-card-delete{opacity:1}.notulen-project-card-delete:hover{color:#fff;background:#2a2a2a}.notulen-editor-view{display:flex;flex-direction:column;min-height:100vh;background:#0a0a0a}.notulen-container{display:flex;flex-direction:column;flex:1;min-height:0}.notulen-toolbar{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#0f0f0f;border-bottom:1px solid #222;position:sticky;top:0;z-index:5}.notulen-toolbar-left{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.notulen-toolbar-right{display:flex;align-items:center;gap:6px;margin-left:auto}.notulen-back-btn{width:34px;height:34px;border-radius:8px;background:transparent;border:1px solid transparent;color:#999;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;flex-shrink:0}.notulen-back-btn:hover{background:#1a1a1a;color:#fff;border-color:#333}.notulen-name-input{background:transparent;border:1px solid transparent;color:#fff;font-family:inherit;font-size:15px;font-weight:500;padding:6px 10px;border-radius:6px;flex:1;min-width:0;transition:all .15s}.notulen-name-input:hover{border-color:#2a2a2a}.notulen-name-input:focus{outline:none;border-color:#444;background:#141414}.notulen-action-btn{display:inline-flex;align-items:center;gap:6px;background:#1a1a1a;border:1px solid #2a2a2a;color:#ddd;padding:8px 14px;border-radius:7px;cursor:pointer;font-size:13px;font-family:inherit;transition:all .15s}.notulen-action-btn:hover{background:#252525;border-color:#444;color:#fff}.notulen-body{flex:1;overflow-y:auto;padding:28px 20px 60px;font-family:Inter,-apple-system,sans-serif;color:#fff}.notulen-milestones{max-width:780px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.notulen-milestone{background:#111;border:1px solid #222;border-radius:14px;padding:20px 22px;transition:all .2s;opacity:1}.notulen-milestone.pending{opacity:.4}.notulen-milestone.active{border-color:#3a3a3a;box-shadow:0 0 0 1px #3a3a3a}.notulen-milestone.done{background:#0e0e0e;border-color:#1f1f1f}.notulen-milestone-head{display:grid;grid-template-columns:36px 1fr;grid-template-rows:auto auto;gap:2px 14px;align-items:center;margin-bottom:14px}.notulen-milestone-num{grid-row:1 / span 2;width:36px;height:36px;border-radius:50%;background:#222;color:#888;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600}.notulen-milestone.active .notulen-milestone-num{background:#fff;color:#000}.notulen-milestone.done .notulen-milestone-num{background:#1a1a1a;color:#666;border:1px solid #333}.notulen-milestone-title{grid-column:2;grid-row:1;font-size:16px;font-weight:600;color:#fff}.notulen-milestone.pending .notulen-milestone-title{color:#666}.notulen-milestone-sub{grid-column:2;grid-row:2;font-size:12px;color:#777}.notulen-milestone-body{padding-left:50px}.notulen-milestone-btn{background:#fff;color:#000;border:none;border-radius:10px;padding:14px 22px;font-size:15px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s;width:100%;display:flex;align-items:center;justify-content:center;gap:8px}.notulen-milestone-btn:hover{background:#e5e5e5;transform:translateY(-1px)}.notulen-milestone-btn:active{transform:translateY(0)}.notulen-milestone-btn-send{background:#fff}.notulen-milestone-hint{color:#555;font-size:12px;font-style:italic;padding:10px 0}.notulen-ghost-btn{background:transparent;color:#888;border:1px solid #2a2a2a;padding:7px 14px;border-radius:7px;font-size:12px;font-family:inherit;cursor:pointer;transition:all .15s;margin-top:10px}.notulen-ghost-btn:hover{background:#1a1a1a;color:#ddd;border-color:#3a3a3a}.notulen-record-box{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 0 8px}.notulen-mic-btn{width:88px;height:88px;border-radius:50%;background:#fff;color:#000;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;box-shadow:0 4px 20px #ffffff14}.notulen-mic-btn:hover{transform:scale(1.04)}.notulen-mic-btn.recording{background:#f44;color:#fff;animation:notulen-pulse 1.4s ease-in-out infinite}@keyframes notulen-pulse{0%,to{box-shadow:0 0 #ff444480}50%{box-shadow:0 0 0 14px #f440}}.notulen-mic-label{font-size:13px;color:#888;font-weight:500}.notulen-record-box.recording .notulen-mic-label{color:#f66}.notulen-mic-timer{font-size:24px;color:#fff;font-variant-numeric:tabular-nums;font-weight:300;letter-spacing:1px}.notulen-audio-preview{display:flex;flex-direction:column;gap:10px}.notulen-audio-preview audio{background:#0a0a0a;border-radius:6px}.notulen-loading{display:flex;align-items:center;gap:12px;color:#888;font-size:13px;padding:14px 0}.notulen-spinner{width:18px;height:18px;border-radius:50%;border:2px solid #333;border-top-color:#fff;animation:notulen-spin .8s linear infinite}@keyframes notulen-spin{to{transform:rotate(360deg)}}.notulen-collapsible summary{cursor:pointer;color:#aaa;font-size:13px;padding:8px 0;list-style:none}.notulen-collapsible summary::-webkit-details-marker{display:none}.notulen-collapsible summary:before{content:"▸ ";color:#555;display:inline-block;transition:transform .15s;margin-right:2px}.notulen-collapsible[open] summary:before{transform:rotate(90deg)}.notulen-transcript-text{background:#0a0a0a;border:1px solid #1f1f1f;border-radius:8px;padding:14px 16px;color:#bbb;font-size:13px;line-height:1.6;white-space:pre-wrap;max-height:280px;overflow-y:auto}.notulen-doc-preview{background:#0a0a0a;border:1px solid #1f1f1f;border-radius:8px;padding:18px 20px;color:#ddd;font-size:14px;line-height:1.6}.notulen-doc-preview h2{font-size:18px;color:#fff;margin:16px 0 8px;font-weight:600}.notulen-doc-preview h2:first-child{margin-top:0}.notulen-doc-preview h3{font-size:15px;color:#eee;margin:14px 0 6px;font-weight:600}.notulen-doc-preview h4{font-size:13px;color:#ccc;margin:10px 0 4px;font-weight:600}.notulen-doc-preview p{margin:6px 0}.notulen-doc-preview ul{margin:6px 0 10px;padding-left:20px}.notulen-doc-preview li{margin:3px 0;color:#bbb}.notulen-doc-preview strong{color:#fff}.notulen-actions-list{display:flex;flex-direction:column;gap:8px}.notulen-action-item{display:flex;align-items:center;gap:12px;background:#0d0d0d;border:1px solid #1f1f1f;border-radius:8px;padding:12px 14px}.notulen-action-main{flex:1;min-width:0}.notulen-action-title{font-size:13px;color:#fff;font-weight:500}.notulen-action-meta{font-size:11px;color:#777;margin-top:2px}.notulen-action-send{display:inline-flex;align-items:center;gap:5px;background:#1a1a1a;border:1px solid #2a2a2a;color:#bbb;padding:6px 10px;border-radius:6px;cursor:pointer;font-size:11px;font-family:inherit;transition:all .15s;flex-shrink:0}.notulen-action-send:hover{background:#fff;color:#000;border-color:#fff}.notulen-project-matches{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.notulen-project-match{display:flex;align-items:center;gap:12px;background:#0e0e0e;border:1px solid #222;border-radius:10px;padding:12px 14px;cursor:pointer;transition:all .15s}.notulen-project-match:hover{border-color:#444;background:#141414}.notulen-project-match.selected{border-color:#fff;background:#151515}.notulen-project-match-main{flex:1;min-width:0}.notulen-project-match-name{font-size:14px;color:#fff;font-weight:600}.notulen-project-match-meta{font-size:11px;color:#777;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:SF Mono,Menlo,monospace}.notulen-project-match-check{flex-shrink:0;color:#fff;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.notulen-milestone-actions{display:flex;gap:8px;flex-wrap:wrap}.notulen-chat-cwd{font-size:12px;color:#777;margin-bottom:10px;padding:8px 10px;background:#0e0e0e;border:1px solid #1f1f1f;border-radius:6px}.notulen-chat-cwd code{font-family:SF Mono,Menlo,monospace;color:#bbb;background:transparent;padding:0}.notulen-toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%);background:#1a1a1a;border:1px solid #333;color:#fff;padding:10px 18px;border-radius:8px;font-size:13px;font-family:Inter,sans-serif;z-index:10000;box-shadow:0 6px 20px #00000080;animation:notulen-toast-in .2s ease}@keyframes notulen-toast-in{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@media(max-width:640px){.notulen-body{padding:20px 12px 40px}.notulen-milestone{padding:16px 14px}.notulen-milestone-body{padding-left:0}}.notulen-picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10001;background:#000000a6;display:flex;align-items:center;justify-content:center;padding:24px;animation:notulen-toast-in .15s ease}.notulen-picker{width:100%;max-width:520px;max-height:80vh;background:#0d0d0d;border:1px solid #2a2a2a;border-radius:14px;display:flex;flex-direction:column;box-shadow:0 20px 60px #000000b3;overflow:hidden}.notulen-picker-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #1f1f1f}.notulen-picker-title{font-size:14px;font-weight:600;color:#fff}.notulen-picker-close{width:28px;height:28px;border-radius:6px;background:transparent;border:1px solid transparent;color:#888;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.notulen-picker-close:hover{background:#1a1a1a;border-color:#333;color:#fff}.notulen-picker-search{margin:12px 16px 8px;background:#0a0a0a;border:1px solid #222;color:#eee;padding:10px 12px;border-radius:8px;font-size:13px;font-family:inherit;outline:none}.notulen-picker-search:focus{border-color:#444;background:#111}.notulen-picker-list{flex:1;overflow-y:auto;padding:6px 10px 12px;display:flex;flex-direction:column;gap:4px}.notulen-picker-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;cursor:pointer;border:1px solid transparent;transition:all .12s}.notulen-picker-item:hover{background:#151515;border-color:#2a2a2a}.notulen-picker-item.selected{background:#161616;border-color:#fff;color:#fff}.notulen-picker-item-main{flex:1;min-width:0}.notulen-picker-item-name{font-size:13px;color:#eee;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notulen-picker-item-meta{font-size:11px;color:#666;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:SF Mono,Menlo,monospace}.notulen-picker-loading,.notulen-picker-empty{color:#666;font-size:12px;padding:20px;text-align:center}.convo-toggle-btn{width:44px;height:44px;border-radius:50%;border:none;background:#ffffff14;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative}.convo-toggle-btn svg:first-child{stroke:#888}.convo-toggle-btn #convo-loop-icon{position:absolute;bottom:5px;right:4px;stroke:#555}.convo-toggle-btn:hover svg:first-child{stroke:#fff}.convo-toggle-btn:hover #convo-loop-icon{stroke:#aaa}.convo-toggle-btn.active{background:#ffffff26;animation:convo-btn-pulse 1.6s ease-in-out infinite}.convo-toggle-btn.active svg:first-child{stroke:#fff}.convo-toggle-btn.active #convo-loop-icon{stroke:#fff}@keyframes convo-btn-pulse{0%,to{box-shadow:0 0 0 2px #fff3}50%{box-shadow:0 0 0 5px #ffffff0f}}.input-bar-inner.convo-mode-active,#input-area.convo-mode-active #input-area-inner{box-shadow:0 0 0 1px #ffffff40,0 0 12px #ffffff0d}.convo-indicator{position:fixed;bottom:88px;left:50%;transform:translate(-50%);display:none;align-items:center;gap:10px;padding:10px 16px;background:#141414f2;border:1px solid rgba(255,255,255,.15);border-radius:999px;color:#fff;font-size:13px;z-index:9000;cursor:pointer;box-shadow:0 4px 20px #0006;-webkit-user-select:none;user-select:none}.convo-indicator:hover{background:#1e1e1efa}.convo-dot{width:8px;height:8px;border-radius:50%;background:#fff;animation:convo-pulse 1.4s ease-in-out infinite;flex-shrink:0}.convo-text{flex:1}.convo-stop{font-size:11px;opacity:.5;text-transform:uppercase;letter-spacing:.5px;padding-left:8px;border-left:1px solid rgba(255,255,255,.15)}.convo-indicator:hover .convo-stop{opacity:1}@keyframes convo-pulse{0%,to{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.15)}}#machine-page{display:none;position:absolute;top:0;left:0;right:0;bottom:0;background:#000;z-index:10;overflow:hidden}#machine-page.open{display:flex;flex-direction:column}.machine-list-view,.machine-article-view{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto}.machine-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px max(20px,calc((100% - 1180px)/2 + 28px));border-bottom:1px solid #222;background:#0a0a0a;gap:12px;flex-shrink:0}.machine-toolbar-left{display:flex;align-items:center;gap:14px}.machine-toolbar-right{display:flex;align-items:center;gap:8px}.machine-toolbar-title{font-size:15px;font-weight:600;color:#eee;font-family:Inter,sans-serif}.machine-toolbar-sub{font-size:11px;color:#777;margin-top:2px;font-family:Inter,sans-serif}.machine-tabs{display:flex;gap:6px;flex-wrap:wrap;padding:14px max(20px,calc((100% - 1180px)/2 + 28px));border-bottom:1px solid #1a1a1a;background:#050505}.machine-tab{background:transparent;border:1px solid #222;color:#888;padding:6px 14px;border-radius:999px;font-size:11px;font-family:Inter,sans-serif;text-transform:uppercase;letter-spacing:.5px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background .15s,border-color .15s,color .15s}.machine-tab:hover{border-color:#444;color:#ccc}.machine-tab.active{background:#fff;color:#000;border-color:#fff}.machine-tab-count{font-size:10px;opacity:.6}.machine-tab.active .machine-tab-count{opacity:.8}.machine-bulk-bar{display:flex;align-items:center;gap:12px;padding:12px max(20px,calc((100% - 1180px)/2 + 28px));background:#ffffff0a;border-bottom:1px solid #1a1a1a}.machine-bulk-count{color:#aaa;font-size:12px;font-weight:600;font-family:Inter,sans-serif;flex:1}.machine-bulk-btn{background:transparent;border:1px solid #333;color:#ccc;padding:7px 14px;border-radius:999px;font-size:11px;font-family:Inter,sans-serif;text-transform:uppercase;letter-spacing:.5px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}.machine-bulk-btn:hover{background:#ffffff0f;border-color:#555}.machine-bulk-primary{background:#fff;color:#000;border-color:#fff}.machine-bulk-primary:hover{background:#eee;color:#000}.machine-list{list-style:none;padding:0;margin:0;max-width:1180px;width:100%;align-self:center}.machine-item{display:flex;align-items:flex-start;gap:14px;padding:18px max(20px,calc((100% - 1180px)/2 + 28px));border-bottom:1px solid #1a1a1a}.machine-item.has-article{opacity:.75}.machine-check{width:18px;height:18px;margin-top:4px;accent-color:#fff;flex-shrink:0}.machine-check-spacer{width:18px;flex-shrink:0}.machine-item-body{flex:1;min-width:0}.machine-item-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:#666;font-family:Space Grotesk,sans-serif;font-weight:600;margin-bottom:6px}.machine-item-sep{opacity:.5}.machine-item-src{color:#888}.machine-item-status{font-weight:700}.machine-status-pub{color:#6c6}.machine-status-gen{color:#cb6}.machine-status-draft{color:#aaa}.machine-item-title{font-size:17px;font-weight:600;color:#eee;font-family:Inter,sans-serif;line-height:1.3;margin-bottom:6px}.machine-item-excerpt{font-size:14px;color:#888;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.machine-item-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.machine-tag{background:#ffffff0d;color:#999;padding:2px 8px;border-radius:999px;font-size:10px;text-transform:uppercase;letter-spacing:.5px;font-weight:600;font-family:Space Grotesk,sans-serif}.machine-item-actions{display:flex;flex-direction:column;gap:8px;flex-shrink:0;align-items:flex-end}.machine-action{background:transparent;border:1px solid #333;color:#ccc;padding:8px 16px;border-radius:999px;font-size:12px;font-family:Inter,sans-serif;text-transform:uppercase;letter-spacing:.5px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:background .15s,border-color .15s,color .15s}.machine-action:hover{background:#ffffff0f;border-color:#555;color:#fff}.machine-action:disabled{opacity:.5;cursor:default}.machine-action-primary{background:#fff;color:#000;border-color:#fff}.machine-action-primary:hover{background:#eee;color:#000}.machine-running{background:#ccbb6626;border-color:#cb66;color:#cb6}.machine-loading,.machine-empty,.machine-error{padding:60px 20px;text-align:center;color:#666;font-family:Inter,sans-serif;font-size:14px}.machine-error{color:#c66}.machine-art-content{display:grid;grid-template-columns:1fr 320px;gap:32px;max-width:1180px;width:100%;align-self:center;padding:28px max(20px,calc((100% - 1180px)/2 + 28px))}.machine-art-left{min-width:0}.machine-art-title{font-size:32px;font-weight:700;color:#fff;font-family:Inter,sans-serif;line-height:1.2;margin:0 0 14px}.machine-art-excerpt{font-size:16px;color:#aaa;line-height:1.55;margin:0 0 24px}.machine-art-body{font-family:Inter,sans-serif;font-size:14px;line-height:1.7;color:#ccc;white-space:pre-wrap;word-wrap:break-word;background:transparent;margin:0;padding:0}.machine-art-empty{color:#666;font-style:italic;padding:40px 0}.machine-art-working{display:flex;align-items:center;gap:14px;color:#cb6;font-size:14px;padding:28px 24px;background:#ccbb6614;border:1px solid rgba(204,187,102,.25);border-radius:12px;font-family:Inter,sans-serif}.machine-art-pulse{width:12px;height:12px;border-radius:50%;background:#cb6;flex-shrink:0;animation:machine-pulse 1.4s ease-in-out infinite}@keyframes machine-pulse{0%,to{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}.machine-art-side{display:flex;flex-direction:column;gap:14px}.machine-art-image-wrap{border:1px solid #222;border-radius:12px;overflow:hidden;background:#0a0a0a}.machine-art-image{width:100%;display:block}.machine-art-image-empty{padding:40px 20px;text-align:center;color:#666;font-size:12px;font-family:Inter,sans-serif}.machine-art-cutout-btn{justify-content:center}.machine-art-meta{font-size:12px;color:#999;line-height:1.6;font-family:Inter,sans-serif;border-top:1px solid #1a1a1a;padding-top:14px}.machine-art-meta strong{color:#777;font-weight:600}@media(max-width:800px){.machine-art-content{grid-template-columns:1fr}.machine-item{flex-direction:column}.machine-item-actions{align-items:stretch;flex-direction:row;flex-wrap:wrap}}#hr-hub-page{display:none;position:absolute;top:0;left:0;right:0;bottom:0;background:#000;z-index:10;overflow:hidden}#hr-hub-page.open{display:flex;flex-direction:column}.hr-hub-list-view,.hr-hub-detail-view,.hr-hub-dashboard-view{display:flex;flex-direction:column;flex:1;min-height:0}.hr-hub-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px max(20px,calc((100% - 1180px)/2 + 28px));border-bottom:1px solid #222;background:#0a0a0a;gap:12px;flex-shrink:0}@media(max-width:720px){.hr-hub-toolbar{padding:12px 16px}}.hr-hub-toolbar-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.hr-hub-toolbar-right{display:flex;align-items:center;gap:6px}.hr-hub-title{margin:0;font-size:18px;font-weight:600;color:#fff}.hr-hub-back-btn{background:transparent;border:1px solid #222;color:#888;width:32px;height:32px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center}.hr-hub-back-btn:hover{background:#111;color:#fff}.hr-hub-mode-toggle{display:inline-flex;align-items:center;gap:2px;background:#050505;border:1px solid #222;border-radius:8px;padding:2px;flex-shrink:0}.hr-hub-mode-btn{display:inline-flex;align-items:center;gap:6px;background:transparent;border:none;color:#888;padding:5px 10px;border-radius:6px;cursor:pointer;font-size:12px;font-family:inherit;font-weight:500;transition:all .15s}.hr-hub-mode-btn:hover{color:#fff}.hr-hub-mode-btn.active{background:#fff;color:#000}.hr-hub-persona-badge{display:inline-flex;align-items:center;gap:8px;background:#050505;border:1px solid #222;border-radius:999px;padding:4px 10px 4px 14px;flex-shrink:0}.hr-hub-persona-label{font-size:11px;color:#666;text-transform:uppercase;letter-spacing:.5px}.hr-hub-persona-badge select{background:transparent;border:none;color:#fff;font-size:12px;font-family:inherit;font-weight:500;cursor:pointer;outline:none;padding:2px 4px}.hr-hub-persona-badge select option{background:#0a0a0a;color:#fff}.hr-hub-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#161616,#0a0a0a);border:1px solid #2a2a2a;border-radius:18px;padding:32px;margin-bottom:18px;display:flex;gap:24px;align-items:center}.hr-hub-hero-deco{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.06),transparent 70%);pointer-events:none}.hr-hub-hero-deco-1{width:320px;height:320px;right:-80px;top:-120px}.hr-hub-hero-deco-2{width:220px;height:220px;left:-60px;bottom:-100px;background:radial-gradient(circle,rgba(255,255,255,.04),transparent 70%)}.hr-hub-hero-photo{position:relative;z-index:1;flex-shrink:0;width:104px;height:104px;border-radius:50%;background:linear-gradient(135deg,#2a2a2a,#0f0f0f);border:3px solid #d4b896;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:600;color:#fff;box-shadow:0 10px 30px #00000080,0 0 0 1px #d4b8961a;overflow:hidden}.hr-hub-hero-photo img{width:100%;height:100%;object-fit:cover;display:block}.hr-hub-hero-photo span{display:flex;align-items:center;justify-content:center}.hr-hub-hero-text{position:relative;z-index:1;flex:1;min-width:0}.hr-hub-hero-eyebrow{font-size:12px;color:#888;text-transform:capitalize;letter-spacing:.3px;margin-bottom:6px}.hr-hub-hero-title{margin:0 0 8px;font-size:30px;font-weight:600;color:#fff;letter-spacing:-.5px;line-height:1.2}.hr-hub-hero-sub{margin:0;font-size:14px;color:#aaa;line-height:1.6;max-width:620px}.hr-hub-hero-banner{display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:8px 14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:999px;font-size:13px;color:#ddd}.hr-hub-hero-banner strong{color:#fff;font-weight:600}.hr-hub-quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-bottom:18px}.hr-hub-quick-action{display:flex;align-items:center;gap:14px;background:#0a0a0a;border:1px solid #222;border-radius:12px;padding:16px;cursor:pointer;text-align:left;font-family:inherit;transition:all .15s}.hr-hub-quick-action:hover{background:#111;border-color:#444;transform:translateY(-1px)}.hr-hub-quick-icon{width:42px;height:42px;flex-shrink:0;background:#161616;border:1px solid #2a2a2a;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff}.hr-hub-quick-text{flex:1;min-width:0}.hr-hub-quick-title{font-size:14px;font-weight:600;color:#fff;margin-bottom:2px}.hr-hub-quick-sub{font-size:12px;color:#777}.hr-hub-friendly-stat{background:#0a0a0a;border:1px solid #222;transition:border-color .15s}.hr-hub-friendly-stat:hover{border-color:#333}.hr-hub-stat-unit{font-size:16px;color:#888;font-weight:500;margin-left:4px}.hr-hub-profile-header{display:flex;align-items:center;gap:28px;padding:32px 36px;margin-bottom:36px;background:linear-gradient(135deg,#131313,#0a0a0a);border:1px solid #232323;border-radius:18px}.hr-hub-profile-photo{width:132px;height:132px;flex-shrink:0;border-radius:50%;overflow:hidden;background:#1a1a1a;border:3px solid #d4b896;box-shadow:0 12px 32px #00000080,0 0 0 1px #d4b8961a;display:flex;align-items:center;justify-content:center;font-size:42px;font-weight:600;color:#fff}.hr-hub-profile-photo img{width:100%;height:100%;object-fit:cover;display:block}.hr-hub-profile-info{flex:1;min-width:0}.hr-hub-profile-eyebrow{font-size:11px;color:#d4b896;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:8px}.hr-hub-profile-name{margin:0 0 4px;font-size:32px;font-weight:600;color:#fff;letter-spacing:-.5px;line-height:1.15}.hr-hub-profile-role{margin:0 0 16px;font-size:16px;color:#aaa;font-weight:400}.hr-hub-profile-tags{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.hr-hub-profile-tag{display:inline-flex;align-items:center;font-size:12px;padding:4px 12px;border-radius:999px;background:#161616;border:1px solid #2a2a2a;color:#aaa}.hr-hub-profile-card{padding:24px 26px}@media(max-width:720px){.hr-hub-profile-header{flex-direction:column;align-items:flex-start;padding:24px;gap:20px}.hr-hub-profile-photo{width:96px;height:96px;font-size:32px}.hr-hub-profile-name{font-size:24px}}.hr-hub-employee-overview .hr-hub-hero,.hr-hub-section{margin-bottom:36px}.hr-hub-section:last-child{margin-bottom:0}.hr-hub-section-header{display:flex;align-items:baseline;gap:14px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid #1a1a1a}.hr-hub-section-title{margin:0;font-size:13px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:1.5px}.hr-hub-section-sub{margin:0;font-size:13px;color:#666;font-weight:400}.hr-hub-employee-overview .hr-hub-stats-row{margin-bottom:0}.hr-hub-employee-overview .hr-hub-card:last-child{margin-bottom:0}.hr-hub-feed-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:24px;margin-bottom:36px}.hr-hub-feed-grid .hr-hub-section{margin-bottom:0}@media(max-width:980px){.hr-hub-feed-grid{grid-template-columns:1fr}}.hr-hub-news-list{display:flex;flex-direction:column;gap:12px}.hr-hub-news-item{background:#0a0a0a;border:1px solid #1f1f1f;border-radius:14px;overflow:hidden;transition:all .18s}.hr-hub-news-item:hover{border-color:#3a322a;transform:translateY(-1px);box-shadow:0 6px 20px #0000004d}.hr-hub-news-image{width:100%;aspect-ratio:16 / 9;overflow:hidden;background:#111}.hr-hub-news-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.hr-hub-news-item:hover .hr-hub-news-image img{transform:scale(1.03)}.hr-hub-news-featured .hr-hub-news-image{aspect-ratio:21 / 9}.hr-hub-news-body{padding:16px 18px 18px}.hr-hub-news-meta{display:flex;align-items:center;gap:10px;margin-bottom:8px;font-size:11px;color:#666}.hr-hub-news-tag{display:inline-block;padding:3px 9px;border-radius:999px;background:#d4b89614;border:1px solid rgba(212,184,150,.2);color:#d4b896;text-transform:uppercase;letter-spacing:.5px;font-weight:600;font-size:10px}.hr-hub-news-date:before{content:"·";margin-right:8px;color:#444}.hr-hub-news-title{margin:0 0 6px;font-size:16px;font-weight:600;color:#fff;line-height:1.35;letter-spacing:-.2px}.hr-hub-news-featured .hr-hub-news-title{font-size:19px}.hr-hub-news-excerpt{margin:0;font-size:13px;color:#999;line-height:1.6}.hr-hub-inbox-list{display:flex;flex-direction:column;gap:4px}.hr-hub-inbox-item{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;background:transparent;border:1px solid transparent;border-radius:10px;cursor:pointer;text-align:left;font-family:inherit;transition:all .12s;position:relative;width:100%}.hr-hub-inbox-item:hover{background:#0d0d0d;border-color:#1f1f1f}.hr-hub-inbox-item.unread{background:#0a0a0a}.hr-hub-inbox-icon{width:32px;height:32px;flex-shrink:0;background:#161616;border:1px solid #2a2a2a;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:#ccc}.hr-hub-inbox-body{flex:1;min-width:0}.hr-hub-inbox-row1{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:2px}.hr-hub-inbox-from{font-size:12px;color:#888;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hr-hub-inbox-item.unread .hr-hub-inbox-from{color:#fff;font-weight:600}.hr-hub-inbox-time{font-size:11px;color:#555;flex-shrink:0}.hr-hub-inbox-subject{font-size:13px;color:#ddd;font-weight:500;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hr-hub-inbox-item.unread .hr-hub-inbox-subject{color:#fff}.hr-hub-inbox-preview{font-size:12px;color:#666;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hr-hub-inbox-dot{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:7px;height:7px;border-radius:50%;background:#d4b896;box-shadow:0 0 0 3px #d4b8961f}.hr-hub-stat-card.hr-hub-stat-clickable{cursor:pointer;text-align:left;width:100%;font-family:inherit;color:inherit;display:block;background:#0a0a0a}.hr-hub-stat-card.hr-hub-stat-clickable:hover{border-color:#3a322a;transform:translateY(-1px);box-shadow:0 6px 20px #0000004d}.hr-hub-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:99999;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:20px;animation:hr-hub-modal-fade .18s ease}@keyframes hr-hub-modal-fade{0%{opacity:0}to{opacity:1}}.hr-hub-modal{background:#0a0a0a;border:1px solid #2a2a2a;border-radius:16px;width:100%;max-width:580px;max-height:84vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 64px #0009,0 0 0 1px #d4b8960d;animation:hr-hub-modal-slide .22s cubic-bezier(.2,.8,.2,1)}@keyframes hr-hub-modal-slide{0%{transform:translateY(20px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.hr-hub-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid #1f1f1f;flex-shrink:0}.hr-hub-modal-title{margin:0;font-size:17px;font-weight:600;color:#fff}.hr-hub-modal-close{background:transparent;border:1px solid #222;color:#888;width:32px;height:32px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.hr-hub-modal-close:hover{background:#161616;color:#fff;border-color:#333}.hr-hub-modal-body{padding:22px;overflow-y:auto;flex:1}.hr-hub-modal-intro{color:#aaa;font-size:14px;line-height:1.55;margin:0 0 18px}.hr-hub-modal-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin-bottom:20px}.hr-hub-modal-stat{background:#111;border:1px solid #1f1f1f;border-radius:10px;padding:14px 12px;text-align:center}.hr-hub-modal-num{font-size:26px;font-weight:700;color:#fff;line-height:1.1}.hr-hub-modal-num-sm{font-size:16px}.hr-hub-modal-lbl{font-size:10px;color:#666;text-transform:uppercase;letter-spacing:.6px;margin-top:4px;font-weight:500}.hr-hub-modal-section{margin:0 0 10px;font-size:11px;color:#888;text-transform:uppercase;letter-spacing:.8px;font-weight:600}.hr-hub-modal-progress{margin-bottom:22px}.hr-hub-modal-progress-label{margin-top:8px;font-size:12px;color:#888;text-align:right}.hr-hub-modal-info-list{display:flex;flex-direction:column;gap:6px}.hr-hub-modal-info-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;background:#111;border:1px solid #1a1a1a;border-radius:8px;font-size:13px}.hr-hub-modal-info-lbl{color:#888;flex-shrink:0}.hr-hub-modal-info-val{color:#fff;font-weight:500;text-align:right}.hr-hub-modal-info-sub{color:#666;font-weight:400;font-size:12px}.hr-hub-modal-empty{color:#666;font-size:13px;padding:24px;text-align:center;background:#0d0d0d;border:1px dashed #222;border-radius:10px}.hr-hub-modal-action{width:100%;margin-top:20px;padding:12px 18px;background:#fff;color:#000;border:1px solid #fff;border-radius:10px;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s}.hr-hub-modal-action:hover{background:#ddd}@media(max-width:720px){.hr-hub-hero{flex-direction:column;align-items:flex-start;padding:24px}.hr-hub-hero-photo{width:72px;height:72px;font-size:24px}.hr-hub-hero-title{font-size:24px}}.hr-hub-primary-btn,.hr-hub-secondary-btn,.hr-hub-action-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:13px;font-family:inherit;transition:background .15s}.hr-hub-primary-btn{background:#fff;color:#000;border:1px solid #fff;font-weight:600}.hr-hub-primary-btn:hover{background:#ddd}.hr-hub-secondary-btn,.hr-hub-action-btn{background:transparent;color:#ccc;border:1px solid #222}.hr-hub-secondary-btn:hover,.hr-hub-action-btn:hover{background:#111;color:#fff}.hr-hub-action-btn.hr-hub-danger{color:#f88}.hr-hub-action-btn.hr-hub-danger:hover{background:#2a0a0a;color:#fdd}.hr-hub-tiny-btn{background:transparent;color:#888;border:1px solid #222;width:26px;height:26px;border-radius:4px;cursor:pointer;font-size:12px;display:inline-flex;align-items:center;justify-content:center}.hr-hub-tiny-btn:hover{background:#111;color:#fff}.hr-hub-list-body{flex:1;overflow-y:auto;padding:28px max(28px,calc((100% - 1180px)/2 + 28px)) 56px}@media(max-width:720px){.hr-hub-list-body{padding:20px 16px 40px}}.hr-hub-search-bar{margin-bottom:16px}.hr-hub-search-bar input{width:100%;padding:10px 14px;border:1px solid #222;border-radius:8px;background:#0a0a0a;color:#fff;font-family:inherit;font-size:14px}.hr-hub-search-bar input:focus{outline:none;border-color:#444}.hr-hub-employees-grid{display:flex;flex-direction:column;gap:8px}.hr-hub-employee-card{display:flex;align-items:center;gap:14px;background:#0a0a0a;border:1px solid #222;border-radius:10px;padding:12px 16px;cursor:pointer;transition:all .15s}.hr-hub-employee-card:hover{background:#111;border-color:#333}.hr-hub-avatar{width:40px;height:40px;border-radius:50%;background:#1a1a1a;border:1px solid #2a2a2a;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;color:#ccc;flex-shrink:0;overflow:hidden}.hr-hub-avatar img{width:100%;height:100%;object-fit:cover;display:block}.hr-hub-avatar-large{width:56px;height:56px;font-size:18px}.hr-hub-employee-info{flex:1;min-width:0}.hr-hub-employee-name{font-size:15px;font-weight:600;color:#fff}.hr-hub-employee-meta{font-size:12px;color:#666;margin-top:2px}.hr-hub-status-badge{font-size:11px;padding:3px 10px;border-radius:999px;background:#1a1a1a;border:1px solid #2a2a2a;color:#aaa;white-space:nowrap;font-weight:500}.hr-hub-status-active{background:#0a1a0a;border-color:#1a3a1a;color:#8fc88f}.hr-hub-status-onboarding{background:#1a1a0a;border-color:#3a3a1a;color:#c8c88f}.hr-hub-status-offboarding{background:#1a0a0a;border-color:#3a1a1a;color:#c88f8f}.hr-hub-status-inactive{background:#111;border-color:#222;color:#666}.hr-hub-status-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#555}.hr-hub-status-dot.hr-hub-status-active{background:#8fc88f}.hr-hub-status-dot.hr-hub-status-onboarding{background:#c8c88f}.hr-hub-status-dot.hr-hub-status-offboarding{background:#c88f8f}.hr-hub-status-dot.hr-hub-status-inactive{background:#666}.hr-hub-detail-header{display:flex;align-items:center;gap:14px;flex:1;min-width:0}.hr-hub-detail-name{font-size:18px;font-weight:600;color:#fff;margin:0}.hr-hub-detail-sub{font-size:12px;color:#666;margin-top:2px}.hr-hub-tabs{border-bottom:1px solid #222;background:#0a0a0a;flex-shrink:0}.hr-hub-tabs-inner{display:flex;gap:4px;max-width:1180px;margin:0 auto;padding:0 28px}.hr-hub-tab{background:transparent;border:none;color:#888;padding:12px 16px;cursor:pointer;font-size:13px;font-family:inherit;border-bottom:2px solid transparent;margin-bottom:-1px}.hr-hub-tab:hover{color:#fff}.hr-hub-tab.active{color:#fff;border-bottom-color:#fff}.hr-hub-tab-body{flex:1;overflow-y:auto;padding:0}.hr-hub-tab-body>*{max-width:1180px;margin:0 auto;padding:28px 28px 56px;box-sizing:border-box}.hr-hub-tab-body>.hr-hub-chat{margin:28px auto;padding:0}@media(max-width:720px){.hr-hub-tabs-inner{padding:0 16px}.hr-hub-tab-body>*{padding:20px 16px 40px}.hr-hub-tab-body>.hr-hub-chat{margin:16px;padding:0}}.hr-hub-card{background:#0a0a0a;border:1px solid #222;border-radius:10px;padding:18px 20px;margin-bottom:14px}.hr-hub-card-title{margin:0 0 14px;font-size:14px;font-weight:600;color:#fff}.hr-hub-journey-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.hr-hub-journey-header .hr-hub-card-title{margin:0}.hr-hub-stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:14px}.hr-hub-stat-card{background:#0a0a0a;border:1px solid #222;border-radius:10px;padding:16px}.hr-hub-stat-label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#666}.hr-hub-stat-value{font-size:28px;font-weight:700;color:#fff;margin-top:4px}.hr-hub-stat-value-big{font-size:36px;font-weight:700;color:#fff;margin-top:6px}.hr-hub-stat-sub{font-size:11px;color:#666;margin-top:4px}.hr-hub-big-stat{padding:20px}.hr-hub-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.hr-hub-field{display:flex;flex-direction:column;gap:2px}.hr-hub-field-label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#666}.hr-hub-field-value{color:#ccc;font-size:14px}.hr-hub-skills,.hr-hub-chat-suggestions{display:flex;flex-wrap:wrap;gap:6px}.hr-hub-pill{display:inline-block;padding:4px 10px;border-radius:999px;background:#1a1a1a;border:1px solid #2a2a2a;color:#aaa;font-size:12px;cursor:default}.hr-hub-chat-suggest{cursor:pointer;transition:all .15s;border:1px solid #2a2a2a;font-family:inherit}.hr-hub-chat-suggest:hover{background:#222;color:#fff;border-color:#444}.hr-hub-notes{color:#ccc;font-size:14px;line-height:1.6;white-space:pre-wrap}.hr-hub-progress-bar{height:4px;background:#141414;border-radius:999px;overflow:hidden}.hr-hub-progress-fill{height:100%;background:linear-gradient(90deg,#666,#fff);border-radius:999px;transition:width .4s ease}.hr-hub-progress-label{font-size:12px;color:#888;font-variant-numeric:tabular-nums}.hr-hub-phase{margin-top:24px;padding-left:22px;position:relative}.hr-hub-phase:first-of-type{margin-top:22px}.hr-hub-phase:before{content:"";position:absolute;left:5px;top:18px;bottom:-16px;width:1px;background:linear-gradient(to bottom,#1f1f1f 0%,#1f1f1f 60%,transparent 100%)}.hr-hub-phase:last-child:before{display:none}.hr-hub-phase-label{font-size:10px;text-transform:uppercase;letter-spacing:1.4px;color:#888;margin-bottom:10px;position:relative;display:flex;align-items:center}.hr-hub-phase-label:before{content:"";position:absolute;left:-22px;top:50%;transform:translateY(-50%);width:11px;height:11px;border-radius:50%;background:#0a0a0a;border:1.5px solid #333;transition:all .25s ease;box-shadow:0 0 0 3px #0a0a0a}.hr-hub-phase.complete .hr-hub-phase-label:before{background:#fff;border-color:#fff}.hr-hub-phase.complete .hr-hub-phase-label{color:#ccc}.hr-hub-tasks{display:flex;flex-direction:column;gap:6px}.hr-hub-task{display:flex;align-items:center;gap:14px;padding:13px 16px;border-radius:10px;background:#0d0d0d;border:1px solid #1a1a1a;font-size:14px;color:#ddd;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease,color .2s ease;-webkit-user-select:none;user-select:none}.hr-hub-task:hover{background:#141414;border-color:#2a2a2a;transform:translate(2px)}.hr-hub-task.done{background:#080808;border-color:#141414;color:#555}.hr-hub-task.done span{text-decoration:line-through;text-decoration-color:#2a2a2a;text-decoration-thickness:1px}.hr-hub-task input[type=checkbox]{-webkit-appearance:none;appearance:none;width:22px;height:22px;margin:0;border-radius:50%;border:1.5px solid #2e2e2e;background:#060606;cursor:pointer;position:relative;transition:background .2s ease,border-color .2s ease,transform .15s ease;flex-shrink:0}.hr-hub-task:hover input[type=checkbox]{border-color:#4a4a4a}.hr-hub-task input[type=checkbox]:checked{background:#fff;border-color:#fff}.hr-hub-task input[type=checkbox]:checked:after{content:"";position:absolute;top:3px;left:7px;width:5px;height:10px;border:solid #000;border-width:0 2px 2px 0;transform:rotate(45deg)}.hr-hub-task input[type=checkbox]:active{transform:scale(.92)}.hr-hub-leave-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.hr-hub-leave-stat{text-align:center;padding:12px;border-radius:8px;background:#111}.hr-hub-leave-num{font-size:28px;font-weight:700;color:#fff}.hr-hub-leave-stat.hr-hub-leave-remaining .hr-hub-leave-num{color:#fff}.hr-hub-leave-lbl{font-size:11px;color:#666;text-transform:uppercase;letter-spacing:.5px}.hr-hub-leave-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;align-items:end}.hr-hub-leave-form label,.hr-hub-form-field{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#888}.hr-hub-leave-form input,.hr-hub-leave-form select,.hr-hub-form-grid input,.hr-hub-form-grid select,.hr-hub-edit-form textarea,.hr-hub-edit-form>.hr-hub-card>input{padding:8px 10px;border:1px solid #222;border-radius:6px;background:#050505;color:#fff;font-family:inherit;font-size:13px}.hr-hub-leave-form input:focus,.hr-hub-leave-form select:focus,.hr-hub-form-grid input:focus,.hr-hub-form-grid select:focus,.hr-hub-edit-form textarea:focus{outline:none;border-color:#444}.hr-hub-leave-reason{grid-column:1 / -2}.hr-hub-leave-form button{grid-column:span 1}.hr-hub-leave-list,.hr-hub-payslip-list,.hr-hub-doc-list{display:flex;flex-direction:column;gap:8px}.hr-hub-leave-row{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#111;border-radius:8px}.hr-hub-leave-row-main{flex:1;min-width:0}.hr-hub-leave-row-title{font-size:14px;color:#fff;font-weight:500}.hr-hub-leave-row-sub{font-size:12px;color:#888;margin-top:2px}.hr-hub-leave-row-reason{font-size:12px;color:#aaa;font-style:italic;margin-top:4px}.hr-hub-leave-row-actions{display:flex;align-items:center;gap:6px}.hr-hub-leave-pending{background:#1a1a0a;border-color:#3a3a1a;color:#c8c88f}.hr-hub-leave-approved{background:#0a1a0a;border-color:#1a3a1a;color:#8fc88f}.hr-hub-leave-rejected{background:#1a0a0a;border-color:#3a1a1a;color:#c88f8f}.hr-hub-payslip-row{padding:14px;background:#111;border-radius:8px}.hr-hub-payslip-period{font-size:14px;font-weight:600;color:#fff;margin-bottom:8px}.hr-hub-payslip-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;font-size:13px}.hr-hub-payslip-grid>div{display:flex;flex-direction:column}.hr-hub-payslip-grid>div span:last-child{color:#ccc}.hr-hub-payslip-net{padding-top:10px;border-top:1px solid #2a2a2a;margin-top:6px;grid-column:1 / -1}.hr-hub-payslip-net span:last-child{color:#fff;font-weight:700;font-size:16px}.hr-hub-payslip-notes{font-size:12px;color:#888;margin-top:8px;font-style:italic}.hr-hub-doc-row{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#111;border-radius:8px}.hr-hub-doc-icon{color:#888}.hr-hub-doc-main{flex:1;min-width:0}.hr-hub-doc-name{font-size:14px;color:#fff;font-weight:500}.hr-hub-doc-meta{font-size:12px;color:#666;margin-top:2px}.hr-hub-empty{text-align:center;padding:60px 20px;color:#666;display:flex;flex-direction:column;align-items:center;justify-content:center}.hr-hub-empty-row{color:#666;padding:10px;font-size:13px}.hr-hub-toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%);background:#fff;color:#000;padding:10px 20px;border-radius:8px;font-size:13px;z-index:99999;animation:hr-hub-toast-in .2s ease}@keyframes hr-hub-toast-in{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.hr-hub-chat{display:flex;flex-direction:column;height:100%;min-height:60vh;background:#0a0a0a;border:1px solid #222;border-radius:10px;overflow:hidden}.hr-hub-chat-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:12px}.hr-hub-chat-welcome{padding:30px;text-align:center;color:#888}.hr-hub-chat-welcome h3{color:#fff;font-size:18px;margin:0 0 8px}.hr-hub-chat-welcome p{font-size:13px;margin:0 0 20px}.hr-hub-chat-welcome .hr-hub-chat-suggestions{justify-content:center}.hr-hub-chat-msg{display:flex;max-width:80%}.hr-hub-chat-user{align-self:flex-end}.hr-hub-chat-assistant{align-self:flex-start}.hr-hub-chat-bubble{padding:10px 14px;border-radius:14px;font-size:14px;line-height:1.5}.hr-hub-chat-user .hr-hub-chat-bubble{background:#fff;color:#000;border-bottom-right-radius:4px}.hr-hub-chat-assistant .hr-hub-chat-bubble{background:#1a1a1a;color:#ddd;border-bottom-left-radius:4px;border:1px solid #2a2a2a}.hr-hub-chat-input-row{display:flex;gap:8px;padding:12px;border-top:1px solid #222;background:#0a0a0a}.hr-hub-chat-input-row textarea{flex:1;padding:10px 14px;border:1px solid #222;border-radius:8px;background:#050505;color:#fff;font-family:inherit;font-size:14px;resize:none;line-height:1.4}.hr-hub-chat-input-row textarea:focus{outline:none;border-color:#444}.hr-hub-dashboard-body{flex:1;overflow-y:auto;padding:28px max(28px,calc((100% - 1180px)/2 + 28px)) 56px}@media(max-width:720px){.hr-hub-dashboard-body{padding:20px 16px 40px}}.hr-hub-dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:16px}.hr-hub-dashboard-breakdown{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin-bottom:12px}.hr-hub-breakdown-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.hr-hub-breakdown-cell{display:flex;flex-direction:column;gap:4px;padding:12px 14px;background:#111;border-radius:8px;border:1px solid #1a1a1a;font-size:14px;color:#ccc}.hr-hub-breakdown-cell-top{display:flex;align-items:center;justify-content:space-between}.hr-hub-breakdown-cell strong{color:#fff;font-size:22px;font-weight:700}.hr-hub-breakdown-label{color:#ddd;font-size:14px;font-weight:500}.hr-hub-breakdown-pct{color:#888;font-size:12px}.hr-hub-status-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.hr-hub-status-cell{display:flex;align-items:center;gap:10px;padding:10px;background:#111;border-radius:6px;font-size:13px}.hr-hub-status-cell strong{margin-left:auto;color:#fff}.hr-hub-insights-card{padding:24px 28px}.hr-hub-insights-card .hr-hub-card-title{font-size:20px;margin-bottom:18px}.hr-hub-insights{margin:0;padding:0;list-style:none;color:#f0f0f0;display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:12px}.hr-hub-insights li{position:relative;padding:18px 20px 18px 44px;background:#0d0d0d;border:1px solid #222;border-radius:10px;font-size:17px;line-height:1.55;font-weight:400}.hr-hub-insights li:before{content:"";position:absolute;left:18px;top:24px;width:10px;height:10px;border-radius:50%;background:#fff}.hr-hub-edit-form{flex:1;overflow-y:auto;padding:28px max(28px,calc((100% - 1180px)/2 + 28px)) 56px}@media(max-width:720px){.hr-hub-edit-form{padding:20px 16px 40px}}.hr-hub-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.hr-hub-edit-form input,.hr-hub-edit-form select,.hr-hub-edit-form textarea{padding:8px 10px;border:1px solid #222;border-radius:6px;background:#050505;color:#fff;font-family:inherit;font-size:13px;width:100%;box-sizing:border-box}#pictures-page{display:none;position:absolute;top:0;left:0;right:0;bottom:0;background:var(--bg);z-index:10;overflow:hidden}#pictures-page.open{display:flex;flex-direction:column}#pictures-projects-view{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column}#pictures-editor-view{flex:1;min-height:0;display:flex;flex-direction:column}.pictures-body{flex:1;display:grid;grid-template-columns:240px 1fr 280px;min-height:0;background:#050505;overflow:hidden}.pictures-sidebar{display:flex;flex-direction:column;min-height:0;background:#0a0a0a;border-right:1px solid #1a1a1a}.pictures-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid #1a1a1a;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#888}.pictures-library-list{flex:1;overflow-y:auto;padding:6px 0}.pictures-library-item{display:flex;align-items:center;padding:8px 14px;cursor:pointer;color:#ccc;font-size:13px;border-left:2px solid transparent}.pictures-library-item:hover{background:#111;color:#fff}.pictures-library-item.active{background:#141414;color:#fff;border-left-color:#fff}.pictures-library-item-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pictures-library-item-meta{font-size:10px;color:#666;margin-left:8px}.pictures-library-item-icon{flex-shrink:0;margin-right:8px;color:#888}.pictures-library-item-picks{border-bottom:1px solid #1a1a1a}.pictures-library-item-picks.active .pictures-library-item-icon,.pictures-library-item-picks:hover .pictures-library-item-icon{color:#fff}.pictures-library-item-remove{display:none;background:none;border:none;color:#666;cursor:pointer;padding:2px 4px;margin-left:4px}.pictures-library-item:hover .pictures-library-item-remove{display:inline-flex}.pictures-library-item-remove:hover{color:#fff}.pictures-library-empty{padding:14px;color:#555;font-size:12px;line-height:1.5;text-align:center}.pictures-sidebar-footer{padding:10px 14px;border-top:1px solid #1a1a1a}.pictures-status-line{color:#888;font-size:11px;line-height:1.4;margin:0}.pictures-libraries-line{color:#555;font-size:10px;margin:4px 0 0}.pictures-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;border:1px solid #2a2a2a;background:transparent;color:#aaa;border-radius:4px;cursor:pointer}.pictures-icon-btn:hover{background:#1a1a1a;color:#fff}.pictures-icon-btn.pictures-icon-btn-active{color:#fff;border-color:#444;background:#1a1a1a}.pictures-select{background:#0a0a0a;color:#ccc;border:1px solid #2a2a2a;padding:4px 8px;border-radius:4px;font-size:12px;height:26px}.pictures-range{width:100px;accent-color:#fff}.pictures-main{display:flex;flex-direction:column;min-height:0;min-width:0;position:relative;background:#050505}.pictures-main-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid #1a1a1a;background:#0a0a0a}.pictures-grid-info{color:#888;font-size:12px}.pictures-controls{display:flex;align-items:center;gap:8px}.pictures-grid{flex:1;overflow-y:auto;padding:12px;display:grid;gap:6px;grid-template-columns:repeat(auto-fill,minmax(var(--pictures-thumb, 180px),1fr));align-content:start}.pictures-grid-empty{position:absolute;top:50px;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#555;font-size:13px;pointer-events:none}.pictures-grid-empty svg{color:#333;margin-bottom:12px}.pictures-grid-empty p{margin:0}.pictures-thumb{position:relative;width:100%;height:0;padding-bottom:100%;background:#111;border:2px solid transparent;border-radius:4px;cursor:pointer;overflow:hidden;-webkit-user-select:none;user-select:none}.pictures-thumb img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;background:#111}.pictures-thumb.selected{border-color:#fff}.pictures-thumb.broken{color:#444;font-size:10px;text-align:center;display:flex;align-items:center;justify-content:center}.pictures-thumb.broken>*{position:absolute;top:0;right:0;bottom:0;left:0;padding:8px;display:flex;align-items:center;justify-content:center}.pictures-thumb-label{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(to top,rgba(0,0,0,.85),transparent);color:#ddd;font-size:10px;padding:14px 6px 4px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;transition:opacity .12s;pointer-events:none}.pictures-thumb:hover .pictures-thumb-label,.pictures-thumb.selected .pictures-thumb-label{opacity:1}.pictures-thumb-badge{position:absolute;bottom:6px;right:6px;width:18px;height:18px;border-radius:50%;background:#fff;color:#000;display:flex;align-items:center;justify-content:center;pointer-events:none;box-shadow:0 0 0 1px #00000080,0 1px 3px #0009}.pictures-thumb-badge svg{display:block}.pictures-thumb-raw{position:absolute;top:6px;left:6px;padding:2px 6px;border-radius:3px;background:#000000b3;color:#fff;font-size:9px;font-weight:700;letter-spacing:.5px;pointer-events:none;box-shadow:0 0 0 1px #ffffff40}.pictures-thumb-pick{position:absolute;top:6px;right:6px;z-index:2;width:26px;height:26px;padding:0;display:flex;align-items:center;justify-content:center;background:#0009;color:#ffffffd9;border:none;border-radius:4px;cursor:pointer;opacity:0;transition:opacity .12s,color .12s,background .12s,transform .12s;box-shadow:0 0 0 1px #ffffff26}.pictures-thumb:hover .pictures-thumb-pick,.pictures-thumb.picked .pictures-thumb-pick{opacity:1}.pictures-thumb-pick:hover{color:#fff;background:#000000d9;transform:scale(1.08)}.pictures-thumb.picked .pictures-thumb-pick{background:#fff;color:#000;box-shadow:0 0 0 1px #0000004d}.pictures-thumb-pick svg{display:block}.pictures-thumb.picked{box-shadow:inset 0 0 0 3px #fff}.pictures-filmstrip-thumb.picked:before{content:"";position:absolute;bottom:4px;left:4px;width:6px;height:6px;background:#fff;border-radius:50%;box-shadow:0 0 0 1px #000}.pictures-meta{display:flex;flex-direction:column;min-height:0;background:#0a0a0a;border-left:1px solid #1a1a1a;overflow-y:auto}.pictures-meta-content{padding:14px 16px;color:#ccc;font-size:12px}.pictures-meta-empty{color:#555;font-size:12px;margin:0}.pictures-meta-title{font-size:13px;color:#fff;font-weight:500;margin:0 0 4px;word-break:break-word}.pictures-meta-sub{font-size:11px;color:#666;margin:0 0 14px}.pictures-meta-row{display:flex;justify-content:space-between;gap:10px;padding:4px 0;border-top:1px solid #1a1a1a;font-size:11px}.pictures-meta-row:first-of-type{border-top:0}.pictures-meta-row .k{color:#666}.pictures-meta-row .v{color:#ccc;text-align:right;word-break:break-word}.pictures-meta-section-title{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#555;margin:14px 0 4px}.pictures-develop{position:absolute;right:0;bottom:0;left:0;top:49px;display:flex;flex-direction:column;min-height:0;background:#050505}.pictures-develop-header{display:flex;align-items:center;gap:10px;padding:8px 14px;border-bottom:1px solid #1a1a1a;background:#0a0a0a}.pictures-develop-title{color:#ccc;font-size:13px;max-width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pictures-develop-counter{color:#555;font-size:11px;font-variant-numeric:tabular-nums}.pictures-develop-header-spacer{flex:1}.pictures-text-btn{background:transparent;color:#888;border:1px solid #2a2a2a;padding:4px 10px;border-radius:4px;font-size:11px;cursor:pointer}.pictures-text-btn:hover{color:#fff;border-color:#444}.pictures-develop-main{flex:1;display:grid;grid-template-columns:1fr 320px;min-height:0;overflow:hidden}.pictures-develop-filmstrip{flex:0 0 auto;height:100px;display:flex;gap:4px;padding:8px 12px;overflow-x:auto;overflow-y:hidden;background:#080808;border-top:1px solid #1a1a1a;scrollbar-width:thin;scrollbar-color:#2a2a2a transparent}.pictures-develop-filmstrip.hidden{display:none}.pictures-develop-filmstrip::-webkit-scrollbar{height:8px}.pictures-develop-filmstrip::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:4px}.pictures-filmstrip-thumb{flex:0 0 auto;height:100%;aspect-ratio:1;position:relative;cursor:pointer;border:2px solid transparent;border-radius:2px;background:#111;box-sizing:border-box;overflow:hidden}.pictures-filmstrip-thumb img{height:100%;width:100%;object-fit:cover;display:block;pointer-events:none}.pictures-filmstrip-thumb:hover{border-color:#444}.pictures-filmstrip-thumb.active{border-color:#fff}.pictures-filmstrip-thumb.edited:after{content:"";position:absolute;top:4px;right:4px;width:6px;height:6px;background:#fff;border-radius:50%;box-shadow:0 0 0 1px #000}.pictures-filmstrip-thumb.broken{width:80px;color:#555;font-size:9px;padding:4px;text-align:center;word-break:break-all;display:flex;align-items:center;justify-content:center}.pictures-develop-canvas-host{position:relative;min-width:0;min-height:0;background:#050505;display:flex;align-items:center;justify-content:center;overflow:hidden}.pictures-develop-canvas-host.zoom-1-1{overflow:auto;align-items:flex-start;justify-content:flex-start}#pictures-develop-canvas{max-width:100%;max-height:100%;display:block;background:#111}.pictures-develop-canvas-host.zoom-1-1 #pictures-develop-canvas{max-width:none;max-height:none}.pictures-develop-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#666;font-size:12px;background:#050505;z-index:1}.pictures-develop-panel{background:#0a0a0a;border-left:1px solid #1a1a1a;overflow-y:auto;min-height:0}.pictures-develop-section{padding:12px 14px;border-bottom:1px solid #1a1a1a}.pictures-develop-section-head{display:flex;align-items:center;justify-content:space-between;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#888;margin-bottom:8px}.pictures-histogram{display:block;width:100%;height:100px;background:#050505;border:1px solid #1a1a1a;border-radius:3px}.pictures-develop-sliders{display:flex;flex-direction:column;gap:10px}.pictures-hsl-tabs{display:inline-flex;gap:0;border:1px solid #2a2a2a;border-radius:3px;overflow:hidden}.pictures-hsl-tabs button{background:transparent;color:#888;border:0;padding:2px 8px;font-size:10px;cursor:pointer;font-family:inherit;text-transform:uppercase;letter-spacing:.04em}.pictures-hsl-tabs button:hover{color:#fff}.pictures-hsl-tabs button.active{background:#fff;color:#000}.pictures-hsl-pane[hidden]{display:none}.pictures-swatch{display:inline-block;width:10px;height:10px;border-radius:2px;border:1px solid rgba(255,255,255,.15);flex-shrink:0}.pictures-curve-canvas{display:block;width:100%;max-width:240px;aspect-ratio:1;background:#050505;border:1px solid #1a1a1a;border-radius:3px;cursor:crosshair;margin:0 auto}.pictures-grading-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:8px}.pictures-grading-cell{display:flex;flex-direction:column;align-items:center;gap:4px}.pictures-grading-wheel{display:block;width:100%;max-width:84px;aspect-ratio:1;cursor:crosshair}.pictures-grading-zone-name{font-size:10px;color:#888;text-align:center}.pictures-grading-sliders{margin-top:4px}.pictures-slider{display:flex;flex-direction:column;gap:3px}.pictures-slider-head{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#aaa}.pictures-slider-label{flex:1;display:flex;align-items:center;gap:6px}.pictures-slider-label:before{content:"";width:5px;height:5px;border-radius:50%;background:transparent;transition:background .1s}.pictures-slider.changed .pictures-slider-label{color:#fff}.pictures-slider.changed .pictures-slider-label:before{background:#fff}.pictures-slider-value{color:#fff;font-variant-numeric:tabular-nums;font-size:11px;margin-right:6px;min-width:44px;text-align:right;cursor:text;padding:1px 4px;border-radius:3px;border:1px solid transparent}.pictures-slider-value:hover{border-color:#2a2a2a}.pictures-slider-value-input{width:56px;min-width:56px;background:#050505;color:#fff;border:1px solid #fff;border-radius:3px;padding:1px 4px;font-size:11px;font-variant-numeric:tabular-nums;text-align:right;font-family:inherit;outline:none}.pictures-slider-reset{background:transparent;border:0;color:#555;cursor:pointer;padding:0 2px;font-size:11px}.pictures-slider-reset:hover{color:#fff}.pictures-slider-input{width:100%;accent-color:#fff;height:18px}.pictures-crop-controls{display:flex;flex-direction:column;gap:8px}.pictures-crop-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.pictures-crop-row>select{flex:1;background:#050505;color:#ccc;border:1px solid #2a2a2a;border-radius:3px;padding:3px 6px;font-size:11px;font-family:inherit;outline:none;min-width:0}.pictures-crop-row>select:hover{border-color:#444}.pictures-crop-row>select:focus{border-color:#fff}.pictures-crop-icon-btn{background:transparent;color:#888;border:1px solid #2a2a2a;width:26px;height:26px;border-radius:3px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:0}.pictures-crop-icon-btn:hover{color:#fff;border-color:#444}.pictures-crop-icon-btn.active{background:#fff;color:#000;border-color:#fff}.pictures-crop-icon-btn svg{width:14px;height:14px;display:block}.pictures-crop-toggle{width:100%;padding:6px 10px;font-size:11px;cursor:pointer;background:transparent;color:#ccc;border:1px solid #2a2a2a;border-radius:3px;display:flex;align-items:center;justify-content:center;gap:6px}.pictures-crop-toggle:hover{border-color:#444;color:#fff}.pictures-crop-toggle.active{background:#fff;color:#000;border-color:#fff}.pictures-crop-overlay{position:absolute;pointer-events:none}.pictures-crop-shade{position:absolute;background:#0000008c;pointer-events:auto;cursor:default}.pictures-crop-frame{position:absolute;box-sizing:border-box;border:1px solid rgba(255,255,255,.85);pointer-events:auto;cursor:move;box-shadow:0 0 0 1px #0006}.pictures-crop-grid{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}.pictures-crop-handle{position:absolute;width:12px;height:12px;background:#fff;border:1px solid #000;pointer-events:auto}.pictures-crop-handle[data-handle=nw]{left:-6px;top:-6px;cursor:nwse-resize}.pictures-crop-handle[data-handle=n]{left:50%;top:-6px;margin-left:-6px;cursor:ns-resize;width:14px;height:6px}.pictures-crop-handle[data-handle=ne]{right:-6px;top:-6px;cursor:nesw-resize}.pictures-crop-handle[data-handle=e]{right:-6px;top:50%;margin-top:-6px;cursor:ew-resize;width:6px;height:14px}.pictures-crop-handle[data-handle=se]{right:-6px;bottom:-6px;cursor:nwse-resize}.pictures-crop-handle[data-handle=s]{left:50%;bottom:-6px;margin-left:-6px;cursor:ns-resize;width:14px;height:6px}.pictures-crop-handle[data-handle=sw]{left:-6px;bottom:-6px;cursor:nesw-resize}.pictures-crop-handle[data-handle=w]{left:-6px;top:50%;margin-top:-6px;cursor:ew-resize;width:6px;height:14px}.pictures-straighten-svg{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:auto;cursor:crosshair;background:#0000}.pictures-develop-canvas-host.crop-mode #pictures-develop-canvas{cursor:default}.pictures-develop-canvas-host.straighten-mode{cursor:crosshair}.pictures-grid-actionbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:6px 16px;background:#0a0a0a;border-bottom:1px solid #1a1a1a;font-size:11px;color:#aaa}.pictures-actionbar-count{color:#fff;font-weight:600}.pictures-actionbar-divider{width:1px;height:16px;background:#2a2a2a;margin:0 2px}.pictures-actionbar-label{color:#888}.pictures-grid-actionbar select{background:#050505;color:#ccc;border:1px solid #2a2a2a;border-radius:3px;padding:3px 6px;font-size:11px;font-family:inherit;outline:none}.pictures-grid-actionbar select:hover{border-color:#444}.pictures-grid-actionbar select:disabled{color:#555;cursor:not-allowed}.pictures-grid-actionbar .pictures-text-btn:disabled{color:#444;border-color:#1a1a1a;cursor:not-allowed}.pictures-actionbar-hint{color:#555;margin-left:auto;font-size:10px}.pictures-presets-section .pictures-presets-body{display:flex;flex-direction:column;gap:6px}.pictures-sync-sections{display:grid;grid-template-columns:1fr 1fr;gap:2px 8px;margin-bottom:8px}.pictures-sync-toggle{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:11px;color:#ccc;padding:2px 0}.pictures-sync-toggle input{accent-color:#fff;width:13px;height:13px;margin:0}.pictures-sync-toggle:hover{color:#fff}.pictures-sync-actions{display:flex;gap:6px;flex-wrap:wrap}.pictures-sync-actions .pictures-text-btn{flex:1;min-width:0}.pictures-text-btn-primary{background:#fff;color:#000;border-color:#fff}.pictures-text-btn-primary:hover{background:#ddd;border-color:#ddd;color:#000}.pictures-sync-hint{font-size:10px;color:#555;padding:4px 0 0}.pictures-presets-list{display:flex;flex-direction:column;gap:4px}.pictures-presets-empty{font-size:11px;color:#555;margin:0;padding:4px 0}.pictures-preset-row{display:flex;align-items:stretch;gap:4px}.pictures-preset-apply{flex:1;background:transparent;color:#ccc;border:1px solid #2a2a2a;border-radius:3px;padding:5px 10px;font-size:11px;text-align:left;cursor:pointer;font-family:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pictures-preset-apply:hover{background:#fff;color:#000;border-color:#fff}.pictures-preset-rename,.pictures-preset-delete{background:transparent;color:#666;border:1px solid #2a2a2a;border-radius:3px;width:24px;padding:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.pictures-preset-rename:hover,.pictures-preset-delete:hover{color:#fff;border-color:#444}.pictures-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%) translateY(8px);background:#fff;color:#000;padding:8px 14px;border-radius:4px;font-size:12px;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;z-index:100000;box-shadow:0 4px 16px #0006}.pictures-toast.visible{opacity:1;transform:translate(-50%) translateY(0)}.video-mixer-panel{position:fixed;top:80px;right:20px;z-index:9999;background:#0a0a0a;border:1px solid #222;border-radius:12px;box-shadow:0 16px 48px #0009;display:flex;flex-direction:column;overflow:hidden;-webkit-user-select:none;user-select:none;max-height:calc(100vh - 100px)}.video-mixer-panel.snapped{border-radius:0;box-shadow:0 0 0 1px #2a2a2a}.video-mixer-panel.dragging{opacity:.92;transition:none;cursor:grabbing}.video-mixer-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#111;border-bottom:1px solid #1a1a1a;cursor:grab;flex-shrink:0}.video-mixer-header:active{cursor:grabbing}.video-mixer-header-left{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:#fff;letter-spacing:.04em}.video-mixer-close-btn{background:transparent;border:none;color:#888;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center}.video-mixer-close-btn:hover{color:#fff;background:#1a1a1a}.video-mixer-body{overflow:auto;padding:14px;display:flex;align-items:stretch;gap:0;background:#060606}.video-mixer-snap-guide{position:fixed;z-index:9998;background:#ffffff14;border:1px dashed rgba(255,255,255,.4);pointer-events:none;display:none}.vmix-strips{display:flex;gap:8px;overflow-x:auto}.vmix-divider{width:1px;background:#1a1a1a;margin:0 10px;align-self:stretch}.vmix-master{display:flex;flex-shrink:0}.vmix-empty{flex:1;display:flex;align-items:center;justify-content:center;color:#555;font-size:13px}.vmix-strip{width:76px;flex-shrink:0;background:#0d0d0d;border:1px solid #1a1a1a;border-radius:8px;padding:10px 6px;display:flex;flex-direction:column;align-items:center;gap:8px}.vmix-strip-master{background:#111;border-color:#2a2a2a}.vmix-strip-name{font-size:11px;font-weight:700;color:#ccc;text-transform:uppercase;letter-spacing:.08em;text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vmix-strip-master .vmix-strip-name{color:#fff}.vmix-strip-row{width:100%;display:flex;flex-direction:column;align-items:center}.vmix-pan-wrap{width:100%;display:flex;flex-direction:column;align-items:center;gap:4px}.vmix-pan-label{font-size:10px;color:#888;font-variant-numeric:tabular-nums;min-height:12px}.vmix-pan{-webkit-appearance:none;appearance:none;width:80%;height:4px;background:#1f1f1f;border-radius:2px;outline:none;cursor:pointer}.vmix-pan::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid #0d0d0d;cursor:pointer}.vmix-pan::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid #0d0d0d;cursor:pointer}.vmix-strip-buttons{display:flex;gap:6px;width:100%;justify-content:center}.vmix-btn{width:28px;height:24px;border-radius:4px;background:#161616;border:1px solid #2a2a2a;color:#777;font-size:11px;font-weight:700;cursor:pointer;font-family:inherit}.vmix-btn:hover{color:#ccc;border-color:#444}.vmix-mute.active{background:#fff;color:#000;border-color:#fff}.vmix-solo.active{background:#444;color:#fff;border-color:#666}.vmix-fader-wrap{position:relative;width:100%;height:240px;display:flex;align-items:stretch;justify-content:center;margin-top:4px}.vmix-fader-scale{position:absolute;left:4px;top:0;bottom:0;display:flex;flex-direction:column;justify-content:space-between;font-size:9px;color:#444;font-variant-numeric:tabular-nums;pointer-events:none}.vmix-fader{writing-mode:vertical-lr;direction:rtl;width:28px;height:100%;background:transparent;cursor:pointer;outline:none}.vmix-fader::-webkit-slider-runnable-track{width:6px;background:#1a1a1a;border-radius:3px}.vmix-fader::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:28px;height:14px;border-radius:3px;background:#fff;border:1px solid #888;margin-left:-11px;cursor:pointer;box-shadow:0 2px 6px #00000080}.vmix-fader::-moz-range-track{width:6px;background:#1a1a1a;border-radius:3px}.vmix-fader::-moz-range-thumb{width:28px;height:14px;border-radius:3px;background:#fff;border:1px solid #888;cursor:pointer;box-shadow:0 2px 6px #00000080}.vmix-fader-meter{position:absolute;right:6px;top:0;bottom:0;width:6px;background:#111;border-radius:3px;pointer-events:none;overflow:hidden}.vmix-fader-meter-fill{position:absolute;left:0;right:0;bottom:0;height:0%;background:linear-gradient(to top,#fff,#ccc 60%,#888 85%,#444);transition:height 60ms linear}.vmix-fader-meter-fill.clip{background:linear-gradient(to top,#fff 0% 90%,#888);box-shadow:0 0 6px #fff9}.vmix-strip-value{font-size:11px;color:#888;font-variant-numeric:tabular-nums;text-align:center;min-height:14px}.vmix-strip-master .vmix-strip-value{color:#ccc}.te-view-tabs{display:inline-flex;gap:2px;margin-left:16px;background:#111;border:1px solid #222;border-radius:8px;padding:2px}.te-view-tab{background:transparent;border:none;color:#888;cursor:pointer;padding:4px 12px;font-size:12px;font-family:inherit;border-radius:6px;transition:background .15s,color .15s}.te-view-tab:hover{color:#ccc}.te-view-tab.active{background:#1a1a1a;color:#fff}#te-transcript-view{height:100%;overflow-y:auto}#te-script-view{height:100%;overflow-y:auto;padding:20px 28px}.te-script-empty,.te-script-empty-items{color:#555;text-align:center;padding:40px 20px;font-size:13px}.te-script-header{border-bottom:1px solid #1a1a1a;padding-bottom:16px;margin-bottom:20px;display:flex;flex-direction:column;gap:12px}.te-script-titlebar{display:flex;align-items:center;gap:8px}.te-script-name{background:transparent;border:1px solid transparent;color:#fff;font-size:18px;font-weight:600;padding:4px 8px;border-radius:6px;font-family:inherit;flex:1;min-width:0}.te-script-name:hover{border-color:#222}.te-script-name:focus{outline:none;border-color:#333;background:#0a0a0a}.te-script-switcher{background:#111;border:1px solid #222;color:#ccc;padding:4px 8px;border-radius:6px;font-family:inherit;font-size:12px;cursor:pointer}.te-script-btn{background:#111;border:1px solid #222;color:#aaa;cursor:pointer;width:28px;height:28px;border-radius:6px;font-family:inherit;font-size:14px;display:inline-flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.te-script-btn:hover{background:#1a1a1a;color:#fff}.te-script-btn-danger:hover{background:#2a1515;color:#f88}.te-script-modes{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.te-script-mode{background:#111;border:1px solid #222;color:#888;cursor:pointer;padding:6px 12px;border-radius:999px;font-family:inherit;font-size:12px;transition:background .15s,color .15s,border-color .15s}.te-script-mode:hover{background:#1a1a1a;color:#ccc}.te-script-mode.active{background:#fff;color:#000;border-color:#fff}.te-script-mode-hint{color:#666;font-size:12px;margin-left:8px;flex:1;min-width:200px}.te-script-brief{background:#0a0a0a;border:1px solid #1a1a1a;color:#ddd;border-radius:8px;padding:10px 12px;font-family:inherit;font-size:13px;min-height:60px;resize:vertical;line-height:1.5}.te-script-brief:focus{outline:none;border-color:#333}.te-script-brief::placeholder{color:#555}.te-script-items{display:flex;flex-direction:column;gap:8px}.te-script-item{display:flex;align-items:stretch;gap:8px;background:#0d0d0d;border:1px solid #1a1a1a;border-radius:10px;padding:10px 12px}.te-script-item-quote{border-left:3px solid #444}.te-script-item-voiceover{border-left:3px solid #666}.te-script-item-broll{border-left:3px solid #333}.te-script-item-card{border-left:3px solid #555}.te-script-item-silence{border-left:3px solid #222}.te-script-item-chapter{background:#1a1a1a;border-color:#2a2a2a;border-left:none}.te-script-item-controls{display:flex;flex-direction:column;gap:2px;flex-shrink:0}.te-script-item-ctrl{background:transparent;border:1px solid transparent;color:#555;cursor:pointer;width:22px;height:22px;border-radius:4px;font-size:11px;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;transition:background .15s,color .15s,border-color .15s}.te-script-item-ctrl:hover:not(:disabled){background:#1a1a1a;color:#fff;border-color:#2a2a2a}.te-script-item-ctrl:disabled{opacity:.3;cursor:default}.te-script-item-ctrl-danger:hover{color:#f88;background:#2a1515}.te-script-item-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.te-script-item-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.te-script-tag{font-size:10px;font-weight:700;letter-spacing:.5px;color:#888;background:#1a1a1a;padding:3px 8px;border-radius:4px;flex-shrink:0}.te-script-tag-chapter{background:#2a2a2a;color:#fff}.te-script-speaker{color:#ccc;font-size:12px;font-weight:600}.te-script-camchip{background:#1a1a1a;border:1px solid #2a2a2a;color:#aaa;cursor:pointer;padding:3px 8px;border-radius:4px;font-size:11px;font-family:inherit;transition:background .15s,color .15s}.te-script-camchip:hover{background:#222;color:#fff}.te-script-quote-text{color:#ddd;font-size:13px;line-height:1.5;background:#060606;padding:8px 10px;border-radius:6px}.te-script-quote-text em{color:#555;font-style:italic}.te-script-vo-text,.te-script-card-text,.te-script-broll-tag,.te-script-chapter-title{background:#060606;border:1px solid #1a1a1a;color:#ddd;padding:6px 10px;border-radius:6px;font-family:inherit;font-size:13px;width:100%}.te-script-vo-text{min-height:50px;resize:vertical;line-height:1.5}.te-script-vo-text:focus,.te-script-card-text:focus,.te-script-broll-tag:focus,.te-script-chapter-title:focus{outline:none;border-color:#333}.te-script-vo-text::placeholder,.te-script-card-text::placeholder,.te-script-broll-tag::placeholder{color:#444}.te-script-chapter-title{font-size:14px;font-weight:600;background:transparent}.te-script-broll-tag{width:auto;flex:1;min-width:100px}.te-script-card-style{background:#111;border:1px solid #222;color:#ccc;padding:4px 8px;border-radius:4px;font-family:inherit;font-size:12px;cursor:pointer}.te-script-dur{background:#060606;border:1px solid #1a1a1a;color:#ccc;padding:4px 6px;border-radius:4px;font-family:inherit;font-size:12px;width:60px}.te-script-broll-note{font-size:11px;color:#666;font-style:italic}.te-script-addbar{margin-top:20px;padding-top:16px;border-top:1px solid #1a1a1a;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.te-script-add-label{color:#666;font-size:12px;margin-right:4px}.te-script-add{background:#111;border:1px solid #222;color:#ccc;cursor:pointer;padding:5px 12px;border-radius:6px;font-family:inherit;font-size:12px;transition:background .15s,color .15s}.te-script-add:hover{background:#1a1a1a;color:#fff}.te-script-add-hint{color:#555;font-size:11px;margin-left:8px}.te-script-compilebar{margin-top:16px;padding:14px 16px;border-top:1px solid #1a1a1a;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#0a0a0a;border-radius:10px}.te-script-compile-summary{color:#888;font-size:12px;font-variant-numeric:tabular-nums}.te-script-compile{background:#fff;color:#000;border:none;cursor:pointer;padding:8px 18px;border-radius:8px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s}.te-script-compile:hover{background:#ddd}.video-file-group-header{text-transform:uppercase;font-size:10px;letter-spacing:.8px;color:#888;padding:12px 12px 6px;display:flex;align-items:center;gap:6px}.video-file-group-count{background:#1a1a1a;color:#666;padding:1px 6px;border-radius:8px;font-size:10px;letter-spacing:0}.video-file-badges{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.video-file-kind{font-size:10px;font-weight:700;letter-spacing:.5px;padding:2px 7px;border-radius:4px;background:#1a1a1a;color:#ccc;text-transform:uppercase}.video-file-kind-interview{background:#2a2a2a;color:#fff}.video-file-kind-broll{background:#1a1a1a;color:#ddd;border:1px solid #333}.video-file-kind-atmosphere{background:#181818;color:#aaa}.video-file-kind-music{background:#1a1a1a;color:#ccc}.video-file-kind-sfx{background:#1a1a1a;color:#aaa}.video-file-kind-audio{background:#1a1a1a;color:#bbb}.video-file-tag{font-size:10px;padding:2px 7px;border-radius:4px;background:#0d0d0d;color:#999;border:1px solid #222}.video-file-tag-more{color:#555}.video-context-menu-section{font-size:10px;letter-spacing:.5px;color:#666;padding:6px 12px 2px;text-transform:uppercase}.video-context-menu-sep{height:1px;background:#1a1a1a;margin:4px 0}.video-context-menu-item-muted{color:#555!important}.video-tags-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10001;background:#000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center}.video-tags-modal{background:#0a0a0a;border:1px solid #222;border-radius:14px;width:480px;max-width:92vw;box-shadow:0 20px 60px #000000b3;display:flex;flex-direction:column}.video-tags-modal-header{padding:16px 20px 8px;color:#fff;font-size:14px;font-weight:600;border-bottom:1px solid #1a1a1a}.video-tags-filename{color:#888;font-weight:400;font-size:12px;margin-left:6px}.video-tags-modal-body{padding:16px 20px}.video-tags-label{display:block;font-size:11px;letter-spacing:.5px;color:#888;text-transform:uppercase;margin-bottom:6px}.video-tags-input{width:100%;background:#060606;border:1px solid #222;color:#fff;padding:8px 10px;border-radius:6px;font-family:inherit;font-size:13px;box-sizing:border-box}.video-tags-input:focus{outline:none;border-color:#444}.video-tags-modal-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:10px;min-height:22px}.video-tags-modal-chips-empty{color:#444;font-size:11px;font-style:italic}.video-tags-modal-hint{color:#666;font-size:12px;margin-top:12px;line-height:1.5}.video-tags-modal-actions{display:flex;justify-content:flex-end;gap:8px;padding:12px 20px;border-top:1px solid #1a1a1a}.video-tags-modal-btn{background:#111;border:1px solid #222;color:#ccc;padding:7px 16px;border-radius:6px;cursor:pointer;font-family:inherit;font-size:13px}.video-tags-modal-btn:hover{background:#1a1a1a;color:#fff}.video-tags-modal-btn-primary{background:#fff;color:#000;border-color:#fff}.video-tags-modal-btn-primary:hover{background:#ddd}.video-autotag-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 0;border-bottom:1px solid #1a1a1a}.video-autotag-row:last-of-type{border-bottom:none}.video-autotag-label{font-size:10px;letter-spacing:.5px;color:#666;text-transform:uppercase;min-width:70px}.video-autotag-conf{font-size:11px;color:#888;margin-left:auto;font-variant-numeric:tabular-nums}#drum-machine-page{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0a0a;color:#fff;display:none;overflow:hidden}#drum-machine-page.open{display:flex;flex-direction:column}.dm-projects-view{padding:56px 40px;max-width:1100px;margin:0 auto;width:100%}.dm-projects-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.dm-projects-title{font-size:28px;font-weight:700;letter-spacing:-.02em}.dm-projects-new-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#fff;color:#000;border:none;border-radius:10px;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;transition:transform .18s cubic-bezier(.4,0,.2,1)}.dm-projects-new-btn:hover{transform:translateY(-1px)}.dm-projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.dm-project-card{position:relative;background:#111;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:18px;cursor:pointer;transition:all .18s cubic-bezier(.4,0,.2,1)}.dm-project-card:hover{background:#1a1a1a;transform:translateY(-2px);border-color:#ffffff26}.dm-project-name{font-size:15px;font-weight:600;margin-bottom:6px}.dm-project-meta{font-size:11px;color:#666}.dm-project-delete{position:absolute;top:10px;right:10px;width:22px;height:22px;border-radius:50%;background:transparent;border:1px solid rgba(255,255,255,.1);color:#888;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;opacity:0;transition:all .18s}.dm-project-card:hover .dm-project-delete{opacity:1}.dm-project-delete:hover{background:#fff;color:#000;border-color:#fff}.dm-empty{text-align:center;padding:96px 20px;color:#444;grid-column:1 / -1}.dm-editor-view{flex:1;display:flex;flex-direction:column;overflow:hidden}.dm-container{display:flex;flex-direction:column;height:100%;padding:16px;gap:12px}.dm-toolbar{display:flex;align-items:center;gap:16px;background:#111;border-radius:12px;padding:10px 14px;border:1px solid rgba(255,255,255,.06)}.dm-toolbar-left{display:flex;align-items:center;gap:10px;flex:0 0 auto}.dm-back-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid rgba(255,255,255,.1);color:#888;border-radius:8px;cursor:pointer;transition:all .18s}.dm-back-btn:hover{background:#1a1a1a;color:#fff;border-color:#fff3}.dm-project-name{background:transparent;border:none;color:#fff;font-size:14px;font-weight:600;font-family:inherit;outline:none;min-width:200px;padding:6px 0}.dm-project-name::placeholder{color:#555}.dm-transport{display:flex;align-items:center;gap:14px;margin-left:auto;margin-right:auto}.dm-transport-btn{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#1a1a1a;border:1px solid rgba(255,255,255,.1);color:#fff;cursor:pointer;transition:all .18s}.dm-transport-btn:hover{background:#222;transform:scale(1.05)}.dm-transport-btn.active{background:#fff;color:#000}.dm-bpm-group{display:flex;align-items:center;gap:6px;color:#888;font-size:11px;letter-spacing:.5px;text-transform:uppercase}.dm-bpm-group input[type=number]{width:56px;background:#0a0a0a;border:1px solid rgba(255,255,255,.08);color:#fff;padding:5px 8px;border-radius:6px;font-family:inherit;text-align:center;font-variant-numeric:tabular-nums}.dm-bpm-group input[type=range]{width:90px}.dm-bpm-group label{font-weight:600}.dm-toolbar-right{display:flex;align-items:center;gap:8px}.dm-action-btn{display:flex;align-items:center;gap:6px;padding:7px 12px;background:#1a1a1a;border:1px solid rgba(255,255,255,.08);color:#aaa;border-radius:8px;cursor:pointer;font-family:inherit;font-size:12px;transition:all .18s cubic-bezier(.4,0,.2,1)}.dm-action-btn:hover{background:#222;color:#fff;transform:translateY(-1px)}.dm-patterns-bar{display:flex;gap:6px;padding:6px 14px;background:#0d0d0d;border-radius:10px}.dm-pattern-btn{width:32px;height:32px;background:#1a1a1a;border:1px solid rgba(255,255,255,.08);color:#888;border-radius:8px;cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;transition:all .18s}.dm-pattern-btn:hover{background:#222;color:#fff}.dm-pattern-btn.active{background:#fff;color:#000;border-color:#fff}.dm-pattern-add{font-size:16px;color:#555}.dm-main{flex:1;display:grid;grid-template-columns:200px 1fr auto;gap:10px;min-height:0}.dm-pads-col{display:flex;flex-direction:column;gap:4px;background:#111;border-radius:12px;padding:8px;overflow-y:auto;border:1px solid rgba(255,255,255,.06)}.dm-pad{position:relative;background:#1a1a1a;border-radius:8px;padding:8px;border:1px solid rgba(255,255,255,.04);cursor:pointer;transition:all .18s cubic-bezier(.4,0,.2,1);min-height:56px}.dm-pad:hover{background:#222}.dm-pad.selected{border-color:#fff;background:#222}.dm-pad.muted{opacity:.4}.dm-pad.soloed{background:#2a2a2a}.dm-pad.hit{background:#fff;color:#000;transition:background .05s}.dm-pad-name{font-size:12px;font-weight:600;margin-bottom:6px;-webkit-user-select:none;user-select:none}.dm-pad-sample{color:#888;font-size:9px;font-weight:400;font-style:italic}.dm-pad-actions{display:flex;gap:4px;flex-wrap:wrap}.dm-pad-btn{width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:#0d0d0d;border:1px solid rgba(255,255,255,.08);color:#888;border-radius:5px;cursor:pointer;font-size:10px;font-weight:600;transition:all .15s;font-family:inherit}.dm-pad-btn:hover{background:#222;color:#fff}.dm-pad-btn.active{background:#fff;color:#000;border-color:#fff}.dm-grid-wrap{background:#111;border-radius:12px;padding:8px;overflow:auto;border:1px solid rgba(255,255,255,.06)}.dm-grid{display:flex;flex-direction:column;gap:4px;min-width:600px}.dm-grid-row{display:grid;grid-template-columns:repeat(16,minmax(28px,1fr));gap:3px;height:56px}.dm-step{background:#1a1a1a;border-radius:6px;cursor:pointer;transition:all .12s cubic-bezier(.4,0,.2,1);border:1px solid transparent}.dm-step:hover{background:#222;transform:scale(.95)}.dm-step.beat{background:#1f1f1f}.dm-step.beat:hover{background:#2a2a2a}.dm-step.on{background:#fff;box-shadow:0 0 12px #ffffff40}.dm-step.on:hover{background:#eee}.dm-step.current{outline:2px solid rgba(255,255,255,.45);outline-offset:-2px}.dm-step.on.current{background:#fff;outline:2px solid #fff}.dm-fx-panel{width:0;background:#111;border-radius:12px;padding:0;overflow:hidden;transition:width .22s cubic-bezier(.4,0,.2,1);border:1px solid transparent}.dm-fx-panel.open{width:240px;padding:14px;border-color:#ffffff14}.dm-fx-header{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;color:#888;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:14px}.dm-fx-rows{display:flex;flex-direction:column;gap:14px}.dm-fx-row label{display:flex;justify-content:space-between;font-size:11px;color:#888;margin-bottom:6px}.dm-fx-row label span{color:#fff;font-variant-numeric:tabular-nums}.dm-fx-row input[type=range]{width:100%}.dm-toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%) translateY(60px);background:#fff;color:#000;padding:10px 18px;border-radius:999px;font-size:13px;font-weight:500;opacity:0;pointer-events:none;transition:all .25s cubic-bezier(.4,0,.2,1);z-index:9999;box-shadow:0 10px 30px #0006}.dm-toast.show{opacity:1;transform:translate(-50%) translateY(0)}.rec-beat-clip{position:absolute;top:4px;bottom:4px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:6px;cursor:grab;display:flex;flex-direction:column;padding:4px 6px;overflow:hidden;transition:opacity .15s,background .15s}.rec-beat-clip:hover{background:#ffffff14}.rec-beat-clip:active{cursor:grabbing}.rec-beat-clip-label{font-size:9px;color:#aaa;letter-spacing:1px;text-transform:uppercase;font-weight:600;margin-bottom:3px;flex-shrink:0}.rec-beat-grid-preview{flex:1;display:flex;flex-direction:column;gap:1px;min-height:0;overflow:hidden}.rec-beat-row{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:1px;flex:1;min-height:0}.rec-beat-cell{background:#ffffff0f;border-radius:1.5px}.rec-beat-cell.beat{background:#ffffff1a}.rec-beat-cell.on{background:#fff;box-shadow:0 0 4px #fff6}.rec-clip-handle{position:absolute;top:0;bottom:0;width:8px;cursor:ew-resize;z-index:6;transition:background .12s}.rec-clip-handle.left{left:0}.rec-clip-handle.right{right:0}.rec-clip-handle:after{content:"";position:absolute;top:6px;bottom:6px;width:2px;background:#ffffff40;opacity:0;transition:opacity .15s}.rec-clip-handle.left:after{left:2px}.rec-clip-handle.right:after{right:2px}.rec-beat-clip:hover .rec-clip-handle:after,.rec-audio-clip:hover .rec-clip-handle:after{opacity:1}.rec-clip-handle:hover:after{background:#ffffffb3;opacity:1}.rec-beat-editor-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5000;display:flex;align-items:center;justify-content:center}.rec-beat-editor-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.rec-beat-editor-panel{position:relative;width:95vw;max-width:1200px;height:88vh;max-height:820px;background:#0d0d0d;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:16px;display:flex;flex-direction:column;box-shadow:0 30px 80px #000000b3}.rec-beat-editor-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.06);gap:18px}.rec-beat-editor-title{display:flex;flex-direction:column;gap:4px;min-width:0}.rec-beat-name-input{background:transparent;border:none;color:#fff;font-size:18px;font-weight:700;font-family:inherit;outline:none;padding:4px 0;max-width:320px}.rec-beat-editor-meta{font-size:11px;color:#888;letter-spacing:.5px}.rec-beat-editor-controls{display:flex;align-items:center;gap:12px}.rec-beat-bars-group{display:flex;align-items:center;gap:6px;font-size:11px;color:#888;text-transform:uppercase;letter-spacing:.5px}.rec-beat-bars-group select{background:#1a1a1a;border:1px solid rgba(255,255,255,.1);color:#fff;padding:5px 10px;border-radius:6px;font-family:inherit;font-size:12px}.rec-beat-pattern-bar{display:flex;gap:4px}.rec-beat-pat-btn{width:28px;height:28px;background:#1a1a1a;border:1px solid rgba(255,255,255,.08);color:#888;border-radius:6px;cursor:pointer;font-family:inherit;font-size:11px;font-weight:600;transition:all .15s}.rec-beat-pat-btn:hover{background:#222;color:#fff}.rec-beat-pat-btn.active{background:#fff;color:#000;border-color:#fff}.rec-beat-pat-add{font-size:14px;color:#555}.rec-beat-editor-body{flex:1;display:grid;grid-template-columns:180px 1fr;gap:12px;padding-top:14px;min-height:0;overflow:hidden}.rec-beat-editor-pads{display:flex;flex-direction:column;gap:4px;overflow-y:auto}.rec-beat-pad{background:#1a1a1a;border-radius:8px;padding:8px;border:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;gap:6px}.rec-beat-pad.muted{opacity:.5}.rec-beat-pad-name{font-size:12px;font-weight:600;color:#ddd;cursor:pointer;-webkit-user-select:none;user-select:none}.rec-beat-pad-name:hover{color:#fff}.rec-beat-pad-actions{display:flex;align-items:center;gap:4px}.rec-beat-mini-btn{width:22px;height:22px;background:#0d0d0d;border:1px solid rgba(255,255,255,.08);color:#888;border-radius:5px;cursor:pointer;font-size:10px;font-weight:600;font-family:inherit}.rec-beat-mini-btn.active{background:#fff;color:#000;border-color:#fff}.rec-beat-pad-actions input[type=range]{flex:1}.rec-beat-editor-grid{display:flex;flex-direction:column;gap:4px;overflow:auto;padding:4px 0}.rec-beat-editor-row{display:grid;grid-template-columns:repeat(16,minmax(28px,1fr));gap:3px;height:36px}.rec-beat-editor-cell{background:#1a1a1a;border-radius:5px;cursor:pointer;transition:all .1s}.rec-beat-editor-cell:hover{background:#222;transform:scale(.95)}.rec-beat-editor-cell.beat{background:#1f1f1f}.rec-beat-editor-cell.beat:hover{background:#2a2a2a}.rec-beat-editor-cell.on{background:#fff;box-shadow:0 0 10px #ffffff40}#notes-page{display:none;position:absolute;top:0;left:0;right:0;bottom:0;background:var(--bg, #0a0a0a);z-index:10;overflow:hidden}#notes-page.open{display:flex;flex-direction:column}#notes-page-inner{flex:1;min-height:0;display:grid;grid-template-columns:300px 1fr;background:#0a0a0a;color:#e9e9e9}.notes-sidebar{display:flex;flex-direction:column;border-right:1px solid #1c1c1c;background:#0c0c0c;min-height:0}.notes-sidebar-header{display:flex;gap:8px;padding:14px 14px 10px;border-bottom:1px solid #1a1a1a}#notes-search{flex:1;background:#141414;border:1px solid #1f1f1f;border-radius:8px;padding:8px 12px;color:#e9e9e9;font-size:13px;outline:none;transition:border-color .15s,background .15s}#notes-search::placeholder{color:#5a5a5a}#notes-search:focus{border-color:#333;background:#181818}#notes-new-btn{background:#fff;color:#000;border:none;border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,transform .1s}#notes-new-btn:hover{background:#d8d8d8}#notes-new-btn:active{transform:scale(.94)}#notes-list{flex:1;overflow-y:auto;padding:6px 8px 80px}.notes-list-item{display:block;width:100%;background:transparent;border:1px solid transparent;border-radius:10px;padding:10px 12px;margin-bottom:2px;text-align:left;color:inherit;cursor:pointer;transition:background .12s,border-color .12s}.notes-list-item:hover{background:#141414}.notes-list-item.active{background:#1a1a1a;border-color:#2a2a2a}.notes-list-item-head{display:flex;align-items:center;gap:6px;margin-bottom:3px}.notes-list-title{font-size:13.5px;font-weight:600;color:#f4f4f4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.notes-list-pin{display:inline-flex;align-items:center;color:#888}.notes-list-preview{font-size:12px;color:#777;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notes-list-time{font-size:11px;color:#555;margin-top:4px}.notes-list-no-match{padding:20px;text-align:center;color:#555;font-size:12px}.notes-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:40px 20px;color:#555;text-align:center}.notes-empty p{margin:0;font-size:13px}.notes-empty-btn{background:#fff;color:#000;border:none;border-radius:8px;padding:8px 14px;font-size:12.5px;font-weight:600;cursor:pointer;margin-top:6px}.notes-empty-btn:hover{background:#d8d8d8}.notes-editor{display:flex;flex-direction:column;min-width:0;min-height:0;background:#0a0a0a}.notes-editor-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#444;gap:6px}.notes-editor-empty h2{margin:8px 0 0;font-size:22px;font-weight:600;color:#777}.notes-editor-empty p{margin:0;font-size:13px;color:#555}.notes-editor-active{flex:1;display:flex;flex-direction:column;min-height:0}.notes-editor-toolbar{display:flex;align-items:center;gap:12px;padding:14px 22px;border-bottom:1px solid #161616}#notes-title-input{flex:1;background:transparent;border:none;outline:none;color:#f8f8f8;font-size:22px;font-weight:600;padding:4px 0;min-width:0}#notes-title-input::placeholder{color:#3a3a3a}.notes-toolbar-actions{display:flex;gap:4px}.notes-toolbar-btn{background:transparent;border:1px solid transparent;color:#888;width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .12s,color .12s,border-color .12s}.notes-toolbar-btn:hover{background:#161616;color:#f0f0f0}.notes-toolbar-btn.active{background:#1c1c1c;border-color:#2a2a2a;color:#fff}.notes-toolbar-btn.notes-toolbar-danger:hover{color:#ff7070}#notes-content-input{flex:1;background:transparent;border:none;outline:none;resize:none;color:#e6e6e6;font-family:Inter,system-ui,sans-serif;font-size:15px;line-height:1.65;padding:18px 22px 30px;min-height:0}#notes-content-input::placeholder{color:#3a3a3a}#notes-content-input.mono{font-family:Space Mono,Menlo,Consolas,monospace;font-size:13.5px;line-height:1.55;background:#0e0e0e}.notes-editor-footer{display:flex;justify-content:space-between;align-items:center;padding:8px 22px;border-top:1px solid #161616;font-size:11px;color:#555;background:#0c0c0c}#notes-save-status{display:inline-flex;align-items:center;gap:6px}#notes-save-status:before{content:"";width:6px;height:6px;border-radius:50%;background:#4ade80}#notes-save-status.dirty:before{background:#facc15}#notes-save-status.saving:before{background:#60a5fa;animation:notesSavePulse .9s ease-in-out infinite}#notes-save-status.error:before{background:#ef4444}@keyframes notesSavePulse{0%,to{opacity:1}50%{opacity:.3}}@media(max-width:760px){#notes-page-inner{grid-template-columns:1fr}.notes-sidebar{border-right:none;border-bottom:1px solid #1c1c1c;max-height:38vh}}button.tool-chat-btn,a.tool-chat-btn,.tool-chat-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:7px 14px;border-radius:9px;border:1px solid rgba(139,92,246,.4)!important;background:linear-gradient(135deg,#5b46b0,#7c5cdb)!important;color:#fff!important;font-family:inherit;font-size:12px;font-weight:600;line-height:1;white-space:nowrap;cursor:pointer;box-shadow:0 1px 2px #4c1d9559,inset 0 1px #ffffff24;transition:filter .15s ease,box-shadow .15s ease,transform .1s ease}button.tool-chat-btn:hover,a.tool-chat-btn:hover,.tool-chat-btn:hover{filter:brightness(1.1);border-color:#8b5cf6a6;box-shadow:0 2px 12px #7c3aed73,inset 0 1px #fff3}button.tool-chat-btn:active,a.tool-chat-btn:active,.tool-chat-btn:active{transform:translateY(1px);filter:brightness(.98)}button.tool-chat-btn svg,a.tool-chat-btn svg,.tool-chat-btn svg{width:15px;height:15px;flex:0 0 auto;stroke:currentColor}.chat-tool-embed{margin:12px 0;border:1px solid rgba(255,255,255,.12);border-radius:14px;overflow:hidden;background:#0d0d0d}.chat-tool-embed-body{display:block;width:100%;background:#141414;max-height:460px;overflow:hidden}.chat-tool-embed-body>svg,.chat-tool-embed-body>img{display:block;width:100%;height:auto}.chat-tool-embed-loading{padding:36px 16px;text-align:center;font-size:13px;color:#888;letter-spacing:.02em}.chat-tool-embed-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px 8px 12px;border-top:1px solid rgba(255,255,255,.08);background:#111}.chat-tool-embed-label{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:#bbb}.chat-tool-embed-label svg{flex:0 0 auto}.chat-tool-embed-edit{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;color:#000;background:#fff;border:none;border-radius:9px;cursor:pointer;transition:opacity .15s ease}.chat-tool-embed-edit:hover{opacity:.85}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes skeletonShimmer{0%{background-position:-400px 0}to{background-position:400px 0}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}::selection{background:#333;color:#fff}:focus-visible{outline:1px solid #444;outline-offset:2px}.datalab-page ::-webkit-scrollbar{width:6px;height:6px}.datalab-page ::-webkit-scrollbar-track{background:transparent}.datalab-page ::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.datalab-page ::-webkit-scrollbar-thumb:hover{background:#444}.datalab-page ::-webkit-scrollbar-corner{background:transparent}.datalab-page *{scrollbar-width:thin;scrollbar-color:#333 transparent}#datalab-container{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.datalab-page{display:flex;flex-direction:column;height:100vh;min-height:0;background:#0a0a0a;color:#e0e0e0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.datalab-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:16px;height:52px;padding:0 20px;background:#111;border-bottom:1px solid #222;flex-shrink:0}.datalab-header-title{font-size:15px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}.datalab-header-subtitle{font-size:12px;color:#666;margin-left:4px}.datalab-header-actions{display:none}#header-actions.datalab-topbar-actions{display:flex!important;align-items:center;gap:6px}#header-actions.datalab-topbar-actions .datalab-btn{padding:6px 10px;font-size:12px}#header-actions.datalab-topbar-actions .datalab-export-wrapper{position:relative;display:inline-block}#header-actions.datalab-topbar-actions .datalab-export-dropdown{position:absolute;top:100%;right:0;display:none;background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:4px;z-index:1000;min-width:180px}#header-actions.datalab-topbar-actions .datalab-export-option{display:block;width:100%;padding:8px 12px;background:transparent;border:none;color:#ccc;font-size:12px;text-align:left;cursor:pointer;border-radius:4px}#header-actions.datalab-topbar-actions .datalab-export-option:hover{background:#222}.datalab-tabs{display:flex;align-items:stretch;gap:0;height:100%;margin-left:24px;flex-shrink:0}.datalab-tab{display:flex;align-items:center;padding:0 16px;font-size:13px;font-weight:500;color:#888;background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color .15s ease,background .15s ease,border-color .15s ease;white-space:nowrap;-webkit-user-select:none;user-select:none}.datalab-tab:hover{color:#ccc;background:#1a1a1a}.datalab-tab.active{color:#fff;border-bottom-color:#fff}.datalab-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;margin-left:8px;font-size:11px;font-weight:600;color:#aaa;background:#222;border-radius:9px}.datalab-body{display:flex;flex:1;min-height:0;overflow:hidden}.datalab-sidebar{width:260px;min-width:260px;display:flex;flex-direction:column;background:#0d0d0d;border-right:1px solid #1a1a1a;overflow:hidden;flex-shrink:0}.datalab-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #1a1a1a;flex-shrink:0}.datalab-sidebar-header h3{font-size:12px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.5px}.datalab-sidebar-list{flex:1;overflow-y:auto;padding:8px 0}.datalab-dataset-item{display:flex;flex-direction:column;gap:4px;padding:10px 16px;border-left:2px solid transparent;cursor:pointer;transition:background .15s ease,border-color .15s ease}.datalab-dataset-item:hover{background:#161616}.datalab-dataset-item.active{background:#1a1a1a;border-left-color:#fff}.datalab-dataset-name{font-size:13px;font-weight:500;color:#e0e0e0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.datalab-dataset-item.active .datalab-dataset-name{color:#fff}.datalab-dataset-meta{display:flex;gap:12px;font-size:11px;color:#666}.datalab-dataset-meta span{white-space:nowrap}.datalab-dataset-date{font-size:11px;color:#444}.datalab-main{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.datalab-discovery-bar{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#0a0a0a;border-bottom:1px solid #1a1a1a;flex-shrink:0;overflow-x:auto;flex-wrap:nowrap}.discovery-label{font-size:12px;color:#555;white-space:nowrap;flex-shrink:0;margin-right:4px}.discovery-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:#111;border:1px solid #222;border-radius:8px;font-size:12px;color:#aaa;cursor:pointer;white-space:nowrap;flex-shrink:0;font-family:inherit;transition:border-color .2s,color .2s,background .2s}.discovery-btn:hover{border-color:#444;color:#fff;background:#1a1a1a}.discovery-btn:active{background:#222}.discovery-btn-icon{font-size:14px;line-height:1}.discovery-btn-label{font-weight:500}.datalab-content{flex:1;overflow:auto;padding:0}.datalab-filter-bar{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#0d0d0d;border-bottom:1px solid #1a1a1a;flex-shrink:0;overflow-x:auto;flex-wrap:nowrap}.datalab-filter-bar-label{font-size:12px;color:#666;white-space:nowrap;flex-shrink:0}.datalab-filter-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background:#222;border:none;border-radius:20px;font-size:12px;color:#ccc;white-space:nowrap;cursor:default;transition:background .15s ease;flex-shrink:0;font-family:inherit}.datalab-filter-chip:hover{background:#2a2a2a}.datalab-filter-chip-remove{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:14px;line-height:1;color:#666;background:none;border:none;border-radius:50%;cursor:pointer;transition:color .15s ease;padding:0}.datalab-filter-chip-remove:hover{color:#fff}.datalab-filter-add{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:12px;color:#666;background:none;border:1px dashed #333;border-radius:20px;cursor:pointer;transition:color .15s ease,border-color .15s ease;white-space:nowrap;font-family:inherit}.datalab-filter-add:hover{color:#aaa;border-color:#444}.datalab-table-container{overflow:auto;flex:1}.datalab-table{width:100%;border-collapse:collapse;font-size:13px;table-layout:auto}.datalab-table th{position:sticky;top:0;z-index:10;background:#161616;padding:10px 12px 6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#888;text-align:left;white-space:nowrap;border-bottom:1px solid #222;-webkit-user-select:none;user-select:none}.datalab-table th.sortable{cursor:pointer;transition:color .15s ease}.datalab-table th.sortable:hover{color:#ccc}.datalab-table th .sort-indicator{display:inline-block;margin-left:4px;font-size:10px;color:#444;transition:color .15s ease}.datalab-table th.sort-asc .sort-indicator,.datalab-table th.sort-desc .sort-indicator{color:#fff}.datalab-table th .col-stats-inline{display:block;font-size:10px;font-weight:400;color:#444;text-transform:none;letter-spacing:0;margin-top:2px}.datalab-table td{padding:8px 12px;border-bottom:1px solid #1a1a1a;color:#ccc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}.datalab-table td.numeric{font-family:SF Mono,Cascadia Code,Consolas,monospace;font-size:13px;text-align:right;font-variant-numeric:tabular-nums}.datalab-table td.null-value{color:#444;font-style:italic}.datalab-table tbody tr:nth-child(odd){background:#0d0d0d}.datalab-table tbody tr:nth-child(2n){background:#111}.datalab-table tbody tr:hover{background:#1a1a1a}.datalab-table tbody tr.selected{background:#222}.datalab-table th.row-number,.datalab-table td.row-number{width:48px;min-width:48px;text-align:right;color:#444;font-size:11px;font-family:SF Mono,Cascadia Code,Consolas,monospace;padding-right:12px;border-right:1px solid #1a1a1a}.datalab-col-stats{position:absolute;z-index:200;min-width:180px;padding:12px;background:#1a1a1a;border:1px solid #333;border-radius:8px;box-shadow:0 8px 24px #0009;animation:fadeIn .15s ease;pointer-events:none}.datalab-col-stats h4{font-size:11px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid #333}.datalab-col-stats dl{display:grid;grid-template-columns:auto 1fr;gap:4px 12px}.datalab-col-stats dt{font-size:11px;color:#666}.datalab-col-stats dd{font-size:11px;color:#ccc;font-family:SF Mono,Cascadia Code,Consolas,monospace;text-align:right}.datalab-pagination{display:flex;align-items:center;justify-content:flex-end;gap:4px;padding:10px 20px;background:#111;border-top:1px solid #1a1a1a;flex-shrink:0}.datalab-pagination-info{font-size:12px;color:#666;margin-right:auto}.datalab-pagination-btn{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 8px;font-size:12px;font-family:inherit;color:#888;background:transparent;border:1px solid transparent;border-radius:6px;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.datalab-pagination-btn:hover{color:#fff;background:#222}.datalab-pagination-btn.active{color:#fff;background:#2a2a2a;border-color:#333}.datalab-pagination-btn:disabled{color:#333;cursor:not-allowed;background:transparent}.datalab-pagination-ellipsis{font-size:12px;color:#444;padding:0 4px}.datalab-pagination-size{margin-left:12px;padding-left:12px;border-left:1px solid #222}.datalab-pagination-size select{background:#1a1a1a;color:#aaa;border:1px solid #333;border-radius:4px;padding:4px 8px;font-size:12px;font-family:inherit;cursor:pointer}.datalab-insights{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;padding:20px}.datalab-insight-card{background:#111;border:1px solid #222;border-radius:8px;padding:16px;border-left:3px solid #444;transition:border-color .15s ease;animation:fadeIn .3s ease}.datalab-insight-card:hover{border-color:#333}.datalab-insight-card.severity-info{border-left-color:#4a9eff}.datalab-insight-card.severity-warning{border-left-color:#f0a830}.datalab-insight-card.severity-critical{border-left-color:#ef4444}.datalab-insight-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:8px}.datalab-insight-card-title{font-size:14px;font-weight:600;color:#fff;line-height:1.3;display:flex;align-items:center;gap:8px}.datalab-insight-card-title svg{flex-shrink:0;opacity:.7}.datalab-insight-card-severity{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#666;flex-shrink:0;margin-left:12px;padding:2px 8px;border-radius:4px}.severity-info .datalab-insight-card-severity{color:#4a9eff;background:#4a9eff1f}.severity-warning .datalab-insight-card-severity{color:#f0a830;background:#f0a8301f}.severity-critical .datalab-insight-card-severity{color:#ef4444;background:#ef44441f}.datalab-insight-card-body{font-size:13px;color:#aaa;line-height:1.5}.datalab-insight-card-body p+p{margin-top:8px}.datalab-insight-card-footer{display:flex;align-items:center;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid #1a1a1a}.datalab-insight-card-metric{font-family:SF Mono,Cascadia Code,Consolas,monospace;font-size:12px;color:#666}.datalab-insight-card-metric strong{color:#ccc;font-weight:600}.datalab-insight-stats{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.datalab-stat-badge{display:inline-block;padding:2px 8px;background:#1a1a1a;border:1px solid #333;border-radius:4px;font-family:SF Mono,Cascadia Code,Consolas,monospace;font-size:11px;color:#999}.datalab-heatmap{padding:20px}.datalab-heatmap-grid{display:grid;gap:1px;background:#1a1a1a;border:1px solid #222;border-radius:8px;overflow:hidden}.datalab-heatmap-cell{display:flex;align-items:center;justify-content:center;aspect-ratio:1;font-family:SF Mono,Cascadia Code,Consolas,monospace;font-size:11px;color:#ccc;transition:opacity .15s ease}.datalab-heatmap-cell:hover{opacity:.8}.datalab-heatmap-cell[data-strength="0"]{background:#111;color:#444}.datalab-heatmap-cell[data-strength="1"]{background:#1a1a1a}.datalab-heatmap-cell[data-strength="2"]{background:#222}.datalab-heatmap-cell[data-strength="3"]{background:#2a2a2a}.datalab-heatmap-cell[data-strength="4"]{background:#333}.datalab-heatmap-cell[data-strength="5"]{background:#444;color:#fff}.datalab-heatmap-cell[data-strength="6"]{background:#555;color:#fff}.datalab-heatmap-cell[data-strength="7"]{background:#666;color:#fff}.datalab-heatmap-cell[data-strength="8"]{background:#888;color:#fff}.datalab-heatmap-cell[data-strength="9"]{background:#aaa;color:#000}.datalab-heatmap-cell[data-strength="10"]{background:#ccc;color:#000}.datalab-heatmap-label{display:flex;align-items:center;padding:0 8px;font-size:11px;font-weight:500;color:#888;background:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.datalab-heatmap-label.x-axis{justify-content:center;writing-mode:vertical-rl;-webkit-text-orientation:mixed;text-orientation:mixed;transform:rotate(180deg);padding:8px 0}.datalab-heatmap-legend{display:flex;align-items:center;gap:8px;margin-top:12px;justify-content:center}.datalab-heatmap-legend-label{font-size:11px;color:#666}.datalab-heatmap-legend-bar{display:flex;width:200px;height:12px;border-radius:6px;overflow:hidden;background:linear-gradient(to right,#111,#333,#666,#aaa,#ccc)}.datalab-chart-container{background:#111;border:1px solid #222;border-radius:8px;padding:16px;margin:20px;position:relative}.datalab-chart-container canvas{display:block;width:100%;height:auto}.datalab-viz-actions{display:flex;gap:8px;padding:0 20px 12px}.datalab-viz-actions .datalab-btn-ghost{display:inline-flex;align-items:center;gap:6px}.datalab-saved-viz{padding:0 20px 20px}.datalab-saved-viz-header{font-size:12px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;padding-top:12px;border-top:1px solid #1a1a1a}.datalab-saved-viz-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.datalab-saved-viz-card{background:#111;border:1px solid #222;border-radius:8px;overflow:hidden;cursor:pointer;transition:border-color .15s;position:relative}.datalab-saved-viz-card:hover{border-color:#444}.datalab-saved-viz-thumb{width:100%;height:120px;overflow:hidden;background:#0a0a0a}.datalab-saved-viz-thumb img{width:100%;height:100%;object-fit:cover}.datalab-saved-viz-nothumb{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#444;font-size:12px}.datalab-saved-viz-info{padding:8px 10px}.datalab-saved-viz-name{font-size:13px;font-weight:600;color:#ccc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.datalab-saved-viz-meta{font-size:11px;color:#555;margin-top:2px}.datalab-saved-viz-actions{position:absolute;top:4px;right:4px;display:flex;gap:2px;opacity:0;transition:opacity .15s}.datalab-saved-viz-card:hover .datalab-saved-viz-actions{opacity:1}.datalab-btn-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#000000b3;border:1px solid #333;border-radius:6px;color:#aaa;cursor:pointer;padding:0}.datalab-btn-icon:hover{background:#222;color:#fff;border-color:#555}.datalab-chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.datalab-chart-title{font-size:14px;font-weight:600;color:#fff}.datalab-chart-subtitle{font-size:12px;color:#666;margin-top:2px}.datalab-chart-actions{display:flex;gap:8px}.datalab-charts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:16px;padding:20px}.datalab-chat{width:380px;min-width:380px;display:flex;flex-direction:column;background:#0d0d0d;border-left:1px solid #1a1a1a;flex-shrink:0;min-height:0;overflow:hidden;transition:transform .3s ease,margin-right .3s ease,opacity .3s ease}.datalab-chat.collapsed{transform:translate(380px);margin-right:-380px;opacity:0;pointer-events:none}.datalab-chat-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #1a1a1a;flex-shrink:0}.datalab-chat-tabs{display:none;align-items:center;gap:0;padding:0 8px;background:#080808;border-bottom:1px solid #1a1a1a;flex-shrink:0;overflow-x:auto;scrollbar-width:none}.datalab-chat-tabs::-webkit-scrollbar{display:none}.datalab-chat-tab{display:flex;align-items:center;gap:4px;padding:8px 10px;font-size:11px;color:#666;cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap;transition:color .15s,border-color .15s;flex-shrink:0}.datalab-chat-tab:hover{color:#aaa}.datalab-chat-tab.active{color:#fff;border-bottom-color:#fff}.datalab-chat-tab-title{max-width:100px;overflow:hidden;text-overflow:ellipsis}.datalab-chat-tab-close{background:none;border:none;color:#444;cursor:pointer;font-size:13px;line-height:1;padding:0 2px;border-radius:3px;transition:color .15s,background .15s}.datalab-chat-tab-close:hover{color:#fff;background:#333}.datalab-chat-tab-add{background:none;border:none;color:#444;cursor:pointer;font-size:16px;padding:4px 10px;border-radius:4px;transition:color .15s,background .15s;flex-shrink:0}.datalab-chat-tab-add:hover{color:#fff;background:#222}.datalab-chat-header h3{font-size:13px;font-weight:600;color:#fff}.datalab-chat-header-status{font-size:11px;color:#444}.datalab-chat-toggle{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;color:#666;cursor:pointer;border-radius:6px;transition:color .15s ease,background .15s ease}.datalab-chat-toggle:hover{color:#fff;background:#222}.datalab-chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px}.datalab-chat-message{max-width:95%;padding:10px 14px;font-size:14px;line-height:1.5;border-radius:16px;word-wrap:break-word;overflow-wrap:break-word;animation:fadeIn .2s ease}.datalab-chat-message.user{align-self:flex-end;background:var(--bg-user, #1a1a1a);color:var(--text, #e0e0e0);border-bottom-right-radius:4px;white-space:pre-wrap}.datalab-chat-message.assistant{align-self:flex-start;background:var(--bg-message, #161616);color:var(--text, #ccc);border-bottom-left-radius:4px}.datalab-chat-message.assistant code{font-family:SF Mono,Fira Code,monospace;font-size:13px;background:#222;padding:1px 5px;border-radius:3px}.datalab-chat-message.assistant pre{background:#111;border:1px solid #222;border-radius:6px;padding:10px;margin:8px 0;overflow-x:auto;font-family:SF Mono,Fira Code,monospace;font-size:13px;line-height:1.4}.datalab-chat-message.assistant pre code{background:none;padding:0}.datalab-chat-message-time{display:block;font-size:10px;color:#444;margin-top:4px}.datalab-chat-typing{align-self:flex-start;display:flex;gap:4px;padding:12px 14px;background:#161616;border-radius:12px 12px 12px 4px}.datalab-chat-typing span{display:block;width:6px;height:6px;background:#444;border-radius:50%;animation:pulse 1.2s ease infinite}.datalab-chat-typing span:nth-child(2){animation-delay:.2s}.datalab-chat-typing span:nth-child(3){animation-delay:.4s}.evidence-blocks{margin-top:10px;display:flex;flex-direction:column;gap:6px}.evidence-block{background:#0d0d0d;border:1px solid #222;border-radius:8px;overflow:hidden}.evidence-summary{padding:8px 12px;cursor:pointer;font-size:12px;color:#999;display:flex;align-items:center;gap:6px;-webkit-user-select:none;user-select:none}.evidence-summary:hover{color:#ccc;background:#111}.evidence-icon{font-size:13px}.evidence-subtitle{color:#666;font-size:11px;font-style:italic;margin-left:4px}.evidence-n{background:#1a1a1a;padding:1px 6px;border-radius:4px;font-size:11px;font-family:SF Mono,Cascadia Code,monospace;color:#888}.evidence-p{padding:1px 6px;border-radius:4px;font-size:11px;font-family:SF Mono,Cascadia Code,monospace}.evidence-p.sig{background:#1a2a1a;color:#6c6}.evidence-p.ns{background:#2a1a1a;color:#a88}.evidence-content{padding:8px 12px 12px;border-top:1px solid #1a1a1a}.evidence-table-wrap{overflow-x:auto;max-height:240px;overflow-y:auto}.evidence-table{width:100%;border-collapse:collapse;font-size:11px;font-family:SF Mono,Cascadia Code,monospace}.evidence-table th{background:#141414;padding:4px 8px;text-align:left;color:#888;font-weight:600;border-bottom:1px solid #222;position:sticky;top:0;white-space:nowrap}.evidence-table td{padding:3px 8px;color:#aaa;border-bottom:1px solid #111;white-space:nowrap}.evidence-table tr:hover td{background:#141414}.evidence-table .null{color:#444;font-style:italic}.evidence-more{color:#555;font-size:11px;margin:4px 0 0}.evidence-error{color:#a66;font-size:12px;padding:4px 0}.evidence-raw{font-size:11px;background:#0a0a0a;padding:8px;border-radius:4px;color:#888;overflow-x:auto;max-height:200px}.evidence-chart{padding:4px 0}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:6px}.stat-item{background:#111;padding:6px 8px;border-radius:6px;display:flex;flex-direction:column;gap:2px}.stat-label{font-size:10px;color:#555;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:13px;color:#ccc;font-family:SF Mono,Cascadia Code,monospace;font-weight:600}.stat-ci{margin-top:6px;font-size:11px;color:#888;font-family:SF Mono,Cascadia Code,monospace}.evidence-test-summary{margin-top:8px;padding:8px 10px;background:#111;border-radius:6px;font-size:12px;color:#aaa;font-family:SF Mono,Cascadia Code,monospace}.evidence-test-summary .sig{color:#6c6;font-weight:600}.evidence-test-summary .ns{color:#a88}.evidence-empty{color:#555;font-size:12px}.datalab-chat-input-area{padding:12px 16px;border-top:1px solid #1a1a1a;flex-shrink:0}.datalab-chat-input-wrapper{display:flex;align-items:flex-end;gap:2px;background:var(--input-bg, #111);border:1px solid #444;border-radius:24px;padding:4px 4px 4px 12px}.datalab-chat-input{flex:1;min-height:36px;max-height:120px;padding:8px 4px;font-size:16px;font-family:inherit;color:var(--text, #e0e0e0);background:transparent;border:none;resize:none;outline:none;line-height:1.4}.datalab-chat-input::placeholder{color:#555}.datalab-chat-input:focus{outline:none}.datalab-chat-send{width:36px;height:36px;flex-shrink:0}.datalab-chat-send:disabled{opacity:.3;cursor:not-allowed;transform:none}.datalab-chat-suggestions{display:flex;flex-wrap:wrap;gap:6px;padding:8px 16px 4px}.datalab-chat-suggestion{padding:5px 10px;font-size:12px;font-family:inherit;color:#888;background:#161616;border:1px solid #222;border-radius:14px;cursor:pointer;transition:all .15s ease}.datalab-chat-suggestion:hover{color:#ccc;border-color:#333;background:#1a1a1a}.datalab-upload-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#000c;animation:fadeIn .2s ease}.datalab-upload-modal{display:none}.datalab-upload-modal.active{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;align-items:center;justify-content:center;background:#000c}.datalab-upload-modal-content{width:520px;max-width:90vw;background:#111;border:1px solid #222;border-radius:12px;overflow:hidden}.datalab-upload-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #1a1a1a}.datalab-upload-modal-header h2{font-size:16px;font-weight:600;color:#fff}.datalab-upload-modal-close{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;color:#666;font-size:18px;cursor:pointer;border-radius:6px;transition:color .15s ease,background .15s ease}.datalab-upload-modal-close:hover{color:#fff;background:#222}.datalab-upload-modal-body{padding:20px}.datalab-upload-tabs{display:flex;border-bottom:1px solid #222;padding:0 20px;gap:0}.datalab-upload-tab{background:none;border:none;color:#666;font-size:13px;padding:12px 16px;cursor:pointer;border-bottom:2px solid transparent;transition:color .15s,border-color .15s;font-family:inherit}.datalab-upload-tab:hover{color:#aaa}.datalab-upload-tab.active{color:#fff;border-bottom-color:#fff}.datalab-upload-tab-content{padding:24px}.datalab-upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;border:2px dashed #333;border-radius:12px;cursor:pointer;transition:border-color .15s ease,background .15s ease;padding:32px;text-align:center}.datalab-upload-zone:hover,.datalab-upload-zone.dragover{border-color:#555;background:#0d0d0d}.datalab-upload-zone-icon{color:#444;margin-bottom:16px}.datalab-upload-zone-title{color:#999;font-size:14px;margin:0 0 4px}.datalab-upload-zone-divider{color:#444;font-size:12px;margin:8px 0 16px}.datalab-upload-zone-hint{color:#444;font-size:11px;margin:16px 0 0}.datalab-cbs-search{display:flex;flex-direction:column;gap:16px}.datalab-cbs-search-row{display:flex;gap:8px}.datalab-cbs-input{flex:1;background:#0d0d0d;border:1px solid #333;color:#fff;padding:10px 14px;border-radius:8px;font-size:13px;font-family:inherit;outline:none;transition:border-color .15s}.datalab-cbs-input:focus{border-color:#555}.datalab-cbs-input::placeholder{color:#555}.datalab-cbs-results{display:flex;flex-direction:column;gap:8px;max-height:340px;overflow-y:auto}.datalab-cbs-results::-webkit-scrollbar{width:4px}.datalab-cbs-results::-webkit-scrollbar-thumb{background:#333;border-radius:2px}.datalab-cbs-result-item{background:#0d0d0d;border:1px solid #222;border-radius:10px;padding:14px 16px;cursor:pointer;transition:border-color .15s,background .15s}.datalab-cbs-result-item:hover{border-color:#444;background:#111}.datalab-cbs-result-title{color:#eee;font-size:13px;font-weight:500;margin:0 0 4px}.datalab-cbs-result-meta{color:#666;font-size:11px;display:flex;gap:12px;flex-wrap:wrap}.datalab-cbs-result-desc{color:#777;font-size:12px;margin:6px 0 0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.datalab-cbs-loading{text-align:center;color:#666;font-size:13px;padding:32px 0}.datalab-cbs-empty{text-align:center;color:#555;font-size:13px;padding:32px 0}.datalab-cbs-detail{display:flex;flex-direction:column;gap:16px}.datalab-cbs-detail-header{display:flex;align-items:flex-start;gap:12px}.datalab-cbs-detail-back{background:none;border:1px solid #333;color:#999;width:32px;height:32px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color .15s,color .15s}.datalab-cbs-detail-back:hover{border-color:#555;color:#fff}.datalab-cbs-detail-title{color:#fff;font-size:14px;font-weight:500;margin:0}.datalab-cbs-detail-info{color:#666;font-size:12px;margin:4px 0 0}.datalab-cbs-dim-section{background:#0d0d0d;border:1px solid #1a1a1a;border-radius:10px;padding:14px 16px}.datalab-cbs-dim-title{color:#aaa;font-size:12px;font-weight:500;margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}.datalab-cbs-dim-select{width:100%;background:#111;border:1px solid #333;color:#fff;padding:8px 10px;border-radius:6px;font-size:13px;font-family:inherit;max-height:120px}.datalab-cbs-import-row{display:flex;gap:8px;align-items:center}.datalab-cbs-import-row label{color:#888;font-size:12px;min-width:100px}.datalab-upload-dropzone{display:none}.datalab-upload-progress{margin-top:16px;padding:0 24px 24px}.datalab-upload-progress-filename{font-size:13px;color:#ccc;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.datalab-upload-progress-bar{width:100%;height:4px;background:#222;border-radius:2px;overflow:hidden}.datalab-upload-progress-fill{height:100%;background:#fff;border-radius:2px;transition:width .3s ease}.datalab-upload-progress-percent{font-size:12px;color:#666;margin-top:6px;text-align:right;font-family:SF Mono,Cascadia Code,Consolas,monospace}.datalab-upload-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 20px;border-top:1px solid #1a1a1a}.datalab-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;font-family:inherit;border-radius:6px;border:1px solid transparent;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:all .15s ease;line-height:1}.datalab-btn:disabled{opacity:.4;cursor:not-allowed}.datalab-btn-primary{background:#fff;color:#000;border-color:#fff}.datalab-btn-primary:hover:not(:disabled){opacity:.9}.datalab-btn-primary:active:not(:disabled){opacity:.8}.datalab-btn-secondary{background:#222;color:#fff;border-color:#333}.datalab-btn-secondary:hover:not(:disabled){background:#2a2a2a;border-color:#444}.datalab-btn-secondary:active:not(:disabled){background:#333}.datalab-btn-ghost{background:transparent;color:#888;border-color:transparent}.datalab-btn-ghost:hover:not(:disabled){color:#fff;background:#1a1a1a}.datalab-btn-ghost:active:not(:disabled){background:#222}.datalab-prompt-tab.active{background:#222;color:#fff;border-color:#444}.datalab-btn-sm{padding:5px 10px;font-size:12px;border-radius:5px}.datalab-btn-icon{width:32px;height:32px;padding:0}.datalab-btn-icon.datalab-btn-sm{width:28px;height:28px}.datalab-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;animation:fadeIn .3s ease}.datalab-empty-icon{font-size:48px;color:#333;margin-bottom:16px}.datalab-empty-icon svg{width:48px;height:48px;stroke:#333}.datalab-empty-title{font-size:16px;font-weight:600;color:#888;margin-bottom:8px}.datalab-empty-text{font-size:13px;color:#666;max-width:320px;line-height:1.5;margin-bottom:20px}.datalab-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px}.datalab-spinner{width:24px;height:24px;border:2px solid #222;border-top-color:#888;border-radius:50%;animation:spin .7s linear infinite}.datalab-spinner-lg{width:36px;height:36px;border-width:3px}.datalab-skeleton{background:linear-gradient(90deg,#1a1a1a 25%,#222,#1a1a1a 75%);background-size:400px 100%;animation:skeletonShimmer 1.6s ease infinite;border-radius:4px}.datalab-skeleton-text{height:14px;margin-bottom:8px}.datalab-skeleton-text:last-child{width:60%}.datalab-skeleton-heading{height:20px;width:40%;margin-bottom:16px}.datalab-skeleton-row{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid #1a1a1a}.datalab-skeleton-cell{height:16px;flex:1}.datalab-skeleton-card{height:120px;border-radius:8px}.datalab-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0a0a0ab3;z-index:50}.datalab-status-bar{display:flex;align-items:center;gap:16px;height:28px;padding:0 16px;font-size:12px;color:#666;background:#0a0a0a;border-top:1px solid #1a1a1a;flex-shrink:0;-webkit-user-select:none;user-select:none}.datalab-status-bar-item{display:flex;align-items:center;gap:6px;white-space:nowrap}.datalab-status-bar-item strong{color:#aaa;font-weight:500}.datalab-status-bar-separator{width:1px;height:12px;background:#222}.datalab-status-bar-right{display:flex;align-items:center;gap:16px;margin-left:auto}.datalab-input{width:100%;padding:8px 12px;font-size:13px;font-family:inherit;color:#e0e0e0;background:#1a1a1a;border:1px solid #333;border-radius:6px;outline:none;transition:border-color .15s ease}.datalab-input::placeholder{color:#444}.datalab-input:focus{border-color:#444}.datalab-input-sm{padding:5px 8px;font-size:12px}.datalab-select{-webkit-appearance:none;appearance:none;width:100%;padding:8px 32px 8px 12px;font-size:13px;font-family:inherit;color:#e0e0e0;background:#1a1a1a;border:1px solid #333;border-radius:6px;outline:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;transition:border-color .15s ease}.datalab-select:focus{border-color:#444}.datalab-label{display:block;font-size:12px;font-weight:500;color:#888;margin-bottom:6px}.datalab-search{position:relative}.datalab-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#444;pointer-events:none}.datalab-search .datalab-input{padding-left:32px}.datalab-context-menu{position:fixed;z-index:500;min-width:180px;background:#161616;border:1px solid #333;border-radius:8px;padding:4px 0;box-shadow:0 8px 24px #0009;animation:fadeIn .1s ease}.datalab-context-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 14px;font-size:13px;font-family:inherit;color:#ccc;background:none;border:none;cursor:pointer;text-align:left;transition:background .1s ease}.datalab-context-menu-item:hover{background:#222}.datalab-context-menu-item:disabled{color:#444;cursor:not-allowed}.datalab-context-menu-item-icon{width:16px;color:#666;flex-shrink:0}.datalab-context-menu-item-shortcut{margin-left:auto;font-size:11px;color:#444}.datalab-context-menu-divider{height:1px;background:#222;margin:4px 0}.datalab-tooltip{position:absolute;z-index:600;padding:6px 10px;font-size:12px;color:#ccc;background:#222;border:1px solid #333;border-radius:6px;white-space:nowrap;pointer-events:none;animation:fadeIn .1s ease;box-shadow:0 4px 12px #0006}.datalab-dropdown{position:absolute;z-index:300;min-width:200px;background:#161616;border:1px solid #333;border-radius:8px;padding:4px 0;box-shadow:0 8px 24px #0009;animation:fadeIn .15s ease}.datalab-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 14px;font-size:13px;font-family:inherit;color:#ccc;background:none;border:none;cursor:pointer;text-align:left;transition:background .1s ease}.datalab-dropdown-item:hover{background:#222}.datalab-dropdown-item.active{color:#fff}.datalab-dropdown-divider{height:1px;background:#222;margin:4px 0}.datalab-dropdown-header{padding:8px 14px 4px;font-size:11px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.datalab-badge{display:inline-flex;align-items:center;padding:2px 8px;font-size:11px;font-weight:500;border-radius:10px;background:#222;color:#aaa}.datalab-badge-outline{background:transparent;border:1px solid #333;color:#888}.datalab-type-badge{font-family:SF Mono,Cascadia Code,Consolas,monospace;font-size:10px;padding:1px 6px;background:#1a1a1a;color:#666;border-radius:3px}.datalab-divider{height:1px;background:#222;margin:8px 0}.datalab-divider-vertical{width:1px;background:#222;align-self:stretch;margin:0 8px}.datalab-resizer{width:4px;cursor:col-resize;background:transparent;transition:background .15s ease;flex-shrink:0}.datalab-resizer:hover,.datalab-resizer.active{background:#333}.datalab-dtype{display:inline-block;font-size:10px;font-family:SF Mono,Cascadia Code,Consolas,monospace;color:#444;margin-left:6px;font-weight:400;text-transform:none;letter-spacing:0}.datalab-table th{position:relative}.datalab-col-resize-handle{position:absolute;right:0;top:0;bottom:0;width:4px;cursor:col-resize;background:transparent;transition:background .15s ease}.datalab-col-resize-handle:hover,.datalab-col-resize-handle.active{background:#444}.datalab-toast-container{position:fixed;bottom:40px;right:20px;z-index:900;display:flex;flex-direction:column-reverse;gap:8px;pointer-events:none}.datalab-toast{display:flex;align-items:center;gap:10px;padding:10px 16px;background:#1a1a1a;border:1px solid #333;border-radius:8px;font-size:13px;color:#ccc;box-shadow:0 8px 24px #00000080;pointer-events:auto;animation:fadeIn .2s ease}.datalab-toast-close{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:none;border:none;color:#666;cursor:pointer;border-radius:4px;font-size:14px;flex-shrink:0;transition:color .15s ease}.datalab-toast-close:hover{color:#fff}@media(max-width:1200px){.datalab-chat{width:320px;min-width:320px}.datalab-chat.build-split{width:600px;min-width:600px}.datalab-chat.collapsed{transform:translate(320px);margin-right:-320px}}@media(max-width:960px){.datalab-sidebar{width:220px;min-width:220px}.datalab-chat{position:fixed;right:0;top:52px;bottom:28px;z-index:200;width:380px;border-left:1px solid #222;box-shadow:-8px 0 24px #0006}.datalab-chat.build-split{width:90vw;min-width:90vw}.datalab-chat.collapsed{transform:translate(100%);margin-right:0}}@media(max-width:768px){.datalab-sidebar{position:fixed;left:0;top:0;bottom:28px;z-index:200;width:260px;box-shadow:8px 0 24px #0006;transform:translate(-100%);transition:transform .3s ease}.datalab-sidebar.open{transform:translate(0)}.datalab-header{height:auto;flex-wrap:wrap;padding:8px 12px;gap:0}.datalab-header-top{width:100%;min-width:0}.datalab-header-title{max-width:140px}.datalab-dataset-title{flex:1;min-width:0;overflow:hidden}.datalab-dataset-title .datalab-title-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#header-actions.datalab-topbar-actions{gap:4px}.datalab-tabs{width:100%;margin-left:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;height:36px}.datalab-tabs::-webkit-scrollbar{display:none}.datalab-tab{padding:0 12px;font-size:12px}.datalab-insights,.datalab-charts-grid{grid-template-columns:1fr}}.datalab-mono{font-family:SF Mono,Cascadia Code,Consolas,monospace}.datalab-truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.datalab-flex{display:flex}.datalab-flex-center{display:flex;align-items:center;justify-content:center}.datalab-gap-sm{gap:4px}.datalab-gap-md{gap:8px}.datalab-gap-lg{gap:16px}.datalab-text-muted{color:#666}.datalab-text-secondary{color:#888}.datalab-text-sm{font-size:12px}.datalab-text-xs{font-size:11px}.datalab-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.datalab-hidden{display:none!important}.datalab-export-btn{background:#1a1a1a;color:#aaa;border:1px solid #333;padding:6px 14px;border-radius:6px;font-size:13px;cursor:pointer;transition:background .15s,color .15s,border-color .15s;font-family:inherit;line-height:1.4}.datalab-export-btn:hover{background:#222;color:#ddd;border-color:#444}.datalab-export-dropdown{display:none;position:absolute;top:calc(100% + 4px);right:0;min-width:180px;background:#111;border:1px solid #333;border-radius:8px;padding:4px 0;z-index:200;box-shadow:0 8px 24px #00000080}.datalab-export-option{display:block;width:100%;padding:8px 16px;background:none;border:none;color:#aaa;font-size:13px;text-align:left;cursor:pointer;font-family:inherit;transition:background .12s,color .12s}.datalab-export-option:hover{background:#1a1a1a;color:#fff}.datalab-views-dropdown{display:inline-flex;align-items:center;margin-left:12px;gap:4px}.datalab-views-select{background:#111;color:#aaa;border:1px solid #333;border-radius:6px;padding:4px 8px;font-size:12px;font-family:inherit;cursor:pointer;outline:none;transition:border-color .15s}.datalab-views-select:hover{border-color:#555;color:#ccc}.datalab-views-select:focus{border-color:#666}.datalab-view-item{display:inline-flex;align-items:center}.datalab-save-view-btn{margin-left:auto;font-size:11px;padding:3px 10px;background:#1a1a1a;color:#888;border:1px solid #333;border-radius:6px;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.datalab-save-view-btn:hover{background:#222;color:#ccc;border-color:#555}.datalab-aggregate-controls{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end;padding:16px;background:#0f0f0f;border-bottom:1px solid #333}.datalab-aggregate-control-group{display:flex;flex-direction:column;gap:6px}.datalab-aggregate-label{font-size:11px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.5px}.datalab-aggregate-select{background:#1a1a1a;border:1px solid #333;border-radius:4px;color:#aaa;padding:6px 10px;font-size:13px;min-width:160px;outline:none}.datalab-aggregate-select:focus{border-color:#555}.datalab-aggregate-metrics{display:flex;flex-wrap:wrap;gap:8px}.datalab-metric-checkbox{display:flex;align-items:center;gap:6px;background:#1a1a1a;border:1px solid #333;border-radius:4px;padding:4px 10px;font-size:12px;color:#aaa}.datalab-metric-checkbox input[type=checkbox]{accent-color:#4a9eff;width:14px;height:14px;cursor:pointer}.datalab-metric-checkbox label{cursor:pointer;white-space:nowrap}.datalab-aggregate-fn-select{background:#111;border:1px solid #333;border-radius:3px;color:#888;padding:2px 6px;font-size:11px;outline:none}.datalab-aggregate-fn-select:focus{border-color:#555}.datalab-aggregate-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.datalab-aggregate-table th.sortable:hover{background:#222}.datalab-popover{position:fixed;z-index:200;min-width:220px;background:#1a1a1a;border:1px solid #333;border-radius:8px;box-shadow:0 8px 24px #0009;animation:fadeIn .15s ease}.datalab-popover-content{padding:12px}.datalab-popover-title{font-size:12px;font-weight:600;color:#fff;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid #333}.datalab-popover-table{width:100%;font-size:12px}.datalab-popover-table td{padding:3px 0}.datalab-filter-dropdown{position:fixed;z-index:200;min-width:220px;background:#1a1a1a;border:1px solid #333;border-radius:8px;box-shadow:0 8px 24px #0009;animation:fadeIn .15s ease}.datalab-filter-dropdown-content{padding:12px;display:flex;flex-direction:column;gap:8px}.datalab-viz{display:flex;flex-direction:column;height:100%}.datalab-viz-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;padding:16px;background:#0f0f0f;border-bottom:1px solid #1a1a1a}.datalab-viz-control-group{display:flex;flex-direction:column;gap:4px}.datalab-viz-style-panel{border-bottom:1px solid #1a1a1a;background:#0a0a0a}.datalab-viz-style-toggle{display:flex;align-items:center;gap:6px;width:100%;padding:10px 16px;background:none;border:none;color:#888;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:color .15s}.datalab-viz-style-toggle:hover{color:#ccc}.datalab-viz-style-chevron{margin-left:auto;transition:transform .2s}.datalab-viz-style-body{padding:0 16px 14px;display:flex;flex-direction:column;gap:12px}.datalab-viz-style-row{display:flex;flex-direction:column;gap:6px}.datalab-viz-color-row{display:flex;align-items:center;gap:10px}.datalab-viz-color-input{width:32px;height:28px;border:1px solid #333;border-radius:4px;background:#111;cursor:pointer;padding:0;flex-shrink:0}.datalab-viz-color-input::-webkit-color-swatch-wrapper{padding:2px}.datalab-viz-color-input::-webkit-color-swatch{border:none;border-radius:2px}.datalab-viz-presets{display:flex;gap:4px;flex-wrap:wrap}.datalab-viz-preset{width:22px;height:22px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:border-color .15s,transform .15s;padding:0}.datalab-viz-preset:hover{transform:scale(1.15)}.datalab-viz-preset.active{border-color:#fff}.datalab-viz-slider-row{display:flex;align-items:center;gap:10px}.datalab-viz-slider{flex:1;height:4px;-webkit-appearance:none;appearance:none;background:#333;border-radius:2px;outline:none}.datalab-viz-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;cursor:pointer;border:none}.datalab-viz-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;cursor:pointer;border:none}.datalab-viz-slider-val{font-size:11px;color:#888;min-width:30px;text-align:right;font-variant-numeric:tabular-nums}.datalab-viz-check-row{display:flex;gap:16px}.datalab-viz-check{display:flex;align-items:center;gap:5px;font-size:12px;color:#aaa;cursor:pointer}.datalab-viz-check input[type=checkbox]{accent-color:#fff}.datalab-viz-label{font-size:11px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.5px}.datalab-rename-input{background:#1a1a1a;border:1px solid #444;border-radius:4px;color:#fff;font-size:15px;font-weight:600;padding:2px 8px;outline:none;width:240px}.datalab-sidebar-footer{padding:12px 16px;font-size:11px;color:#555;border-top:1px solid #1a1a1a;flex-shrink:0}.datalab-header-top{display:flex;align-items:center;gap:12px;flex:0 1 auto;min-width:0;max-width:300px}.datalab-dataset-title{display:flex;align-items:center;font-size:15px;font-weight:600;color:#fff;min-width:0;overflow:hidden;flex-shrink:1}.datalab-title-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}.datalab-dataset-list{flex:1;overflow-y:auto;padding:8px 0}.datalab-dataset-delete{margin-left:auto;opacity:0;transition:opacity .15s}.datalab-dataset-item:hover .datalab-dataset-delete{opacity:1}.datalab-audit-trail{padding:20px;max-width:900px}.datalab-audit-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #222}.datalab-audit-timeline{position:relative;padding-left:24px}.datalab-audit-timeline:before{content:"";position:absolute;left:7px;top:0;bottom:0;width:2px;background:#222}.datalab-audit-entry{position:relative;margin-bottom:16px}.datalab-audit-entry-dot{position:absolute;left:-20px;top:8px;width:10px;height:10px;border-radius:50%;background:#444;border:2px solid #0a0a0a}.datalab-audit-entry-content{background:#111;border:1px solid #1a1a1a;border-radius:8px;padding:12px 16px}.datalab-audit-entry-header{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.datalab-audit-step{color:#555;font-size:11px;font-weight:600;font-family:monospace}.datalab-audit-action{color:#e0e0e0;font-size:13px;font-weight:600}.datalab-audit-badge{font-size:10px;padding:2px 8px;border-radius:999px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.audit-source-copilot{background:#1a1a2e;color:#888;border:1px solid #2a2a3e}.audit-source-manual{background:#1a1a1a;color:#666;border:1px solid #333}.datalab-audit-time{color:#444;font-size:11px;margin-left:auto;font-family:monospace}.datalab-audit-details{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.datalab-audit-detail{font-size:11px;color:#888;background:#0a0a0a;padding:2px 8px;border-radius:4px;border:1px solid #1a1a1a}.datalab-mode-wrapper{position:relative;flex-shrink:0}.datalab-mode-btn{display:inline-flex;align-items:center;gap:4px;height:32px;padding:0 10px;background:transparent;color:#777;border:1px solid #333;border-radius:16px;cursor:pointer;font-size:12px;font-family:inherit;font-weight:500;transition:all .15s ease;white-space:nowrap}.datalab-mode-btn:hover,.datalab-mode-btn.mode-active{color:#fff;border-color:#555;background:#1a1a1a}.datalab-mode-btn:disabled{opacity:.3;cursor:not-allowed}.datalab-mode-label{line-height:1}.datalab-mode-menu{display:none;position:absolute;top:calc(100% + 6px);right:0;background:#111;border:1px solid #333;border-radius:12px;padding:4px;min-width:160px;z-index:100;box-shadow:0 8px 24px #00000080}.datalab-mode-menu.open{display:block}.datalab-mode-option{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:none;border:none;border-radius:8px;color:#888;font-size:13px;font-family:inherit;cursor:pointer;transition:all .1s ease}.datalab-mode-option:hover{background:#1a1a1a;color:#fff}.datalab-mode-option.active{color:#fff;background:#1a1a1a}.datalab-mode-option svg{flex-shrink:0;opacity:.6}.datalab-mode-option.active svg{opacity:1}.datalab-chat-input-wrapper.mode-deep_research,.datalab-chat-input-wrapper.mode-plan,.datalab-chat-input-wrapper.mode-spar{border-color:#444}.mode-badge-plan,.mode-badge-spar{color:#aaa!important;border-color:#444!important}.deep-research-badge{display:inline-block;font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:#888;background:#1a1a1a;border:1px solid #333;border-radius:4px;padding:2px 6px;margin-right:6px;vertical-align:middle}.deep-research-loading .deep-research-indicator{display:flex;align-items:center;gap:10px;color:#888;font-size:12px}.deep-research-spinner{animation:deep-research-spin 2s linear infinite}@keyframes deep-research-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.deep-research-plan{background:#0d0d0d;border:1px solid #222;border-radius:8px;padding:12px 14px;margin-bottom:12px;font-size:12px}.deep-research-plan-header{display:flex;align-items:center;gap:6px;font-weight:600;color:#888;font-size:11px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.deep-research-plan-summary{color:#aaa;margin-bottom:10px;line-height:1.4}.deep-research-plan-hypotheses{display:flex;flex-direction:column;gap:6px}.deep-research-hypothesis{display:flex;align-items:flex-start;gap:8px;padding:6px 8px;background:#111;border-radius:6px;border-left:3px solid #333}.deep-research-hypothesis.prio-high{border-left-color:#fff}.deep-research-hypothesis.prio-med{border-left-color:#666}.deep-research-hypothesis.prio-low{border-left-color:#333}.hypothesis-num{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#222;color:#888;font-size:10px;font-weight:700;flex-shrink:0;margin-top:1px}.hypothesis-text{color:#ccc;flex:1;line-height:1.3}.hypothesis-method{color:#555;font-size:11px;flex-shrink:0;max-width:160px;text-align:right}.deep-research-plan-quality{color:#666;font-size:11px;margin-top:8px;padding-top:8px;border-top:1px solid #1a1a1a}.deep-research-response,.mode-response-deep_research,.mode-response-plan,.mode-response-spar{border-left:2px solid #333;padding-left:12px}.script-container{padding:16px 20px 40px;max-width:1200px}.script-schema-bar{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#0d0d0d;border:1px solid #1a1a1a;border-radius:8px;margin-bottom:16px;flex-wrap:wrap;font-size:12px}.script-schema-label{color:#666;white-space:nowrap}.script-schema-label strong{color:#aaa;font-family:SF Mono,Fira Code,monospace}.script-schema-cols{display:flex;gap:6px;flex-wrap:wrap;flex:1}.script-schema-col{padding:2px 8px;background:#111;border:1px solid #222;border-radius:4px;color:#888;font-family:SF Mono,Fira Code,monospace;font-size:11px;cursor:default}.script-schema-col-num{color:#aaa}.script-schema-col-date{color:#999}.script-schema-rows{color:#555;white-space:nowrap;font-size:11px}.script-cell{background:#0a0a0a;border:1px solid #1a1a1a;border-radius:10px;margin-bottom:12px;overflow:hidden;transition:border-color .15s}.script-cell:focus-within{border-color:#333}.script-cell-running{border-color:#333}.script-cell-error{border-color:#444}.script-cell-header{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;background:#0d0d0d;border-bottom:1px solid #151515}.script-cell-num{font-family:SF Mono,Fira Code,monospace;font-size:11px;color:#444}.script-cell-actions{display:flex;gap:4px}.script-btn{background:none;border:none;cursor:pointer;color:#666;padding:4px 8px;border-radius:4px;font-size:13px;transition:all .15s}.script-btn:hover{color:#fff;background:#1a1a1a}.script-btn-run{color:#888;font-size:12px}.script-btn-run:hover{color:#fff}.script-btn-delete{font-size:16px;color:#444}.script-btn-delete:hover{color:#999}.script-btn-add{color:#555;font-size:12px;padding:8px 16px;border:1px dashed #222;border-radius:8px;width:100%;transition:all .15s}.script-btn-add:hover{color:#aaa;border-color:#444;background:#0d0d0d}.script-editor-wrap{padding:0}.script-editor{width:100%;min-height:60px;padding:12px 16px;background:transparent;color:#ccc;border:none;outline:none;font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:13px;line-height:1.5;resize:none;overflow:hidden;tab-size:2;box-sizing:border-box}.script-editor::placeholder{color:#333}.script-spinner{display:inline-block;width:12px;height:12px;border:2px solid #333;border-top-color:#888;border-radius:50%;animation:scriptSpin .6s linear infinite}@keyframes scriptSpin{to{transform:rotate(360deg)}}.script-result{border-top:1px solid #151515}.script-result-status{display:flex;align-items:center;gap:12px;padding:6px 14px;font-size:11px;color:#555;background:#080808}.script-result-warn{color:#888}.script-result-time{margin-left:auto;color:#444}.script-result-empty{padding:16px;text-align:center;color:#444;font-size:12px}.script-result-error{padding:10px 14px;font-size:12px;color:#ccc;background:#1a0a0a;border-top:1px solid #2a1515;font-family:SF Mono,Fira Code,monospace;white-space:pre-wrap}.script-result-table-wrap{overflow-x:auto;max-height:400px;overflow-y:auto}.script-result-table{width:100%;border-collapse:collapse;font-size:12px;font-family:SF Mono,Fira Code,monospace}.script-result-table th{position:sticky;top:0;background:#0d0d0d;padding:6px 12px;text-align:left;font-weight:600;color:#888;border-bottom:1px solid #1a1a1a;white-space:nowrap;font-size:11px;text-transform:uppercase;letter-spacing:.5px}.script-result-table td{padding:5px 12px;color:#aaa;border-bottom:1px solid #0d0d0d;white-space:nowrap;max-width:300px;overflow:hidden;text-overflow:ellipsis}.script-result-table tbody tr:hover td{background:#111}.script-result-table td.null-val{color:#333;font-style:italic}.script-add-cell{margin-top:8px}.datalab-content:has(.script-layout){overflow:hidden}.script-layout{display:flex;height:100%;min-height:0}.script-cells-panel{flex:1;overflow-y:auto;min-width:0}.script-chat-open .script-cells-panel{flex:1}.script-chat-panel{width:360px;min-width:360px;border-left:1px solid #1a1a1a;display:flex;flex-direction:column;background:#080808;height:100%}.script-chat-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid #1a1a1a;flex-shrink:0}.script-chat-title{font-size:12px;font-weight:600;color:#888;letter-spacing:.5px;text-transform:uppercase}.script-chat-close{background:none;border:none;color:#555;font-size:18px;cursor:pointer;padding:2px 6px;border-radius:4px;line-height:1}.script-chat-close:hover{color:#fff;background:#1a1a1a}.script-chat-messages{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:10px}.script-chat-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:40px 20px;text-align:center;flex:1}.script-chat-empty p{color:#555;font-size:13px;margin:0}.script-chat-empty-sub{color:#383838!important;font-size:11px!important;max-width:240px}.script-chat-msg{font-size:13px;line-height:1.5;animation:fadeIn .15s ease}.script-chat-msg-user{color:#ccc;padding:8px 12px;background:#111;border-radius:10px;border:1px solid #1a1a1a;align-self:flex-end;max-width:90%;word-wrap:break-word}.script-chat-msg-assistant{color:#999;padding:4px 0}.script-chat-msg-assistant .dl-codeblock{margin:6px 0;font-size:11px}.script-chat-msg-assistant .dl-h1,.script-chat-msg-assistant .dl-h2,.script-chat-msg-assistant .dl-h3,.script-chat-msg-assistant .dl-h4{font-size:13px;color:#aaa;margin:8px 0 4px}.script-chat-sql-block{background:#0a0a0a;border:1px solid #1a1a1a;border-radius:8px;margin:8px 0;overflow:hidden}.script-chat-sql-code{margin:0;padding:10px 12px;font-size:11px;line-height:1.5;overflow-x:auto;background:transparent}.script-chat-sql-code code{color:#aaa;font-family:SF Mono,Fira Code,monospace}.script-chat-insert-btn{display:flex;align-items:center;gap:5px;width:100%;padding:6px 12px;background:#0d0d0d;border:none;border-top:1px solid #1a1a1a;color:#666;font-size:11px;cursor:pointer;transition:all .15s}.script-chat-insert-btn:hover{background:#151515;color:#fff}.script-chat-typing{color:#555;font-size:12px;font-style:italic;animation:pulse 1.5s infinite}.script-chat-input-area{display:flex;align-items:flex-end;gap:6px;padding:10px 12px;border-top:1px solid #1a1a1a;flex-shrink:0}.script-chat-input{flex:1;background:#0d0d0d;border:1px solid #1a1a1a;border-radius:8px;padding:8px 10px;color:#ccc;font-size:13px;font-family:inherit;resize:none;min-height:36px;max-height:100px;line-height:1.4}.script-chat-input::placeholder{color:#383838}.script-chat-input:focus{outline:none;border-color:#333}.script-chat-send{background:#1a1a1a;border:1px solid #222;border-radius:8px;padding:8px 10px;color:#888;cursor:pointer;flex-shrink:0;transition:all .15s}.script-chat-send:hover{background:#222;color:#fff}.script-chat-send:disabled{opacity:.3;cursor:not-allowed}.script-chat-toggle{position:fixed;bottom:20px;right:20px;display:flex;align-items:center;gap:6px;padding:8px 14px;background:#111;border:1px solid #222;border-radius:20px;color:#888;font-size:12px;cursor:pointer;z-index:100;transition:all .15s;box-shadow:0 2px 12px #0006}.script-chat-toggle:hover{background:#1a1a1a;color:#fff;border-color:#333}.script-chat-toggle.active{background:#1a1a1a;border-color:#333;padding:8px 10px}.script-chat-toggle.active span{display:none}.datalab-chat-body{display:flex;flex:1;min-height:0;overflow:hidden}.datalab-chat-main{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0}.datalab-chat.build-split{width:720px;min-width:720px}.datalab-chat.build-split .datalab-chat-main{flex:1;min-width:280px}.dl-thinking-block{background:#0f0e08;border-radius:8px;margin:6px 0;font-size:13px;color:#c8a830;border-left:3px solid #c8a830}.dl-thinking-header{padding:8px 10px;cursor:pointer;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px;opacity:.8;-webkit-user-select:none;user-select:none}.dl-thinking-header:before{content:"▼";font-size:10px}.dl-thinking-block.collapsed .dl-thinking-header:before{content:"▶"}.dl-thinking-content{padding:0 10px 8px;font-style:italic;white-space:pre-wrap;max-height:40vh;overflow-y:auto;line-height:1.5;font-size:12px;word-break:break-word}.dl-thinking-block.collapsed .dl-thinking-content{display:none}.dl-activity-log{display:flex;flex-direction:column;gap:4px;margin:8px 0}.dl-activity-item{font-size:11px;color:#666;padding:3px 0;line-height:1.4;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.dl-activity-tool{color:#999;font-weight:600}.dl-h1{font-size:20px;font-weight:700;color:#fff;margin:16px 0 8px;line-height:1.3}.dl-h2{font-size:17px;font-weight:700;color:#fff;margin:14px 0 6px;line-height:1.3}.dl-h3{font-size:15px;font-weight:600;color:#eee;margin:12px 0 4px;line-height:1.3}.dl-h4{font-size:13px;font-weight:600;color:#ddd;margin:10px 0 4px;line-height:1.3}.dl-table{width:100%;border-collapse:collapse;margin:10px 0;font-size:12px;line-height:1.4}.dl-table th{text-align:left;padding:6px 10px;border-bottom:2px solid #333;color:#ccc;font-weight:600;white-space:nowrap}.dl-table td{padding:5px 10px;border-bottom:1px solid #1a1a1a;color:#aaa}.dl-table tbody tr:hover{background:#ffffff08}.dl-codeblock{background:#111;padding:10px 12px;border-radius:6px;overflow-x:auto;font-size:12px;margin:8px 0;line-height:1.5}.dl-codeblock code{background:none;padding:0}.dl-inline-code{background:#1a1a1a;padding:2px 6px;border-radius:4px;font-size:12px}.dl-list{margin:6px 0;padding-left:20px}.dl-list li{margin:2px 0;line-height:1.5;color:#bbb}.dl-hr{border:none;border-top:1px solid #222;margin:12px 0}.dl-blockquote{border-left:3px solid #333;padding:4px 12px;margin:8px 0;color:#999;font-style:italic}.dl-notes-container{padding:16px;max-width:720px}.dl-notes-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.dl-notes-title{font-size:16px;font-weight:600;color:#eee;margin:0}.dl-notes-new-btn{display:flex;align-items:center;gap:6px;font-size:12px}.dl-notes-empty{text-align:center;padding:60px 20px;color:#666;font-size:13px}.dl-notes-empty p{margin:8px 0 0}.dl-notes-list{display:flex;flex-direction:column;gap:8px}.dl-note-card{display:flex;align-items:flex-start;justify-content:space-between;background:#111;border:1px solid #222;border-radius:10px;padding:14px 16px;cursor:pointer;transition:border-color .15s}.dl-note-card:hover{border-color:#444}.dl-note-card-content{flex:1;min-width:0}.dl-note-card-title{font-size:14px;font-weight:600;color:#ddd;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dl-note-card-preview{font-size:12px;color:#777;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dl-note-card-meta{font-size:11px;color:#555;margin-top:6px}.dl-note-card-delete{background:none;border:none;color:#555;font-size:18px;cursor:pointer;padding:0 4px;line-height:1;flex-shrink:0;opacity:0;transition:opacity .15s,color .15s}.dl-note-card:hover .dl-note-card-delete{opacity:1}.dl-note-card-delete:hover{color:#c44}.dl-note-editor{display:flex;flex-direction:column;height:100%;min-height:400px}.dl-note-editor-toolbar{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid #222;flex-shrink:0}.dl-note-title-input{flex:1;background:none;border:none;color:#eee;font-size:15px;font-weight:600;padding:4px 8px;outline:none;border-bottom:1px solid transparent}.dl-note-title-input:focus{border-bottom-color:#444}.dl-note-editor-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.dl-note-save-status{font-size:11px;color:#666;transition:color .2s}.dl-note-save-status.saved{color:#6a6}.dl-note-delete-btn{color:#777}.dl-note-delete-btn:hover{color:#c44!important}.dl-note-format-bar{border-top:none;border-bottom:1px solid #222;padding:4px 8px}.dl-note-editor-body{flex:1;overflow-y:auto;background:#0a0a0a;padding:24px 32px}.dl-note-content{min-height:300px;max-width:720px;margin:0 auto;outline:none;color:#ddd;font-size:15px;line-height:1.7;font-family:Inter,-apple-system,sans-serif}.dl-note-content:empty:before{content:"Schrijf je notitie...";color:#444;pointer-events:none}.dl-note-content h1,.dl-note-content h2,.dl-note-content h3{color:#fff;margin:16px 0 8px}.dl-note-content blockquote{border-left:3px solid #444;padding-left:16px;color:#888;margin:12px 0}.dl-note-content a{color:#888;text-decoration:underline}.dl-note-content hr{border:none;border-top:1px solid #333;margin:16px 0}.dl-note-content img{max-width:100%;border-radius:8px;margin:12px 0}.dl-note-sel-toolbar{position:absolute;z-index:9999;transform:translate(-50%);background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:2px;box-shadow:0 4px 16px #00000080;white-space:nowrap}.dl-note-sel-btn{display:flex;align-items:center;gap:5px;background:none;border:none;color:#ccc;font-size:12px;padding:5px 10px;border-radius:6px;cursor:pointer;font-family:inherit}.dl-note-sel-btn:hover{background:#282828;color:#fff}.dl-msg-actions{display:flex;gap:4px;margin-top:8px;opacity:0;transition:opacity .15s}.datalab-chat-message:hover .dl-msg-actions{opacity:1}.dl-msg-action-btn{background:none;border:1px solid #333;color:#666;border-radius:6px;width:28px;height:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:color .15s,border-color .15s}.dl-msg-action-btn:hover{color:#ccc;border-color:#555}.dl-note-picker-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000008c;z-index:10000;display:flex;align-items:center;justify-content:center}.dl-note-picker{background:#151515;border:1px solid #333;border-radius:14px;padding:8px;min-width:300px;max-width:400px;max-height:70vh;display:flex;flex-direction:column;box-shadow:0 16px 48px #0009}.dl-note-picker-header{display:flex;align-items:center;justify-content:space-between;padding:8px 10px 6px}.dl-note-picker-title{font-size:13px;color:#888;font-weight:600}.dl-note-picker-close{background:none;border:none;color:#666;font-size:20px;cursor:pointer;padding:0 4px;line-height:1}.dl-note-picker-close:hover{color:#ccc}.dl-note-picker-list{overflow-y:auto;max-height:50vh;padding:2px 0}.dl-note-picker-item{display:block;width:100%;text-align:left;background:none;border:none;color:#ccc;font-size:13px;padding:10px 12px;border-radius:8px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dl-note-picker-item:hover{background:#222}.dl-note-picker-new{color:#888;border-top:1px solid #222;margin-top:4px;padding-top:10px;border-radius:0 0 8px 8px}.dlp-container{padding:16px;max-width:720px}.dlp-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:8px}.dlp-title{font-size:16px;font-weight:600;color:#eee;margin:0}.dlp-header-actions{display:flex;gap:8px}.dlp-empty{text-align:center;padding:60px 20px;color:#666;font-size:13px}.dlp-list{display:flex;flex-direction:column;gap:8px}.dlp-card{display:flex;align-items:center;gap:12px;background:#111;border:1px solid #222;border-radius:10px;padding:10px 14px;cursor:pointer;transition:border-color .15s}.dlp-card:hover{border-color:#444}.dlp-card-thumb{width:96px;height:54px;border-radius:6px;overflow:hidden;background:#000;flex-shrink:0;position:relative;display:flex;align-items:center;justify-content:center}.dlp-card-thumb img{width:100%;height:100%;object-fit:cover}.dlp-card-info{flex:1;min-width:0}.dlp-card-name{font-size:14px;font-weight:600;color:#ddd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dlp-card-meta{font-size:11px;color:#555;margin-top:2px}.dlp-card-delete{background:none;border:none;color:#555;font-size:18px;cursor:pointer;padding:0 4px;opacity:0;transition:opacity .15s}.dlp-card:hover .dlp-card-delete{opacity:1}.dlp-card-delete:hover{color:#c44}.dlp-editor{display:flex;flex-direction:column;height:100%}.dlp-editor-toolbar{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid #222;flex-shrink:0}.dlp-name-input{flex:1;background:none;border:none;color:#eee;font-size:15px;font-weight:600;padding:4px 8px;outline:none;border-bottom:1px solid transparent}.dlp-name-input:focus{border-bottom-color:#444}.dlp-editor-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.dlp-save-status{font-size:11px;color:#666}.dlp-save-status.saved{color:#6a6}.dlp-main{display:flex;flex:1;overflow:hidden;min-height:0}.dlp-slides{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px}.dlp-slide-item{display:flex;align-items:center;gap:10px;background:#111;border:1px solid #222;border-radius:10px;padding:8px 10px;transition:border-color .15s}.dlp-slide-item:hover{border-color:#333}.dlp-slide-preview{width:154px;height:86px;border-radius:6px;overflow:hidden;position:relative;flex-shrink:0;font-size:0}.dlp-slide-info{flex:1;min-width:0}.dlp-slide-num{font-size:11px;color:#555;font-weight:600}.dlp-slide-title{font-size:12px;color:#999;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dlp-slide-actions{display:flex;flex-direction:column;gap:2px;opacity:0;transition:opacity .15s}.dlp-slide-item:hover .dlp-slide-actions{opacity:1}.dlp-slide-action{background:none;border:none;color:#555;font-size:10px;cursor:pointer;padding:2px 4px;border-radius:4px}.dlp-slide-action:hover{color:#ccc;background:#222}.dlp-slide-delete:hover{color:#c44}.dlp-add-slide{display:flex;align-items:center;justify-content:center;gap:6px;background:none;border:1px dashed #333;border-radius:10px;color:#666;font-size:12px;padding:16px;cursor:pointer;transition:border-color .15s,color .15s}.dlp-add-slide:hover{border-color:#555;color:#aaa}.dlp-chat{width:320px;flex-shrink:0;border-left:1px solid #1a1a1a;display:flex;flex-direction:column;background:#0a0a0a}.dlp-chat-messages{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px}.dlp-chat-welcome{text-align:center;padding:40px 16px;color:#666}.dlp-chat-msg{display:flex}.dlp-chat-msg.user{justify-content:flex-end}.dlp-chat-bubble{max-width:90%;padding:8px 12px;border-radius:12px;font-size:13px;line-height:1.5;word-break:break-word}.dlp-chat-bubble.user{background:#222;color:#ddd}.dlp-chat-bubble.assistant{background:#111;color:#bbb}.dlp-chat-input-area{display:flex;gap:6px;padding:8px 12px;border-top:1px solid #1a1a1a;align-items:flex-end}.dlp-chat-input{flex:1;background:#111;border:1px solid #222;border-radius:8px;color:#ccc;font-size:13px;padding:8px 10px;resize:none;outline:none;font-family:inherit;max-height:100px}.dlp-chat-input:focus{border-color:#444}.dlp-chat-send{background:#222;border:none;color:#888;border-radius:8px;width:36px;height:36px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dlp-chat-send:hover{background:#333;color:#ccc}.dlp-slides-block{background:#0d0d0d;border:1px solid #222;border-radius:8px;padding:10px;margin:6px 0}.dlp-apply-btn{display:flex;align-items:center;gap:6px;background:#222;border:1px solid #333;color:#ccc;border-radius:6px;padding:6px 12px;cursor:pointer;font-size:12px;width:100%;justify-content:center;transition:background .15s}.dlp-apply-btn:hover{background:#333}.dlp-picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:10000;display:flex;align-items:center;justify-content:center}.dlp-picker{background:#111;border:1px solid #222;border-radius:12px;width:380px;max-height:70vh;overflow-y:auto;box-shadow:0 8px 32px #0009}.dlp-picker-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #1a1a1a}.dlp-picker-title{font-size:14px;font-weight:600;color:#ccc}.dlp-picker-close{background:none;border:none;color:#555;font-size:20px;cursor:pointer;padding:0 4px;line-height:1}.dlp-picker-close:hover{color:#aaa}.dlp-picker-section{padding:6px 8px;border-bottom:1px solid #1a1a1a}.dlp-picker-section:last-child{border-bottom:none}.dlp-picker-label{font-size:11px;color:#555;padding:4px 8px;text-transform:uppercase;letter-spacing:.5px}.dlp-picker-item{display:flex;align-items:center;gap:8px;width:100%;background:none;border:none;color:#bbb;font-size:13px;padding:8px 10px;border-radius:8px;cursor:pointer;text-align:left;font-family:inherit}.dlp-picker-item:hover{background:#1a1a1a;color:#fff}.dlp-picker-new{color:#999}.dlp-picker-new:hover{color:#fff}.dlp-dots{animation:dlp-dots-anim 1.2s infinite}@keyframes dlp-dots-anim{0%{content:"."}33%{content:".."}66%{content:"..."}}.dlp-fullscreen{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:10000;display:flex;align-items:center;justify-content:center}.dlp-fs-slide{width:1920px;height:1080px;position:relative;transform-origin:center center;transform:scale(min(calc(100vw / 1920),calc(100vh / 1080)))}.dlp-fs-counter{position:fixed;bottom:16px;right:20px;color:#555;font-size:14px;z-index:10001}.dlp-fs-close{position:fixed;top:12px;right:16px;background:none;border:none;color:#555;font-size:28px;cursor:pointer;z-index:10001}.dlp-fs-close:hover{color:#fff}.dl-msg-slide-btn{background:none;border:1px solid #333;color:#666;border-radius:6px;width:28px;height:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:color .15s,border-color .15s}.dl-msg-slide-btn:hover{color:#ccc;border-color:#555}@media(max-width:768px){.dlp-main{flex-direction:column}.dlp-chat{width:100%;border-left:none;border-top:1px solid #1a1a1a;max-height:40vh}.dlp-slide-preview{width:100px;height:56px}.dlp-header{flex-direction:column;align-items:flex-start}}.dl-activity-tool:before{content:"▸";color:#555}.dl-activity-result{color:#777;font-size:10px;background:#111;padding:1px 6px;border-radius:3px}.dl-response-text{margin-top:4px}.dl-inline-chart{margin:12px 0;border-radius:8px;overflow:hidden;border:1px solid #1a1a1a}.dl-inline-chart canvas{display:block;width:100%;height:auto}.datalab-build-panel{display:none;flex-direction:column;width:0;border-left:1px solid #1a1a1a;background:#080808;flex-shrink:0;overflow:hidden;transition:width .25s ease}.datalab-build-panel.open{display:flex;width:50%}#datalab-build-btn.active{background:#1a1a1a;color:#fff}.dlb-btn-dot{display:none;position:absolute;top:2px;right:2px;width:6px;height:6px;border-radius:50%;background:#c8a830}.dlb-btn-dot.active{display:block;animation:dlbPulse 1.2s ease infinite}@keyframes dlbPulse{0%,to{opacity:1}50%{opacity:.3}}.dlb-status{display:none;align-items:center;gap:8px;padding:8px 12px;background:#0a0a0a;border-bottom:1px solid #111;color:#999;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dlb-status.active{display:flex}.dlb-status-dot{width:6px;height:6px;border-radius:50%;background:#8a7a30;flex-shrink:0;animation:dlbPulse 1.2s ease infinite}.dlb-status-text{overflow:hidden;text-overflow:ellipsis}.dlb-tabs{display:flex;align-items:center;background:#050505;border-bottom:1px solid #111;padding:0;overflow-x:auto;scrollbar-width:none;flex-shrink:0}.dlb-tabs::-webkit-scrollbar{display:none}.dlb-tab{display:flex;align-items:center;gap:6px;padding:6px 10px;font-size:11px;color:#555;cursor:pointer;border-right:1px solid #111;white-space:nowrap;flex-shrink:0;transition:color .15s,background .15s}.dlb-tab:hover{color:#aaa;background:#0a0a0a}.dlb-tab.active{background:#0d0d0d;color:#ccc}.dlb-tab-icon{font-size:9px;font-weight:700;color:#555;background:#111;padding:1px 4px;border-radius:3px;font-family:monospace}.dlb-tab.active .dlb-tab-icon{color:#c8a830;background:#1a1808}.dlb-tab-name{text-transform:capitalize}.dlb-tab-dot{width:5px;height:5px;border-radius:50%;background:#c8a830;animation:dlbPulse 1s ease infinite}.dlb-viewer{flex:1;overflow-y:auto;background:#080808;position:relative}.dlb-tool-view{display:none;padding:12px}.dlb-tool-view.active{display:block}.dlb-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:200px;gap:8px;opacity:.5}.dlb-empty-title{font-size:14px;font-weight:600;color:#333}.dlb-empty-sub{font-size:11px;color:#333;text-align:center;max-width:200px}.dlb-section{margin-bottom:12px}.dlb-section-header{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#555;padding:4px 0 6px;border-bottom:1px solid #111;margin-bottom:8px;display:flex;align-items:center;gap:8px}.dlb-json{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:11px;line-height:1.5;color:#888;background:#0a0a0a;border-radius:6px;padding:8px 10px;overflow-x:auto;white-space:pre-wrap;word-break:break-all;max-height:300px;overflow-y:auto}.dlb-result-loading{display:flex;align-items:center;gap:8px;color:#666;font-size:12px;padding:8px}.dlb-spinner{display:inline-block;width:12px;height:12px;border:2px solid #333;border-top-color:#888;border-radius:50%;animation:dlbSpin .8s linear infinite}@keyframes dlbSpin{to{transform:rotate(360deg)}}.dlb-result-n{font-size:10px;color:#888;background:#111;padding:1px 6px;border-radius:3px}.dlb-result-p{font-size:10px;padding:1px 6px;border-radius:3px}.dlb-result-p.sig{color:#8a8;background:#50785026}.dlb-result-p.ns{color:#a88;background:#7850501a}.dlb-result-err{font-size:10px;color:#a66;background:#783c3c26;padding:1px 6px;border-radius:3px}#datalab-chat-messages .evidence-chart,#datalab-chat-messages .dl-inline-chart,#datalab-chat-messages .evidence-table-wrap,#datalab-chat-messages table.dl-table{position:relative}.dl-expand-btn{position:absolute;top:6px;right:6px;width:28px;height:28px;background:#000000b3;border:1px solid #444;border-radius:6px;color:#999;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s,background .15s,color .15s;z-index:5;padding:0}#datalab-chat-messages .evidence-chart:hover .dl-expand-btn,#datalab-chat-messages .dl-inline-chart:hover .dl-expand-btn,#datalab-chat-messages .evidence-table-wrap:hover .dl-expand-btn,#datalab-chat-messages table.dl-table:hover .dl-expand-btn{opacity:1}.dl-expand-btn:hover{background:#000000e6;color:#fff;border-color:#666}.dl-preview-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;z-index:10000;display:flex;align-items:center;justify-content:center;animation:dlPreviewFadeIn .15s ease}@keyframes dlPreviewFadeIn{0%{opacity:0}to{opacity:1}}.dl-preview-modal{background:#151515;border:1px solid #333;border-radius:16px;padding:20px;max-width:700px;width:90vw;max-height:85vh;overflow-y:auto;position:relative}.dl-preview-close-btn{position:absolute;top:10px;right:14px;background:none;border:none;color:#666;font-size:24px;cursor:pointer;z-index:1;line-height:1}.dl-preview-close-btn:hover{color:#ccc}.dl-preview-content{margin-top:8px;margin-bottom:16px}.dl-preview-content canvas{display:block}.dl-preview-content .evidence-table-wrap,.dl-preview-content table{max-height:60vh;overflow:auto}.dl-preview-content table{width:100%}.dl-preview-actions{display:flex;gap:8px;padding-top:12px;border-top:1px solid #222}.dl-preview-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:#222;border:1px solid #333;border-radius:10px;color:#ccc;font-size:13px;cursor:pointer;transition:background .15s,border-color .15s}.dl-preview-action-btn:hover{background:#2a2a2a;border-color:#555;color:#fff}.dl-preview-action-btn svg{flex-shrink:0}:root{--tb-bg: #0a0a0a;--tb-card: #141414;--tb-card-hover: #1a1a1a;--tb-border: #2a2a2a;--tb-text: #ffffff;--tb-text-secondary: #888888;--tb-text-muted: #555555;--tb-primary: #ffffff;--tb-primary-dark: #cccccc;--tb-secondary: #888888;--tb-secondary-dark: #666666;--tb-success: #4caf50;--tb-warning: #ff9800;--tb-danger: #f44336;--tb-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--tb-radius: 8px;--tb-radius-sm: 4px;--tb-radius-lg: 12px;--tb-shadow: 0 2px 8px rgba(0, 0, 0, .3);--tb-shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--tb-shadow-glow: 0 0 20px rgba(255, 255, 255, .05);--tb-transition: .2s ease}@keyframes tb-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes tb-slideUp{0%{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes tb-slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes tb-slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@keyframes tb-pulseExpired{0%,to{box-shadow:0 0 4px #f443364d}50%{box-shadow:0 0 12px #f4433699}}@keyframes tb-spin{to{transform:rotate(360deg)}}.tb-page{min-height:100vh;background:var(--tb-bg);color:var(--tb-text);font-family:var(--tb-font);font-size:14px;line-height:1.5;padding:24px 32px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.tb-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:16px}.tb-header h1,.tb-header-title{font-size:28px;font-weight:700;color:var(--tb-text);letter-spacing:-.02em;margin:0}.tb-header-actions{display:flex;align-items:center;gap:10px}.tb-search-wrapper{position:relative;width:100%;margin-bottom:24px}.tb-search-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--tb-text-muted);font-size:20px;pointer-events:none;transition:color var(--tb-transition)}.tb-search-input{width:100%;height:48px;padding:0 20px 0 52px;font-family:var(--tb-font);font-size:18px;font-weight:400;color:var(--tb-text);background:var(--tb-card);border:2px solid var(--tb-border);border-radius:var(--tb-radius-lg);outline:none;transition:border-color var(--tb-transition),box-shadow var(--tb-transition),background var(--tb-transition);box-sizing:border-box}.tb-search-input::placeholder{color:var(--tb-text-muted);font-weight:400}.tb-search-input:hover{border-color:#3a3a3a;background:var(--tb-card-hover)}.tb-search-input:focus{border-color:var(--tb-primary);box-shadow:0 0 0 3px #ffffff1a,var(--tb-shadow-glow);background:var(--tb-card-hover)}.tb-search-input:focus+.tb-search-icon,.tb-search-wrapper:focus-within .tb-search-icon{color:var(--tb-primary)}.tb-dashboard{display:flex;flex-direction:column;gap:24px}.tb-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.tb-kpi-card{background:var(--tb-card);border:1px solid var(--tb-border);border-radius:var(--tb-radius);padding:20px 24px;display:flex;flex-direction:column;gap:8px;position:relative;overflow:hidden;transition:transform var(--tb-transition),box-shadow var(--tb-transition),background var(--tb-transition);cursor:default}.tb-kpi-clickable{cursor:pointer}.tb-kpi-clickable:active{transform:scale(.97)}.tb-kpi-modal{max-width:800px}.tb-kpi-table{width:100%}.tb-kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--tb-primary),transparent);opacity:0;transition:opacity var(--tb-transition)}.tb-kpi-card:hover{transform:translateY(-2px);box-shadow:var(--tb-shadow-lg);background:var(--tb-card-hover)}.tb-kpi-card:hover:before{opacity:1}.tb-icon{width:1em;height:1em;vertical-align:-.125em;display:inline-block;flex-shrink:0}.tb-kpi-icon{font-size:22px;color:var(--tb-primary);margin-bottom:4px}.tb-kpi-icon .tb-icon{width:22px;height:22px}.tb-nav-tab .tb-icon{width:16px;height:16px}.tb-btn .tb-icon{width:14px;height:14px}.tb-btn-icon .tb-icon{width:16px;height:16px}.tb-badge .tb-icon{width:12px;height:12px}.tb-kpi-value{font-size:36px;font-weight:700;color:var(--tb-text);line-height:1.1;letter-spacing:-.03em}.tb-kpi-label{font-size:14px;color:var(--tb-text-secondary);font-weight:500;letter-spacing:.01em}.tb-chart-section{background:var(--tb-card);border:1px solid var(--tb-border);border-radius:var(--tb-radius);padding:24px}.tb-chart-section h3,.tb-chart-title{font-size:16px;font-weight:600;color:var(--tb-text);margin:0 0 20px}.tb-bar-chart{display:flex;flex-direction:column;gap:12px}.tb-bar-row{display:grid;grid-template-columns:140px 1fr 48px;align-items:center;gap:12px}.tb-bar-clickable{cursor:pointer;border-radius:6px;padding:4px 8px;margin:-4px -8px;transition:background .15s}.tb-bar-clickable:hover{background:#ffffff0f}.tb-bar-label{font-size:13px;color:var(--tb-text-secondary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tb-bar-fill{height:24px;border-radius:var(--tb-radius-sm);background:linear-gradient(90deg,var(--tb-primary),#999999);position:relative;min-width:4px;transition:width .6s cubic-bezier(.22,1,.36,1)}.tb-bar-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.1) 0%,transparent 100%)}.tb-bar-value{font-size:13px;font-weight:600;color:var(--tb-text);text-align:right;font-variant-numeric:tabular-nums}.tb-nav-tabs{display:flex;align-items:center;gap:0;border-bottom:1px solid var(--tb-border);margin-bottom:20px}.tb-nav-tab{position:relative;padding:12px 20px;font-size:14px;font-weight:500;color:var(--tb-text-secondary);background:none;border:none;cursor:pointer;font-family:var(--tb-font);transition:color var(--tb-transition);white-space:nowrap}.tb-nav-tab:after{content:"";position:absolute;bottom:-1px;left:20px;right:20px;height:2px;background:var(--tb-primary);border-radius:2px 2px 0 0;transform:scaleX(0);transition:transform .25s cubic-bezier(.22,1,.36,1)}.tb-nav-tab:hover{color:var(--tb-text)}.tb-nav-tab.active{color:var(--tb-primary);font-weight:600}.tb-nav-tab.active:after{transform:scaleX(1)}.tb-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}.tb-filter-group{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tb-select{height:36px;padding:0 36px 0 12px;font-family:var(--tb-font);font-size:13px;font-weight:500;color:var(--tb-text);background:var(--tb-card);border:1px solid var(--tb-border);border-radius:var(--tb-radius-sm);outline:none;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23888888' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;transition:border-color var(--tb-transition),box-shadow var(--tb-transition)}.tb-select:hover{border-color:#3a3a3a}.tb-select:focus{border-color:var(--tb-primary);box-shadow:0 0 0 2px #ffffff1a}.tb-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:36px;padding:0 16px;font-family:var(--tb-font);font-size:13px;font-weight:600;border-radius:var(--tb-radius-sm);border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:all var(--tb-transition);text-decoration:none;line-height:1;outline:none}.tb-btn:active{transform:scale(.97)}.tb-btn:focus-visible{box-shadow:0 0 0 2px var(--tb-bg),0 0 0 4px var(--tb-primary)}.tb-btn-primary{background:var(--tb-primary);color:#000;border-color:var(--tb-primary)}.tb-btn-primary:hover{background:#ccc;border-color:#ccc;box-shadow:0 4px 16px #ffffff1a}.tb-btn-primary:active{background:var(--tb-primary-dark);border-color:var(--tb-primary-dark);box-shadow:none}.tb-btn-secondary{background:transparent;color:var(--tb-text);border-color:var(--tb-border)}.tb-btn-secondary:hover{border-color:var(--tb-text-secondary);background:#ffffff0a}.tb-btn-secondary:active{background:#ffffff14}.tb-btn-danger{background:var(--tb-danger);color:#fff;border-color:var(--tb-danger)}.tb-btn-danger:hover{background:#e53935;box-shadow:0 4px 16px #8888884d}.tb-btn-danger:active{background:#c62828;box-shadow:none}.tb-btn-icon{width:36px;height:36px;padding:0;background:transparent;color:var(--tb-text-secondary);border-color:var(--tb-border)}.tb-btn-icon:hover{color:var(--tb-text);background:#ffffff0f;border-color:var(--tb-text-secondary)}.tb-btn-sm{height:28px;padding:0 10px;font-size:12px;gap:5px}.tb-btn-sm.tb-btn-icon{width:28px;height:28px}.tb-table-wrapper{overflow-x:auto;border:1px solid var(--tb-border);border-radius:var(--tb-radius);background:var(--tb-card);-webkit-overflow-scrolling:touch}.tb-table{width:100%;border-collapse:collapse;font-size:13px}.tb-table thead{position:sticky;top:0;z-index:2}.tb-table th{padding:12px 16px;text-align:left;font-weight:600;font-size:12px;color:var(--tb-text-secondary);text-transform:uppercase;letter-spacing:.05em;background:#111;border-bottom:1px solid var(--tb-border);white-space:nowrap;cursor:default;-webkit-user-select:none;user-select:none;position:relative}.tb-table th[data-sortable]{cursor:pointer}.tb-table th[data-sortable]:hover{color:var(--tb-text)}.tb-table th[data-sortable]:after{content:"⇅";margin-left:6px;opacity:.3;font-size:11px}.tb-table th[data-sorted=asc]:after{content:"↑";opacity:1;color:var(--tb-primary)}.tb-table th[data-sorted=desc]:after{content:"↓";opacity:1;color:var(--tb-primary)}.tb-table td{padding:12px 16px;border-bottom:1px solid rgba(42,42,42,.5);color:var(--tb-text);vertical-align:middle}.tb-table tbody tr{transition:background var(--tb-transition)}.tb-table tbody tr:hover{background:var(--tb-card-hover)}.tb-table tbody tr:last-child td{border-bottom:none}.tb-table .tb-checkbox{width:16px;height:16px;accent-color:var(--tb-primary);cursor:pointer}.tb-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:600;border-radius:100px;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;line-height:1.4}.tb-badge-good{background:#4caf501f;color:var(--tb-success);border:1px solid rgba(76,175,80,.25)}.tb-badge-fair{background:#ff98001f;color:var(--tb-warning);border:1px solid rgba(255,152,0,.25)}.tb-badge-poor{background:#f443361f;color:var(--tb-danger);border:1px solid rgba(244,67,54,.25)}.tb-badge-approved{background:#4caf501f;color:var(--tb-success);border:1px solid rgba(76,175,80,.25)}.tb-badge-expired{background:#f4433626;color:var(--tb-danger);border:1px solid rgba(244,67,54,.3);animation:tb-pulseExpired 2s ease-in-out infinite}.tb-badge-pending{background:#ff98001f;color:var(--tb-warning);border:1px solid rgba(255,152,0,.25)}.tb-badge-tracker{background:#8888881f;color:var(--tb-secondary);border:1px solid rgba(136,136,136,.25)}.tb-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;background:#000000b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px;animation:tb-fadeIn .2s ease}.tb-modal{width:100%;max-width:640px;max-height:85vh;background:var(--tb-card);border:1px solid var(--tb-border);border-radius:var(--tb-radius-lg);box-shadow:var(--tb-shadow-lg);display:flex;flex-direction:column;animation:tb-slideUp .3s cubic-bezier(.22,1,.36,1)}.tb-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--tb-border);flex-shrink:0}.tb-modal-header h2,.tb-modal-title{font-size:18px;font-weight:600;color:var(--tb-text);margin:0}.tb-modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--tb-text-secondary);cursor:pointer;border-radius:var(--tb-radius-sm);font-size:20px;transition:color var(--tb-transition),background var(--tb-transition)}.tb-modal-close:hover{color:var(--tb-text);background:#ffffff0f}.tb-modal-body{padding:24px;overflow-y:auto;flex:1;-webkit-overflow-scrolling:touch}.tb-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid var(--tb-border);flex-shrink:0}.tb-form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:18px}.tb-form-group:last-child{margin-bottom:0}.tb-form-label{font-size:13px;font-weight:600;color:var(--tb-text-secondary);letter-spacing:.01em}.tb-form-input{height:40px;padding:0 12px;font-family:var(--tb-font);font-size:14px;color:var(--tb-text);background:var(--tb-bg);border:1px solid var(--tb-border);border-radius:var(--tb-radius-sm);outline:none;transition:border-color var(--tb-transition),box-shadow var(--tb-transition);box-sizing:border-box}.tb-form-input::placeholder{color:var(--tb-text-muted)}.tb-form-input:hover{border-color:#3a3a3a}.tb-form-input:focus{border-color:var(--tb-primary);box-shadow:0 0 0 2px #ffffff1f}.tb-form-select{height:40px;padding:0 36px 0 12px;font-family:var(--tb-font);font-size:14px;color:var(--tb-text);background:var(--tb-bg);border:1px solid var(--tb-border);border-radius:var(--tb-radius-sm);outline:none;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23888888' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;transition:border-color var(--tb-transition),box-shadow var(--tb-transition);box-sizing:border-box}.tb-form-select:focus{border-color:var(--tb-primary);box-shadow:0 0 0 2px #ffffff1f}.tb-form-textarea{padding:10px 12px;font-family:var(--tb-font);font-size:14px;color:var(--tb-text);background:var(--tb-bg);border:1px solid var(--tb-border);border-radius:var(--tb-radius-sm);outline:none;resize:vertical;min-height:80px;transition:border-color var(--tb-transition),box-shadow var(--tb-transition);box-sizing:border-box}.tb-form-textarea:focus{border-color:var(--tb-primary);box-shadow:0 0 0 2px #ffffff1f}.tb-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.tb-form-toggle{position:relative;display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:var(--tb-text);-webkit-user-select:none;user-select:none}.tb-form-toggle input{position:absolute;opacity:0;width:0;height:0}.tb-form-toggle .tb-toggle-track{position:relative;width:40px;height:22px;background:#333;border-radius:11px;transition:background var(--tb-transition);flex-shrink:0}.tb-form-toggle .tb-toggle-track:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform var(--tb-transition)}.tb-form-toggle input:checked+.tb-toggle-track{background:var(--tb-primary)}.tb-form-toggle input:checked+.tb-toggle-track:after{transform:translate(18px)}.tb-form-toggle input:focus-visible+.tb-toggle-track{box-shadow:0 0 0 2px var(--tb-bg),0 0 0 4px var(--tb-primary)}.tb-activity-feed{display:flex;flex-direction:column;gap:0}.tb-activity-item{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid rgba(42,42,42,.5)}.tb-activity-time{font-size:12px;color:var(--tb-text-muted);white-space:nowrap;min-width:72px;padding-top:1px;font-variant-numeric:tabular-nums}.tb-activity-text{font-size:13px;color:var(--tb-text-secondary);line-height:1.5}.tb-activity-text strong{color:var(--tb-text);font-weight:600}.tb-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;text-align:center}.tb-empty-state-icon{font-size:48px;color:var(--tb-text-muted);margin-bottom:16px;opacity:.5}.tb-empty-state-title{font-size:18px;font-weight:600;color:var(--tb-text-secondary);margin:0 0 8px}.tb-empty-state-text{font-size:14px;color:var(--tb-text-muted);max-width:360px;margin:0}.tb-inline-edit{position:relative;cursor:text;padding:2px 4px;border-radius:var(--tb-radius-sm);transition:background var(--tb-transition)}.tb-inline-edit:hover{background:#ffffff0a}.tb-inline-edit:hover:after{content:"✎";position:absolute;right:-18px;top:50%;transform:translateY(-50%);font-size:11px;color:var(--tb-text-muted);pointer-events:none}.tb-inline-edit:focus-within{background:#ffffff0f;outline:1px solid var(--tb-primary)}.tb-inline-edit:focus-within:after{display:none}.tb-toast{position:fixed;bottom:24px;right:24px;z-index:9500;min-width:320px;max-width:440px;padding:14px 20px;background:#1e1e1e;border:1px solid var(--tb-border);border-radius:var(--tb-radius);border-left:3px solid var(--tb-text-secondary);box-shadow:var(--tb-shadow-lg);font-size:13px;color:var(--tb-text);animation:tb-slideInRight .35s cubic-bezier(.22,1,.36,1);display:flex;align-items:center;gap:10px}.tb-toast.tb-toast-exit{animation:tb-slideOutRight .25s ease forwards}.tb-toast-success{border-left-color:var(--tb-success)}.tb-toast-error{border-left-color:var(--tb-danger)}.tb-text-primary{color:var(--tb-primary)!important}.tb-text-secondary{color:var(--tb-secondary)!important}.tb-text-success{color:var(--tb-success)!important}.tb-text-muted{color:var(--tb-text-muted)!important}.tb-mt-0{margin-top:0!important}.tb-mb-0{margin-bottom:0!important}.tb-mt-sm{margin-top:8px!important}.tb-mt-md{margin-top:16px!important}.tb-mt-lg{margin-top:24px!important}.tb-mb-sm{margin-bottom:8px!important}.tb-mb-md{margin-bottom:16px!important}.tb-mb-lg{margin-bottom:24px!important}.tb-flex{display:flex}.tb-flex-col{flex-direction:column}.tb-items-center{align-items:center}.tb-justify-between{justify-content:space-between}.tb-gap-sm{gap:8px}.tb-gap-md{gap:16px}.tb-gap-lg{gap:24px}.tb-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tb-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.tb-modal-body::-webkit-scrollbar,.tb-table-wrapper::-webkit-scrollbar{width:6px;height:6px}.tb-modal-body::-webkit-scrollbar-track,.tb-table-wrapper::-webkit-scrollbar-track{background:transparent}.tb-modal-body::-webkit-scrollbar-thumb,.tb-table-wrapper::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.tb-modal-body::-webkit-scrollbar-thumb:hover,.tb-table-wrapper::-webkit-scrollbar-thumb:hover{background:#444}@media(max-width:1024px){.tb-page{padding:20px}.tb-kpi-grid{grid-template-columns:repeat(2,1fr)}.tb-form-row{grid-template-columns:1fr 1fr}.tb-bar-row{grid-template-columns:110px 1fr 40px}}@media(max-width:640px){.tb-page{padding:16px}.tb-header{flex-direction:column;align-items:flex-start}.tb-header h1,.tb-header-title{font-size:22px}.tb-kpi-grid{grid-template-columns:1fr}.tb-kpi-card{padding:16px}.tb-kpi-value{font-size:28px}.tb-search-input{height:44px;font-size:16px;padding-left:44px}.tb-search-icon{left:14px;font-size:18px}.tb-nav-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tb-nav-tabs::-webkit-scrollbar{display:none}.tb-toolbar{flex-direction:column;align-items:stretch}.tb-filter-group{flex-wrap:wrap}.tb-select{flex:1;min-width:0}.tb-table-wrapper{border:none;background:transparent}.tb-table,.tb-table thead,.tb-table tbody,.tb-table th,.tb-table td,.tb-table tr{display:block}.tb-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.tb-table tbody tr{background:var(--tb-card);border:1px solid var(--tb-border);border-radius:var(--tb-radius);margin-bottom:10px;padding:12px 16px}.tb-table tbody tr:hover{background:var(--tb-card-hover)}.tb-table td{padding:6px 0;border-bottom:none;display:flex;align-items:center;justify-content:space-between;gap:8px}.tb-table td:before{content:attr(data-label);font-size:11px;font-weight:600;color:var(--tb-text-muted);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.tb-bar-row{grid-template-columns:100px 1fr 36px;gap:8px}.tb-bar-label{font-size:12px}.tb-modal-overlay{padding:0;align-items:flex-end}.tb-modal{max-width:100%;max-height:92vh;border-radius:var(--tb-radius-lg) var(--tb-radius-lg) 0 0}.tb-modal-header{padding:16px 20px}.tb-modal-body{padding:20px}.tb-modal-footer{padding:14px 20px}.tb-form-row{grid-template-columns:1fr}.tb-toast{left:16px;right:16px;bottom:16px;min-width:0;max-width:none}}.tb-app{max-width:1400px;margin:0 auto}.tb-content{min-height:400px}.tb-page-loader{display:flex;align-items:center;justify-content:center;padding:60px}.tb-spinner{width:32px;height:32px;border:3px solid var(--tb-border);border-top-color:var(--tb-primary);border-radius:50%;animation:tb-spin .8s linear infinite}.tb-nav{display:flex;gap:0;border-bottom:1px solid var(--tb-border);margin-bottom:24px}.tb-nav .tb-nav-tab{position:relative;padding:12px 20px;font-size:14px;font-weight:500;color:var(--tb-text-secondary);background:none;border:none;cursor:pointer;font-family:var(--tb-font);transition:color .2s ease;white-space:nowrap}.tb-nav .tb-nav-tab:after{content:"";position:absolute;bottom:-1px;left:20px;right:20px;height:2px;background:var(--tb-primary);border-radius:2px 2px 0 0;transform:scaleX(0);transition:transform .25s cubic-bezier(.22,1,.36,1)}.tb-nav .tb-nav-tab:hover{color:var(--tb-text)}.tb-nav .tb-nav-tab.active{color:var(--tb-primary);font-weight:600}.tb-nav .tb-nav-tab.active:after{transform:scaleX(1)}.tb-search-bar{margin-bottom:16px}.tb-filter-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}.tb-filter-dropdowns{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tb-filter-select{height:36px;padding:0 32px 0 10px;font-family:var(--tb-font);font-size:13px;font-weight:500;color:var(--tb-text);background:var(--tb-card);border:1px solid var(--tb-border);border-radius:4px;outline:none;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23888888' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;transition:border-color .2s ease}.tb-filter-select:focus{border-color:var(--tb-primary)}.tb-filter-actions{display:flex;align-items:center;gap:8px}.tb-bulk-bar{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:8px;margin-bottom:12px;flex-wrap:wrap}.tb-bulk-count{font-size:13px;font-weight:600;color:var(--tb-primary);margin-right:8px}.tb-th-check,.tb-td-check{width:40px;text-align:center}.tb-td-actions{width:80px;white-space:nowrap}.tb-td-actions .tb-btn-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;background:none;border:1px solid transparent;border-radius:4px;cursor:pointer;font-size:14px;transition:background .15s ease,border-color .15s ease}.tb-td-actions .tb-btn-icon:hover{background:#ffffff0f;border-color:var(--tb-border)}.tb-empty{text-align:center;padding:48px 16px!important;color:var(--tb-text-muted);font-size:14px}.tb-tool-name{font-weight:600;color:var(--tb-text)}.tb-row{cursor:pointer}.tb-dashboard-charts{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:768px){.tb-dashboard-charts{grid-template-columns:1fr}}.tb-chart-card{background:var(--tb-card);border:1px solid var(--tb-border);border-radius:8px;padding:24px}.tb-chart-title{font-size:16px;font-weight:600;color:var(--tb-text);margin:0 0 20px}.tb-bar-track{flex:1;height:24px;background:#ffffff0a;border-radius:4px;overflow:hidden}.tb-bar-count{font-size:13px;font-weight:600;color:var(--tb-text);text-align:right;min-width:32px;font-variant-numeric:tabular-nums}.tb-activity-card{background:var(--tb-card);border:1px solid var(--tb-border);border-radius:8px;padding:24px}.tb-activity-date{font-size:12px;color:var(--tb-text-muted);white-space:nowrap;margin-left:auto;font-variant-numeric:tabular-nums}.tb-activity-item{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid rgba(42,42,42,.5)}.tb-activity-item:last-child{border-bottom:none}.tb-muted{color:var(--tb-text-muted);font-size:14px}.tb-beheer{display:flex;flex-direction:column;gap:16px}.tb-beheer-tabs{display:flex;gap:0;border-bottom:1px solid var(--tb-border);margin-bottom:16px}.tb-beheer-tab{padding:10px 18px;font-size:14px;font-weight:500;color:var(--tb-text-secondary);background:none;border:none;cursor:pointer;font-family:var(--tb-font);border-bottom:2px solid transparent;transition:color .2s ease,border-color .2s ease}.tb-beheer-tab:hover{color:var(--tb-text)}.tb-beheer-tab-active{color:var(--tb-primary)!important;border-bottom-color:var(--tb-primary)!important;font-weight:600}.tb-beheer-section{display:flex;flex-direction:column;gap:16px}.tb-beheer-add-form{display:flex;align-items:center;gap:8px;padding:16px;background:var(--tb-card);border:1px solid var(--tb-border);border-radius:8px;flex-wrap:wrap}.tb-beheer-add-form .tb-form-input{flex:1;min-width:120px}.tb-form-input-small{max-width:120px!important;flex:0 0 120px!important}.tb-beheer-list{display:flex;flex-direction:column;gap:4px}.tb-beheer-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--tb-card);border:1px solid var(--tb-border);border-radius:8px;transition:background .15s ease}.tb-beheer-item:hover{background:var(--tb-card-hover)}.tb-beheer-item-content{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.tb-beheer-item-icon{font-size:18px;flex-shrink:0}.tb-beheer-item-name{font-weight:600;color:var(--tb-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tb-beheer-item-desc{font-size:13px;color:var(--tb-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tb-beheer-item-meta{font-size:12px;color:var(--tb-text-muted);white-space:nowrap}.tb-beheer-item-actions{display:flex;align-items:center;gap:4px;flex-shrink:0;margin-left:12px}.tb-beheer-item-actions .tb-btn-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;background:none;border:1px solid transparent;border-radius:4px;cursor:pointer;font-size:14px;transition:background .15s ease}.tb-beheer-item-actions .tb-btn-icon:hover{background:#ffffff0f;border-color:var(--tb-border)}.tb-beheer-edit-form{display:flex;align-items:center;gap:8px;width:100%;flex-wrap:wrap}.tb-beheer-edit-form .tb-form-input{flex:1;min-width:100px}.tb-tool-list{display:flex;flex-direction:column;gap:0}.tb-badge:not([class*=tb-badge-]),.tb-badge-neutral{background:#8080801f;color:var(--tb-text-muted);border:1px solid rgba(128,128,128,.25)}@media(max-width:768px){.tb-filter-bar{flex-direction:column;align-items:stretch}.tb-filter-dropdowns{flex-wrap:wrap}.tb-filter-select{flex:1;min-width:0}.tb-filter-actions{justify-content:stretch}.tb-filter-actions .tb-btn{flex:1}.tb-bulk-bar,.tb-beheer-add-form{flex-direction:column;align-items:stretch}.tb-beheer-add-form .tb-form-input,.tb-form-input-small{max-width:none!important;flex:1 1 auto!important}}@media print{.tb-page{background:#fff;color:#000;padding:0}.tb-modal-overlay,.tb-toast,.tb-btn,.tb-search-wrapper,.tb-toolbar{display:none!important}.tb-table th,.tb-table td{border:1px solid #cccccc;color:#000}.tb-kpi-card{border:1px solid #cccccc;background:#fff}.tb-kpi-value{color:#000}}.tb-notif-bell{position:relative;margin-left:8px}.tb-notif-bell .tb-icon{width:18px;height:18px}.tb-notif-count{position:absolute;top:6px;right:10px;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:700;line-height:18px;text-align:center;color:#fff;background:var(--tb-danger);border-radius:9px;pointer-events:none}.tb-notif-panel{position:fixed;top:0;right:0;bottom:0;width:400px;max-width:90vw;background:var(--tb-card);border-left:1px solid var(--tb-border);box-shadow:-8px 0 32px #00000080;z-index:8000;display:flex;flex-direction:column;transform:translate(100%);transition:transform .25s cubic-bezier(.22,1,.36,1);overflow:hidden}.tb-notif-panel-open{transform:translate(0)}.tb-notif-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 16px;border-bottom:1px solid var(--tb-border);flex-shrink:0}.tb-notif-title{font-size:16px;font-weight:600;color:var(--tb-text);margin:0;display:flex;align-items:center;gap:8px}.tb-notif-title .tb-icon{width:18px;height:18px}.tb-notif-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--tb-text-secondary);cursor:pointer;border-radius:4px;font-size:20px;transition:color .15s,background .15s}.tb-notif-close:hover{color:var(--tb-text);background:#ffffff0f}.tb-notif-list{flex:1;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:12px}.tb-notif-list::-webkit-scrollbar{width:4px}.tb-notif-list::-webkit-scrollbar-track{background:transparent}.tb-notif-list::-webkit-scrollbar-thumb{background:#333;border-radius:2px}.tb-notif-empty{flex:1;display:flex;align-items:center;justify-content:center;padding:48px 24px}.tb-notif-item{background:var(--tb-bg);border:1px solid var(--tb-border);border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:10px;transition:background .15s;animation:tb-slideUp .3s ease backwards}.tb-notif-item:nth-child(2){animation-delay:.05s}.tb-notif-item:nth-child(3){animation-delay:.1s}.tb-notif-item:nth-child(4){animation-delay:.15s}.tb-notif-item:hover{background:#111}.tb-notif-item-danger{border-left:3px solid var(--tb-danger)}.tb-notif-item-warning{border-left:3px solid var(--tb-warning)}.tb-notif-item-info{border-left:3px solid var(--tb-text-secondary)}.tb-notif-item-header{display:flex;align-items:center;gap:8px}.tb-notif-item-icon{flex-shrink:0}.tb-notif-item-danger .tb-notif-item-icon{color:var(--tb-danger)}.tb-notif-item-warning .tb-notif-item-icon{color:var(--tb-warning)}.tb-notif-item-info .tb-notif-item-icon{color:var(--tb-text-secondary)}.tb-notif-item-icon .tb-icon{width:16px;height:16px}.tb-notif-item-title{font-size:14px;font-weight:600;color:var(--tb-text)}.tb-notif-item-desc{font-size:13px;color:var(--tb-text-secondary);line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.tb-notif-chat-btn{align-self:flex-start;background:#ffffff0f!important;border:1px solid var(--tb-border)!important;color:var(--tb-text)!important;gap:6px}.tb-notif-chat-btn:hover{background:#ffffff1f!important;border-color:var(--tb-text-secondary)!important}.tb-notif-chat-btn .tb-icon{width:14px;height:14px}@media(max-width:640px){.tb-notif-panel{width:100%;max-width:100%}}.tb-chat{display:flex;flex-direction:column;height:calc(100vh - 140px);max-width:720px;margin:0 auto}.tb-chat-messages{flex:1;overflow-y:auto;padding:24px 8px;display:flex;flex-direction:column;gap:16px}.tb-chat-msg{display:flex;max-width:85%;animation:tb-chat-fadein .25s ease}@keyframes tb-chat-fadein{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tb-chat-msg-bot{align-self:flex-start;flex-direction:column;gap:12px}.tb-chat-msg-user{align-self:flex-end}.tb-chat-bubble{padding:12px 16px;border-radius:16px;font-size:14px;line-height:1.6}.tb-chat-msg-bot .tb-chat-bubble{background:#1a1a1a;color:#e0e0e0;border-bottom-left-radius:4px}.tb-chat-msg-user .tb-chat-bubble{background:#fff;color:#000;border-bottom-right-radius:4px}.tb-chat-bubble strong{color:#fff;font-weight:600}.tb-chat-msg-user .tb-chat-bubble strong{color:#000}.tb-chat-input-bar{display:flex;gap:8px;padding:16px 8px;border-top:1px solid #1a1a1a}.tb-chat-input{flex:1;background:#141414;border:1px solid #2a2a2a;border-radius:12px;padding:12px 16px;color:#fff;font-size:14px;outline:none;transition:border-color .2s ease}.tb-chat-input:focus{border-color:#444}.tb-chat-input::placeholder{color:#555}.tb-chat-mic{background:transparent;border:1px solid #333;border-radius:12px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.tb-chat-mic .tb-icon{width:18px;height:18px;stroke:#888}.tb-chat-mic:hover{border-color:#555}.tb-chat-mic:hover .tb-icon{stroke:#fff}.tb-chat-mic-active{background:#ff3b30;border-color:#ff3b30;animation:tb-mic-pulse 1.5s ease-in-out infinite}.tb-chat-mic-active .tb-icon{stroke:#fff}@keyframes tb-mic-pulse{0%,to{box-shadow:0 0 #ff3b3066}50%{box-shadow:0 0 0 8px #ff3b3000}}.tb-chat-send{background:#fff;border:none;border-radius:12px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .2s ease;flex-shrink:0}.tb-chat-send:hover{opacity:.8}.tb-chat-send .tb-icon{width:18px;height:18px;stroke:#000}.tb-chat-options{display:flex;flex-wrap:wrap;gap:8px;padding:4px 0}.tb-chat-option{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#141414;border:1px solid #2a2a2a;border-radius:10px;color:#e0e0e0;font-size:13px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.tb-chat-option:hover{background:#1f1f1f;border-color:#444;color:#fff}.tb-chat-option:active{transform:scale(.97)}.tb-chat-option-icon{font-size:16px;width:22px;text-align:center;flex-shrink:0}.tb-chat-option-sub{font-size:11px;color:#666;margin-left:4px}.tb-thinking-bubble{padding:12px 18px!important;min-width:60px}.tb-thinking-dots{display:flex;gap:5px;align-items:center}.tb-thinking-dots span{display:block;width:7px;height:7px;border-radius:50%;background:#666;animation:tb-thinking-bounce 1.2s infinite}.tb-thinking-dots span:nth-child(2){animation-delay:.2s}.tb-thinking-dots span:nth-child(3){animation-delay:.4s}@keyframes tb-thinking-bounce{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.tb-chat-streaming{position:relative}.tb-chat-streaming:after{content:"";display:inline-block;width:6px;height:14px;background:#666;margin-left:2px;animation:tb-blink .8s infinite;vertical-align:text-bottom}@keyframes tb-blink{0%,50%{opacity:1}51%,to{opacity:0}}.tb-chat-bubble code{background:#0d0d0d;padding:2px 6px;border-radius:4px;font-size:12px;font-family:monospace}.tb-chat-send:disabled{opacity:.3;cursor:not-allowed}.tb-chat-input:disabled{opacity:.5}.tb-chat-messages::-webkit-scrollbar{width:4px}.tb-chat-messages::-webkit-scrollbar-track{background:transparent}.tb-chat-messages::-webkit-scrollbar-thumb{background:#333;border-radius:2px}@media(max-width:640px){.tb-chat{height:calc(100vh - 120px)}.tb-chat-msg{max-width:92%}.tb-chat-options{gap:6px}.tb-chat-option{padding:8px 12px;font-size:12px}}.tb-scan-btn{margin-left:auto;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;flex-shrink:0}.tb-qr-section{margin-top:20px;padding-top:20px;border-top:1px solid var(--tb-border);display:flex;flex-direction:column;align-items:center;gap:12px}.tb-qr-label{font-size:13px;font-weight:600;color:var(--tb-text-secondary);align-self:flex-start}.tb-qr-preview{display:flex;align-items:center;justify-content:center;padding:16px;background:#fff;border-radius:var(--tb-radius)}.tb-qr-img{display:block;width:150px;height:150px;image-rendering:pixelated}.tb-qr-actions{display:flex;gap:8px}.tb-scanner-modal{max-width:480px}.tb-scanner-body{display:flex;flex-direction:column;align-items:center;gap:16px;padding:16px 24px!important}.tb-scanner-viewport{position:relative;width:100%;max-width:400px;aspect-ratio:1;overflow:hidden;border-radius:var(--tb-radius-lg);background:#000}.tb-scanner-viewport video{width:100%;height:100%;object-fit:cover}.tb-scanner-crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60%;height:60%;pointer-events:none}.tb-scanner-crosshair:before,.tb-scanner-crosshair:after{content:"";position:absolute;border-color:#ffffffb3;border-style:solid}.tb-scanner-crosshair:before{top:0;left:0;width:24px;height:24px;border-width:3px 0 0 3px;border-radius:4px 0 0}.tb-scanner-crosshair:after{top:0;right:0;width:24px;height:24px;border-width:3px 3px 0 0;border-radius:0 4px 0 0}.tb-scanner-viewport:before,.tb-scanner-viewport:after{content:"";position:absolute;z-index:2;width:9%;height:9%;border-color:#ffffffb3;border-style:solid;pointer-events:none}.tb-scanner-viewport:before{bottom:20%;left:20%;border-width:0 0 3px 3px;border-radius:0 0 0 4px}.tb-scanner-viewport:after{bottom:20%;right:20%;border-width:0 3px 3px 0;border-radius:0 0 4px}.tb-scanner-status{font-size:13px;color:var(--tb-text-secondary);text-align:center;margin:0}@media(max-width:640px){.tb-scanner-modal{max-width:100%}.tb-scanner-viewport{max-width:100%;border-radius:var(--tb-radius)}}.tb-kosten{padding:0}.tb-kpi-grid-5{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:24px}.tb-text-warning{color:var(--tb-warning)!important}.tb-text-danger{color:var(--tb-danger)!important}.tb-cost-progress-card{background:var(--tb-card);border:1px solid var(--tb-border);border-radius:var(--tb-radius-lg);padding:20px 24px;margin-bottom:24px}.tb-cost-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:14px;color:var(--tb-text-secondary)}.tb-cost-progress-header span:last-child{color:var(--tb-text);font-weight:600}.tb-cost-progress-bar{width:100%;height:8px;background:#1a1a1a;border-radius:4px;overflow:hidden;margin-bottom:8px}.tb-cost-progress-fill{height:100%;background:linear-gradient(90deg,var(--tb-warning),var(--tb-danger));border-radius:4px;transition:width .6s ease}.tb-cost-progress-labels{display:flex;justify-content:space-between;font-size:12px;color:var(--tb-text-muted)}.tb-cost-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.tb-cost-card{background:var(--tb-card);border:1px solid var(--tb-border);border-radius:var(--tb-radius-lg);padding:20px 24px}.tb-cost-card-full{margin-bottom:16px}.tb-cost-card .tb-chart-title{display:flex;align-items:center;gap:8px;margin-bottom:16px}.tb-cost-card .tb-chart-title .tb-icon{width:18px;height:18px}.tb-cost-list{display:flex;flex-direction:column;gap:2px}.tb-cost-list-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:var(--tb-radius);transition:background var(--tb-transition)}.tb-cost-list-item:hover{background:var(--tb-card-hover)}.tb-cost-list-warn{border-left:3px solid var(--tb-warning);padding-left:9px}.tb-cost-list-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.tb-cost-list-name{font-size:14px;font-weight:500;color:var(--tb-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tb-cost-list-sub{font-size:12px;color:var(--tb-text-muted)}.tb-cost-list-value{font-size:14px;font-weight:600;color:var(--tb-text);white-space:nowrap;margin-left:12px}.tb-cost-list-values{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.tb-cost-table th{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--tb-text-muted)}.tb-cost-table td{font-size:13px}@media(max-width:1024px){.tb-kpi-grid-5{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.tb-kpi-grid-5{grid-template-columns:repeat(2,1fr)}.tb-cost-columns{grid-template-columns:1fr}}@media(max-width:480px){.tb-kpi-grid-5{grid-template-columns:1fr}}.tb-kaart{display:flex;flex-direction:column;gap:12px;height:calc(100vh - 180px);min-height:480px}.tb-leaflet-map{flex:1;width:100%;border:1px solid #2a2a2a;border-radius:8px;background:#0a0a0a;overflow:hidden}.tb-map-warning{background:#1a1a1a;border:1px solid #2a2a2a;border-left:3px solid #888;padding:10px 14px;border-radius:6px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#ccc;font-size:13px}.tb-map-empty{color:#888;text-align:center;padding:16px;font-size:13px}.tb-map-pin-wrapper{background:transparent;border:none}.tb-map-pin{width:40px;height:40px;background:#fff;color:#000;border-radius:50% 50% 50% 0;transform:rotate(-45deg);display:flex;align-items:center;justify-content:center;border:2px solid #000;box-shadow:0 4px 10px #0009;position:relative;top:-4px;left:-2px}.tb-map-pin-count{transform:rotate(45deg);font-weight:700;font-size:13px;color:#000;font-family:inherit}.tb-map-popup .leaflet-popup-content-wrapper{background:#0d0d0d;color:#eee;border:1px solid #2a2a2a;border-radius:8px;box-shadow:0 8px 24px #0009;padding:0}.tb-map-popup .leaflet-popup-content{margin:0;padding:14px 16px;font-family:inherit;font-size:13px;line-height:1.4}.tb-map-popup .leaflet-popup-tip{background:#0d0d0d;border:1px solid #2a2a2a}.tb-map-popup .leaflet-popup-close-button{color:#888;font-size:18px;padding:6px 8px}.tb-map-popup .leaflet-popup-close-button:hover{color:#fff}.tb-map-popup-title{font-weight:700;font-size:15px;color:#fff;margin-bottom:4px}.tb-map-popup-address{color:#888;font-size:12px;margin-bottom:8px}.tb-map-popup-count{color:#ccc;font-size:12px;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #222}.tb-map-popup-list{list-style:none;margin:0;padding:0;max-height:220px;overflow-y:auto}.tb-map-popup-item{padding:6px 8px;border-radius:4px;cursor:pointer;display:flex;flex-direction:column;gap:2px;transition:background .15s}.tb-map-popup-item:hover{background:#1a1a1a}.tb-map-popup-tool-name{color:#fff;font-size:12px;font-weight:500}.tb-map-popup-tool-person{color:#777;font-size:11px}.tb-map-popup-more{color:#777;font-size:11px;text-align:center;padding-top:6px;border-top:1px solid #222;margin-top:6px}.leaflet-control-zoom a{background:#1a1a1a!important;color:#fff!important;border-color:#2a2a2a!important}.leaflet-control-zoom a:hover{background:#2a2a2a!important}.leaflet-control-attribution{background:#0009!important;color:#888!important}.leaflet-control-attribution a{color:#aaa!important}.tb-beheer-add-form-loc,.tb-beheer-edit-form-loc{flex-wrap:wrap}.tb-form-input-sm{max-width:110px}.tb-beheer-item-coords{font-size:11px;color:#888;font-family:monospace;margin-top:2px}.tb-beheer-item-coords-missing{color:#555;font-style:italic;font-family:inherit}#pdf-reader-page{display:none;position:absolute;top:0;left:0;right:0;bottom:0;background:var(--bg, #000);z-index:10;overflow:hidden}#pdf-reader-page.open{display:flex;flex-direction:column}#pdf-reader-projects-view{flex:1;overflow-y:auto;padding:24px}#pdf-reader-projects-empty{text-align:center;padding:80px 20px;color:#555}#pdf-reader-projects-empty p{margin-top:12px;font-size:16px}.pdf-reader-project-card{background:#0d0d0d;border:1px solid #222;border-radius:12px;padding:18px;cursor:pointer;transition:border-color .15s,transform .15s;display:flex;align-items:center;gap:14px;position:relative}.pdf-reader-project-card:hover{border-color:#444;transform:translateY(-1px)}.pdf-reader-project-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#1a1a1a;border-radius:8px}.pdf-reader-project-info{flex:1;min-width:0}.pdf-reader-project-name{color:#fff;font-weight:600;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.pdf-reader-project-meta{color:#777;font-size:12px;display:flex;gap:12px}.pdf-reader-project-delete{background:transparent;border:none;color:#555;cursor:pointer;padding:8px;border-radius:6px;transition:color .15s,background .15s;flex-shrink:0}.pdf-reader-project-delete:hover{color:#f55;background:#1a0a0a}#pdf-reader-viewer-view{flex:1;display:flex;flex-direction:column;overflow:hidden;background:#000}.pdf-reader-toolbar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid #1a1a1a;background:#0a0a0a;gap:12px;flex-shrink:0}.pdf-reader-toolbar-left,.pdf-reader-toolbar-right{display:flex;align-items:center;gap:8px;min-width:0}.pdf-reader-toolbar-center{display:flex;align-items:center;gap:8px;flex-shrink:0}.pdf-reader-doc-title{color:#fff;font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px}.pdf-reader-toolbar-btn{background:transparent;border:1px solid #2a2a2a;color:#aaa;padding:7px 12px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:13px;transition:border-color .15s,color .15s}.pdf-reader-toolbar-btn:hover:not(:disabled){border-color:#444;color:#fff}.pdf-reader-toolbar-btn:disabled{opacity:.35;cursor:not-allowed}.pdf-reader-toolbar-btn.active{border-color:#fff;color:#fff;background:#1a1a1a}.pdf-reader-page-input{width:50px;text-align:center;background:#111;border:1px solid #2a2a2a;border-radius:6px;color:#fff;padding:6px 4px;font-size:13px}.pdf-reader-page-counter{color:#777;font-size:13px}.pdf-reader-zoom-display{color:#aaa;font-size:13px;min-width:44px;text-align:center}.pdf-reader-workspace{flex:1;display:flex;overflow:hidden;min-height:0}.pdf-reader-canvas-area{flex:1;overflow:auto;background:#1a1a1a;padding:24px;display:flex;flex-direction:column;align-items:center;gap:16px}.pdf-reader-page-wrapper{position:relative;background:#fff;box-shadow:0 4px 24px #0006;border-radius:2px}.pdf-reader-page-wrapper canvas{display:block}.pdf-reader-annotation-marker{position:absolute;pointer-events:auto;cursor:pointer;border:2px solid #facc15;background:#facc152e;border-radius:3px;transition:background .15s,border-color .15s}.pdf-reader-annotation-marker:hover,.pdf-reader-annotation-marker.active{background:#facc1566;border-color:#fde047}.pdf-reader-annotation-marker.is-note{border-radius:50%;width:22px;height:22px;background:#facc15;border:2px solid #ca8a04;display:flex;align-items:center;justify-content:center;font-size:12px;color:#000;font-weight:700}.pdf-reader-comments-panel{width:340px;flex-shrink:0;background:#0a0a0a;border-left:1px solid #1a1a1a;display:flex;flex-direction:column;overflow:hidden}.pdf-reader-comments-header{padding:14px 16px;border-bottom:1px solid #1a1a1a;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.pdf-reader-comments-title{color:#fff;font-size:14px;font-weight:600}.pdf-reader-comments-count{color:#777;font-size:12px;background:#1a1a1a;padding:2px 8px;border-radius:999px}.pdf-reader-comments-list{flex:1;overflow-y:auto;padding:12px}.pdf-reader-comments-empty{text-align:center;padding:40px 20px;color:#555;font-size:13px}.pdf-reader-comment{background:#111;border:1px solid #1f1f1f;border-radius:8px;padding:12px;margin-bottom:10px;cursor:pointer;transition:border-color .15s,background .15s}.pdf-reader-comment:hover{border-color:#333;background:#161616}.pdf-reader-comment.active{border-color:#facc15;background:#1a1605}.pdf-reader-comment-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px;font-size:12px}.pdf-reader-comment-author{color:#fff;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdf-reader-comment-page{color:#777;background:#1a1a1a;padding:2px 8px;border-radius:999px;flex-shrink:0;font-size:11px}.pdf-reader-comment-meta{color:#555;font-size:11px;margin-bottom:6px}.pdf-reader-comment-type{display:inline-block;font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:#888;margin-right:6px}.pdf-reader-comment-body{color:#ccc;font-size:13px;line-height:1.5;white-space:pre-wrap;word-wrap:break-word}.pdf-reader-comment-quote{margin-top:8px;padding:6px 10px;border-left:3px solid #333;color:#888;font-size:12px;font-style:italic}.pdf-reader-dropzone{border:2px dashed #2a2a2a;border-radius:12px;padding:40px;text-align:center;color:#666;margin:20px 0;transition:border-color .15s,background .15s}.pdf-reader-dropzone.drag-over{border-color:#fff;background:#111;color:#fff}.pdf-reader-dropzone p{margin:8px 0}.pdf-reader-loading{color:#777;font-size:13px;text-align:center;padding:40px}@media(max-width:900px){.pdf-reader-comments-panel{width:280px}.pdf-reader-doc-title{max-width:140px}}@media(max-width:700px){.pdf-reader-comments-panel{display:none}.pdf-reader-comments-panel.open{display:flex;position:absolute;right:0;top:0;bottom:0;z-index:5;width:min(320px,90vw)}.pdf-reader-toolbar-btn span{display:none}}.page-active #screenrec-page.open{position:relative;top:auto;left:auto;right:auto;bottom:auto;flex:1;min-height:0}#screenrec-page{display:none;position:absolute;top:0;left:0;right:0;bottom:0;background:#0a0a0a;z-index:10;overflow-y:auto;user-select:none;-webkit-user-select:none}#screenrec-page.open{display:block}#screenrec-page input{user-select:text;-webkit-user-select:text}.srec-wrap{max-width:880px;margin:0 auto;padding:40px 28px 80px;font-family:Inter,-apple-system,sans-serif;color:#fff;display:flex;flex-direction:column;gap:32px}.srec-agent-banner{background:#1a1a1a;border:1px solid #333;border-left:3px solid #888;border-radius:8px;padding:12px 16px;font-size:13px;line-height:1.5;color:#ccc}.srec-stage{position:relative;width:100%;aspect-ratio:16 / 9;background:#000;border:1px solid #222;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center}.srec-preview{display:none;width:100%;height:100%;object-fit:contain;background:#000}.srec-stage-empty{display:flex;flex-direction:column;align-items:center;gap:14px;color:#555;text-align:center;padding:24px}.srec-stage-empty p{margin:0;font-size:14px;color:#777;max-width:360px}.srec-rec-dot{position:absolute;top:14px;left:14px;display:flex;align-items:center;gap:8px;background:#000000b3;border-radius:999px;padding:6px 12px;font:600 13px/1 Inter,sans-serif;color:#fff}.srec-rec-dot span{width:10px;height:10px;border-radius:50%;background:#fff;animation:srec-pulse 1.2s ease-in-out infinite}@keyframes srec-pulse{0%,to{opacity:1}50%{opacity:.25}}.srec-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.srec-mic-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#ccc}.srec-mic-toggle input{width:16px;height:16px;accent-color:#fff;cursor:pointer}.srec-buttons{display:flex;gap:10px}.srec-btn{display:inline-flex;align-items:center;gap:8px;border:1px solid #333;background:#161616;color:#fff;padding:12px 24px;border-radius:999px;cursor:pointer;font:600 14px/1 Inter,sans-serif;letter-spacing:.3px;transition:background .15s,border-color .15s}.srec-btn:hover{border-color:#666;background:#1f1f1f}.srec-btn-rec{background:#fff;color:#000;border-color:#fff}.srec-btn-rec:hover{background:#ddd}.srec-btn-rec .srec-dot{width:10px;height:10px;border-radius:50%;background:#000}.srec-btn-stop{background:#2a2a2a}.srec-status{font-size:13px;color:#aaa;padding:10px 14px;background:#141414;border:1px solid #262626;border-radius:8px}.srec-status-error{color:#f0a0a0;border-color:#5a2a2a}.srec-list-section{display:flex;flex-direction:column;gap:14px}.srec-list-head{font:600 12px/1 Inter,sans-serif;letter-spacing:1.5px;text-transform:uppercase;color:#777}.srec-list{display:flex;flex-direction:column;gap:10px}.srec-empty{color:#666;font-size:14px;padding:20px 0}.srec-card{display:flex;align-items:center;gap:14px;background:#131313;border:1px solid #242424;border-radius:10px;padding:12px 14px}.srec-card-thumb{width:56px;height:40px;flex-shrink:0;border-radius:6px;background:#000;border:1px solid #2a2a2a;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.srec-card-thumb:hover{background:#1a1a1a;border-color:#555}.srec-card-meta{flex:1;min-width:0}.srec-card-name{font-size:14px;color:#fff;cursor:text;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.srec-card-name:hover{color:#fff;text-decoration:underline dotted #555}.srec-card-sub{font-size:12px;color:#777;margin-top:3px}.srec-card-actions{display:flex;gap:6px;flex-shrink:0}.srec-mini{border:1px solid #2e2e2e;background:transparent;color:#ccc;padding:7px 12px;border-radius:6px;cursor:pointer;font:600 12px/1 Inter,sans-serif}.srec-mini:hover{border-color:#666;color:#fff}.srec-mini-danger:hover{border-color:#6a2a2a;color:#f0a0a0}.srec-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000}.srec-modal{background:#111;border:1px solid #2a2a2a;border-radius:12px;width:880px;max-width:94vw;overflow:hidden;display:flex;flex-direction:column}.srec-modal-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #1f1f1f;font:600 13px/1.3 Inter,sans-serif;color:#eee}.srec-modal-video{width:100%;max-height:78vh;background:#000;display:block}#accounts-page{display:none;position:absolute;top:0;left:0;right:0;bottom:0;background:var(--bg);z-index:10;overflow-y:auto}#accounts-page.open{display:block}.page-active #accounts-page.open{position:relative;top:auto;left:auto;right:auto;bottom:auto;flex:1;min-height:0}.aa-wrap{max-width:960px;margin:0 auto;padding:32px 20px 80px}.aa-header h1{margin:0 0 4px;font-size:26px;font-weight:800}.aa-muted{color:var(--text-muted, #888);font-size:13px;line-height:1.5;margin:0}.aa-error{color:#ff6b6b;font-size:13px;margin-top:10px}.aa-stats{display:flex;gap:12px;margin-top:18px;flex-wrap:wrap}.aa-stat{flex:1;min-width:140px;background:var(--bg-secondary, #0d0d0d);border:1px solid var(--border, #222);border-radius:14px;padding:16px 18px}.aa-stat-num{font-size:28px;font-weight:800;line-height:1}.aa-stat-label{color:var(--text-muted, #888);font-size:12px;margin-top:6px}.aa-card{background:var(--bg-secondary, #0d0d0d);border:1px solid var(--border, #222);border-radius:16px;padding:20px;margin-top:18px}.aa-card h2{margin:0 0 12px;font-size:16px;font-weight:700}.aa-card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}.aa-card-head h2{margin:0}.aa-input{width:100%;padding:10px 12px;background:var(--bg-message, #111);border:1px solid var(--border, #2a2a2a);color:var(--text, #fff);border-radius:8px;font-size:14px}.aa-search{max-width:320px}.aa-field-label{font-size:13px;font-weight:600;margin:14px 0 6px}.aa-create{margin:4px 0 18px}.aa-checks,.aa-toggles{display:flex;flex-wrap:wrap;gap:8px 16px;margin:6px 0 14px}.aa-check,.aa-toggle{display:inline-flex;align-items:center;gap:7px;font-size:14px;cursor:pointer}.aa-check input,.aa-toggle input{width:16px;height:16px;accent-color:var(--text, #fff)}.aa-btn{padding:9px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;border:1px solid var(--border, #333);background:var(--bg-message, #1a1a1a);color:var(--text, #fff)}.aa-btn:hover{border-color:var(--text-muted, #666)}.aa-btn:disabled{opacity:.5;cursor:default}.aa-btn-primary{background:var(--text, #fff);color:var(--bg, #000);border-color:var(--text, #fff)}.aa-btn-danger{background:transparent;color:var(--text-muted, #999)}.aa-btn-danger:hover{color:#ff6b6b;border-color:#ff6b6b}.aa-copy{padding:4px 10px;font-size:12px;margin-left:8px}.aa-code{font-family:ui-monospace,Menlo,monospace;background:var(--bg-message, #1a1a1a);padding:2px 8px;border-radius:6px;border:1px solid var(--border, #2a2a2a)}.aa-code-big{font-size:18px;font-weight:700;letter-spacing:1px}.aa-invite-result,.aa-result-box{margin-top:14px}.aa-result-box>div{margin:8px 0;font-size:13px}.aa-table{width:100%;border-collapse:collapse;font-size:13px;margin-top:8px}.aa-table th,.aa-table td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border, #1e1e1e)}.aa-table th{color:var(--text-muted, #888);font-weight:600}.aa-table tr.aa-used{opacity:.5}.aa-clients{display:flex;flex-direction:column;gap:12px}.aa-client{border:1px solid var(--border, #222);border-radius:12px;padding:14px 16px}.aa-client-head{display:flex;align-items:center;gap:12px}.aa-client-meta{flex:1;min-width:0}.aa-client-name{font-weight:700;font-size:15px}.aa-client-status{font-size:12px;color:var(--text-muted, #888);margin-top:8px;min-height:14px}.aa-credit{margin-top:12px;padding-top:12px;border-top:1px solid var(--border, #222)}.aa-credit-label{margin:0 0 6px}.aa-credit-bar{height:6px;border-radius:999px;background:var(--bg-message, #1a1a1a);overflow:hidden;border:1px solid var(--border, #222)}.aa-credit-fill{height:100%;background:var(--text, #fff);border-radius:999px;transition:width .2s ease}.aa-credit-fill.aa-credit-full{background:#ff6b6b}.aa-credit-meta{font-size:12px;margin-top:5px}.aa-credit-set{display:flex;gap:8px;margin-top:8px;align-items:center}.aa-credit-input{width:auto;flex:1;max-width:220px}.aa-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0;border:1px solid var(--border, #222)}.aa-avatar-fallback{display:flex;align-items:center;justify-content:center;background:var(--bg-message, #1a1a1a);font-size:14px;font-weight:700;color:var(--text-muted, #999)}#downloader-page{display:none;position:absolute;top:0;left:0;right:0;bottom:0;background:var(--bg);z-index:10;overflow:hidden}#downloader-page.open{display:flex;flex-direction:column}#downloader-root{flex:1;display:flex;flex-direction:column;min-height:0}.downloader-toolbar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid #1c1c1c;flex-shrink:0}.downloader-toolbar-left,.downloader-toolbar-right{display:flex;align-items:center;gap:10px}.downloader-toolbar-title{font-size:15px;font-weight:600;color:#eee}.downloader-agent-dot{width:8px;height:8px;border-radius:50%;background:#555;flex-shrink:0}.downloader-agent-dot.connected{background:#cfcfcf}.downloader-agent-dot.disconnected{background:#444}.tool-close-btn.downloader-close{background:none;border:none;cursor:pointer;color:#888;padding:6px;border-radius:8px}.tool-close-btn.downloader-close:hover{background:#1c1c1c;color:#fff}.tool-close-btn.downloader-close svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2}.downloader-body{flex:1;overflow-y:auto;display:flex;flex-direction:column;align-items:center;padding:32px 20px;gap:24px}.downloader-card{width:100%;max-width:640px;background:#0d0d0d;border:1px solid #1c1c1c;border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:16px}.downloader-url-row{display:flex;gap:8px}.downloader-input{flex:1;background:#000;border:1px solid #2a2a2a;border-radius:10px;color:#eee;padding:12px 14px;font-size:14px;outline:none}.downloader-input:focus{border-color:#555}.downloader-btn{background:#1a1a1a;border:1px solid #2a2a2a;color:#ddd;border-radius:10px;padding:12px 16px;font-size:14px;cursor:pointer;white-space:nowrap;transition:background .12s,border-color .12s}.downloader-btn:hover{background:#242424;border-color:#3a3a3a}.downloader-btn:disabled{opacity:.45;cursor:not-allowed}.downloader-btn.primary{background:#fff;color:#000;border-color:#fff;font-weight:600}.downloader-btn.primary:hover{background:#e6e6e6}.downloader-preview{display:none;gap:14px;align-items:flex-start;background:#000;border:1px solid #1c1c1c;border-radius:12px;padding:12px}.downloader-preview.show{display:flex}.downloader-preview-thumb{width:140px;height:79px;border-radius:8px;object-fit:cover;background:#1a1a1a;flex-shrink:0}.downloader-preview-meta{display:flex;flex-direction:column;gap:4px;min-width:0}.downloader-preview-title{font-size:14px;font-weight:600;color:#eee;line-height:1.3}.downloader-preview-sub{font-size:12px;color:#888}.downloader-row{display:flex;align-items:center;gap:10px}.downloader-label{font-size:12px;color:#888;min-width:76px}.downloader-select{flex:1;background:#000;border:1px solid #2a2a2a;border-radius:10px;color:#eee;padding:10px 12px;font-size:14px;outline:none;cursor:pointer}.downloader-dir{flex:1;font-size:12px;color:#aaa;font-family:ui-monospace,monospace;background:#000;border:1px solid #1c1c1c;border-radius:8px;padding:8px 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.downloader-hint{font-size:12px;color:#666;line-height:1.5}.downloader-hint code{background:#1a1a1a;padding:1px 5px;border-radius:4px;color:#bbb}.downloader-error{color:#d77;font-size:13px}.downloader-source-toggle{display:flex;gap:6px}.downloader-src{background:#1a1a1a;border:1px solid #2a2a2a;color:#aaa;border-radius:999px;padding:6px 14px;font-size:13px;cursor:pointer;transition:background .12s,color .12s,border-color .12s}.downloader-src:hover{color:#fff;border-color:#3a3a3a}.downloader-src.active{background:#fff;color:#000;border-color:#fff;font-weight:600}.downloader-results{display:flex;flex-direction:column;gap:8px}.downloader-results-empty{color:#666;font-size:13px;padding:6px 2px}.downloader-result{display:flex;align-items:center;gap:12px;background:#000;border:1px solid #1c1c1c;border-radius:10px;padding:8px}.downloader-result-thumb{width:120px;height:68px;border-radius:6px;flex-shrink:0;background:#1a1a1a center/cover no-repeat;position:relative}.downloader-result-dur{position:absolute;bottom:4px;right:4px;background:#000000d9;color:#fff;font-size:11px;font-weight:600;padding:1px 5px;border-radius:4px;line-height:1.4;letter-spacing:.02em}.downloader-result-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.downloader-result-title{font-size:13px;color:#eee;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.downloader-result-channel{font-size:12px;color:#aaa;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.downloader-result-badges{display:flex;flex-wrap:wrap;gap:6px}.downloader-badge{font-size:11px;color:#bbb;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:999px;padding:2px 8px;line-height:1.5;white-space:nowrap}.downloader-result-dl{padding:8px 12px;font-size:13px;flex-shrink:0;min-width:88px}.downloader-result-dl.done{background:#fff;color:#000;border-color:#fff;font-weight:600}.downloader-list{width:100%;max-width:640px;display:flex;flex-direction:column;gap:10px}.downloader-list-title{font-size:12px;color:#666;text-transform:uppercase;letter-spacing:.06em}.downloader-job{background:#0d0d0d;border:1px solid #1c1c1c;border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:8px}.downloader-job-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.downloader-job-title{font-size:13px;color:#ddd;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.downloader-job-state{font-size:12px;color:#888;flex-shrink:0}.downloader-job-state.done{color:#cfcfcf}.downloader-job-state.error{color:#d77}.downloader-progress{height:6px;background:#1a1a1a;border-radius:3px;overflow:hidden}.downloader-progress-fill{height:100%;width:0;background:#fff;transition:width .2s}.downloader-job-meta{font-size:11px;color:#666;display:flex;gap:12px}.downloader-job-cancel{background:none;border:none;color:#888;cursor:pointer;font-size:12px;padding:0}.downloader-job-cancel:hover{color:#d77}