*{box-sizing:border-box;margin:0;padding:0}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}*{scrollbar-width:thin;scrollbar-color:#333 transparent}:root{--bg:#000;--bg-secondary:#0a0a0a;--bg-message:#111;--bg-user:#1a1a1a;--bg-tool:#0d0d0d;--bg-thinking:#0d0d0d;--text:#fff;--text-muted:#666;--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:#fff;--border:#222;--input-bg:#111;--safe-bottom:env(safe-area-inset-bottom,0px)}html,body{background:var(--bg);height:100%;color:var(--text);overscroll-behavior-x:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:15px;overflow:hidden}#loading-screen{background:#000;flex-direction:column;justify-content:center;align-items:center;gap:32px;height:100%;display:none}#page-loader{z-index:9999;opacity:1;background:#000;flex-direction:column;justify-content:center;align-items:center;gap:32px;transition:opacity .3s;display:none;position:fixed;inset:0}#page-loader.active{display:flex}#page-loader.fade-out{opacity:0}.loading-logo{width:120px;height:auto}.loading-bar-track{background:#1a1a1a;border-radius:2px;width:200px;height:3px;overflow:hidden}.loading-bar-fill{background:#fff;border-radius:2px;width:0%;height:100%;transition:width .4s}#login-screen{z-index:9999;background:radial-gradient(at 50% 0,#111 0%,#000 70%);justify-content:center;align-items:center;height:100%;padding:20px;display:flex;position:relative}.has-token #login-screen{display:none}.has-token #loading-screen{display:flex}.login-card{background:var(--bg-secondary);border:1px solid var(--border);text-align:center;border-radius:20px;width:100%;max-width:360px;padding:40px 32px}.login-logo{opacity:.9;max-width:200px;height:auto;margin-bottom:20px}.login-tagline{letter-spacing:2px;color:#666;text-transform:lowercase;margin-bottom:24px;font-family:Inter,sans-serif;font-size:15px;font-weight:300}.login-error{color:#f44;min-height:20px;margin-bottom:8px;font-size:13px}.login-card form{flex-direction:column;gap:10px;display:flex}.login-card input[type=password],.login-card input[type=text]{background:var(--input-bg);border:1px solid var(--border);width:100%;color:var(--text);border-radius:12px;outline:none;padding:14px 16px;font-size:15px;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{width:100%;position:relative}.password-wrapper input{padding-right:48px!important}.password-toggle{color:#555;cursor:pointer;background:0 0;border:none;align-items:center;width:auto;padding:4px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.password-toggle:hover{color:#888}.login-card button:not(.password-toggle){color:#000;cursor:pointer;background:#fff;border:none;border-radius:12px;width:100%;margin-top:6px;padding:14px;font-size:15px;font-weight:600;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{color:#666;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:2px 0;font-size:13px;display:flex}.remember-me input[type=checkbox]{accent-color:#fff;cursor:pointer;width:16px;height:16px}#app{flex-direction:row;height:100%;display:none;position:relative}#project-rail{border-left:1px solid var(--border);background:#0a0a0a;flex-direction:column;flex-shrink:0;align-items:center;gap:4px;width:60px;min-width:60px;height:100%;padding:12px 0;display:flex;overflow:hidden auto}#project-rail::-webkit-scrollbar{width:0}#project-rail-items{flex-direction:column;align-items:center;gap:4px;width:100%;display:flex}.project-rail-item{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;padding:4px;transition:border-radius .2s,background .15s;display:flex;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:"";background:#fff;border-radius:4px 0 0 4px;width:4px;height:28px;position:absolute;top:50%;right:0;transform:translateY(-50%)}.project-rail-icon{color:#000;-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;font-weight:700;transition:border-radius .2s;display:flex}.project-rail-item:hover .project-rail-icon,.project-rail-item.active .project-rail-icon{border-radius:10px}#project-rail-add{cursor:pointer;color:#555;background:0 0;border:2px dashed #333;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin-top:4px;transition:color .15s,border-color .15s;display:flex}#project-rail-add:hover{color:#aaa;border-color:#555}#workspace-page{background:var(--bg);z-index:10;display:none;position:absolute;inset:0;overflow:hidden}#workspace-page.open{display:flex}#workspace-page-content{flex:1;min-width:0;overflow-y:auto}#workspace-page-inner{max-width:680px;margin:0 auto;padding:40px 24px 80px}#workspace-email-sidebar{border-left:1px solid var(--border);background:var(--bg-secondary);flex-direction:column;flex-shrink:0;width:340px;display:flex;overflow:hidden}#workspace-email-sidebar.empty{display:none}.ws-email-sidebar-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.ws-email-sidebar-header h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin:0;font-size:13px;font-weight:600}.ws-email-sidebar-header button{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;padding:4px 10px;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{flex-direction:column;flex:1;display:none;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{color:var(--text-muted);cursor:pointer;border:none;border-bottom:1px solid var(--border);text-align:left;background:0 0;width:100%;padding:10px 16px;font-size:13px}.ws-detail-back:hover{color:#fff}@media (max-width:900px){#workspace-email-sidebar{display:none}}.workspace-header-section{align-items:center;gap:20px;margin-bottom:40px;display:flex}.workspace-icon-large{color:#000;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:28px;font-weight:700;display:flex}.workspace-header-info{flex:1;min-width:0}.workspace-header-info h1{letter-spacing:-.5px;margin:0 0 4px;font-size:24px;font-weight:700}.workspace-desc{color:var(--text-muted);margin:0;font-size:14px}.workspace-edit-btn{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:color .15s,border-color .15s;display:flex}.workspace-edit-btn:hover{color:#fff;border-color:#444}.workspace-section{margin-bottom:32px}.workspace-section h2{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin:0 0 12px;font-size:14px;font-weight:600}.workspace-links-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;margin-bottom:8px;display:grid}.workspace-link-card{background:var(--input-bg);border:1px solid var(--border);cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:12px 14px;transition:background .15s;display:flex;position:relative}.workspace-link-card:hover{background:#1a1a1a}.workspace-link-icon{color:var(--text-muted);flex-shrink:0;display:flex}.workspace-link-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14px;font-weight:500;overflow:hidden}.workspace-link-delete{color:#555;cursor:pointer;opacity:0;background:0 0;border:none;padding:2px 4px;font-size:16px;transition:opacity .15s;position:absolute;top:4px;right:6px}.workspace-link-card:hover .workspace-link-delete{opacity:1}.workspace-link-delete:hover{color:#f44}.workspace-add-link-btn{color:#555;cursor:pointer;background:0 0;border:1px dashed #333;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;transition:color .15s,border-color .15s;display:flex}.workspace-add-link-btn:hover{color:#aaa;border-color:#555}.workspace-todo-item{border-bottom:1px solid #ffffff0a;align-items:center;gap:10px;padding:8px 0;display:flex}.workspace-todo-item.done .workspace-todo-text{color:var(--text-muted);text-decoration:line-through}.workspace-todo-check{cursor:pointer;border:2px solid #444;border-radius:4px;flex-shrink:0;width:20px;height:20px;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{color:#444;cursor:pointer;opacity:0;background:0 0;border:none;padding:2px 4px;font-size:16px;transition:opacity .15s}.workspace-todo-item:hover .workspace-todo-delete{opacity:1}.workspace-todo-delete:hover{color:#f44}.workspace-todo-input-row{gap:8px;margin-top:8px;display:flex}.workspace-todo-input-row input{background:var(--input-bg);border:1px solid var(--border);color:var(--text);border-radius:8px;outline:none;flex:1;padding:8px 12px;font-size:14px}.workspace-todo-input-row input:focus{border-color:#444}.workspace-todo-input-row button{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;padding:6px;display:flex}.workspace-todo-input-row button:hover{color:#fff;border-color:#444}#workspace-notes{background:var(--input-bg);border:1px solid var(--border);width:100%;min-height:120px;color:var(--text);resize:vertical;border-radius:10px;outline:none;padding:12px 14px;font-family:inherit;font-size:14px;line-height:1.6}#workspace-notes:focus{border-color:#444}.workspace-empty{color:#444;margin:0 0 8px;font-size:13px}.workspace-contact-card{background:var(--input-bg);border:1px solid var(--border);cursor:pointer;border-radius:10px;align-items:center;gap:12px;margin-bottom:8px;padding:12px 14px;transition:background .15s;display:flex;position:relative}.workspace-contact-card:hover{background:#1a1a1a}.workspace-contact-avatar{color:#888;text-transform:uppercase;background:#222;border:1px solid #333;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:600;display:flex}.workspace-contact-info{flex:1;min-width:0}.workspace-contact-name{font-size:14px;font-weight:500}.workspace-contact-role{color:var(--text-muted);font-size:12px}.workspace-contact-email-hint{color:#444;margin-top:1px;font-size:11px}.workspace-contact-badge{color:#888;white-space:nowrap;background:#1a1a1a;border:1px solid #333;border-radius:10px;padding:2px 8px;font-size:11px}.workspace-contact-delete{color:#555;cursor:pointer;opacity:0;background:0 0;border:none;padding:2px 4px;font-size:16px;transition:opacity .15s;position:absolute;top:4px;right:6px}.workspace-contact-card:hover .workspace-contact-delete{opacity:1}.workspace-contact-delete:hover{color:#f44}.workspace-danger-zone{border-top:1px solid var(--border);margin-top:24px;padding-top:24px}.workspace-delete-btn{color:#f44;cursor:pointer;background:0 0;border:1px solid #411;border-radius:8px;padding:8px 16px;font-size:13px;transition:background .15s}.workspace-delete-btn:hover{background:#1a0000}.workspace-modal-body{flex-direction:column;gap:12px;padding:16px 20px 24px;display:flex}.workspace-modal-icon-pick{align-items:center;gap:12px;display:flex}.workspace-icon-preview{color:#000;cursor:pointer;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;font-weight:700;transition:background .2s;display:flex}.workspace-modal-body input,.workspace-modal-body select{background:var(--input-bg);border:1px solid var(--border);color:var(--text);border-radius:8px;outline:none;width:100%;padding:10px 12px;font-size:14px}.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{color:#000;cursor:pointer;background:#fff;border:none;border-radius:8px;padding:10px;font-size:14px;font-weight:600;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{-webkit-backdrop-filter:blur(80px)saturate(180%);backdrop-filter:blur(80px)saturate(180%);z-index:200;background:linear-gradient(#14141499,#0a0a0a8c);border-right:1px solid #ffffff1a;flex-direction:column;flex-shrink:0;width:0;min-width:0;height:100%;transition:width .25s,min-width .25s;display:flex;position:relative;overflow:hidden;box-shadow:inset 1px 0 #ffffff0f,1px 0 #0000004d}#sidebar.open{width:300px;min-width:300px}#sidebar-toggle{color:var(--text);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;font-size:22px;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{border-bottom:none;justify-content:center;padding:16px 0}#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{border-top:none;flex:1;align-items:center;min-height:0;padding:12px 0}#sidebar .sidebar-footer #sidebar-tools-search,#sidebar .sidebar-footer .sidebar-tools-collapse{display:none}#sidebar .sidebar-footer .sidebar-footer-items{opacity:1;min-height:0;overflow-y:auto}#sidebar .sidebar-footer button{justify-content:center;gap:0;padding:14px 0;font-size:0;position:relative}#sidebar .sidebar-footer button .email-badge{text-align:center;min-width:16px;height:16px;margin-left:0;padding:0 4px;font-size:9px;line-height:16px;display:inline;position:absolute;top:4px;right:8px}#sidebar .sidebar-bottom{border-top:none;padding:12px 0}#sidebar .sidebar-bottom button{justify-content:center;gap:0;padding:14px 0;font-size:0;position:relative}#sidebar .sidebar-bottom button .email-badge{text-align:center;min-width:16px;height:16px;margin-left:0;padding:0 4px;font-size:9px;line-height:16px;position:absolute;top:4px;right:8px}.sidebar-collapsed-logo{justify-content:center;margin-top:auto;padding-bottom:16px;display:flex}.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{border-bottom:1px solid var(--border);justify-content:space-between;gap:12px;padding:16px}#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{border-top:1px solid var(--border);align-items:stretch;padding:8px 16px}#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;gap:10px;padding:10px 4px;font-size:15px}#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:none;overflow:visible}#sidebar.open .sidebar-footer.collapsed .sidebar-footer-toggle-icon{transform:rotate(180deg)}#sidebar.open .sidebar-bottom{border-top:1px solid var(--border);padding:12px 16px}#sidebar.open .sidebar-bottom button{justify-content:flex-start;gap:10px;padding:10px 4px;font-size:15px}}#main-content{flex-direction:column;flex:1;min-width:0;height:100%;display:flex;position:relative}.sidebar-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px;display:flex}#project-btn{background:var(--input-bg);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:8px;flex:1;align-items:center;gap:6px;min-width:0;margin-left:8px;padding:7px 12px;font-size:13px;display:flex}#project-btn span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#project-btn svg{opacity:.5;flex-shrink:0}.modal-overlay{z-index:9999;background:#0009;justify-content:center;align-items:flex-end;display:none;position:fixed;inset:0}.modal-overlay.open{display:flex}.modal-sheet{background:#1a1a1a;border-radius:16px 16px 0 0;flex-direction:column;width:100%;max-width:500px;max-height:70vh;padding:8px 0 0;animation:.25s ease-out modalSlideUp;display:flex}@keyframes modalSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (min-width:600px){.modal-overlay{opacity:0;pointer-events:none;align-items:center;transition:opacity .15s ease-out;display:flex}.modal-overlay.open{opacity:1;pointer-events:auto}.modal-sheet{border-radius:12px;animation:none}.modal-handle{display:none}}.modal-handle{background:#444;border-radius:2px;width:36px;height:4px;margin:0 auto 12px}.modal-title{color:#fff;border-bottom:1px solid var(--border);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;margin:0;padding:0 20px 12px;font-size:16px;font-weight:600}.confirm-modal-body{padding:20px}.confirm-modal-body p{color:var(--text-muted);margin:0 0 20px;font-size:14px}.confirm-modal-actions{gap:10px;display:flex}.confirm-modal-cancel{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:10px;flex:1;padding:12px;font-size:14px}.confirm-modal-cancel:hover{background:var(--input-bg)}.confirm-modal-ok{color:#000;cursor:pointer;background:#fff;border:none;border-radius:10px;flex:1;padding:12px;font-size:14px;font-weight:600}.confirm-modal-ok:hover{background:#ddd}.ptm-body{flex-direction:column;padding:0;display:flex}.ptm-search-wrap{padding:12px 20px;position:relative}.ptm-search-icon{color:#666;pointer-events:none;position:absolute;top:50%;left:32px;transform:translateY(-50%)}.ptm-search{border:1px solid var(--border);background:var(--input-bg);width:100%;color:var(--text);box-sizing:border-box;border-radius:10px;outline:none;padding:10px 12px 10px 36px;font-size:14px}.ptm-search:focus{border-color:#555}.ptm-conversations{-webkit-overflow-scrolling:touch;max-height:320px;padding:0 8px;overflow-y:auto}.ptm-conv-item{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:10px;align-items:center;gap:12px;padding:12px;display:flex}.ptm-conv-item:active{background:#ffffff0f}.ptm-conv-info{flex:1;min-width:0}.ptm-conv-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;font-size:14px;overflow:hidden}.ptm-conv-meta{color:#666;-webkit-user-select:none;user-select:none;margin-top:2px;font-size:12px}.ptm-conv-icon{color:#555;flex-shrink:0}.ptm-empty{text-align:center;color:#555;-webkit-user-select:none;user-select:none;padding:20px;font-size:13px}.ptm-actions{border-top:1px solid var(--border);padding:12px 20px}.ptm-close-project{color:#f44;cursor:pointer;background:#ff3c3c1a;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-size:14px;font-weight:500;display:flex}.ptm-close-project:active{background:#ff3c3c33}#project-modal-list{padding:8px 0;overflow-y:auto}.project-option{cursor:pointer;color:#ccc;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:14px 20px;font-size:15px;display:flex}.project-option:last-child{border-bottom:none}.project-option:active{background:#ffffff0d}.project-option.selected{color:#fff;font-weight:500}.project-option .check{border:2px solid #555;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.project-option.selected .check{background:#fff;border-color:#fff}.project-option.selected .check:after{content:"";background:#000;border-radius:50%;width:10px;height:10px}.project-option-close{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #555;border-radius:6px;margin-right:8px;padding:4px 10px;font-size:12px;display:none}.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{background:#ffffff04;padding-left:44px;font-size:14px}.project-option.is-subproject:before{content:"└";color:#555;position:absolute;left:24px}.project-option{position:relative}.project-option-actions{align-items:center;gap:6px;display:flex}.project-option-addsub{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #333;border-radius:6px;padding:4px 10px;font-size:12px}.project-option-addsub:hover{color:#fff;border-color:#888}.project-option-unpin{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #333;border-radius:6px;padding:4px 8px;font-size:11px}.project-option-unpin:hover{color:#ff6b6b;border-color:#ff6b6b}.modal-subtitle{color:var(--text-muted);border-bottom:1px solid var(--border);margin:-12px 0 0;padding:8px 20px 12px;font-size:13px}#subproject-picker-list{-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow-y:auto}.subproject-picker-item{cursor:pointer;color:#ccc;border-bottom:1px solid #ffffff0d;align-items:center;padding:12px 20px;font-size:14px;display:flex}.subproject-picker-item:hover{color:#fff;background:#ffffff0d}.subproject-picker-item.disabled{opacity:.4;cursor:not-allowed}.subproject-picker-empty{color:var(--text-muted);text-align:center;padding:20px;font-size:13px}#sidebar-search{background:var(--input-bg);border:1px solid var(--border);color:var(--text);border-radius:8px;outline:none;width:calc(100% - 24px);margin:12px 12px 8px;padding:10px 12px;font-size:14px}#sidebar-search::placeholder{color:var(--text-muted)}#sidebar-search:focus{border-color:#444}#sidebar-new-chat-btn{background:var(--input-bg);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;border-radius:8px;align-items:center;gap:8px;width:calc(100% - 24px);margin:4px 12px 8px;padding:10px 14px;font-size:14px;transition:background .15s,color .15s;display:flex}#sidebar-new-chat-btn:hover{color:var(--text);background:#222}#conversation-list{flex:1;padding:8px;overflow-y:auto}.sidebar-footer{border-top:1px solid var(--border);flex-direction:column;flex:3;gap:0;min-height:0;padding:8px 16px;display:flex;position:relative;overflow:hidden}.sidebar-tools-toggle{color:#fff;cursor:pointer;background:0 0;border:none;flex-shrink:0;align-items:center;gap:10px;width:100%;padding:10px 4px;font-size:15px;font-weight:500;display:flex}.sidebar-tools-toggle:hover{color:#ccc}.sidebar-tools-collapse{cursor:pointer;color:#555;border-radius:4px;align-items:center;margin-left:auto;padding:4px 2px;display:flex}.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{opacity:1;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;gap:6px;min-height:0;transition:opacity .2s;display:flex;overflow:hidden auto}.sidebar-footer-items::-webkit-scrollbar{display:none}#sidebar-tools-search{background:var(--input-bg);border:1px solid var(--border);color:var(--text);box-sizing:border-box;border-radius:8px;outline:none;flex-shrink:0;width:100%;margin:4px 0 8px;padding:8px 12px;font-size:13px}#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{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;flex-shrink:1;gap:2px;min-height:0;margin-bottom:4px;display:none;overflow:hidden auto}#sidebar-tools-results::-webkit-scrollbar{display:none}#sidebar-tools-results.active{display:flex}.sidebar-footer.collapsed #sidebar-tools-results{display:none}.sidebar-tools-result{cursor:pointer;color:#fff;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;width:100%;padding:8px;font-size:14px;display:flex}.sidebar-tools-result:hover{background:#1a1a1a}.sidebar-tools-result-icon{color:#ccc;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.sidebar-tools-result-icon svg{width:20px;height:20px}.sidebar-tools-result-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.sidebar-tools-results-empty{color:var(--text-muted);text-align:center;padding:12px 8px;font-size:13px}.sidebar-footer-items.search-active,.sidebar-footer.collapsed .sidebar-footer-items{display:none}.sidebar-footer.collapsed{flex:none;padding:8px 16px;overflow:visible}.sidebar-footer button{color:#fff;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 4px;font-size:15px;font-weight:500;display:flex}.sidebar-footer button:hover{color:#ccc}.sidebar-bottom{border-top:1px solid var(--border);flex-shrink:0;padding:12px 16px}.sidebar-bottom button{color:#fff;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 4px;font-size:15px;font-weight:500;display:flex}.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-direction:row;flex:1;display:flex;position:relative;overflow:hidden}#header-back{color:var(--text);cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;display:flex}#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{flex:1;display:block!important}.page-active #header{background:var(--bg-secondary);border-bottom:1px solid var(--border);pointer-events:auto;flex-shrink:0;position:relative}.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 #notes-page.open,.page-active #machine-page.open{flex:1;min-height:0;position:relative;inset:auto}.page-active #dashboard-page.open{flex-direction:column;flex:1;align-items:center;min-height:0;display:flex;position:relative;inset:auto}#header-actions{gap:4px;margin-left:auto;display:flex}.header-action-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:20px}.header-action-btn:hover{color:#fff;background:#1a1a1a}#dashboard-page{z-index:10;background:0 0;display:none;position:absolute;inset:0;overflow:hidden auto}#dashboard-page.open{flex-direction:column;align-items:center;display:flex}#dashboard-page::-webkit-scrollbar{width:0}.dashboard-inner{z-index:2;width:100%;max-width:560px;padding:0 24px 100px;position:relative}#header.dash-header-mode{z-index:20;background:0 0;border-bottom:none;position:absolute;top:0;left:0;right:0}#header.dash-header-mode>:not(#menu-btn){display:none!important}#header.dash-header-mode #menu-btn{color:#444;display:block!important}@media (min-width:769px){#header.dash-header-mode #menu-btn{display:none!important}}.dash-ambient{pointer-events:none;z-index:9;background-color:#000;background-position:top,top;background-size:cover,cover;display:none;position:fixed;inset:0}.dash-anim{opacity:0;transform:translateY(16px)}.dash-anim-in{animation:.5s cubic-bezier(.16,1,.3,1) forwards dashFadeUp}@keyframes dashFadeUp{to{opacity:1;transform:translateY(0)}}.dash-loading{flex-direction:column;gap:20px;padding-top:100px;display:flex}.dash-skeleton{background:linear-gradient(110deg,#0a0a0a 30%,#141414 50%,#0a0a0a 70%) 0 0/200% 100%;border-radius:20px;animation:1.5s ease-in-out infinite dashShimmer}.dash-sk-hero{height:180px}.dash-sk-bar{border-radius:16px;height:56px}.dash-sk-cards{height:120px}.dash-sk-row{width:60%;height:80px}@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{color:#fff;letter-spacing:-3px;margin-bottom:8px;font-family:Inter,sans-serif;font-size:64px;font-weight:200;line-height:1}.dash-date{color:#999;text-transform:uppercase;letter-spacing:3px;margin-bottom:32px;font-family:Space Grotesk,sans-serif;font-size:13px}.dash-greeting{color:#fff;letter-spacing:-.5px;margin-bottom:6px;font-family:Inter,sans-serif;font-size:28px;font-weight:700;line-height:1.2}.dash-subgreeting{color:#999;font-family:Inter,sans-serif;font-size:16px;font-weight:400}.dash-search{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background:#ffffff1f;border:1px solid #fff3;border-radius:24px;margin-bottom:32px}.dash-search:focus-within{border-color:#ffffff4d}.dash-search-inner{background:0 0;border:none;border-radius:24px;align-items:center;gap:8px;height:52px;padding:4px 4px 4px 16px;display:flex}.dash-search-input{color:#fff;background:0 0;border:none;outline:none;flex:1;padding:8px 4px;font-family:inherit;font-size:16px;font-weight:400}.dash-search-input::placeholder{color:#888}.dash-search-send{cursor:pointer;background:#fff;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;padding:3px 8px;font-family:SF Mono,Menlo,monospace;display:flex}.dash-continue-card{cursor:pointer;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background:#ffffff1f;border:1px solid #fff3;border-radius:20px;margin-bottom:20px;position:relative}.dash-continue-glow{display:none}.dash-continue-inner{background:0 0;border:none;border-radius:20px;justify-content:space-between;align-items:center;padding:20px 24px;transition:transform .2s;display:flex}.dash-continue-card:hover{border-color:#ffffff40;transform:translateY(-1px)}.dash-continue-left{align-items:center;gap:16px;min-width:0;display:flex}.dash-continue-icon{color:#999;background:#ffffff14;border:1px solid #ffffff1f;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.dash-continue-text{min-width:0}.dash-continue-label{color:#999;text-transform:uppercase;letter-spacing:2px;margin-bottom:4px;font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:600}.dash-continue-title{color:#ddd;white-space:nowrap;text-overflow:ellipsis;max-width:300px;font-family:Inter,sans-serif;font-size:15px;font-weight:600;overflow:hidden}.dash-continue-meta{color:#888;margin-top:3px;font-size:12px}.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{-webkit-backdrop-filter:blur(20px);background:#ffffff14;border:1px solid #ffffff1f;border-radius:20px;margin-bottom:20px;transition:border-color .3s;overflow:hidden}.dash-card:hover{border-color:#ffffff2e}.dash-card-header{border-bottom:1px solid #ffffff0a;align-items:center;gap:10px;padding:16px 20px 12px;display:flex}.dash-card-icon{color:#888;display:flex}.dash-card-title{color:#aaa;flex:1;font-family:Inter,sans-serif;font-size:13px;font-weight:600}.dash-pill{color:#fff;text-align:center;background:#ffffff1a;border-radius:999px;min-width:20px;padding:2px 10px;font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:700}.dash-card-action{color:#888;cursor:pointer;border-top:1px solid #ffffff0a;align-items:center;gap:6px;padding:12px 20px;font-family:Inter,sans-serif;font-size:12px;font-weight:500;transition:color .2s;display:flex}.dash-card-action:hover{color:#aaa}.dash-email-item{cursor:pointer;align-items:flex-start;gap:12px;padding:14px 20px;transition:background .15s;display:flex}.dash-email-item:hover{background:#ffffff05}.dash-email-avatar{color:#888;text-transform:uppercase;background:#222;border:1px solid #333;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-family:Inter,sans-serif;font-size:11px;font-weight:600;display:flex}.dash-email-content{flex:1;min-width:0}.dash-email-from{color:#bbb;margin-bottom:2px;font-family:Inter,sans-serif;font-size:13px;font-weight:600}.dash-email-subject{color:#444;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.dash-weather-card{margin-bottom:20px}.dash-weather-main{align-items:center;gap:16px;padding:16px 20px;display:flex}.dash-weather-icon{color:#aaa;flex-shrink:0;display:flex}.dash-weather-body{flex:1}.dash-weather-temp{color:#fff;letter-spacing:-1px;font-family:Inter,sans-serif;font-size:32px;font-weight:200;line-height:1}.dash-weather-desc{color:#666;margin-top:3px;font-family:Inter,sans-serif;font-size:12px}.dash-weather-meta{text-align:right}.dash-weather-city{color:#888;letter-spacing:.5px;font-family:Space Grotesk,sans-serif;font-size:12px;font-weight:600}.dash-weather-wind{color:#555;justify-content:flex-end;align-items:center;gap:4px;margin-top:4px;font-family:Inter,sans-serif;font-size:11px;display:flex}.dash-section-title{color:#777;text-transform:uppercase;letter-spacing:3px;margin:32px 0 14px;padding-left:4px;font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:700}.dash-tools-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:12px;display:grid}.dash-all-tools-btn{color:#ccc;cursor:pointer;-webkit-backdrop-filter:blur(20px);background:#ffffff14;border:1px solid #ffffff1f;border-radius:16px;justify-content:center;align-items:center;gap:10px;margin-bottom:20px;padding:14px 20px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;transition:border-color .3s,background .3s;display:flex}.dash-all-tools-btn:hover{color:#fff;background:#ffffff1f;border-color:#fff3}.dash-install-btn{color:#ccc;cursor:pointer;-webkit-backdrop-filter:blur(20px);background:#ffffff14;border:1px solid #ffffff1f;border-radius:16px;justify-content:center;align-items:center;gap:10px;margin-bottom:20px;padding:14px 20px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;transition:border-color .3s,background .3s;display:flex}.dash-install-btn:hover{color:#fff;background:#ffffff1f;border-color:#fff3}.dash-tool{cursor:pointer;-webkit-backdrop-filter:blur(20px);background:#ffffff14;border:1px solid #ffffff1f;border-radius:18px;align-items:center;gap:16px;padding:20px;transition:border-color .3s,transform .2s;display:flex;position:relative;overflow:hidden}.dash-tool:hover{border-color:#ffffff2e;transform:translateY(-2px)}.dash-tool-glow{pointer-events:none;background:radial-gradient(circle,#ffffff0a 0%,#0000 70%);width:80px;height:80px;transition:opacity .3s;position:absolute;top:-30px;right:-30px}.dash-tool:hover .dash-tool-glow{opacity:2}.dash-tool-icon{color:#555;background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;flex-shrink:0;width:40px;height:40px;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{color:#ccc;margin-bottom:2px;font-family:Inter,sans-serif;font-size:14px;font-weight:600}.dash-tool-desc{color:#888;font-family:Inter,sans-serif;font-size:12px}.dash-stats-row{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px;display:grid}.dash-stat{text-align:center;-webkit-backdrop-filter:blur(20px);background:#ffffff14;border:1px solid #ffffff1f;border-radius:18px;padding:22px 16px;transition:border-color .3s}.dash-stat:hover{border-color:#ffffff2e}.dash-stat-value{color:#fff;letter-spacing:-1.5px;margin-bottom:4px;font-family:Inter,sans-serif;font-size:32px;font-weight:200;line-height:1}.dash-stat-label{color:#aaa;margin-bottom:1px;font-family:Inter,sans-serif;font-size:12px;font-weight:500}.dash-stat-sub{color:#666;text-transform:uppercase;letter-spacing:1px;font-family:Space Grotesk,sans-serif;font-size:10px}.dash-limit-card{cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:18px;margin-bottom:20px;padding:18px 20px;transition:border-color .3s}.dash-limit-card:hover{border-color:#fff3}.dash-limit-header{color:#888;align-items:center;gap:8px;margin-bottom:12px;font-family:Inter,sans-serif;font-size:12px;font-weight:500;display:flex}.dash-limit-badge{color:#e55;letter-spacing:.5px;background:#e553;border-radius:999px;margin-left:auto;padding:2px 8px;font-size:9px;font-weight:700}.dash-limit-value{color:#fff;letter-spacing:-1.5px;margin-bottom:10px;font-family:Inter,sans-serif;font-size:36px;font-weight:200;line-height:1}.dash-limit-bar{background:#ffffff1a;border-radius:3px;height:6px;overflow:hidden}.dash-limit-bar-fill{background:#fff;border-radius:3px;height:100%;transition:width .6s}.dash-limit-reset{color:#555;text-transform:uppercase;letter-spacing:.5px;margin-top:8px;font-family:Space Grotesk,sans-serif;font-size:11px}.dash-limit-empty{color:#555;padding:8px 0;font-family:Inter,sans-serif;font-size:13px}.dash-machine-card{margin-bottom:20px}.dash-machine-item{border-top:1px solid #ffffff0a;flex-direction:column;gap:6px;padding:12px 20px;display:flex}.dash-machine-item:first-of-type{border-top:none}.dash-machine-meta{text-transform:uppercase;letter-spacing:1.5px;color:#666;flex-wrap:wrap;align-items:center;gap:8px;font-family:Space Grotesk,sans-serif;font-size:10px;font-weight:600;display:flex}.dash-machine-src{color:#888}.dash-machine-tag{color:#999;background:#ffffff0f;border-radius:999px;padding:1px 7px;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{color:#ccc;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-family:Inter,sans-serif;font-size:13px;font-weight:500;line-height:1.35;display:-webkit-box;overflow:hidden}.dash-machine-actions{justify-content:flex-end;gap:8px;display:flex}.dash-machine-btn{color:#ccc;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;padding:5px 14px;font-family:Inter,sans-serif;font-size:11px;font-weight:600;transition:background .15s,border-color .15s}.dash-machine-btn:hover{color:#fff;background:#ffffff1f;border-color:#fff3}.dash-machine-btn:disabled{opacity:.6;cursor:default}.dash-machine-btn-primary{color:#000;background:#fff;border-color:#fff}.dash-machine-btn-primary:hover{color:#000;background:#eee}.dash-machine-running{color:#cb6;background:#cb63;border-color:#cb66}.dash-briefing-card{margin-bottom:20px}.dash-briefing-card .dash-card-header{position:relative}.dash-briefing-refresh{color:#666;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:color .15s,background .15s;display:flex}.dash-briefing-refresh:hover{color:#ccc;background:#ffffff0f}.dash-briefing-refresh.spinning svg{animation:1s linear infinite dash-briefing-spin}@keyframes dash-briefing-spin{to{transform:rotate(360deg)}}.dash-briefing-grid{background:#ffffff0a;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1px;display:grid}.dash-briefing-item{cursor:pointer;background:#0003;flex-direction:column;gap:8px;min-height:110px;padding:14px 18px 16px;transition:background .15s;display:flex}.dash-briefing-item:hover{background:#ffffff0a}.dash-briefing-item-top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.dash-briefing-item-title{color:#fff;flex:1;font-family:Inter,sans-serif;font-size:14px;font-weight:600;line-height:1.3}.dash-briefing-depth{text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;border-radius:999px;flex-shrink:0;padding:2px 7px;font-family:Space Grotesk,sans-serif;font-size:9px;font-weight:700}.dash-briefing-depth-snel{color:#aaa;background:#ffffff0f}.dash-briefing-depth-medium{color:#ccc;background:#ffffff1a}.dash-briefing-depth-diep{color:#fff;background:#ffffff29}.dash-briefing-why{color:#888;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-family:Inter,sans-serif;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}.dash-briefing-project{color:#555;letter-spacing:.3px;margin-top:auto;font-family:Space Grotesk,monospace;font-size:10px}.dash-briefing-question{cursor:pointer;border-top:1px solid #ffffff0a;align-items:center;gap:12px;padding:12px 20px;transition:background .15s;display:flex}.dash-briefing-question:hover{background:#ffffff08}.dash-briefing-question-label{color:#888;text-transform:uppercase;letter-spacing:.6px;flex-shrink:0;font-family:Space Grotesk,sans-serif;font-size:9px;font-weight:700}.dash-briefing-question-text{color:#ccc;font-family:Inter,sans-serif;font-size:13px;font-style:italic;line-height:1.4}.dash-todos-card{margin-bottom:20px}.dash-todo-item{align-items:center;gap:14px;padding:13px 20px;display:flex}.dash-todo-item+.dash-todo-item{border-top:1px solid #ffffff08}.dash-todo-check{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.dash-todo-ring{border:1.5px solid #ffffff26;border-radius:50%;width:12px;height:12px}.dash-todo-pulse{background:#fff;border-radius:50%;width:10px;height:10px;animation:2s ease-in-out infinite dashTodoPulse}@keyframes dashTodoPulse{0%,to{opacity:.4}50%{opacity:1}}.dash-todo-text{color:#666;font-family:Inter,sans-serif;font-size:13px}.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{opacity:.25;justify-content:center;align-items:center;gap:10px;margin-bottom:16px;transition:opacity .3s;display:flex}.dash-art-switcher:hover{opacity:.5}.dash-art-btn{color:#fff;cursor:pointer;opacity:.6;background:0 0;border:none;align-items:center;padding:4px;transition:opacity .2s;display:flex}.dash-art-btn:hover{opacity:1}.dash-art-dots{align-items:center;gap:6px;display:flex}.dash-art-dot{cursor:pointer;background:#ffffff4d;border-radius:50%;width:5px;height:5px;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:1s linear infinite dash-spin}@keyframes dash-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dash-footer{text-align:center;padding:48px 0 24px}.dash-footer-line{background:#ffffff0f;width:40px;height:1px;margin:0 auto 20px}.dash-footer-brand{opacity:.3;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.dash-footer-logo{border-radius:0;width:auto;height:48px}.dash-footer-tagline{color:#fff;opacity:.7;letter-spacing:1px;font-family:Inter,sans-serif;font-size:11px;font-weight:400}@media (max-width:480px){.dashboard-inner{padding:0 16px 80px}.dash-hero{padding:50px 0 30px}.dash-time{letter-spacing:-2px;font-size:48px}.dash-greeting{font-size:24px}.dash-subgreeting{font-size:14px}.dash-tools-grid{grid-template-columns:repeat(4,1fr);gap:16px 12px}.dash-tool{background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:12px 8px}.dash-tool:hover{border-color:#0000;transform:none}.dash-tool-glow{display:none}.dash-tool-icon{-webkit-backdrop-filter:blur(20px);color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;width:48px;height:48px;padding:10px}.dash-tool:hover .dash-tool-icon{color:#fff}.dash-tool-icon svg{stroke:#fff;color:#fff}.dash-tool-name{text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:80px;font-size:13px;font-weight:500;overflow:hidden}.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{background:var(--bg);z-index:10;display:none;position:absolute;inset:0;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{letter-spacing:-.5px;margin-bottom:8px;font-size:32px;font-weight:700}.tools-hero p{color:var(--text-muted);margin:0;font-size:15px}.dev-center-btn{color:#fff;cursor:pointer;background:#111;border:1px solid #2a2a2a;border-radius:16px;align-items:center;gap:14px;margin-top:24px;padding:14px 24px 14px 18px;font-size:15px;font-weight:600;transition:all .2s;display:inline-flex;position:relative;overflow:hidden}.dev-center-btn:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff0a 0%,#0000 60%);position:absolute;inset:0}.dev-center-btn:hover{border-color:#444;transform:translateY(-1px);box-shadow:0 8px 24px #0006}.dev-center-btn:active{box-shadow:none;transform:translateY(0)}.dev-center-icon{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.dev-center-label{letter-spacing:.5px;font-size:16px;font-weight:700}.dev-center-arrow{color:#555;align-items:center;margin-left:4px;transition:color .2s,transform .2s;display:flex}.dev-center-btn:hover .dev-center-arrow{color:#fff;transform:translate(2px)}.tools-search-wrap{border:1px solid var(--border);background:#0a0a0a;border-radius:12px;align-items:center;gap:12px;max-width:480px;margin:0 auto 40px;padding:12px 18px;transition:border-color .15s;display:flex}.tools-search-wrap:focus-within{border-color:#444}.tools-search-wrap svg{color:var(--text-muted);flex-shrink:0}#tools-search{color:#fff;background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:15px}#tools-search::placeholder{color:var(--text-muted)}.tools-section{margin-bottom:36px}.tools-section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);margin:0 0 16px;padding-bottom:8px;font-size:14px;font-weight:600}.tools-no-results{text-align:center;color:var(--text-muted);grid-column:1/-1;padding:40px 0;font-size:15px}.tools-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.tool-card{cursor:pointer;border:1px solid var(--border);text-align:center;background:#0a0a0a;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:170px;padding:28px 24px;transition:background .15s,border-color .15s;display:flex;position:relative}.tool-card:hover{background:#111;border-color:#333}.tool-card-icon{border:1px solid var(--border);color:#fff;background:#151515;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.tool-card-body{flex:1;min-width:0}.tool-card-body h3{margin:0 0 6px;font-size:16px;font-weight:600}.tool-card-body p{color:var(--text-muted);margin:0;font-size:13px;line-height:1.5}.tool-card-arrow{display:none}.tool-card-info{color:#444;cursor:pointer;opacity:0;border-radius:50%;justify-content:center;align-items:center;padding:4px;line-height:0;transition:opacity .15s;display:flex;position:absolute;top:8px;right:32px}.tool-card:hover .tool-card-info{opacity:1}.tool-card-info:hover{color:#aaa}.tool-info-modal-header{border-bottom:1px solid var(--border);align-items:center;gap:14px;padding:0 20px 14px;display:flex}.tool-info-modal-icon{color:#fff;background:#222;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.tool-info-modal-icon svg{width:24px;height:24px}.tool-info-modal-header .modal-title{flex:1;margin:0;font-size:17px;font-weight:700;padding:0!important}.tool-info-modal-body{color:#bbb;max-height:50vh;padding:16px 20px 20px;font-size:14px;line-height:1.7;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{color:#999;padding:3px 0 3px 18px;position:relative}.tool-info-modal-body li:before{content:"";background:#444;border-radius:50%;width:6px;height:6px;position:absolute;top:11px;left:0}.tool-card-delete{color:#555;cursor:pointer;opacity:0;background:0 0;border:none;border-radius:8px;padding:6px;line-height:0;transition:opacity .15s,color .15s,background .15s;position:absolute;top:8px;right:8px}.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{min-height:unset;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:8px 4px}.tool-card:hover{background:0 0;border-color:#0000}.tool-card-icon{color:#000;background:#fff;border:none;border-radius:50%;width:56px;height:56px}.tool-card-icon svg{stroke:#000;color:#000}.tool-card-body h3{text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:80px;margin:0;font-size:12px;font-weight:500;overflow:hidden}.tool-card-body p,.tool-card-info,.tool-card-delete{display:none}}.sidebar-tools-btn{margin-bottom:4px;border-bottom:1px solid var(--border)!important;padding-bottom:12px!important}#tool-creator-page{background:var(--bg);z-index:10;display:none;position:absolute;inset:0;overflow:hidden}#tool-creator-page.open{flex-direction:column;display:flex}#tc-projects-view{width:100%;max-width:720px;height:100%;margin:0 auto;padding:32px 24px;overflow-y:auto}.tc-projects-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.tc-projects-header h2{color:#eee;margin:0;font-size:20px;font-weight:600}.tc-new-project-btn{color:#000;cursor:pointer;background:#fff;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:opacity .15s;display:flex}.tc-new-project-btn:hover{opacity:.85}.tc-projects-list{flex-direction:column;gap:10px;display:flex}.tc-project-card{cursor:pointer;background:#111;border:1px solid #222;border-radius:14px;padding:18px 20px;transition:border-color .15s,background .15s}.tc-project-card:hover{background:#161616;border-color:#444}.tc-project-card-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.tc-project-name{color:#eee;font-size:15px;font-weight:600}.tc-project-delete{color:#555;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:2px;transition:color .15s}.tc-project-delete:hover{color:#e44}.tc-project-desc{color:#777;text-overflow:ellipsis;white-space:nowrap;margin-top:6px;font-size:13px;overflow:hidden}.tc-project-meta{align-items:center;gap:12px;margin-top:12px;display:flex}.tc-project-status{border-radius:999px;padding:3px 10px;font-size:12px;font-weight:500}.tc-status-building{color:#aa8;background:#1a1a00;border:1px solid #333}.tc-status-done{color:#8a8;background:#0a1a0a;border:1px solid #2a3a2a}.tc-project-date{color:#555;font-size:12px}.tc-projects-empty{color:#555;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:80px 20px;display:flex}.tc-projects-empty p{margin:0;font-size:14px}.tc-project-threads{color:#555;font-size:12px}.tc-editor-toolbar{border-bottom:1px solid var(--border);align-items:center;gap:12px;min-height:44px;padding:10px 16px;display:flex}.tc-editor-title{color:#ccc;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;font-weight:600;overflow:hidden}.tc-threads-sidebar{border-right:1px solid var(--border);background:#050505;flex-direction:column;width:220px;min-width:220px;transition:width .2s,min-width .2s,opacity .2s;display:flex;overflow:hidden}.tc-threads-sidebar.collapsed{opacity:0;border-right:none;width:0;min-width:0}.tc-threads-header{border-bottom:1px solid var(--border);color:#666;text-transform:uppercase;letter-spacing:.5px;justify-content:space-between;align-items:center;padding:14px 16px;font-size:12px;font-weight:600;display:flex}.tc-thread-add-btn{color:#555;cursor:pointer;background:0 0;border:1px solid #2a2a2a;border-radius:8px;justify-content:center;align-items:center;width:26px;height:26px;transition:all .15s;display:flex}.tc-thread-add-btn:hover{color:#ccc;background:#111;border-color:#444}.tc-threads-list{flex:1;padding:8px;overflow-y:auto}.tc-thread-item{cursor:pointer;border-radius:10px;align-items:center;gap:8px;margin-bottom:2px;padding:10px 12px;transition:background .15s;display:flex;position:relative}.tc-thread-item:hover{background:#111}.tc-thread-item.active{background:#151515}.tc-thread-item.active:before{content:"";background:#fff;border-radius:0 3px 3px 0;width:3px;height:20px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.tc-thread-item-icon{background:#111;border:1px solid #222;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.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{color:#999;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.tc-thread-item.active .tc-thread-item-name{color:#eee;font-weight:500}.tc-thread-item-date{color:#444;margin-top:2px;font-size:11px}.tc-thread-item-delete{color:#444;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:none}.tc-thread-item:hover .tc-thread-item-delete{display:flex}.tc-thread-item-delete:hover{color:#888;background:#1a1a1a}.tc-threads-toggle{color:#555;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.tc-threads-toggle:hover{color:#ccc;background:#111}.tc-thread-label{color:#555;margin-left:-4px;font-size:12px}.tool-creator-inner{flex-direction:row;width:100%;height:100%;display:flex}.tool-creator-chat{flex-direction:column;flex:1;width:100%;display:flex;overflow:hidden}.tool-creator-inner:has(.tool-creator-build-panel.active) .tool-creator-chat{max-width:none;margin:0}.tool-creator-messages{flex:1;width:100%;max-width:800px;margin:0 auto;padding:16px;overflow-y:auto}.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{background:#111;border:1px solid #2a2a2a;border-radius:16px;align-items:flex-end;gap:0;padding:0 6px;display:flex;position:relative}.tc-input-area .input-bar-row textarea{color:var(--text);resize:none;background:0 0;border:none;outline:none;flex:1;max-height:120px;padding:12px 8px;font-family:inherit;font-size:15px;line-height:1.5}.tc-input-area .input-icon-btn{cursor:pointer;opacity:.6;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:8px 4px;transition:opacity .15s;display:flex}.tc-input-area .input-icon-btn:hover{opacity:1}.tc-input-area .attach-menu{z-index:100;background:#111;border:1px solid #2a2a2a;border-radius:12px;min-width:160px;padding:6px;display:none;position:absolute;bottom:100%;right:0}.tc-input-area .attach-menu.open{flex-direction:column;display:flex}.tc-input-area .attach-menu button{color:#ccc;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:14px;display:flex}.tc-input-area .attach-menu button:hover{background:#1a1a1a}.tc-input-bar-buttons{align-items:center;gap:8px;padding:8px 0 0;display:flex}.tc-abort-btn{color:#fff;cursor:pointer;background:#333;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.tc-abort-btn:hover{background:#444}#tc-header-controls{align-items:center;gap:4px;display:none}#tc-header-controls>button{color:#666;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;display:flex}#tc-header-controls>button:hover{color:#ccc}#tc-permissions-wrapper{position:relative}#tc-perm-btn{background:var(--bg);border:1px solid var(--border);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:6px 8px;display:flex}#tc-perm-btn.unlocked{background:#fff;border-color:#fff}#tc-perm-btn.unlocked svg{stroke:#000}.tc-perm-menu{background:var(--bg-secondary);border:1px solid var(--border);z-index:600;border-radius:8px;min-width:180px;margin-top:4px;padding:8px 12px;display:none;position:absolute;top:100%;right:0;box-shadow:0 4px 12px #0000004d}.tc-perm-menu.open{display:block}.tc-perm-menu label{color:var(--text);cursor:pointer;white-space:nowrap;align-items:center;gap:8px;padding:6px 0;font-size:13px;display:flex}.tc-perm-menu input[type=checkbox]{appearance:none;cursor:pointer;background:0 0;border:2px solid #555;border-radius:4px;width:18px;min-width:18px;height:18px;margin:0;position:relative}.tc-perm-menu input[type=checkbox]:checked{background:#fff;border-color:#fff}.tc-perm-menu input[type=checkbox]:checked:after{content:"";border:2px solid #000;border-width:0 2px 2px 0;width:5px;height:10px;position:absolute;top:1px;left:4px;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{text-align:center;flex-direction:column;align-items:center;padding:48px 16px 24px;display:flex}.tc-intro-icon{background:#111;border:1px solid #2a2a2a;border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:20px;display:flex}.tc-intro-title{color:#eee;letter-spacing:-.3px;margin-bottom:8px;font-size:22px;font-weight:700}.tc-intro-subtitle{color:#666;max-width:420px;margin-bottom:32px;font-size:14px;line-height:1.6}.tc-mode-cards{grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:520px;display:grid}.tc-mode-card{cursor:pointer;text-align:left;color:#999;background:#0a0a0a;border:1px solid #222;border-radius:16px;flex-direction:column;align-items:flex-start;gap:10px;padding:20px;font-family:inherit;transition:all .2s;display:flex}.tc-mode-card:hover{color:#ccc;background:#111;border-color:#444;transform:translateY(-2px)}.tc-mode-icon{color:#888;background:#151515;border:1px solid #2a2a2a;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.tc-mode-card:hover .tc-mode-icon{color:#bbb;border-color:#444}.tc-mode-label{color:#ddd;font-size:15px;font-weight:600}.tc-mode-desc{color:#666;font-size:12px;line-height:1.5}.tc-mode-tag{color:#555;background:#151515;border:1px solid #222;border-radius:999px;margin-top:4px;padding:3px 10px;font-size:11px}.tc-mode-card:hover .tc-mode-tag{color:#888;border-color:#333}@media (max-width:480px){.tc-mode-cards{grid-template-columns:1fr}}.tc-rules-selector{max-width:500px;margin:0 auto;padding:20px;transition:opacity .2s,transform .2s}.tc-rules-title{color:#fff;margin-bottom:4px;font-size:16px;font-weight:700}.tc-rules-subtitle{color:#666;margin-bottom:16px;font-size:13px}.tc-rules-options{flex-direction:column;gap:8px;display:flex}.tc-rules-option{cursor:pointer;text-align:left;color:#fff;background:#111;border:1px solid #222;border-radius:10px;align-items:center;gap:12px;padding:12px 16px;transition:border-color .15s,background .15s;display:flex}.tc-rules-option:hover{background:#1a1a1a;border-color:#444}.tc-rules-option.selected{background:#1a1a1a;border-color:#fff}.tc-rules-option svg{color:#888;flex-shrink:0}.tc-rules-option-name{font-size:14px;font-weight:600}.tc-rules-option-desc{color:#666;margin-top:1px;font-size:12px}.tc-rules-custom-area{margin-top:10px}.tc-rules-custom-area textarea{color:#fff;resize:vertical;background:#111;border:1px solid #333;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:13px}.tc-rules-confirm{color:#000;cursor:pointer;background:#fff;border:none;border-radius:8px;margin-top:16px;padding:10px 24px;font-size:13px;font-weight:600;transition:opacity .15s}.tc-rules-confirm:hover{opacity:.85}.tc-rules-edit-btn{color:#888;cursor:pointer;background:0 0;border:1px solid #333;border-radius:6px;align-items:center;gap:4px;margin-left:auto;padding:4px 8px;transition:all .15s;display:flex}.tc-rules-edit-btn:hover{color:#fff;background:#1a1a1a;border-color:#555}.tc-rules-edit-btn.tc-rules-active{color:#ccc;border-color:#555}#tc-rules-modal{z-index:1001;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}#tc-rules-modal .modal-content{background:#0a0a0a;border:1px solid #222;border-radius:16px;width:100%;overflow:hidden}#tc-rules-modal .modal-header{border-bottom:1px solid #222;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}#tc-rules-modal .modal-header h3{margin:0;font-size:16px;font-weight:700}#tc-rules-modal .modal-close{color:#666;cursor:pointer;background:0 0;border:none;padding:0;font-size:24px;line-height:1}#tc-rules-modal .modal-close:hover{color:#fff}.tc-msg{gap:10px;margin-bottom:4px;display:flex}.tc-msg-user{justify-content:flex-end}.tc-msg-avatar{background:#111;border:1px solid #222;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-top:2px;display:flex}.tc-msg-ai .tc-msg-content{color:#bbb;background:#0d0d0d;border:1px solid #1a1a1a;border-radius:14px;max-width:520px;padding:12px 16px;font-size:13.5px;line-height:1.65}.tc-msg-user .tc-msg-content{color:#ddd;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:14px;max-width:420px;padding:10px 16px;font-size:13.5px;line-height:1.5}.tc-msg-content code{color:#aaa;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:4px;padding:1px 5px;font-size:12px}.tc-msg-content strong{color:#eee}.tc-typing{vertical-align:middle;gap:4px;margin-left:2px;display:inline-flex}.tc-typing:before,.tc-typing:after{content:"";background:#444;border-radius:50%;width:5px;height:5px;animation:1.2s infinite tcBlink}.tc-typing:after{animation-delay:.4s}@keyframes tcBlink{0%,to{opacity:.3}50%{opacity:1}}.tc-choices{flex-wrap:wrap;gap:8px;padding:8px 0 8px 38px;transition:all .3s;display:flex}.tc-choice{color:#999;cursor:pointer;white-space:nowrap;background:#0a0a0a;border:1px solid #222;border-radius:12px;align-items:center;gap:8px;padding:10px 16px;font-family:inherit;font-size:13px;transition:all .2s;display:flex}.tc-choice:hover{color:#ddd;background:#151515;border-color:#444;transform:translateY(-1px)}.tc-choice.selected{color:#fff;background:#1a1a1a;border-color:#555}.tc-choice-wide{width:100%}.tc-choice-emoji{flex-shrink:0;font-size:16px}.tc-templates{padding:8px 0 8px 38px;transition:all .3s}.tc-templates-label{color:#555;margin-bottom:10px;font-size:12px}.tc-templates-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.tc-template{color:#777;cursor:pointer;background:#0a0a0a;border:1px solid #222;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;font-family:inherit;font-size:12px;transition:all .2s;display:flex}.tc-template:hover{color:#ddd;background:#151515;border-color:#444;transform:translateY(-1px)}.tc-template.selected{color:#fff;background:#1a1a1a;border-color:#555}@media (max-width:480px){.tc-templates-grid{grid-template-columns:repeat(2,1fr)}}.tc-response-options{flex-direction:column;gap:8px;padding:8px 0 8px 38px;display:flex}.tc-response-option{cursor:pointer;text-align:left;color:inherit;background:#0a0a0a;border:1px solid #222;border-radius:14px;align-items:center;gap:14px;padding:14px 16px;font-family:inherit;transition:all .2s;display:flex}.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{color:#888;background:#151515;border:1px solid #2a2a2a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:flex}.tc-response-option:hover .tc-response-option-num{color:#ccc;border-color:#444}.tc-response-option-body{flex:1;min-width:0}.tc-response-option-label{color:#ddd;margin-bottom:2px;font-size:13px;font-weight:600}.tc-response-option-desc{color:#666;text-overflow:ellipsis;font-size:12px;line-height:1.4;overflow:hidden}.animate-in{animation:.3s ease-out tcFadeIn}@keyframes tcFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tool-creator-build-panel{background:#080808;border-left:1px solid #1a1a1a;flex-direction:column;flex-shrink:0;width:380px;display:none;overflow:hidden}.tool-creator-build-panel.active{animation:.4s cubic-bezier(.4,0,.2,1) tcbpPanelIn;display:flex}@keyframes tcbpPanelIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.tcbp-titlebar{flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 24px 14px;display:flex}.tcbp-titlebar-dots{gap:5px;display:flex}.tcbp-titlebar-dots span{background:#1a1a1a;border:1px solid #252525;border-radius:50%;width:8px;height:8px}.tcbp-titlebar-text{color:#444;letter-spacing:.3px;font-size:11px;font-weight:500}.tcbp-titlebar-controls{color:#2a2a2a;gap:8px;font-size:12px;display:flex}.tcbp-progress-section{flex-shrink:0;padding:0 24px 24px}.tcbp-progress-label{justify-content:space-between;align-items:baseline;margin-bottom:12px;display:flex}#tcbp-progress-text{color:#999;font-size:13px;font-weight:500}#tcbp-progress-pct{color:#fff;letter-spacing:-.5px;font-size:20px;font-weight:700}.tcbp-progress-bar{background:#151515;border-radius:99px;height:6px;overflow:hidden}.tcbp-progress-fill{background:#fff;border-radius:99px;width:0%;height:100%;transition:width 1s cubic-bezier(.4,0,.2,1)}.tcbp-phases{border-top:1px solid #131313;border-bottom:1px solid #131313;flex-shrink:0;padding:20px 24px}.tcbp-phase{color:#333;align-items:center;gap:14px;padding:10px 0;font-size:13px;transition:all .4s;display:flex;position:relative}.tcbp-phase-line{background:#1a1a1a;border-radius:1px;width:2px;height:12px;transition:background .4s;position:absolute;top:-2px;left:11px}.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{background:#0a0a0a;border:2px solid #1a1a1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;transition:all .4s;display:flex;position:relative}.tcbp-phase-check:after{content:"";display:none}.tcbp-phase.active{color:#eee}.tcbp-phase.active .tcbp-phase-check{background:#111;border-color:#fff;box-shadow:0 0 0 4px #ffffff0f}.tcbp-phase.active .tcbp-phase-check:after{content:"";background:#fff;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite tcbpPulse;display:block}.tcbp-phase.done{color:#777}.tcbp-phase.done .tcbp-phase-check{background:#1a1a1a;border-color:#555}.tcbp-phase.done .tcbp-phase-check:after{content:"";background:0 0;border-bottom:2px solid #888;border-right:2px solid #888;border-radius:0;width:5px;height:9px;margin-top:-2px;animation:none;display:block;transform:rotate(45deg)}.tcbp-phase-label{flex:1;font-weight:500}.tcbp-phase-status{color:#333;font-size:11px;font-weight:500;transition:all .3s}.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-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.tcbp-checklist{margin-bottom:8px;padding:0 20px}.tcbp-checklist-header{color:#444;letter-spacing:.3px;justify-content:space-between;align-items:center;padding:12px 0 8px;font-size:11px;font-weight:600;display:flex}.tcbp-checklist-run{color:#ccc;cursor:pointer;background:#222;border:1px solid #333;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;transition:all .15s;display:flex}.tcbp-checklist-run:hover{color:#000;background:#fff;border-color:#fff}.tcbp-checklist-run:disabled{opacity:.4;cursor:not-allowed}.tcbp-checklist-items{flex-direction:column;gap:4px;display:flex}.tcbp-check-item{color:#888;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;font-size:12px;transition:background .15s;display:flex}.tcbp-check-item:hover{background:#ffffff08}.tcbp-check-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.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{color:#555;text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:10px;overflow:hidden}.tcbp-files{margin-bottom:8px;padding:0 20px}.tcbp-files-header{color:#444;letter-spacing:.3px;justify-content:space-between;align-items:center;padding:12px 0 8px;font-size:11px;font-weight:600;display:flex}.tcbp-files-count{color:#888;background:#222;border-radius:10px;padding:1px 8px;font-size:10px}.tcbp-files-list{flex-direction:column;gap:2px;display:flex}.tcbp-file-item{color:#888;border-radius:6px;align-items:center;gap:8px;padding:5px 8px;font-size:11px;transition:all .15s;display:flex}.tcbp-file-item:hover{background:#ffffff08}.tcbp-file-icon{color:#555;background:#1a1a1a;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;font-size:9px;font-weight:700;display:flex}.tcbp-file-name{flex:1;font-family:monospace;font-size:11px}.tcbp-file-status{flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.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:1s infinite tcFilePulse}.tcbp-file-item.error .tcbp-file-name{color:#a44}.tcbp-sandbox{margin-bottom:8px;padding:0 20px}.tcbp-sandbox-header{color:#444;letter-spacing:.3px;justify-content:space-between;align-items:center;padding:12px 0 8px;font-size:11px;font-weight:600;display:flex}.tcbp-sandbox-controls{gap:4px;display:flex}.tcbp-sandbox-controls button{color:#888;cursor:pointer;background:#222;border:1px solid #333;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;transition:all .15s;display:flex}.tcbp-sandbox-controls button:hover{color:#fff;background:#333}.tcbp-sandbox-frame-wrap{background:#111;border:1px solid #222;border-radius:8px;width:100%;height:280px;transition:height .3s;overflow:hidden}.tcbp-sandbox-frame-wrap.expanded{height:500px}.tcbp-sandbox-status{color:#555;min-height:18px;padding:4px 0;font-size:10px}.tcbp-sandbox-status.error{color:#a44}.tcbp-sandbox-status.success{color:#4a4}.tcbp-console-header{color:#444;letter-spacing:.3px;flex-shrink:0;padding:16px 24px 8px;font-size:11px;font-weight:600}.tcbp-console-output{color:#444;flex:1;padding:4px 24px 16px;font-size:12px;line-height:2;overflow-y:auto}.tcbp-console-line{white-space:nowrap;text-overflow:ellipsis;padding:1px 0;animation:.35s ease-out tcbpLineIn;overflow:hidden}.tcbp-console-line:empty{height:8px}.tcbp-console-line.success{color:#999}.tcbp-console-line.phase{color:#ccc;padding-top:4px;font-weight:600}.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{background:#0a0a0a;border-top:1px solid #131313;flex-shrink:0;padding:20px 24px}.tcbp-spec-header{color:#444;letter-spacing:.3px;margin-bottom:14px;font-size:11px;font-weight:600}.tcbp-spec-row{align-items:baseline;gap:10px;margin-bottom:8px;font-size:12px;display:flex}.tcbp-spec-key{color:#555;flex-shrink:0;min-width:44px;font-weight:500}.tcbp-spec-val{color:#666;transition:all .3s}.tcbp-spec-val.updated{color:#ddd}.tcbp-spec-features{margin-top:12px;font-size:12px}.tcbp-spec-features .tcbp-spec-key{margin-bottom:8px;display:block}.tcbp-spec-features ul{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.tcbp-spec-features li{color:#888;background:#111;border:1px solid #1e1e1e;border-radius:8px;padding:4px 12px;font-size:11px;font-weight:500;animation:.35s ease-out tcbpLineIn}@keyframes tcbpFlash{0%{background:#ffffff14;border-radius:4px}to{background:0 0}}.tcbp-spec-val.flash{animation:.8s ease-out tcbpFlash}@media (max-width:768px){.tool-creator-build-panel{display:none!important}.tool-creator-inner{flex-direction:column}.tc-threads-sidebar{border-right:none;border-bottom:1px solid var(--border);flex-direction:row;height:auto;min-height:0;width:100%!important;min-width:100%!important}.tc-threads-sidebar.collapsed{border-bottom:none;height:0;width:0!important;min-width:0!important}.tc-threads-header{border-bottom:none;border-left:1px solid var(--border);flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.tc-threads-header span{display:none}.tc-threads-list{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-direction:row;gap:0;padding:0;display:flex;overflow:auto hidden}.tc-threads-list::-webkit-scrollbar{display:none}.tc-thread-item{border-right:1px solid var(--border);border-radius:0;flex-shrink:0;gap:6px;margin:0;padding:8px 14px}.tc-thread-item:last-child{border-right:none}.tc-thread-item.active:before{border-radius:2px 2px 0 0;width:100%;height:2px;inset:auto 0 0;transform:none}.tc-thread-item-icon{border-radius:6px;width:22px;height:22px}.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{border:none;border-left:1px solid var(--border);border-radius:0;flex-shrink:0;width:36px;height:auto}}#settings-page{background:var(--bg);z-index:10;display:none;position:absolute;inset:0;overflow-y:auto}#settings-page.open{display:block}#settings-page-inner{max-width:480px;margin:0 auto;padding:32px 20px}#settings-page-inner h2{margin-bottom:28px;font-size:24px;font-weight:700}.settings-group{margin-bottom:20px}.settings-group label{color:var(--text-muted);margin-bottom:6px;font-size:13px;display:block}.settings-group select{background:var(--input-bg);border:1px solid var(--border);width:100%;color:var(--text);border-radius:8px;padding:10px 12px;font-size:14px}.settings-key-row{border-bottom:1px solid var(--border);padding:14px 0}.settings-key-row:last-child{border-bottom:none}.settings-key-info{margin-bottom:8px}.settings-key-name{color:var(--text);font-size:14px;font-weight:600}.settings-key-status{margin-top:2px;font-size:12px}.settings-key-actions{gap:8px;display:flex}.settings-key-input{background:var(--input-bg);border:1px solid var(--border);color:var(--text);border-radius:8px;flex:1;padding:8px 12px;font-family:monospace;font-size:13px}.settings-key-save{color:#000;cursor:pointer;white-space:nowrap;background:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600}.settings-key-save:hover{background:#ddd}.settings-logout-group{flex-direction:column;gap:8px;display:flex}.settings-logout-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #333;border-radius:8px;width:100%;padding:10px 20px;font-size:14px}.settings-logout-btn:hover{color:#fff;border-color:#fff}.settings-section{margin-bottom:32px}.settings-section-title{color:var(--text);margin-bottom:4px;font-size:16px;font-weight:700}.settings-section-desc{color:var(--text-muted);margin:0 0 16px;font-size:13px}.settings-toggle-list{flex-direction:column;gap:2px;display:flex}.settings-toggle-row{cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 14px;transition:background .15s;display:flex}.settings-toggle-row:hover{background:var(--bg-message)}.settings-toggle-label{color:var(--text);font-size:14px}.settings-toggle-row input[type=checkbox]{display:none}.settings-toggle-switch{background:#333;border-radius:999px;flex-shrink:0;width:44px;height:24px;transition:background .2s;position:relative}.settings-toggle-switch:after{content:"";background:#666;border-radius:50%;width:18px;height:18px;transition:transform .2s,background .2s;position:absolute;top:3px;left:3px}.settings-toggle-row input:checked+.settings-toggle-switch{background:#fff}.settings-toggle-row input:checked+.settings-toggle-switch:after{background:#000;transform:translate(20px)}.settings-color-list{flex-direction:column;gap:2px;display:flex}.settings-color-row{border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.settings-color-row:hover{background:var(--bg-message)}.settings-color-row label{color:var(--text);font-size:14px}.settings-color-input-wrap{align-items:center;gap:10px;display:flex}.settings-color-input-wrap input[type=color]{appearance:none;cursor:pointer;background:0 0;border:2px solid #333;border-radius:8px;width:32px;height:32px;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{color:var(--text-muted);width:62px;font-family:monospace;font-size:13px}.settings-reset-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #333;border-radius:8px;margin-top:12px;padding:8px 16px;font-size:13px;transition:all .15s}.settings-reset-btn:hover{color:#fff;border-color:#fff}.settings-tutorial-btn{background:var(--bg-message,#0a0a0a);border:1px solid var(--border);width:100%;color:var(--text);cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;font-size:15px;transition:all .15s;display:flex}.settings-tutorial-btn:hover{background:#111;border-color:#555}.settings-tutorial-btn svg:first-child{opacity:.6;flex-shrink:0}.settings-tutorial-btn span{text-align:left;flex:1}.settings-tutorial-arrow{opacity:.3;flex-shrink:0}#tutorial-page{background:var(--bg);z-index:10;display:none;position:absolute;inset:0;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{margin-bottom:28px;font-size:24px;font-weight:700}.tutorial-section{margin-bottom:36px}.tutorial-section-title{color:var(--text);margin-bottom:8px;font-size:17px;font-weight:700}.tutorial-text{color:var(--text-muted);margin:0 0 14px;font-size:14px;line-height:1.6}.tutorial-hint{color:#555;margin:12px 0 0;font-size:13px;font-style:italic}.tutorial-card{border:1px solid var(--border);border-radius:12px;overflow:hidden}.tutorial-item{border-bottom:1px solid var(--border);padding:14px 16px}.tutorial-item:last-child{border-bottom:none}.tutorial-item-label{color:var(--text);margin-bottom:4px;font-size:14px;font-weight:600}.tutorial-item p{color:var(--text-muted);margin:0;font-size:13px;line-height:1.5}.tutorial-steps{flex-direction:column;gap:0;display:flex}.tutorial-step{border-bottom:1px solid var(--border);gap:14px;padding:16px 0;display:flex}.tutorial-step:last-child{border-bottom:none}.tutorial-step-num{color:#000;background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-top:2px;font-size:14px;font-weight:700;display:flex}.tutorial-step-content{flex:1}.tutorial-step-content strong{color:var(--text);margin-bottom:4px;font-size:14px;display:block}.tutorial-step-content p{color:var(--text-muted);margin:0;font-size:13px;line-height:1.5}.tutorial-code{border:1px solid var(--border);color:#999;white-space:pre;background:#0a0a0a;border-radius:8px;margin-top:8px;padding:10px 12px;font-family:monospace;font-size:12px;display:block;overflow-x:auto}.conversation-item{cursor:pointer;border:1px solid #0000;border-radius:8px;margin-bottom:4px;padding:12px;position:relative}.conversation-item:hover,.conversation-item.active{background:var(--bg);border-color:var(--border)}.conversation-item .conv-menu-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:18px;line-height:1;display:none;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.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{background:var(--bg-secondary);border:1px solid var(--border);z-index:100;border-radius:8px;min-width:140px;display:none;position:absolute;top:100%;right:8px;overflow:hidden;box-shadow:0 4px 12px #0000004d}.conv-dropdown.open{display:block}.conv-dropdown button{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:10px 14px;font-size:13px;display:flex}.conv-dropdown button:hover{background:var(--bg)}.conv-dropdown button.danger{color:#f44}.conv-dropdown button.danger:hover{color:#f66}.conversation-item .title{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.conversation-item .meta{color:var(--text-muted);margin-top:4px;font-size:12px}.conversation-item .match-snippet{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;opacity:.7;margin-top:4px;font-size:12px;font-style:italic;overflow:hidden}.search-divider{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;opacity:.6;padding:8px 16px 4px;font-size:11px}.search-divider.searching{font-style:italic}.search-divider.pinned-divider{opacity:.85;color:var(--text);align-items:center;gap:6px;display:flex}.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{width:14px;height:14px;color:var(--text-muted);vertical-align:-2px;justify-content:center;align-items:center;margin-right:6px;display:inline-flex}.conversation-item .pin-indicator svg{width:12px;height:12px}.conv-dropdown button svg{flex-shrink:0}#header-pin-btn{width:32px;height:32px;color:var(--text-muted);cursor:pointer;pointer-events:auto;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;padding:0;display:flex}#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{color:var(--text-muted);align-items:center;gap:10px;padding:16px;font-size:13px;display:flex}.conv-spinner{border:2px solid var(--border);border-top-color:var(--text);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite conv-spin}@keyframes conv-spin{to{transform:rotate(360deg)}}#header{z-index:100;pointer-events:none;background:0 0;border-bottom:none;align-items:center;gap:12px;padding:8px 16px;display:flex;position:absolute;top:0;left:0;right:0}#header>*{pointer-events:auto}@media (max-width:768px){#header{pointer-events:auto;position:absolute;-webkit-backdrop-filter:blur(32px)saturate(160%)!important;backdrop-filter:blur(32px)saturate(160%)!important;background:#0f0f0f8c!important;border-bottom:1px solid #ffffff14!important;box-shadow:inset 0 1px #ffffff0f,0 1px #0000004d!important}#header>*{pointer-events:auto}#header.dash-header-mode{background:0 0!important;border-bottom:none!important}}#header.dash-header-mode{-webkit-backdrop-filter:none!important;background:0 0!important;border-bottom:none!important}:is(#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{right:50%}#menu-btn{color:var(--text);cursor:pointer;background:0 0;border:none;padding:4px;font-size:22px}.sidebar-logo{width:auto;height:22px}#header-project{color:var(--text-muted);background:var(--input-bg);border:1px solid var(--border);white-space:nowrap;cursor:pointer;border-radius:4px;padding:2px 8px;font-size:12px;font-weight:600;position:relative}#header-project:hover{border-color:var(--text-muted)}#header-project-menu{background:var(--bg-secondary);border:1px solid var(--border);z-index:1000;border-radius:8px;min-width:180px;margin-top:4px;display:none;position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 8px 24px #0006}#header-project-menu.open{display:block}#header-project-menu button{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:10px 14px;font-size:13px;display:flex}#header-project-menu button:hover{background:var(--input-bg)}#header-project-menu button.current{color:#fff;font-weight:600}#header-project-menu button svg{opacity:.5;flex-shrink:0}#header-title{white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:600;display:none;overflow:hidden}#permissions-wrapper{position:relative}#permissions-btn{background:var(--bg);border:1px solid var(--border);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:6px 8px;display:flex}#permissions-btn.unlocked{background:#fff;border-color:#fff}#permissions-btn.unlocked svg{stroke:#000}#permissions-menu{background:var(--bg-secondary);border:1px solid var(--border);z-index:600;border-radius:8px;min-width:180px;margin-top:4px;padding:8px 12px;display:none;position:absolute;top:100%;right:0;box-shadow:0 4px 12px #0000004d}#permissions-menu.open{display:block}#permissions-menu label{color:var(--text);cursor:pointer;white-space:nowrap;align-items:center;gap:8px;padding:6px 0;font-size:13px;display:flex}#permissions-menu input[type=checkbox]{appearance:none;border:2px solid var(--text-muted);cursor:pointer;background:0 0;border-radius:3px;width:18px;min-width:18px;height:18px;margin:0;position:relative}#permissions-menu input[type=checkbox]:checked{background:#fff;border-color:#fff}#permissions-menu input[type=checkbox]:checked:after{content:"";border:2px solid #000;border-width:0 2px 2px 0;width:5px;height:9px;position:absolute;top:1px;left:4px;transform:rotate(45deg)}#tools-dropdown-wrapper{margin-left:auto;position:relative}#tools-dropdown-btn{background:var(--bg);border:1px solid var(--border);cursor:pointer;color:var(--text-muted);border-radius:6px;justify-content:center;align-items:center;padding:6px 10px;font-family:inherit;font-size:12px;font-weight:600;display:flex}#tools-dropdown-btn:hover{color:#fff;background:#1a1a1a}#tools-dropdown-btn.active{color:#000;background:#fff;border-color:#fff}#tools-dropdown-btn.active svg{stroke:#000}@keyframes spar-gradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes spar-bg{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}#tools-dropdown-btn[data-mode=spar]{color:#fff;background:linear-gradient(135deg,#c2410c99,#7c3aed99,#1d4ed899,#c2410c99) 0 0/300% 300%;border-color:#0000;animation:5s infinite spar-gradient}#tools-dropdown-btn[data-mode=spar]:hover{opacity:.85}#tools-dropdown-btn[data-mode=plan]{color:#fff;background:#2563eb;border-color:#0000}#tools-dropdown-btn[data-mode=test]{color:#fff;background:#16a34a;border-color:#0000}#tools-dropdown-menu{background:var(--bg-secondary);border:1px solid var(--border);z-index:600;border-radius:8px;min-width:160px;margin-top:4px;padding:4px 0;display:none;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 8px 24px #0006}#tools-dropdown-menu.open{display:block}#tools-dropdown-menu button{width:100%;color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:10px 14px;font-size:13px;display:flex}#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);cursor:pointer;color:var(--text-muted);border-radius:6px;justify-content:center;align-items:center;padding:6px 8px;display:flex}#compact-btn:hover{color:#fff}#compact-btn.compacting{pointer-events:none}#compact-btn.compacting .compact-arrow-top{animation:.8s ease-in-out infinite compact-press-top}#compact-btn.compacting .compact-arrow-bottom{animation:.8s ease-in-out infinite compact-press-bottom}@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);cursor:pointer;color:var(--text-muted);border-radius:6px;justify-content:center;align-items:center;padding:6px 8px;display:flex;position:relative}#notif-btn:hover{color:#fff}#notif-badge{pointer-events:none;background:#fff;border-radius:50%;width:8px;height:8px;position:absolute;top:2px;right:2px}#notif-panel{background:var(--bg-secondary);border:1px solid var(--border);z-index:600;border-radius:8px;width:300px;max-height:400px;margin-top:4px;display:none;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 8px 24px #0006}#notif-panel.open{display:block}#notif-panel-header{border-bottom:1px solid var(--border);color:var(--text);justify-content:space-between;align-items:center;padding:10px 14px;font-size:13px;font-weight:600;display:flex}#notif-panel-header button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:18px;line-height:1}#notif-panel-header button:hover{color:#fff}#notif-list{max-height:350px;overflow-y:auto}.notif-empty{text-align:center;color:var(--text-muted);padding:24px 14px;font-size:13px}.notif-item{border-bottom:1px solid var(--border);cursor:pointer;padding:10px 14px;font-size:13px}.notif-item:hover{background:var(--input-bg)}.notif-item:last-child{border-bottom:none}.notif-item-title{color:var(--text);margin-bottom:2px;font-weight:600}.notif-item-body{color:var(--text-muted);font-size:12px}.notif-item-time{color:var(--text-muted);opacity:.6;margin-top:4px;font-size:11px}#tree-toggle-btn{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;flex-shrink:0;justify-content:center;align-self:flex-start;align-items:center;margin:8px 4px 0;padding:6px 8px;display:none}#tree-toggle-btn:hover{color:#fff;background:#1a1a1a}@media (min-width:769px){#tree-toggle-btn{display:inline-flex}}#project-panel{z-index:2;-webkit-backdrop-filter:blur(80px)saturate(180%);background:linear-gradient(#14141499,#0a0a0a8c);border-right:1px solid #ffffff14;flex-direction:column;flex-shrink:0;width:220px;transition:width .2s,min-width .2s;display:flex;position:relative;overflow:hidden auto;box-shadow:inset 1px 0 #ffffff0a}#project-panel.hidden{border-right:none;width:0;min-width:0;overflow:hidden}#project-panel-tree{padding:8px 0}.spt-project{margin-bottom:2px}.spt-project.is-sub{border-left:1px solid var(--border);margin-left:14px;padding-left:4px}.spt-project.is-sub>.spt-project-header{opacity:.85;font-size:11px}.spt-project-header{cursor:pointer;color:var(--text-muted);align-items:center;gap:5px;padding:5px 10px;font-size:12px;font-weight:600;display:flex}.spt-project-header:hover{background:var(--input-bg)}.spt-project.active>.spt-project-header{color:var(--text)}.spt-chevron{opacity:.4;flex-shrink:0;transition:transform .15s}.spt-project.collapsed .spt-chevron{transform:rotate(-90deg)}.spt-project-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.spt-project-close{cursor:pointer;color:var(--text-muted);opacity:0;background:0 0;border:none;padding:0;font-size:14px;line-height:1;transition:opacity .15s}.spt-project-header:hover .spt-project-close{opacity:.5}.spt-project-close:hover{color:var(--text);opacity:1!important}.spt-tabs{padding:0}.spt-tab{cursor:pointer;color:var(--text-muted);touch-action:manipulation;align-items:center;gap:5px;padding:4px 10px 4px 26px;font-size:12px;display:flex}.spt-tab:hover{background:var(--input-bg)}.spt-tab.active{color:var(--text);background:var(--bg)}.spt-tab-title{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.spt-tab-close{opacity:0;cursor:pointer;flex-shrink:0;padding:0 2px;font-size:12px;line-height:1}.spt-tab:hover .spt-tab-close{opacity:.5}.spt-tab-close:hover{color:var(--text);opacity:1!important}.spt-tab-new{cursor:pointer;color:var(--text-muted);opacity:.5;padding:4px 10px 4px 26px;font-size:11px}.spt-tab-new:hover{opacity:1;background:var(--input-bg)}.spt-add-project{cursor:pointer;color:var(--text-muted);opacity:.5;border-top:1px solid var(--border);margin-top:4px;padding:6px 10px;font-size:11px}.spt-add-project:hover{opacity:1;background:var(--input-bg)}.spt-project-settings{cursor:pointer;color:var(--text-muted);opacity:0;background:0 0;border:none;flex-shrink:0;padding:0;line-height:1;transition:opacity .15s}.spt-project-header:hover .spt-project-settings{opacity:.5}.spt-project-settings:hover{color:var(--text);opacity:1!important}.pcm-body{flex-direction:column;padding:0;display:flex;overflow:hidden}.pcm-tabs{border-bottom:1px solid var(--border);gap:0;padding:0 16px;display:flex}.pcm-tab{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:10px 14px;font-size:13px;font-weight:500;transition:color .15s,border-color .15s;display:flex}.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{color:var(--text-muted);padding:12px 20px 8px;font-size:12px}.pcm-editor-wrap{flex:1;min-height:0;padding:0 16px}.pcm-editor{resize:vertical;background:var(--input-bg);border:1px solid var(--border);width:100%;height:300px;color:var(--text);border-radius:8px;outline:none;padding:12px;font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:13px;line-height:1.5}.pcm-editor:focus{border-color:var(--text-muted)}.pcm-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:8px;padding:12px 16px;display:flex}.pcm-status{color:var(--text-muted);font-size:12px}.pcm-save-btn{cursor:pointer;background:var(--text);color:var(--bg);border:none;border-radius:8px;padding:8px 20px;font-size:13px;font-weight:600}.pcm-save-btn:hover{opacity:.9}.pcm-close-project-btn{cursor:pointer;color:var(--text-muted);border:1px solid var(--border);background:0 0;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;display:flex}.pcm-close-project-btn:hover{color:var(--text);border-color:var(--text-muted)}.pcm-close-project-btn:active{background:#ffffff0d}.spt-streaming-dot{background:#3c3;border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:1.5s infinite pulse}.project-streaming-dot{vertical-align:middle;background:#3c3;border-radius:50%;width:6px;height:6px;margin-right:4px;animation:1.5s infinite pulse;display:inline-block}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}#messages-container{z-index:1;scroll-behavior:smooth;padding-top:48px;padding-bottom:var(--input-area-height,100px);flex:1;position:relative;overflow:hidden auto}#chat-glow{pointer-events:none;z-index:0;filter:blur(18px)saturate(1.6);position:fixed;inset:0}@media (max-width:768px){#messages-container{padding-top:calc(var(--mobile-topbar-height,100px) + var(--mobile-topbar-buffer,32px))}}.messages-panel{z-index:1;max-width:800px;margin:0 auto;padding:16px;display:none;position:relative}.messages-panel.active{display:block}.chat-welcome-state{color:#fff;text-align:center;pointer-events:none;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:calc(30vh - 60px) 24px 0;display:flex}.chat-welcome-state svg{opacity:.15}.chat-welcome-state span{opacity:.25;font-size:14px}.chat-welcome-state:not(:only-child){display:none}#scroll-down-btn{background:var(--bg-secondary);border:1px solid var(--border-color);width:40px;height:40px;color:var(--text-primary);cursor:pointer;opacity:0;pointer-events:none;z-index:50;border-radius:50%;justify-content:center;align-items:center;transition:opacity .2s,transform .2s;display:flex;position:absolute;bottom:80px;left:50%;transform:translate(-50%)scale(.8);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{word-wrap:break-word;overflow-wrap:break-word;border-radius:16px;max-width:95%;margin-bottom:8px;padding:10px 14px;line-height:1.5;position:relative;overflow:hidden}.message .msg-note-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;z-index:2;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:none;position:absolute;top:6px;right:38px}.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{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;z-index:2;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:none;position:absolute;top:6px;right:6px}.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{color:#333;background:#0000000f;border-color:#00000026}.message.user .msg-copy-btn:hover{color:#000;background:#0000001f}.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{background:var(--bg-secondary);border:1px solid var(--border-color);z-index:1000;border-radius:10px;min-width:160px;padding:4px;position:fixed;box-shadow:0 4px 16px #0006}.msg-context-menu button{width:100%;color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 14px;font-size:14px;display:flex}.msg-context-menu button:hover{background:var(--bg-hover)}.msg-context-menu button.destructive{color:#f44}.message.user{color:var(--text);white-space:pre-wrap;background:linear-gradient(135deg,#323237bf 0%,#1c1c20d9 100%);border:1px solid #ffffff24;border-top-color:#ffffff38;border-bottom-right-radius:4px;width:-moz-fit-content;width:fit-content;margin-left:auto;box-shadow:0 2px 16px #0006,inset 0 1px #ffffff1f,inset 0 -1px #0003}.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{flex-direction:column;align-items:flex-end;margin-bottom:8px;display:flex}.user-msg-wrapper .message.user{margin-bottom:2px}.user-msg-time{color:var(--text-tertiary,#ffffff4d);padding-right:4px;font-size:11px}.message.assistant{box-shadow:none;background:0 0;border:none;border-bottom-left-radius:4px;margin-right:auto}.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;margin:6px 0;padding:8px 12px;font-size:13px}.tool-block .tool-header{color:var(--tool-color);cursor:pointer;letter-spacing:.2px;align-items:center;gap:8px;margin-bottom:4px;font-weight:600;display:flex}.tool-block .tool-icon{width:14px;height:14px;color:var(--tool-color);opacity:.9;flex-shrink:0}.tool-block .tool-icon svg{width:100%;height:100%;display:block}.tool-block .tool-input{color:var(--text-muted);white-space:pre-wrap;word-break:break-all;font-family:SF Mono,Fira Code,monospace;font-size:12px}.tool-block .tool-result{color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere;opacity:.85;max-height:200px;margin-top:6px;font-family:inherit;font-size:13px;line-height:1.5;overflow-y:auto}.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);color:var(--text-thinking);border-left:2px solid #c8a83059;border-radius:8px;margin:6px 0;font-size:13px}.thinking-header{cursor:pointer;text-transform:uppercase;letter-spacing:.5px;opacity:.8;padding:8px 10px;font-size:12px;font-weight:600}.thinking-header:before{content:"▼ ";font-size:10px}.thinking-block.collapsed .thinking-header:before{content:"▶ "}.thinking-content{white-space:pre-wrap;max-height:60vh;padding:0 10px 8px;font-size:13px;font-style:italic;line-height:1.5;overflow-y:auto}.thinking-block.collapsed .thinking-content{display:none}.message pre{background:#0000004d;border-radius:8px;margin:8px 0;padding:10px;font-family:SF Mono,Fira Code,monospace;font-size:13px;overflow-x:auto}.message code{font-family:SF Mono,Fira Code,monospace;font-size:13px}.message :not(pre)>code{background:#0000004d;border-radius:4px;padding:2px 6px}.message.assistant .content{line-height:1.6}.message.assistant .content h1,.message.assistant .content h2,.message.assistant .content h3,.message.assistant .content h4{color:var(--text);margin:12px 0 6px;font-weight:600}.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{color:var(--text-muted);font-size:1em}.message.assistant .content table{border-collapse:collapse;width:100%;margin:8px 0;font-size:14px}.message.assistant .content table th,.message.assistant .content table td{border:1px solid var(--border);text-align:left;padding:6px 10px}.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);color:var(--text-muted);margin:8px 0;padding:4px 12px;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;-webkit-text-decoration-color:var(--text-muted);text-decoration-color:var(--text-muted)}.message.assistant .content a:hover{-webkit-text-decoration-color:var(--text);text-decoration-color:var(--text)}.message.assistant .content del{opacity:.5}.activity-indicator{color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:8px 14px;font-size:13px;display:flex}.activity-indicator:hover{color:var(--text)}.activity-indicator .spinner{border:2px solid #333;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}.activity-indicator .activity-peek{width:100%;color:var(--text-thinking);white-space:pre-wrap;background:var(--bg-thinking);border-left:2px solid #c8a83059;border-radius:4px;max-height:200px;margin-top:6px;padding:6px 10px;font-size:12px;font-style:italic;line-height:1.4;display:none;overflow-y:auto}.activity-indicator.expanded{flex-wrap:wrap}.activity-indicator.expanded .activity-peek{display:block}@keyframes spin{to{transform:rotate(360deg)}}#input-area{padding:24px 16px;padding-bottom:calc(28px + var(--safe-bottom));z-index:50;pointer-events:none;position:absolute;bottom:0;left:0;right:0}#app:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#0000 0%,#00000073 25%,#000000c7 60%,#000000f2 100%);height:200px;position:fixed;bottom:0;left:0;right:0}#input-area>*{pointer-events:auto}.input-bar-inner{align-items:flex-end;gap:8px;min-width:0;max-width:800px;margin:0 auto;display:flex}#image-preview{width:100%;max-width:800px;margin:0 auto 8px}#image-preview-list{-webkit-backdrop-filter:blur(20px)saturate(160%);background:#ffffff0a;border:1px solid #ffffff1f;border-radius:16px;flex-wrap:wrap;gap:10px;padding:10px 12px;display:flex}.image-preview-item{border-radius:10px;display:inline-block;position:relative;overflow:visible}.image-preview-thumb{object-fit:cover;background:#111;border:1px solid #ffffff2e;border-radius:10px;width:96px;height:96px;display:block}.image-preview-file{color:#ccc;background:#161616;border:1px solid #ffffff2e;border-radius:10px;align-items:center;gap:8px;max-width:220px;height:96px;padding:0 14px;font-size:13px;display:flex}.image-preview-file span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.image-preview-remove{color:#fff;cursor:pointer;background:#1a1a1a;border:1px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:background .15s,transform .15s;display:flex;position:absolute;top:-8px;right:-8px;box-shadow:0 2px 8px #0009}.image-preview-remove:hover{color:#000;background:#fff;transform:scale(1.1)}.input-bar-row{-webkit-backdrop-filter:blur(32px)saturate(160%);background:#ffffff0f;border:1px solid #ffffff2e;border-radius:24px;flex:1;align-items:flex-end;gap:2px;min-width:0;padding:4px 4px 4px 12px;display:flex;overflow:visible}.input-bar-row textarea{color:var(--text);resize:none;background:0 0;border:none;outline:none;flex:1;max-height:120px;padding:8px 4px;font-family:inherit;font-size:16px;line-height:1.4}#user-msg-memo{-webkit-backdrop-filter:blur(28px)saturate(170%);backdrop-filter:blur(28px)saturate(170%);max-width:min(600px,100% - 80px);color:var(--text);white-space:nowrap;text-overflow:ellipsis;opacity:0;pointer-events:none;z-index:60;cursor:pointer;background:#1414189e;border:1px solid #ffffff1f;border-radius:999px;padding:9px 20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:15px;line-height:1.5;transition:opacity .22s,transform .22s;position:absolute;top:56px;left:50%;overflow:hidden;transform:translate(-50%)translateY(-8px);box-shadow:0 8px 32px #0000006b,inset 0 1px #ffffff14}#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,#fff6);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}}.message-input-wrap{flex:1;min-width:0;display:flex;position:relative}.ghost-suggestion{pointer-events:none;color:#ffffff59;white-space:pre-wrap;word-break:break-word;font-family:inherit;font-size:16px;line-height:1.4;display:none;position:absolute;inset:8px 4px;overflow:hidden}.ghost-suggestion.visible{display:block}.ghost-suggestion .ghost-kbd{color:#ffffff8c;vertical-align:2px;letter-spacing:.5px;border:1px solid #ffffff38;border-radius:4px;margin-left:6px;padding:0 5px;font-size:10px;font-weight:600;display:inline-block}.input-bar-action{cursor:pointer;background:#fff;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.input-bar-action svg{stroke:#000}.input-icon-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.input-icon-btn:hover svg{stroke:#fff!important;fill:#fff!important}.input-icon-btn:hover svg[fill=none]{fill:none!important}.attach-wrapper{position:relative}.attach-menu{z-index:100;background:#1a1a1a;border:1px solid #333;border-radius:10px;min-width:160px;display:none;position:absolute;bottom:44px;right:0;overflow:hidden}.attach-menu.open{display:block}.attach-menu button{color:#ccc;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:12px 16px;font-size:14px;display:flex}.attach-menu button:hover{background:#222}.attach-menu button+button{border-top:1px solid #2a2a2a}#abort-btn{color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}#action-btn.recording{background:#f33}#action-btn.recording svg{stroke:#fff}#abort-btn{color:#fff;background:#333;display:none}#status-bar{color:#fff;text-align:center;background:#222;padding:6px 16px;font-size:13px;display:none}.cost-info{color:var(--text-muted);text-align:center;padding:4px;font-size:11px}#image-gen-modal{z-index:200;background:#000c;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:none;position:fixed;top:0;left:0}#image-gen-modal.open{display:flex}.image-gen-box{background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;width:100%;max-width:420px;padding:24px}.image-gen-box h3{margin-bottom:16px;font-size:18px}.image-gen-box textarea{background:var(--input-bg);border:1px solid var(--border);width:100%;color:var(--text);resize:none;border-radius:10px;outline:none;min-height:80px;margin-bottom:12px;padding:12px;font-family:inherit;font-size:15px}.image-gen-box .btn-row{justify-content:flex-end;gap:10px;display:flex}.image-gen-box button{cursor:pointer;border:none;border-radius:10px;padding:10px 20px;font-size:15px;font-weight:600}.image-gen-box .btn-cancel{color:#fff;background:#333}.image-gen-box .btn-generate{color:#000;background:#fff}.image-gen-box .btn-generate:disabled{opacity:.5;cursor:not-allowed}#files-page{background:var(--bg);z-index:10;display:none;position:absolute;inset:0;overflow:hidden}#files-page.open{flex-direction:column;display:flex}#files-page-inner{flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.files-top-bar{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;display:flex}.files-breadcrumb{flex:1;align-items:center;gap:2px;padding:10px 16px;font-size:13px;display:flex;overflow-x:auto}.files-toolbar{flex-shrink:0;align-items:center;gap:4px;padding:0 12px;display:flex}.files-toolbar-btn{border:1px solid var(--border-color);color:#888;cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.files-toolbar-btn:hover{color:#fff;background:#1a1a1a;border-color:#555}.files-input-field{background:var(--bg);border:1px solid var(--border-color);color:#fff;border-radius:8px;outline:none;width:100%;margin-bottom:16px;padding:10px 12px;font-size:14px}.files-input-field:focus{border-color:#555}.files-confirm-ok{color:#000;cursor:pointer;background:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:500}.files-confirm-ok:hover{background:#ddd}.files-breadcrumb-btn{color:#888;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:13px}.files-breadcrumb-btn:hover{color:#fff;background:#1a1a1a}.files-breadcrumb-btn:last-child{color:#fff}.files-breadcrumb-sep{color:#444;margin:0 1px}.files-layout{flex:1;display:flex;overflow:hidden}.files-tree{border-right:1px solid var(--border);flex-shrink:0;width:280px;min-width:200px;max-width:400px;padding:4px 0;overflow-y:auto}.files-viewer{flex-direction:column;flex:1;display:flex;overflow:hidden}.files-empty{color:#444;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;display:flex}.files-empty p{font-size:14px}.files-content{flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.files-content-header{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:12px;padding:8px 16px;font-size:13px;display:flex}.files-filename{color:#fff;font-weight:600}.files-filesize{color:#666;font-size:12px}.files-send-btn{color:#aaa;cursor:pointer;background:#222;border:1px solid #333;border-radius:4px;padding:3px 10px;font-size:12px}.files-send-btn:hover{color:#fff;background:#333}.files-code{color:#ccc;white-space:pre;tab-size:2;background:var(--bg);flex:1;margin:0;padding:12px 16px;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:13px;line-height:1.6;overflow:auto}.files-editor-wrapper{flex:1;position:relative;overflow:hidden}.files-editor-wrapper .files-code{pointer-events:none;box-sizing:border-box;width:100%;height:100%;position:absolute;top:0;left:0;overflow:auto}.files-editor{white-space:pre;tab-size:2;color:#0000;caret-color:#fff;resize:none;box-sizing:border-box;z-index:1;background:0 0;border:none;outline:none;width:100%;height:100%;margin:0;padding:12px 16px;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:13px;line-height:1.6;position:absolute;top:0;left:0;overflow:auto}.files-header-actions{align-items:center;gap:6px;margin-left:auto;display:flex}.files-copy-btn{color:#aaa;cursor:pointer;background:#222;border:1px solid #333;border-radius:4px;align-items:center;gap:4px;padding:3px 10px;font-size:12px;display:inline-flex}.files-copy-btn:hover{color:#fff;background:#333}.files-copy-btn svg{vertical-align:middle}.files-edit-btn{color:#aaa;cursor:pointer;background:#222;border:1px solid #333;border-radius:4px;padding:3px 10px;font-size:12px}.files-edit-btn:hover{color:#fff;background:#333}.files-render-btn{color:#ccc;cursor:pointer;background:#222;border:1px solid #444;border-radius:4px;padding:3px 10px;font-size:12px}.files-render-btn:hover{color:#fff;background:#333}.files-render-btn.active{color:#fff;background:#1a1a1a;border-color:#666}.files-render-panel{background:#fff;flex-direction:column;flex:1;min-height:0;display:flex}.files-render-iframe{border:none;flex:1;width:100%;height:100%}.files-save-btn{color:#000;cursor:pointer;background:#fff;border:1px solid #fff;border-radius:4px;padding:3px 12px;font-size:12px;font-weight:600}.files-save-btn:hover{background:#ddd}.files-save-btn:disabled{opacity:.5;cursor:default}.files-cancel-btn{color:#aaa;cursor:pointer;background:#222;border:1px solid #333;border-radius:4px;padding:3px 10px;font-size:12px}.files-cancel-btn:hover{color:#fff;background:#333}.files-edit-indicator{color:#888;font-size:11px;font-style:italic}code.hljs,.files-code.hljs,pre code.hljs{background:0 0!important;padding:0!important}.files-line-num{text-align:right;color:#444;-webkit-user-select:none;user-select:none;width:4em;margin-right:16px;font-size:12px;display:inline-block}.files-item{-webkit-user-select:none;user-select:none;cursor:pointer;align-items:center;gap:12px;padding:10px 16px;font-size:13px;display:flex}.files-item:hover{background:#111}.files-item-active{background:#1a1a1a}.files-item-icon{background:#1a1a1a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.files-item-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.files-item-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.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{color:#555;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;padding:4px;display:none}.files-item-more:hover{color:#aaa;background:#222}.files-item-date{color:#444;flex-shrink:0;margin-left:auto;font-size:11px}.files-item-size{color:#555;flex-shrink:0;margin-left:12px;font-size:11px}.files-context-menu{background:var(--bg-secondary);border:1px solid var(--border-color);z-index:1000;border-radius:10px;min-width:160px;padding:4px;position:fixed;box-shadow:0 4px 16px #0006}.files-context-menu button{width:100%;color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 14px;font-size:14px;display:flex}.files-context-menu button:hover{background:var(--bg-hover)}.files-context-menu button.destructive{color:#f44}.files-context-sep{background:var(--border-color);height:1px;margin:4px 8px}#upload-progress-overlay{z-index:1100;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.upload-progress-box{background:var(--bg-secondary,#111);border:1px solid var(--border-color,#333);text-align:center;border-radius:12px;width:340px;padding:24px 28px}.upload-progress-title{color:#fff;margin-bottom:12px;font-size:15px;font-weight:600}.upload-progress-info{color:#fff;margin-bottom:8px;font-size:28px;font-weight:700}.upload-progress-track{background:#222;border-radius:4px;width:100%;height:8px;margin-bottom:8px;overflow:hidden}.upload-progress-bar{background:#fff;border-radius:4px;width:0%;height:100%;transition:width .2s}.upload-progress-detail{color:#666;margin-bottom:4px;font-size:12px}.upload-progress-speed{color:#555;min-height:16px;margin-bottom:16px;font-size:11px}.upload-progress-buttons{justify-content:center;gap:8px;display:flex}.upload-progress-cancel{color:#888;cursor:pointer;background:0 0;border:1px solid #333;border-radius:8px;padding:6px 20px;font-size:13px}.upload-progress-cancel:hover{color:#fff;border-color:#555}.upload-progress-minimize{color:#000;cursor:pointer;background:#fff;border:none;border-radius:8px;padding:6px 20px;font-size:13px;font-weight:600}.upload-progress-minimize:hover{background:#ddd}#upload-mini-toast{z-index:1100;background:var(--bg-secondary,#111);border:1px solid var(--border-color,#333);border-radius:10px;align-items:center;gap:10px;min-width:220px;padding:10px 14px;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 4px 20px #00000080}.upload-mini-text{color:#fff;white-space:nowrap;font-size:13px;font-weight:500}.upload-mini-track{background:#222;border-radius:2px;flex:1;min-width:60px;height:4px;overflow:hidden}.upload-mini-bar{background:#fff;border-radius:2px;width:0%;height:100%;transition:width .2s}.upload-mini-expand{color:#666;cursor:pointer;background:0 0;border:none;padding:2px;display:flex}.upload-mini-expand:hover{color:#fff}.files-confirm-overlay{z-index:1001;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.files-confirm-dialog{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;width:90%;max-width:360px;padding:24px}.files-confirm-title{color:#fff;margin-bottom:8px;font-size:16px;font-weight:600}.files-confirm-message{color:#888;margin-bottom:20px;font-size:13px;line-height:1.5}.files-confirm-actions{justify-content:flex-end;gap:8px;display:flex}.files-confirm-cancel{border:1px solid var(--border-color);color:#aaa;cursor:pointer;background:0 0;border-radius:8px;padding:8px 16px;font-size:13px}.files-confirm-cancel:hover{background:var(--bg-hover)}.files-confirm-delete{color:#fff;cursor:pointer;background:#f44;border:none;border-radius:8px;padding:8px 16px;font-size:13px}.files-confirm-delete:hover{background:#c33}.files-toast{background:var(--bg-secondary);border:1px solid var(--border-color);color:#fff;opacity:0;z-index:1002;pointer-events:none;border-radius:8px;padding:10px 20px;font-size:13px;transition:opacity .3s,transform .3s;position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(20px)}.files-toast.show{opacity:1;transform:translate(-50%)translateY(0)}.files-loading{justify-content:center;padding:40px;display:flex}.files-error{color:#666;text-align:center;padding:20px;font-size:13px}.files-chat-panel{border-left:1px solid var(--border);background:var(--bg);flex-direction:column;flex-shrink:0;width:0;min-width:0;transition:width .25s,min-width .25s;display:flex;overflow:hidden}.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{border-bottom:1px solid var(--border);color:#fff;white-space:nowrap;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 16px;font-size:13px;font-weight:600;display:flex}.files-chat-close{color:#666;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:20px;line-height:1}.files-chat-close:hover{color:#fff}.files-chat-messages{flex-direction:column;flex:1;gap:12px;padding:12px 16px;font-size:13px;line-height:1.6;display:flex;overflow-y:auto}.files-chat-msg{word-wrap:break-word;white-space:pre-wrap;border-radius:8px;max-width:100%;padding:8px 12px}.files-chat-msg.user{color:#ccc;background:#1a1a1a;border:1px solid #333;align-self:flex-end}.files-chat-msg.assistant{color:#ccc;background:#111;border:1px solid #222;align-self:flex-start}.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;border-radius:3px;padding:1px 5px;font-size:12px}.files-chat-msg.assistant .content pre{background:#0a0a0a;border-radius:4px;margin:6px 0;padding:8px 10px;font-size:12px;overflow-x:auto}.files-chat-msg.system{color:#555;text-align:center;align-self:center;font-size:11px;font-style:italic}.files-chat-msg.assistant .tool-block{border:1px solid #222;border-radius:4px;margin:6px 0;font-size:11px}.files-chat-msg.assistant .tool-block .tool-header{color:#888;cursor:pointer;background:#1a1a1a;padding:4px 8px}.files-chat-msg.assistant .tool-block .tool-input,.files-chat-msg.assistant .tool-block .tool-result{color:#666;white-space:pre-wrap;max-height:80px;padding:4px 8px;font-family:monospace;font-size:11px;overflow:auto}.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;white-space:pre-wrap;max-height:60px;overflow:auto}.files-chat-input-bar{border-top:1px solid var(--border);flex-shrink:0;align-items:flex-end;gap:8px;padding:12px 16px;display:flex}#files-chat-input{color:#ccc;resize:none;background:#111;border:1px solid #333;border-radius:6px;outline:none;flex:1;max-height:120px;padding:8px 12px;font-family:inherit;font-size:13px;line-height:1.4}#files-chat-input:focus{border-color:#555}.files-chat-send{color:#aaa;cursor:pointer;background:#222;border:1px solid #333;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:8px;display:flex}.files-chat-send:hover{color:#fff;background:#333}.files-chat-activity{color:#555;padding:4px 12px;font-size:11px;font-style:italic}@media (max-width:768px){.files-layout{flex-direction:column;height:100%}.files-tree{border-right:none;flex:auto;width:100%;min-width:0;max-width:none;height:auto;max-height:none}.files-viewer{flex:auto;min-height:0;display:none}.files-chat-panel,.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{border-left:none;border-top:1px solid var(--border);flex:50%;width:100%;min-width:0;display:flex}.files-layout.file-open.chat-open .files-viewer{flex:50%;max-height:50%}.files-item{gap:14px;padding:12px 16px}.files-item-icon{border-radius:12px;width:40px;height:40px}.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{color:#888;cursor:pointer;background:0 0;border:none;border-radius:4px;margin-right:4px;padding:4px 8px;display:none}.files-mobile-back:hover{color:#fff;background:#1a1a1a}#designer-page{background:var(--bg);z-index:10;display:none;position:absolute;inset:0;overflow:hidden}#designer-page.open{flex-direction:column;display:flex}#designer-page-inner{flex-direction:column;height:100%;display:flex;overflow:hidden}.designer-toolbar-top{border-bottom:1px solid var(--border);background:var(--bg-secondary);flex-wrap:wrap;align-items:center;gap:8px;padding:8px 16px;display:flex}.designer-tabs-bar{border-bottom:1px solid var(--border);background:#0a0a0a;flex-shrink:0;align-items:stretch;gap:2px;padding:6px 12px 0;display:flex;overflow-x:auto}.designer-tabs-bar:empty{display:none}.designer-tab{color:#888;cursor:pointer;-webkit-user-select:none;user-select:none;background:#1a1a1a;border:1px solid #222;border-bottom:none;border-radius:8px 8px 0 0;align-items:center;gap:6px;max-width:220px;padding:6px 8px 6px 12px;font-size:12px;transition:background .12s,color .12s;display:inline-flex}.designer-tab:hover{color:#ccc;background:#222}.designer-tab.active{background:var(--bg-secondary);color:#fff;border-color:var(--border)}.designer-tab-label{text-overflow:ellipsis;white-space:nowrap;flex:1;max-width:170px;overflow:hidden}.designer-tab-close{color:inherit;opacity:.5;cursor:pointer;background:0 0;border:none;border-radius:3px;align-items:center;padding:2px;display:flex}.designer-tab-close:hover{opacity:1;background:#333}.designer-tab-add{color:#888;cursor:pointer;background:0 0;border:none;border-radius:4px;align-self:center;align-items:center;margin-left:4px;padding:4px 8px;display:inline-flex}.designer-tab-add:hover{color:#fff;background:#222}.designer-back-btn{background:var(--bg);color:#fff;cursor:pointer;border:none;align-items:center;margin-right:4px;padding:4px;display:flex}.designer-back-btn:hover{opacity:.7}.tool-close-btn{background:var(--bg);color:#888;cursor:pointer;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin-left:8px;padding:6px;display:flex}.tool-close-btn:hover{color:#fff;background:#111}.designer-toolbar-group{align-items:center;gap:6px;display:flex}.designer-toolbar-group label{color:var(--text-muted);white-space:nowrap;font-size:12px}.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-family:inherit;font-size:13px}.designer-toolbar-group input[type=color]{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:6px;width:28px;height:28px;padding:0}.designer-toolbar-right{margin-left:auto}.designer-btn{background:var(--input-bg);border:1px solid var(--border);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:6px;align-items:center;gap:4px;padding:5px 10px;font-family:inherit;font-size:13px;transition:background .15s;display:inline-flex}.designer-btn:hover{background:#222}.designer-btn.active{color:#000;background:#fff;border-color:#fff}.designer-gen-mode{background:var(--input-bg);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:6px;padding:5px 8px;font-family:inherit;font-size:13px}.designer-btn-export{color:#000;background:#fff;border-color:#fff}.designer-btn-export:hover{background:#ddd}.designer-topbar-dropdown{display:inline-flex;position:relative}.designer-topbar-dropdown-menu{background:var(--bg-secondary);border:1px solid var(--border);z-index:600;border-radius:8px;min-width:180px;margin-top:4px;padding:4px;display:none;position:absolute;top:100%;right:0;box-shadow:0 4px 12px #0000004d}.designer-topbar-dropdown-menu.open{display:block}.designer-topbar-dropdown-menu button{width:100%;color:var(--text);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 12px;font-size:14px;display:flex}.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{width:40px;height:22px;display:inline-block;position:relative}.designer-prefs-switch input{opacity:0;width:0;height:0}.designer-prefs-slider{cursor:pointer;background:#333;border-radius:22px;transition:background .2s;position:absolute;inset:0}.designer-prefs-slider:before{content:"";background:#ccc;border-radius:50%;width:16px;height:16px;transition:transform .2s,background .2s;position:absolute;top:3px;left:3px}.designer-prefs-switch input:checked+.designer-prefs-slider{background:#fff}.designer-prefs-switch input:checked+.designer-prefs-slider:before{background:#000;transform:translate(18px)}.designer-gen-modal{z-index:10000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.designer-gen-modal-content{background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;width:340px;max-width:92vw;transition:width .22s}.designer-gen-modal-content.is-wide{width:880px}.designer-gen-modal-header{border-bottom:1px solid var(--border);color:var(--text);justify-content:space-between;align-items:center;padding:12px 16px;font-size:14px;font-weight:600;display:flex}.designer-gen-modal-close{color:var(--text);cursor:pointer;background:0 0;border:none;padding:0;font-size:20px;line-height:1}.designer-gen-modal-body{flex-direction:column;gap:10px;padding:16px;display:flex}.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-family:inherit;font-size:13px}.designer-gen-modal-body input::placeholder{color:#555}.designer-gen-mode-tabs{border:1px solid var(--border);background:#0a0a0a;border-radius:8px;gap:4px;padding:3px;display:flex}.designer-gen-mode-tab{color:#888;cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:7px 6px;font-family:inherit;font-size:12px;font-weight:500;transition:background .12s,color .12s}.designer-gen-mode-tab:hover{color:#ddd}.designer-gen-mode-tab.active{color:#000;background:#fff;font-weight:600}.designer-gen-options{gap:10px;display:flex}.designer-gen-option{color:#888;flex-direction:column;flex:1;gap:4px;font-size:11px;display:flex}.designer-gen-option select{background:var(--input-bg);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:6px;padding:7px 9px;font-family:inherit;font-size:13px}.designer-gen-results{padding:14px 16px 16px}.designer-gen-results-header{align-items:center;gap:10px;margin-bottom:10px;display:flex}.designer-gen-back-btn{border:1px solid var(--border);color:#aaa;cursor:pointer;background:0 0;border-radius:6px;flex-shrink:0;align-items:center;gap:5px;padding:5px 10px 5px 7px;font-family:inherit;font-size:12px;transition:color .12s,border-color .12s;display:inline-flex}.designer-gen-back-btn:hover{color:#fff;border-color:#555}.designer-gen-results-prompt{color:#888;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:12px;font-style:italic;overflow:hidden}.designer-gen-results-reason{color:#777;background:#0a0a0a;border-left:2px solid #444;border-radius:6px;margin-bottom:4px;padding:8px 10px;font-size:11px;line-height:1.5}.designer-gen-variants-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;max-height:60vh;padding:2px;display:grid;overflow-y:auto}.designer-gen-variant-card{aspect-ratio:1;cursor:pointer;background:#fff;border:2px solid #2a2a2a;border-radius:10px;flex-direction:column;padding:10px;transition:border-color .12s,transform .12s;display:flex;position:relative;overflow:hidden}.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;justify-content:center;align-items:center;display:flex;overflow:hidden}.designer-gen-variant-card .variant-svg svg{width:100%;height:100%;max-height:100%}.designer-gen-variant-card .variant-label{color:#666;text-align:center;margin-top:4px;font-size:10px;font-weight:500}.designer-gen-variant-card.is-best .variant-label{color:#000;font-weight:600}.designer-gen-variant-badge{color:#fff;letter-spacing:.8px;z-index:2;background:#000;border-radius:999px;padding:3px 7px;font-size:9px;font-weight:700;position:absolute;top:6px;right:6px}.designer-gen-regenerate{border:1px solid var(--border);color:#aaa;cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-self:center;align-items:center;gap:6px;padding:8px 14px;font-family:inherit;font-size:12px;transition:color .12s,border-color .12s;display:inline-flex}.designer-gen-regenerate:hover{color:#fff;border-color:#555}.designer-gen-regenerate:disabled{opacity:.5;cursor:wait}.designer-gen-section-tabs{border-bottom:1px solid var(--border);gap:0;padding:0 16px;display:flex}.designer-gen-section-tab{color:#888;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:10px 14px;font-family:inherit;font-size:12px;font-weight:500;transition:color .12s,border-color .12s;display:inline-flex}.designer-gen-section-tab:hover{color:#ddd}.designer-gen-section-tab.active{color:#fff;border-bottom-color:#fff}.designer-gen-history-count{color:#ccc;text-align:center;background:#2a2a2a;border-radius:999px;min-width:16px;padding:1px 6px;font-size:10px;font-weight:600}.designer-gen-section-tab.active .designer-gen-history-count{color:#000;background:#fff}.designer-gen-history-view{max-height:60vh;overflow-y:auto}.designer-gen-history-empty{text-align:center;color:#666;padding:30px 16px;font-size:12px;font-style:italic}.designer-gen-history-list{flex-direction:column;gap:8px;display:flex}.designer-gen-history-item{border:1px solid var(--border);cursor:pointer;text-align:left;background:#0c0c0c;border-radius:8px;align-items:center;gap:10px;padding:8px;transition:border-color .12s,background .12s;display:flex}.designer-gen-history-item:hover{background:#141414;border-color:#555}.designer-gen-history-thumb{box-sizing:border-box;background:#fff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;padding:4px;display:flex;overflow:hidden}.designer-gen-history-thumb svg{width:100%;height:100%}.designer-gen-history-meta{flex:1;min-width:0}.designer-gen-history-prompt{color:#eee;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;line-height:1.3;overflow:hidden}.designer-gen-history-sub{color:#777;align-items:center;gap:8px;margin-top:3px;font-size:11px;display:flex}.designer-gen-history-mode-badge{color:#aaa;letter-spacing:.5px;text-transform:uppercase;background:#1a1a1a;border-radius:4px;padding:1px 7px;font-size:10px;font-weight:600}.designer-gen-history-delete{color:#555;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:6px;transition:color .12s,background .12s}.designer-gen-history-delete:hover{color:#f55;background:#1a0808}.designer-gen-chat{border-top:1px solid var(--border);flex-direction:column;gap:8px;margin-top:4px;padding-top:14px;display:flex}.designer-gen-chat-header{color:#888;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:7px;font-size:11px;font-weight:500;display:flex}.designer-gen-chat-messages{flex-direction:column;gap:6px;max-height:140px;display:flex;overflow-y:auto}.designer-gen-chat-messages:empty{display:none}.designer-gen-chat-msg{word-wrap:break-word;border-radius:12px;max-width:90%;padding:7px 11px;font-size:12px;line-height:1.4}.designer-gen-chat-msg.is-user{color:#eee;background:#1a1a1a;border-bottom-right-radius:4px;align-self:flex-end}.designer-gen-chat-msg.is-system{color:#777;background:0 0;align-self:flex-start;padding:4px 0;font-size:11px;font-style:italic}.designer-gen-chat-input-row{align-items:stretch;gap:6px;display:flex}.designer-gen-chat-input-row input{background:var(--input-bg);border:1px solid var(--border);min-width:0;color:var(--text);border-radius:6px;flex:1;padding:8px 10px;font-family:inherit;font-size:13px}.designer-gen-chat-input-row input::placeholder{color:#555}.designer-gen-chat-input-row input:focus{border-color:#555;outline:none}.designer-gen-chat-send{color:#000;cursor:pointer;background:#fff;border:none;border-radius:6px;justify-content:center;align-items:center;padding:0 12px;transition:background .12s;display:inline-flex}.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{color:#888;margin-bottom:4px;font-size:12px;line-height:1.5}.designer-gen-moodboard-drop{color:#888;cursor:pointer;text-align:center;background:#0a0a0a;border:1.5px dashed #333;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:22px 16px;transition:border-color .12s,background .12s,color .12s;display:flex}.designer-gen-moodboard-drop:hover,.designer-gen-moodboard-drop.is-dragging{color:#fff;background:#131313;border-color:#fff}.designer-gen-moodboard-drop-text{font-size:12px;font-weight:500}.designer-gen-moodboard-drop-sub{color:#555;font-size:11px}.designer-gen-moodboard-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;display:grid}.designer-gen-moodboard-grid:empty{display:none}.designer-gen-moodboard-tile{aspect-ratio:1;border:1px solid var(--border);background:#0a0a0a;border-radius:8px;position:relative;overflow:hidden}.designer-gen-moodboard-tile img{object-fit:cover;width:100%;height:100%;display:block}.designer-gen-moodboard-tile-loading{color:#555;justify-content:center;align-items:center;height:100%;font-size:10px;display:flex}.designer-gen-moodboard-tile-delete{color:#fff;cursor:pointer;opacity:0;background:#000000b3;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:opacity .12s,background .12s;display:flex;position:absolute;top:4px;right:4px}.designer-gen-moodboard-tile:hover .designer-gen-moodboard-tile-delete{opacity:1}.designer-gen-moodboard-tile-delete:hover{background:#f55}.designer-gen-moodboard-toggle{color:#aaa;cursor:pointer;border:1px solid var(--border);background:#0a0a0a;border-radius:6px;align-items:center;gap:8px;padding:6px 10px;font-size:12px;display:flex}.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;gap:14px;padding:40px 20px}.designer-gen-spinner{border:2px solid #222;border-top-color:#fff;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite designer-gen-spin}@keyframes designer-gen-spin{to{transform:rotate(360deg)}}.designer-gen-loading-text{color:#ddd;font-size:13px;font-weight:500}.designer-gen-loading-sub{color:#666;font-size:11px}.designer-layer-text-controls,.designer-layer-shape-controls{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.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-family:inherit;font-size:11px}.designer-layer-text-controls select{max-width:70px}.designer-layer-action-btn.active{color:#000;background:#fff}.designer-font-picker{display:inline-flex;position:relative}.designer-font-picker-btn{background:var(--input-bg);border:1px solid var(--border);color:var(--text);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;text-align:left;border-radius:4px;min-width:70px;max-width:90px;height:22px;padding:2px 6px;font-size:11px;overflow:hidden}.designer-font-picker-btn:hover{border-color:#666}.designer-font-picker-panel{z-index:10000;background:#1a1a1a;border:1px solid #333;border-radius:6px;padding:4px 0;position:fixed;overflow-y:auto;box-shadow:0 8px 24px #00000080}.designer-font-picker-group{text-transform:uppercase;letter-spacing:.6px;color:#666;font-size:10px;font-family:var(--font-ui,system-ui);padding:8px 12px 4px}.designer-font-picker-group:first-child{padding-top:4px}.designer-font-picker-item{color:#ddd;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;padding:6px 12px;font-size:16px;overflow:hidden}.designer-font-picker-item:hover{color:#fff;background:#2a2a2a}.designer-font-picker-item.active{color:#000;background:#fff}#designer-main-area{flex:1;display:flex;position:relative;overflow:hidden}.designer-tools-sidebar{background:var(--bg-secondary);border-left:1px solid var(--border);z-index:10;flex-direction:column;align-items:center;gap:4px;padding:8px 6px;transition:box-shadow .2s,border-radius .2s;display:flex;position:relative}.designer-tools-sidebar.floating{border:1px solid var(--border);z-index:100;cursor:default;border-radius:12px;position:absolute;box-shadow:0 8px 32px #00000080}.designer-tools-sidebar.floating.snapped{border-radius:0;box-shadow:0 4px 16px #0000004d}.designer-toolbar-draghandle{width:28px;height:16px;color:var(--text-muted);cursor:grab;-webkit-user-select:none;user-select:none;letter-spacing:1px;border-radius:4px;justify-content:center;align-items:center;margin-bottom:2px;font-size:14px;line-height:1;display:flex}.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{width:36px;height:36px;color:var(--text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;transition:background .15s,border-color .15s;display:flex}.designer-tool-icon:hover{border-color:var(--border);background:#222}.designer-tool-icon:active,.designer-tool-icon.active{color:#000;background:#fff;border-color:#fff}.designer-zoom-controls{align-items:center;gap:2px;display:flex}.designer-zoom-btn{min-width:0!important;padding:4px 6px!important}.designer-zoom-label{color:var(--text-muted);text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;min-width:40px;font-size:11px}.designer-zoom-label:hover{color:var(--text)}#designer-canvas-wrapper{background:#0a0a0a;flex:1;position:relative;overflow:hidden}#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{background:var(--bg-secondary);border-left:1px solid var(--border);flex-direction:column;width:220px;min-width:220px;display:flex;overflow:hidden}.designer-layers-header{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);padding:10px 12px;font-size:12px;font-weight:600}#designer-layers-list{flex:1;padding:4px 0;overflow-y:auto}.designer-layer-item{cursor:pointer;color:var(--text);border-bottom:1px solid var(--border);-webkit-user-select:none;user-select:none;flex-direction:column;gap:4px;padding:6px 12px;font-size:13px;transition:background .1s;display:flex}.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{align-items:center;gap:8px;width:100%;display:flex}.designer-layer-icon{opacity:.6;flex-shrink:0;width:18px;height:18px}.designer-layer-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.designer-layer-rename-input{background:var(--input-bg);color:var(--text);border:1px solid #555;border-radius:3px;outline:none;flex:1;min-width:0;padding:1px 4px;font-family:inherit;font-size:12px}.designer-layer-collapse-btn{color:var(--text-muted);cursor:pointer;opacity:.4;background:0 0;border:none;flex-shrink:0;align-items:center;padding:2px;transition:opacity .1s,transform .15s;display:flex}.designer-layer-collapse-btn:hover{opacity:.8}.designer-layer-collapse-btn.collapsed{transform:rotate(-90deg)}.designer-layer-actions{opacity:0;gap:2px;transition:opacity .1s;display:flex}.designer-layer-item:hover .designer-layer-actions{opacity:1}.designer-layer-action-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:2px;font-size:14px;line-height:1}.designer-layer-action-btn:hover{color:var(--text)}.designer-layer-lock-btn{color:var(--text-muted);cursor:pointer;opacity:.4;background:0 0;border:none;flex-shrink:0;padding:2px;font-size:13px;line-height:1;transition:opacity .1s}.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{flex-direction:column;gap:4px;width:100%;display:flex}.designer-layer-prop-row{align-items:center;gap:6px;width:100%;display:flex}.designer-layer-prop-label{color:var(--text-muted);flex-shrink:0;min-width:14px;font-size:10px}.designer-layer-props input[type=range]{appearance:none;cursor:pointer;background:#333;border-radius:2px;outline:none;flex:1;height:3px}.designer-layer-props input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:10px;height:10px}.designer-layer-props select{background:var(--input-bg);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:4px;flex:1;padding:2px 4px;font-family:inherit;font-size:10px}.designer-layer-opacity-val{color:var(--text-muted);text-align:right;min-width:28px;font-size:10px}.designer-layer-fx-container{border-top:1px solid var(--border);width:100%;margin-top:4px;padding-top:4px}.designer-layer-fx-header{cursor:pointer;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;-webkit-user-select:none;user-select:none;align-items:center;gap:5px;padding:2px 0;font-size:9px;display:flex}.designer-layer-fx-header:hover{color:var(--text)}.designer-layer-fx-arrow{text-align:center;width:10px;font-size:8px;transition:color .15s}.designer-layer-fx-badge{color:#fff;background:#555;border-radius:6px;margin-left:auto;padding:0 4px;font-size:8px;line-height:14px}.designer-layer-fx-body{flex-direction:column;gap:4px;width:100%;padding-top:4px;display:flex}.designer-layer-fx-row{gap:6px}.designer-layer-fx-row input[type=checkbox]{cursor:pointer;accent-color:#fff;width:12px;height:12px;margin:0}.designer-layer-fx-label{color:var(--text);cursor:default;font-size:10px}.designer-layer-fx-details{box-sizing:border-box;flex-direction:column;gap:3px;width:100%;padding-left:18px;display:flex}.designer-layer-fx-color{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:3px;width:24px;height:18px;padding:0}#designer-canvas{transform-origin:0 0;box-shadow:0 0 0 1px var(--border), 0 4px 24px #00000080;touch-action:none;position:absolute;top:0;left:0;overflow:visible}.canvas-resize-handle{z-index:9999;opacity:0;transition:opacity .15s;position:absolute}.canvas-resize-handle:hover,.canvas-resize-handle:active{opacity:1}.canvas-resize-right{cursor:ew-resize;background:#fff;border-radius:3px;width:6px}.canvas-resize-bottom{cursor:ns-resize;background:#fff;border-radius:3px;height:6px}.canvas-resize-corner{cursor:nwse-resize;background:#fff;border:2px solid #888;border-radius:4px;width:16px;height:16px}.designer-guides{pointer-events:none;z-index:9999;position:absolute;inset:0}.designer-guide{background:0 0;position:absolute}.designer-guide-h{border-top:1px dashed #ffffff59;height:0;top:50%;left:0;right:0}.designer-guide-v{border-left:1px dashed #ffffff59;width:0;top:0;bottom:0;left:50%}#designer-guides-btn.active{background:#333}.designer-element{cursor:move;-webkit-user-select:none;user-select:none;min-width:20px;min-height:16px;position:absolute}.designer-element.selected{outline-offset:2px;outline:2px solid #000}.designer-element.hover-highlight{outline-offset:1px;outline:1px solid #828282b3}.designer-text{cursor:move;white-space:pre;outline-color:#fff;padding:4px 8px;overflow:visible}.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{cursor:pointer;color:#fff;z-index:10;pointer-events:auto;background:#333;border:1px solid #555;border-radius:3px;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;bottom:-22px;right:-2px}.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{z-index:100;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.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:0 0;border:2px solid #888;border-radius:50%;box-shadow:0 0 2px #00000080}.path-edit-radius:hover{border-color:#fff}.path-edit-add{opacity:.4;background:0 0;border:1px dashed #666;border-radius:50%;transition:opacity .15s}.path-edit-add:hover{opacity:1;background:#ffffff26}#designer-shape-controls{align-items:center;gap:6px;display:flex}#designer-shape-controls input[type=color]{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:6px;width:28px;height:28px;padding:0}.designer-context-menu{z-index:10000;background:#1a1a1a;border:1px solid #333;border-radius:6px;min-width:140px;padding:4px 0;position:fixed;box-shadow:0 4px 16px #00000080}.designer-context-menu-item{cursor:pointer;color:#ccc;padding:8px 16px;font-size:13px}.designer-context-menu-item:hover{color:#fff;background:#333}.designer-context-menu-item.has-submenu{align-items:center;display:flex;position:relative}.designer-context-submenu{background:#1a1a1a;border:1px solid #333;border-radius:6px;min-width:180px;padding:4px 0;display:none;position:absolute;top:-4px;left:100%;box-shadow:0 4px 16px #00000080}.designer-context-menu-item.has-submenu:hover>.designer-context-submenu{display:block}.ai-edit-modal-overlay{z-index:20000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ai-edit-modal{background:#111;border:1px solid #333;border-radius:16px;width:800px;max-width:90vw;max-height:85vh;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 64px #0009}.ai-edit-close{z-index:10;color:#666;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:24px;transition:all .15s;display:flex;position:absolute;top:12px;right:16px}.ai-edit-close:hover{color:#fff;background:#222}.ai-edit-preview{background:repeating-conic-gradient(#222 0% 25%,#1a1a1a 0% 50%) 50%/20px 20px;border-right:1px solid #222;flex:1;justify-content:center;align-items:center;min-width:0;padding:24px;display:flex}.ai-edit-preview img{object-fit:contain;border-radius:4px;max-width:100%;max-height:60vh}.ai-edit-controls{flex-direction:column;flex-shrink:0;gap:16px;width:280px;padding:24px;display:flex}.ai-edit-title{color:#fff;font-size:16px;font-weight:600}.ai-edit-quick-actions{flex-wrap:wrap;gap:6px;display:flex}.ai-edit-preset{color:#aaa;cursor:pointer;white-space:nowrap;background:#1a1a1a;border:1px solid #333;border-radius:999px;padding:6px 14px;font-size:12px;transition:all .15s}.ai-edit-preset:hover:not(:disabled){color:#fff;background:#222;border-color:#555}.ai-edit-preset:disabled{opacity:.4;cursor:not-allowed}.ai-edit-input-row{gap:8px;margin-top:auto;display:flex}.ai-edit-input{color:#fff;background:#1a1a1a;border:1px solid #333;border-radius:10px;outline:none;flex:1;padding:10px 14px;font-size:13px}.ai-edit-input:focus{border-color:#555}.ai-edit-input:disabled{opacity:.4}.ai-edit-send{cursor:pointer;color:#000;background:#fff;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:all .15s;display:flex}.ai-edit-send:hover:not(:disabled){background:#ddd}.ai-edit-send:disabled{opacity:.4;cursor:not-allowed}.ai-edit-status{color:#666;min-height:18px;font-size:12px;transition:all .2s}.ai-edit-status.active{color:#888}.ai-edit-status.success{color:#4a4}.ai-edit-status.error{color:#a44}.designer-resize-handle{z-index:10;background:#fff;border:2px solid #000;border-radius:3px;width:14px;height:14px;display:none;position:absolute}.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-offset:1px;outline:1px dashed #000}.designer-handle-tl{cursor:nwse-resize;top:-7px;left:-7px}.designer-handle-tr{cursor:nesw-resize;top:-7px;right:-7px}.designer-handle-bl{cursor:nesw-resize;bottom:-7px;left:-7px}.designer-handle-br{cursor:nwse-resize;bottom:-7px;right:-7px}.designer-edge-handle{z-index:10;box-sizing:border-box;background:#fff;border:2px solid #000;border-radius:2px;width:12px;height:12px;display:none;position:absolute}.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{cursor:ns-resize;margin-left:-6px;top:-6px;left:50%}.designer-edge-handle-s{cursor:ns-resize;margin-left:-6px;bottom:-6px;left:50%}.designer-edge-handle-e{cursor:ew-resize;margin-top:-6px;top:50%;right:-6px}.designer-edge-handle-w{cursor:ew-resize;margin-top:-6px;top:50%;left:-6px}.designer-group{border:1px dashed #ffffff26}.designer-group.selected{border-color:#ffffff4d}.designer-btn-small{min-width:0;padding:4px 5px!important}.designer-btn-small svg{width:14px;height:14px}.designer-corner-radius-handle{z-index:1001;cursor:pointer;box-sizing:border-box;pointer-events:auto;background:#fff;border:2px solid #888;border-radius:50%;width:10px;height:10px;position:absolute;transform:translate(-50%,-50%)}.designer-corner-radius-handle:hover,.designer-corner-radius-handle.single-active{background:#4a90d9;border-color:#4a90d9}.designer-rotate-zone{z-index:9;width:20px;height:20px;display:none;position:absolute}.designer-element.selected .designer-rotate-zone,.designer-element.multi-selected .designer-rotate-zone{display:block}.designer-rotate-tl{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;top:-16px;left:-16px}.designer-rotate-tr{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;top:-16px;right:-16px}.designer-rotate-bl{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;bottom:-16px;left:-16px}.designer-rotate-br{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;bottom:-16px;right:-16px}.designer-element.multi-selected{outline-offset:1px;outline:1px dashed #000}.designer-multi-bbox{pointer-events:auto;cursor:move;z-index:9990;border:2px solid #000;position:absolute}.designer-bbox-handle{z-index:9991;pointer-events:auto;background:#fff;border:2px solid #000;border-radius:3px;width:14px;height:14px;position:absolute}.designer-bbox-handle-tl{cursor:nwse-resize;top:-7px;left:-7px}.designer-bbox-handle-tr{cursor:nesw-resize;top:-7px;right:-7px}.designer-bbox-handle-bl{cursor:nesw-resize;bottom:-7px;left:-7px}.designer-bbox-handle-br{cursor:nwse-resize;bottom:-7px;right:-7px}.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{background:#333;width:1px;height:20px;margin:0 2px}.designer-context-menu-item.disabled{color:#555;cursor:default;pointer-events:none}#designer-radius-control{align-items:center;gap:4px;display:flex}#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{align-items:center;gap:4px;display:flex}#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{gap:2px;margin-bottom:4px;display:flex}.designer-gradient-type-btn{background:var(--input-bg);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;border-radius:4px;flex:1;padding:3px 4px;font-family:inherit;font-size:11px}.designer-gradient-type-btn.active{color:#000;background:#fff;border-color:#fff}.designer-gradient-type-btn:hover:not(.active){background:#222}.designer-gradient-preview{border:1px solid var(--border);border-radius:4px;height:16px;margin-bottom:4px}.designer-gradient-stops{flex-direction:column;gap:3px;display:flex}.designer-gradient-stop-row{align-items:center;gap:4px;display:flex}.designer-fill-select,.designer-layer-fx-select,.designer-layer-stroke-cap-select,.designer-layer-stroke-style-select{background:var(--input-bg);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:4px;flex:1;padding:3px 6px;font-family:inherit;font-size:11px}.designer-layer-stroke-opts{align-items:center;gap:4px;display:flex}.designer-layer-stroke-opts select{flex:1;min-width:0}#designer-projects-view{flex:1;padding:40px 24px;overflow-y:auto}.designer-projects-header{text-align:center;margin-bottom:32px}.designer-projects-header svg{margin-bottom:8px}.designer-projects-header h2{color:var(--text);margin:0 0 4px;font-size:22px;font-weight:600}.designer-projects-header p{color:var(--text-muted);margin:0;font-size:14px}.designer-projects-actions{justify-content:center;gap:10px;margin-bottom:24px;display:flex}.designer-new-project-btn{color:#000;cursor:pointer;background:#fff;border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:500;transition:background .15s;display:inline-flex}.designer-new-project-btn:hover{background:#ddd}.designer-projects-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;max-width:900px;margin:0 auto;display:grid}.designer-project-card{background:var(--bg-secondary);border:1px solid var(--border);cursor:pointer;border-radius:10px;flex-direction:column;transition:background .15s,border-color .15s;display:flex;overflow:hidden}.designer-project-card:hover{background:#1a1a1a;border-color:#444}.designer-project-thumb{aspect-ratio:16/10;background:#0a0a0a;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.designer-project-thumb img{object-fit:cover;width:100%;height:100%}.designer-project-thumb.empty{opacity:.4}.designer-project-card-bottom{align-items:center;display:flex}.designer-project-info{flex:1;min-width:0;padding:12px 14px}.designer-project-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.designer-project-meta{color:var(--text-muted);margin-top:3px;font-size:11px}.designer-project-delete{color:#666;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;margin-right:8px;padding:6px;transition:color .15s,background .15s}.designer-project-delete:hover{color:#f44;background:#ff44441a}#designer-projects-empty{text-align:center;color:#444;padding:40px}#designer-projects-empty svg{margin-bottom:12px}#designer-projects-empty p{color:#555;margin:0;font-size:14px}@media (max-width:768px){.designer-toolbar-top{flex-wrap:wrap;gap:4px;padding:6px 8px}.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{gap:0;padding:6px 8px;font-size: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{background:var(--input-bg);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:6px 10px;font-size:18px;line-height:1;display:inline-flex}.designer-mobile-overflow-btn:hover{background:#222}.designer-overflow-menu{background:var(--bg-secondary);border:1px solid var(--border);z-index:600;border-radius:8px;min-width:160px;margin-top:4px;padding:4px;display:none;position:absolute;top:100%;right:0;box-shadow:0 4px 12px #0000004d}.designer-overflow-menu.open{display:block}.designer-overflow-menu button{width:100%;color:var(--text);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 12px;font-size:14px;display:flex}.designer-overflow-menu button:hover{background:#222}.designer-overflow-menu button svg{flex-shrink:0;width:16px;height:16px}.designer-mobile-hide,.designer-align-group{display:none!important}.designer-mobile-layers-btn{background:var(--input-bg);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:6px 8px;display:inline-flex}.designer-mobile-layers-btn:hover{background:#222}.designer-mobile-layers-btn svg{width:20px;height:20px}#designer-layers-panel{border-left:none;border-top:1px solid var(--border);z-index:500;border-radius:16px 16px 0 0;width:100%;min-width:0;height:auto;max-height:55vh;transition:transform .25s;display:none;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%)}#designer-layers-panel.mobile-open{display:flex;transform:translateY(0)}.designer-layers-header{justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.designer-layers-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px;font-size:20px;display:inline-flex}.designer-layers-close-btn:hover{color:var(--text)}.designer-layers-backdrop{z-index:499;background:#0006;display:none;position:fixed;inset:0}.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{border-top:1px solid var(--border);border-left:none!important;width:100%!important;min-width:0!important}#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{border-left:1px solid var(--border);background:var(--bg);flex-direction:column;flex-shrink:0;width:0;min-width:0;transition:width .25s,min-width .25s;display:flex;overflow:hidden}#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;justify-content:center;align-items:center;display:flex}#designer-page.designer-preview-mode #designer-canvas{box-shadow:none}.designer-preview-hint{color:#888;z-index:100;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border-radius:8px;padding:8px 20px;font-size:13px;transition:opacity .3s;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.designer-chat-header{border-bottom:1px solid var(--border);color:#fff;white-space:nowrap;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 16px;font-size:13px;font-weight:600;display:flex}.designer-chat-close{color:#666;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:20px;line-height:1}.designer-chat-close:hover{color:#fff}.designer-chat-tabs{border-bottom:1px solid var(--border);scrollbar-width:none;background:#0a0a0a;flex-shrink:0;align-items:center;gap:0;display:flex;overflow-x:auto}.designer-chat-tabs::-webkit-scrollbar{display:none}.designer-chat-tab{color:#666;cursor:pointer;border-right:1px solid var(--border);white-space:nowrap;flex-shrink:0;align-items:center;gap:4px;padding:6px 12px;font-size:11px;transition:background .15s,color .15s;display:flex}.designer-chat-tab:hover{color:#999;background:#1a1a1a}.designer-chat-tab.active{color:#fff;background:#111}.designer-chat-tab-title{text-overflow:ellipsis;max-width:120px;overflow:hidden}.designer-chat-tab-close{color:#555;cursor:pointer;margin-left:2px;font-size:14px;line-height:1}.designer-chat-tab-close:hover{color:#fff}.designer-chat-tab-new{color:#555;border-right:none;padding:5px 10px;font-size:16px}.designer-chat-tab-new:hover{color:#fff;background:#1a1a1a}.designer-chat-messages{flex-direction:column;flex:1;gap:12px;padding:12px 16px;font-size:13px;line-height:1.6;display:flex;overflow-y:auto}.designer-chat-msg{word-wrap:break-word;white-space:pre-wrap;border-radius:8px;max-width:100%;padding:8px 12px}.designer-chat-msg.user{color:#ccc;background:#1a1a1a;border:1px solid #333;align-self:flex-end}.designer-chat-msg.assistant{color:#ccc;background:#111;border:1px solid #222;align-self:flex-start}.designer-chat-msg.assistant .content{white-space:normal;line-height:1.6}.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;border-radius:3px;padding:1px 5px;font-size:12px}.designer-chat-msg.assistant .content pre{background:#0a0a0a;border-radius:4px;margin:6px 0;padding:8px 10px;font-size:12px;overflow-x:auto}.designer-chat-msg.system{color:#555;text-align:center;white-space:normal;align-self:center;font-size:11px;font-style:italic}.designer-chat-msg.assistant .tool-block{border:1px solid #222;border-radius:4px;margin:6px 0;font-size:11px}.designer-chat-msg.assistant .tool-block .tool-header{color:#888;cursor:pointer;background:#1a1a1a;padding:4px 8px}.designer-chat-msg.assistant .tool-block .tool-input,.designer-chat-msg.assistant .tool-block .tool-result{color:#666;white-space:pre-wrap;max-height:80px;padding:4px 8px;font-family:monospace;font-size:11px;overflow:auto}.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;white-space:pre-wrap;max-height:60px;overflow:auto}.designer-refine-btn{color:#aaa;cursor:pointer;background:#1a1a1a;border:1px solid #333;border-radius:6px;align-items:center;gap:6px;margin-top:10px;padding:6px 12px;font-family:inherit;font-size:12px;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.designer-refine-btn:hover{color:#fff;background:#222;border-color:#555}.designer-refine-btn:disabled{opacity:.4;cursor:default}.designer-refine-btn svg{flex-shrink:0}.designer-chat-input-bar{border-top:1px solid var(--border);flex-shrink:0;align-items:flex-end;gap:8px;padding:12px 16px;display:flex}#designer-chat-input{color:#ccc;resize:none;background:#111;border:1px solid #333;border-radius:6px;outline:none;flex:1;max-height:120px;padding:8px 12px;font-family:inherit;font-size:13px;line-height:1.4}#designer-chat-input:focus{border-color:#555}.designer-chat-send{color:#aaa;cursor:pointer;background:#222;border:1px solid #333;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:8px;display:flex}.designer-chat-send:hover{color:#fff;background:#333}.designer-chat-attach{color:#aaa;cursor:pointer;background:#222;border:1px solid #333;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:8px;display:flex}.designer-chat-attach:hover{color:#fff;background:#333}.designer-tool-chips{flex-wrap:wrap;gap:6px;padding:8px 16px 0;display:flex}.designer-tool-chip{color:#666;cursor:pointer;white-space:nowrap;background:#111;border:1px solid #2e2e2e;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-family:inherit;font-size:11px;transition:background .15s,border-color .15s,color .15s;display:flex}.designer-tool-chip:hover{color:#aaa;background:#1a1a1a;border-color:#444}.designer-tool-chip.active{color:#fff;background:#1f1f1f;border-color:#555}.designer-tool-chip svg{flex-shrink:0}.designer-chat-image-preview{border-top:1px solid var(--border);background:#111;align-items:center;gap:8px;padding:8px 16px;display:flex}.designer-chat-image-preview img{object-fit:cover;border-radius:6px;max-width:120px;max-height:80px}.designer-chat-preview-remove{color:#aaa;cursor:pointer;background:#333;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:14px;line-height:1;display:flex}.designer-chat-preview-remove:hover{color:#fff;background:#555}.designer-chat-activity{color:#555;padding:4px 12px;font-size:11px;font-style:italic}.designer-chat-header-tabs{background:#0a0a0a;border-radius:6px;gap:2px;padding:2px;display:flex}.designer-chat-view-tab{color:#555;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.designer-chat-view-tab:hover{color:#999}.designer-chat-view-tab.active{color:#fff;background:#1a1a1a}.build-tab-dot{border-radius:50%;width:6px;height:6px;display:none}.build-tab-dot.active{background:#fff;animation:1.5s infinite buildPulse;display:inline-block}@keyframes buildPulse{0%,to{opacity:.4}50%{opacity:1}}.designer-build-panel{background:#080808;flex-direction:column;flex:1;display:flex;overflow-y:auto}.build-panel-content{flex-direction:column;padding:0;display:flex}.build-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 24px;display:flex}.build-empty-title{color:#444;font-size:14px;font-weight:600}.build-empty-sub{color:#333;max-width:260px;font-size:12px;line-height:1.5}.build-event{border-bottom:1px solid #141414;animation:.2s buildFadeIn}@keyframes buildFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.build-event-header{cursor:pointer;align-items:center;gap:8px;padding:8px 12px;transition:background .1s;display:flex}.build-event-header:hover{background:#111}.build-event-icon{background:#111;border:1px solid #222;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;display:flex}.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{color:#888;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.build-event-summary{color:#555;white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:12px;overflow:hidden}.build-event-time{color:#333;font-variant-numeric:tabular-nums;flex-shrink:0;font-size:10px}.build-event-status{border-radius:50%;flex-shrink:0;width:8px;height:8px}.build-event-status.running{background:#555;animation:1s infinite buildPulse}.build-event-status.done{background:#333}.build-event-detail{color:#555;white-space:pre-wrap;word-break:break-all;max-height:300px;padding:0 12px 10px 44px;font-family:SF Mono,Fira Code,monospace;font-size:11px;line-height:1.5;display:none;overflow-y:auto}.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{border-bottom:1px solid #141414;align-items:center;gap:10px;padding:8px 12px;display:none}.build-progress.active{display:flex}.build-progress-label{color:#555;white-space:nowrap;font-size:11px}.build-progress-bar{background:#111;border-radius:1px;flex:1;height:2px;overflow:hidden}.build-progress-fill{background:#444;border-radius:1px;width:30%;height:100%;animation:1.5s infinite buildProgressIndeterminate}@keyframes buildProgressIndeterminate{0%{transform:translate(-100%)}to{transform:translate(400%)}}.build-event-stream{color:#666;white-space:pre-wrap;word-break:break-all;max-height:200px;padding:6px 12px 10px 44px;font-family:SF Mono,Fira Code,monospace;font-size:11px;line-height:1.5;display:none;overflow-y:auto}.build-event.streaming .build-event-stream{display:block}.designer-wizard{flex-direction:column;gap:4px;padding:20px 16px 12px;display:flex}.designer-wizard-intro{text-align:center;margin-bottom:16px}.designer-wizard-icon{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 10px;display:flex}.designer-wizard-title{color:#ddd;margin-bottom:6px;font-size:16px;font-weight:600}.designer-wizard-subtitle{color:#666;font-size:12px;line-height:1.5}.designer-wizard-step{margin-bottom:12px}.designer-wizard-step.animate-in{animation:.25s ease-out wizardFadeIn}@keyframes wizardFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.designer-wizard-question{color:#ccc;margin-bottom:8px;font-size:13px;font-weight:600}.designer-wizard-options{grid-template-columns:1fr 1fr;gap:6px;display:grid}.designer-wizard-option{color:#aaa;cursor:pointer;text-align:left;background:#111;border:1px solid #2a2a2a;border-radius:8px;align-items:center;gap:8px;padding:10px 12px;font-family:inherit;font-size:12px;transition:all .15s;display:flex}.designer-wizard-option:hover{color:#ddd;background:#1a1a1a;border-color:#444}.designer-wizard-option.selected{color:#fff;background:#1a1a1a;border-color:#555}.designer-wizard-option-icon{text-align:center;flex-shrink:0;width:22px;font-size:16px}.designer-wizard-input,.designer-wizard-textarea{color:#ccc;resize:none;box-sizing:border-box;background:#111;border:1px solid #2a2a2a;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:12px;transition:border-color .15s}.designer-wizard-input:focus,.designer-wizard-textarea:focus{border-color:#555}.designer-wizard-textarea{min-height:60px;line-height:1.5}.designer-wizard-actions{align-items:center;gap:8px;margin-top:4px;display:flex}.designer-wizard-next{color:#ddd;cursor:pointer;background:#222;border:1px solid #444;border-radius:6px;padding:7px 16px;font-family:inherit;font-size:12px;transition:all .15s}.designer-wizard-next:hover{color:#fff;background:#333;border-color:#555}.designer-wizard-skip{color:#555;cursor:pointer;background:0 0;border:none;padding:7px 12px;font-family:inherit;font-size:11px;transition:color .15s}.designer-wizard-skip:hover{color:#888}.designer-wizard-tags{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.designer-wizard-tag{color:#999;cursor:pointer;white-space:nowrap;background:#111;border:1px solid #2a2a2a;border-radius:20px;padding:6px 14px;font-family:inherit;font-size:12px;transition:all .15s}.designer-wizard-tag:hover{color:#ddd;background:#1a1a1a;border-color:#444}.designer-wizard-tag.selected{color:#000;background:#fff;border-color:#fff;font-weight:500}.designer-wizard-tag-custom{margin-top:4px}.designer-wizard-summary{background:#111;border:1px solid #2a2a2a;border-radius:10px;align-self:stretch;margin:4px 12px 8px;padding:14px 16px}.designer-wizard-summary-title{color:#666;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;font-size:11px;font-weight:600}.designer-wizard-summary-items{flex-direction:column;gap:6px;display:flex}.designer-wizard-summary-item{color:#aaa;gap:8px;font-size:12px;display:flex}.designer-wizard-summary-item .label{color:#666;flex-shrink:0;min-width:70px}.designer-eyedropper-toast{color:#fff;z-index:1000;pointer-events:none;white-space:nowrap;background:#000000d9;border:1px solid #333;border-radius:8px;padding:8px 16px;font-size:12px;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.designer-eyedropper-preview{z-index:1000;pointer-events:none;background:#000000e6;border:1px solid #333;border-radius:8px;min-width:180px;padding:10px 14px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.eyedropper-preview-title{color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:11px;font-weight:600}.eyedropper-preview-row{color:#ccc;align-items:center;gap:8px;padding:2px 0;font-size:12px;display:flex}.eyedropper-preview-label{color:#777;min-width:70px}.eyedropper-preview-value{color:#fff;font-family:monospace}.eyedropper-preview-swatch{border:1px solid #555;border-radius:3px;flex-shrink:0;width:14px;height:14px}#images-page{background:var(--bg);z-index:10;padding-top:0;display:none;position:absolute;inset:0;overflow-y:auto}#images-page.open{display:block}#images-page-inner{max-width:720px;margin:0 auto;padding:24px 20px 80px}.images-prompt-bar{background:var(--input-bg);border:1px solid var(--border);border-radius:28px;align-items:center;gap:12px;margin-bottom:32px;padding:10px 12px 10px 18px;display:flex}.images-prompt-icon{flex-shrink:0}.images-prompt-bar input{color:var(--text);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:15px}.images-prompt-bar input::placeholder{color:#555}.images-prompt-btn{cursor:pointer;background:#fff;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:opacity .15s;display:flex}.images-prompt-btn:hover{opacity:.85}.images-gallery{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}.gallery-item{cursor:pointer;aspect-ratio:1;border:1px solid var(--border);background:#111;border-radius:10px;transition:border-color .15s;position:relative;overflow:hidden}.gallery-item:hover{border-color:#444}.gallery-item img{object-fit:cover;width:100%;height:100%}.gallery-date{color:#999;background:#000000b3;border-radius:4px;padding:2px 6px;font-size:11px;position:absolute;bottom:6px;left:8px}.gallery-menu-btn{color:#fff;cursor:pointer;opacity:0;z-index:2;background:#000000b3;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;line-height:1;transition:opacity .15s;display:flex;position:absolute;top:6px;right:6px}.gallery-item:hover .gallery-menu-btn{opacity:1}.gallery-menu-btn:hover{background:#000000e6}.gallery-menu{z-index:3;background:#1a1a1a;border:1px solid #333;border-radius:8px;min-width:130px;display:none;position:absolute;top:38px;right:6px;overflow:hidden}.gallery-menu.open{display:block}.gallery-menu button{color:#e44;cursor:pointer;text-align:left;background:0 0;border:none;width:100%;padding:10px 14px;font-size:13px}.gallery-menu button:hover{background:#222}#gallery-image-modal{z-index:9999;cursor:pointer;background:#000000d9;justify-content:center;align-items:center;display:none;position:fixed;inset:0}#gallery-modal-img{cursor:default;border-radius:12px;max-width:90vw;max-height:90vh}.images-empty{text-align:center;color:#333;padding:60px 20px}.images-empty p{color:var(--text-muted);margin-top:16px;font-size:15px}#images-generating{color:var(--text-muted);justify-content:center;align-items:center;gap:12px;padding:40px;font-size:15px;display:flex}#images-result{text-align:center;padding:20px 0}#images-result img{border:1px solid var(--border);border-radius:12px;max-width:100%;max-height:60vh}.images-result-actions{justify-content:center;gap:10px;margin-top:16px;display:flex}.images-result-actions button{cursor:pointer;border:1px solid var(--border);color:var(--text);background:0 0;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:600;transition:opacity .15s}.images-result-actions button:first-child{color:#000;background:#fff;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))}}.generated-image{cursor:pointer;border-radius:12px;max-width:100%;margin-top:8px}#preview-toggle{z-index:350;cursor:pointer;color:#888;background:#111;border:1px solid #333;border-right:none;border-radius:8px 0 0 8px;justify-content:center;align-items:center;width:32px;height:56px;transition:color .2s,background .2s;display:none;position:fixed;top:50%;right:0;transform:translateY(-50%)}#preview-toggle:hover{color:#fff;background:#1a1a1a}#preview-toggle svg{width:16px;height:16px}#preview-overlay{z-index:400;pointer-events:none;background:#000;flex-direction:column;width:100%;height:100%;transition:transform .3s,width .3s;display:flex;position:fixed;top:0;right:0;transform:translate(100%)}#preview-overlay.open{pointer-events:auto;transform:translate(0)}body.editor-mode #preview-overlay{left:0;right:auto;transform:translate(-100%)}body.editor-mode #preview-overlay.open{transform:translate(0)}#preview-overlay.split{border-left:1px solid #333;width:50%;transform:translate(0)}#test-panel{z-index:900;background:#0a0a0a;border-left:1px solid #222;flex-direction:column;width:340px;display:flex;position:fixed;top:41px;bottom:0;right:0;overflow:hidden}.test-panel-header{border-bottom:1px solid #222;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.test-panel-header h4{color:#fff;margin:0;font-size:14px;font-weight:700}.test-panel-actions{align-items:center;gap:8px;display:flex}.test-run-all-btn{color:#000;cursor:pointer;background:#fff;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:opacity .15s;display:flex}.test-run-all-btn:hover{opacity:.85}.test-run-all-btn:disabled{opacity:.4;cursor:not-allowed}.test-run-all-btn.running{color:#888;background:#333}.test-panel-close{color:#666;cursor:pointer;background:0 0;border:none;padding:0;font-size:20px;line-height:1}.test-panel-close:hover{color:#fff}.test-panel-list{flex:1;padding:8px 0;overflow-y:auto}.test-check-item{border-bottom:1px solid #111;align-items:flex-start;gap:10px;padding:10px 16px;transition:background .15s;display:flex}.test-check-item:hover{background:#111}.test-check-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:1px;display:flex}.test-check-icon.pass{color:#4a4;background:#0a2a0a}.test-check-icon.fail{color:#a44;background:#2a0a0a}.test-check-icon.pending{color:#555;background:#1a1a1a}.test-check-icon.running{color:#aa4;background:#2a2a0a}.test-check-icon svg{width:12px;height:12px}.test-check-content{flex:1;min-width:0}.test-check-name{color:#ccc;font-size:13px;font-weight:600}.test-check-message{color:#666;word-break:break-word;margin-top:2px;font-size:11px}.test-check-duration{color:#444;margin-top:2px;font-size:10px}.test-check-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.test-check-run-btn{color:#555;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:4px;display:flex}.test-check-run-btn:hover{color:#fff;background:#ffffff1a}.test-check-delete-btn{color:#444;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:4px;display:flex}.test-check-delete-btn:hover{color:#f44;background:#ff44441a}.test-panel-footer{border-top:1px solid #222;padding:10px 16px}.test-add-btn{color:#888;cursor:pointer;background:#111;border:1px solid #222;border-radius:8px;width:100%;padding:8px;font-size:12px;transition:border-color .15s,color .15s}.test-add-btn:hover{color:#fff;border-color:#444}.test-summary-bar{color:#888;background:#0d0d0d;border-bottom:1px solid #222;align-items:center;gap:8px;padding:8px 16px;font-size:12px;display:flex}.test-summary-pass{color:#4a4}.test-summary-fail{color:#a44}.spin{animation:1s linear infinite spin}#live-edit-test-btn.active{color:#fff;background:#333}.live-edit-publish-btn{position:relative}.live-edit-publish-btn.has-changes{background:#333;color:#fff!important}.live-edit-publish-btn.has-changes:after{content:"";background:#fff;border-radius:50%;width:6px;height:6px;position:absolute;top:4px;right:4px}#versions-panel{z-index:600;background:#0a0a0a;border-left:1px solid #222;flex-direction:column;width:360px;max-height:calc(100vh - 40px);display:flex;position:fixed;top:40px;right:0}.versions-panel-header{border-bottom:1px solid #222;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.versions-panel-header h4{color:#fff;margin:0;font-size:14px;font-weight:700}.versions-panel-actions{align-items:center;gap:8px;display:flex}.versions-published-label{color:#555;font-size:11px}.versions-panel-close{color:#555;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:18px}.versions-panel-close:hover{color:#fff}.versions-panel-list{flex:1;padding:8px 0;overflow-y:auto}.version-item{border-bottom:1px solid #111;justify-content:space-between;align-items:center;padding:10px 16px;transition:background .15s;display:flex}.version-item:hover{background:#111}.version-current{background:#0d0d0d}.version-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.version-hash{color:#666;font-family:monospace;font-size:11px}.version-message{color:#ccc;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.version-date{color:#444;font-size:11px}.version-actions{flex-shrink:0;margin-left:12px}.version-badge{color:#555;border:1px solid #222;border-radius:4px;padding:2px 8px;font-size:11px}.version-rollback-btn{color:#888;cursor:pointer;background:#111;border:1px solid #333;border-radius:4px;padding:4px 10px;font-size:11px;transition:all .15s}.version-rollback-btn:hover{color:#fff;background:#222;border-color:#555}.publish-toast{color:#fff;z-index:9999;opacity:0;pointer-events:none;background:#222;border-radius:8px;padding:10px 20px;font-size:13px;transition:opacity .3s,transform .3s;position:fixed;bottom:80px;left:50%;transform:translate(-50%)translateY(10px)}.publish-toast-visible{opacity:1;transform:translate(-50%)translateY(0)}.publish-toast-error{color:#f88;background:#411}#live-edit-bar{z-index:500;background:#0a0a0a;border-bottom:1px solid #222;align-items:center;width:calc(100% - 60px);height:44px;padding:0;display:none;position:fixed;top:0;left:60px}#live-edit-bar.visible{display:flex}.live-edit-bar-title{color:#fff;white-space:nowrap;padding:0 16px;font-size:14px;font-weight:600}.live-edit-bar-tabs{flex:1;gap:0;height:100%;display:flex}.live-edit-bar-tab{color:#666;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;height:100%;padding:0 16px;font-size:13px;font-weight:500;transition:color .2s;display:flex}.live-edit-bar-tab.active{color:#fff;border-bottom-color:#fff}.live-edit-bar-tab:hover{color:#aaa}.live-edit-bar-actions{align-items:center;gap:4px;padding-right:8px;display:flex}.live-edit-bar-actions .preview-btn{padding:4px 10px;font-size:12px}.live-edit-bar-back{color:#888;cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-left:4px;display:flex}.live-edit-bar-back:hover{color:#fff}.live-edit-bar-close{color:#888;cursor:pointer;background:0 0;border:none;width:32px;height:32px;font-size:18px}.live-edit-bar-close:hover{color:#fff}#live-edit-bar #permissions-btn{border-color:#333;padding:4px 8px}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{width:100%;left:0}#preview-block-btn,#preview-layers-btn,#preview-props-btn,#preview-select-btn,#preview-region-btn,#preview-split-btn{display:none!important}#preview-toolbar{padding:8px 12px}#preview-toolbar .preview-title{min-width:0;font-size:12px;overflow:hidden}#preview-toolbar .preview-title span{text-overflow:ellipsis;white-space:nowrap;max-width:200px;display:block;overflow:hidden}.preview-btn-close{background:#1a1a1a;border-radius:10px;flex-shrink:0;width:40px;height:40px;font-size:22px}}#website-page{background:var(--bg);z-index:10;display:none;position:absolute;inset:0;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{margin-bottom:8px;font-size:28px;font-weight:800}.website-header p{color:#666;margin:0;font-size:14px}.website-grid{grid-template-columns:1fr;gap:12px;display:grid}.website-empty{text-align:center;color:#444;padding:40px 0}.website-empty svg{margin-bottom:12px}.website-empty p{font-size:13px}.website-new-btn{color:#000;cursor:pointer;background:#fff;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:opacity .15s;display:inline-flex}.website-new-btn:hover{opacity:.85}.website-new-btn svg{width:14px;height:14px}.website-card{border:1px solid var(--border);cursor:pointer;background:#111;border-radius:14px;align-items:center;gap:16px;width:100%;padding:16px;transition:border-color .2s,background .2s;display:flex}.website-card:hover{background:#1a1a1a;border-color:#444}.website-card:active{transform:scale(.98)}.website-card-icon{background:#222;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.website-card-icon svg{color:#888;width:22px;height:22px}.website-card-name{color:#fff;font-size:15px;font-weight:600}.website-card-type{color:#555;margin-top:2px;font-size:12px}.website-project-card{position:relative}.website-project-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.website-status{color:#666;white-space:nowrap;background:#1a1a1a;border-radius:999px;padding:2px 8px;font-size:11px}.website-status-running{color:#4a4;background:#0a2a0a}.website-status-creating,.website-status-building,.website-status-starting{color:#aa4;background:#2a2a0a}.website-status-error{color:#a44;background:#2a0a0a}.website-status-stopped{color:#666;background:#1a1a1a}.website-delete-btn{color:#555;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:4px;display:flex}.website-delete-btn:hover{color:#f44;background:#ff44441a}.website-project-card-wrap{flex-direction:column;display:flex}.website-error-msg{color:#c44;background:#c8323214;border:1px solid #c8323226;border-top:none;border-radius:0 0 10px 10px;margin-top:-2px;padding:6px 12px;font-size:12px}.website-retry-btn{color:#888;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:4px;display:flex}.website-retry-btn:hover{color:#fff;background:#ffffff1a}.website-settings-btn{color:#555;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:4px;display:flex}.website-settings-btn:hover{color:#fff;background:#ffffff1a}.website-type-grid{grid-template-columns:1fr;gap:8px;display:grid}.website-type-card{cursor:pointer;text-align:left;color:#fff;background:#111;border:1px solid #222;border-radius:12px;align-items:center;gap:12px;width:100%;padding:14px 16px;transition:border-color .15s,background .15s;display:flex}.website-type-card:hover{background:#1a1a1a;border-color:#444}.website-type-card.selected{background:#1a1a1a;border-color:#fff}.website-type-icon{background:#222;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.website-type-icon svg{color:#888;width:20px;height:20px}.website-type-name{font-size:14px;font-weight:600}.website-type-desc{color:#666;margin-top:1px;font-size:12px}#website-type-modal{z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}#website-type-modal .modal-content{background:#0a0a0a;border:1px solid #222;border-radius:16px;width:100%;overflow:hidden}#website-type-modal .modal-header{border-bottom:1px solid #222;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}#website-type-modal .modal-header h3{margin:0;font-size:16px;font-weight:700}#website-type-modal .modal-close{color:#666;cursor:pointer;background:0 0;border:none;padding:0;font-size:24px;line-height:1}#website-type-modal .modal-close:hover{color:#fff}.rules-mode-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.rules-mode-card{cursor:pointer;text-align:left;color:#fff;background:#111;border:1px solid #222;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;transition:border-color .15s,background .15s;display:flex}.rules-mode-card:hover{background:#1a1a1a;border-color:#444}.rules-mode-card.selected{background:#1a1a1a;border-color:#fff}.rules-mode-icon{background:#222;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.rules-mode-icon svg{color:#888;width:16px;height:16px}.rules-mode-name{align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.rules-mode-desc{color:#666;margin-top:1px;font-size:11px}.rules-info-btn,.tc-rules-info-btn{color:#555;cursor:pointer;background:0 0;border:none;border-radius:50%;align-items:center;padding:2px;transition:color .15s;display:inline-flex}.rules-info-btn:hover,.tc-rules-info-btn:hover{color:#fff}.rules-preview-panel,.tc-rules-preview{background:#111;border:1px solid #222;border-radius:8px;max-height:200px;margin-top:10px;padding:12px 14px;overflow-y:auto}.rules-preview-heading{color:#ccc;margin-bottom:6px;font-size:13px;font-weight:700}.rules-preview-subheading{color:#999;margin-top:8px;margin-bottom:4px;font-size:12px;font-weight:600}.rules-preview-rule{color:#888;padding:2px 0 2px 12px;font-size:12px;position:relative}.rules-preview-rule:before{content:"";background:#444;border-radius:50%;width:4px;height:4px;position:absolute;top:8px;left:0}.rules-preview-text{color:#666;padding:1px 0;font-size:12px}.tc-rules-preview-cat{margin-bottom:10px}.tc-rules-preview-cat:last-child{margin-bottom:0}.tc-rules-preview-cat-name{color:#999;margin-bottom:4px;font-size:12px;font-weight:600}.tc-rules-preview-rule{color:#888;padding:2px 0 2px 12px;font-size:12px;position:relative}.tc-rules-preview-rule:before{content:"";background:#444;border-radius:50%;width:4px;height:4px;position:absolute;top:8px;left:0}.tc-rules-option-name{align-items:center;gap:6px;display:flex}#website-settings-modal{z-index:1001;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}#website-settings-modal .modal-content{background:#0a0a0a;border:1px solid #222;border-radius:16px;width:100%;max-width:520px;overflow:hidden}.settings-rules-preview{color:#888;white-space:pre-wrap;background:#111;border:1px solid #222;border-radius:8px;max-height:120px;margin-top:8px;padding:10px 12px;font-size:12px;line-height:1.5;overflow-y:auto}.btn-secondary{color:#fff;cursor:pointer;background:#222;border:1px solid #333;border-radius:8px;padding:8px 16px;font-size:13px}.btn-secondary:hover{background:#333}.btn-primary{color:#000;cursor:pointer;background:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600}.btn-primary:hover{opacity:.85}.btn-primary:disabled{opacity:.3;cursor:not-allowed}#layers-panel{z-index:20;pointer-events:none;background:#0a0a0a;border-left:1px solid #222;flex-direction:column;width:260px;height:100%;transition:transform .2s;display:flex;position:absolute;top:0;right:0;transform:translate(100%)}#layers-panel.open{pointer-events:auto;transform:translate(0)}.layers-header{border-bottom:1px solid #222;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.layers-title{color:#888;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:700}.layers-close{color:#555;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:4px;display:flex}.layers-close:hover{color:#fff}.layers-list{flex:1;padding:4px 0;overflow-y:auto}.layers-item{cursor:pointer;color:#999;-webkit-user-select:none;user-select:none;border-left:3px solid #0000;align-items:center;gap:4px;padding:6px 12px;font-size:12px;transition:background .1s;display:flex}.layers-item:hover{color:#ccc;background:#111}.layers-item.active{color:#fff;background:#151515;border-left-color:#fff}.layers-toggle{color:#555;cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;padding:0;transition:transform .15s;display:flex}.layers-toggle svg{width:10px;height:10px}.layers-toggle.open{transform:rotate(90deg)}.layers-toggle:hover{color:#ccc}.layers-toggle-spacer{flex-shrink:0;width:16px}.layers-item-icon{width:18px;height:18px;color:inherit;opacity:.5;flex-shrink:0;justify-content:center;align-items:center;display:flex}.layers-item-icon svg{width:12px;height:12px}.layers-item-label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.layers-item-type{color:#444;text-transform:uppercase;letter-spacing:.3px;flex-shrink:0;font-size:9px}.layers-item.is-block{border-left-color:#ffffff26}.layers-item.is-block.active{border-left-color:#fff}.layers-header-actions{align-items:center;gap:2px;display:flex}.layers-header-btn{color:#555;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.layers-header-btn:hover{color:#fff;background:#1a1a1a}.layers-header-btn svg{width:13px;height:13px}.layers-item{position:relative}.layers-indent-guide{pointer-events:none;background:#1a1a1a;width:1px;height:100%;position:absolute;top:0}.layers-item:hover .layers-indent-guide{background:#2a2a2a}.layers-visibility-btn{color:#0000;cursor:pointer;background:0 0;border:none;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;padding:2px;transition:color .1s;display:flex}.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{-webkit-text-decoration:line-through #444;text-decoration:line-through #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{outline-offset:-1px;background:#ffffff0f;border-radius:4px;outline:1px dashed #ffffff40}.layers-item-drag{cursor:grab;color:#333;flex-shrink:0;padding:2px;display:flex}.layers-item-drag:hover{color:#666}.layers-item-drag svg{width:12px;height:12px}.layers-context-menu{z-index:100;background:#111;border:1px solid #333;border-radius:8px;min-width:160px;padding:4px;position:absolute;box-shadow:0 8px 24px #00000080}.layers-context-menu button{color:#ccc;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:5px;align-items:center;gap:8px;width:100%;padding:7px 10px;font-size:12px;display:flex}.layers-context-menu button:hover{color:#fff;background:#1a1a1a}.layers-context-menu button svg{flex-shrink:0;width:14px;height:14px}.layers-ctx-separator{background:#222;height:1px;margin:3px 6px}.layers-ctx-danger{color:#c44!important}.layers-ctx-danger:hover{color:#f66!important;background:#1a1212!important}.layers-separator{background:#1a1a1a;height:1px;margin:4px 12px}.layers-empty{text-align:center;color:#444;padding:20px 12px;font-size:12px}#properties-panel{z-index:20;pointer-events:none;background:#0a0a0a;border-right:1px solid #222;flex-direction:column;width:280px;height:100%;transition:transform .2s;display:flex;position:absolute;top:0;left:0;transform:translate(-100%)}#properties-panel.open{pointer-events:auto;transform:translate(0)}.props-header{border-bottom:1px solid #222;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.props-title{color:#888;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:700}.props-close{color:#555;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:4px;display:flex}.props-close:hover{color:#fff}.props-content{flex:1;padding:0;overflow-y:auto}.props-empty{text-align:center;color:#444;padding:20px 12px;font-size:12px}.props-section{border-bottom:1px solid #1a1a1a;padding:10px 12px}.props-section-title{color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:10px;font-weight:700}.props-row{align-items:center;gap:6px;margin-bottom:5px;display:flex}.props-label{color:#777;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;width:80px;font-size:11px;overflow:hidden}.props-input{color:#ccc;background:#111;border:1px solid #222;border-radius:4px;outline:none;flex:1;min-width:0;padding:4px 6px;font-family:SF Mono,Menlo,monospace;font-size:11px}.props-input:focus{color:#fff;border-color:#444}.props-select{color:#ccc;background:#111;border:1px solid #222;border-radius:4px;outline:none;flex:1;min-width:0;padding:4px;font-size:11px}.props-select:focus{border-color:#444}.props-tag{color:#888;background:#111;border:1px solid #222;border-radius:4px;padding:3px 8px;font-family:SF Mono,Menlo,monospace;font-size:12px}.props-classes{flex-wrap:wrap;flex:1;gap:4px;min-width:0;display:flex}.props-class-tag{color:#aaa;background:#1a1a1a;border:1px solid #222;border-radius:3px;align-items:center;gap:2px;padding:2px 6px;font-family:SF Mono,Menlo,monospace;font-size:10px;display:inline-flex}.props-class-remove{color:#555;cursor:pointer;background:0 0;border:none;padding:0 1px;font-size:12px;line-height:1}.props-class-remove:hover{color:#fff}.props-class-add{color:#666;background:0 0;border:1px dashed #333;border-radius:3px;outline:none;width:60px;padding:2px 6px;font-family:SF Mono,Menlo,monospace;font-size:10px}.props-class-add:focus{color:#ccc;border-color:#555}.props-row-4{flex-wrap:wrap}.props-4-grid{flex:1;grid-template-columns:1fr 1fr 1fr 1fr;gap:3px;display:grid}.props-input-sm{color:#ccc;text-align:center;background:#111;border:1px solid #222;border-radius:3px;outline:none;min-width:0;padding:3px 4px;font-family:SF Mono,Menlo,monospace;font-size:10px}.props-input-sm:focus{color:#fff;border-color:#444}.props-row-dual{align-items:center;gap:6px;display:flex}.props-row-dual .props-label{width:auto;min-width:30px}.props-row-dual .props-input-sm{flex:1}.props-color-wrap{flex:1;align-items:center;gap:4px;min-width:0;display:flex}.props-color-picker{cursor:pointer;background:0 0;border:1px solid #333;border-radius:4px;flex-shrink:0;width:24px;height:24px;padding: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{z-index:10;border-left:none;border-right:1px solid #333;width:calc(65% - 60px);height:calc(100% - 44px);top:44px;left:60px;right:auto;transform:none}body.editor-mode #header{z-index:10;border-bottom:1px solid #333;width:35%;position:fixed;top:44px;right:0}body.editor-mode #menu-btn,body.editor-mode #header-project{display:none}body.editor-mode #messages-container{width:35%;height:calc(100% - 152px);margin:0;position:fixed;top:92px;right:0;overflow-y:auto}body.editor-mode #input-area{z-index:10;width:35%;position:fixed;bottom:0;right:0}body.editor-mode .live-edit-bar-tabs{display:none}body.editor-mode #status-bar{z-index:10;width:35%;position:fixed;right:0}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{height:calc(100% - 44px);top: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{background:#0a0a0a;border-bottom:1px solid #222;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}#preview-toolbar .preview-title{color:#fff;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}#preview-page-select,#live-edit-page-select{color:#fff;cursor:pointer;appearance:none;background:#1a1a1a 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") right 6px center no-repeat;border:1px solid #333;border-radius:6px;outline:none;padding:3px 22px 3px 8px;font-size:12px;font-weight:500}#preview-page-select:hover,#live-edit-page-select:hover{border-color:#555}#preview-page-select option,#live-edit-page-select option{color:#fff;background:#1a1a1a}#preview-streaming{background:#fff;border-radius:50%;width:8px;height:8px;animation:1s ease-in-out infinite preview-pulse;display:none}#preview-streaming.active{display:block}@keyframes preview-pulse{0%,to{opacity:.3}50%{opacity:1}}#preview-toolbar .preview-actions{align-items:center;gap:8px;display:flex}.preview-btn{color:#fff;cursor:pointer;background:0 0;border:1px solid #333;border-radius:8px;padding:6px 14px;font-size:13px;font-weight:500}.preview-btn.active{color:#000;background:#fff;border-color:#fff}.preview-btn-close{color:#fff;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;display:flex}#preview-frame-container{background:#fff;flex:1;position:relative;overflow:hidden}#preview-frame{background:#fff;border:none;width:100%;height:100%}#preview-feedback{padding:12px 10px;padding-bottom:calc(28px + var(--safe-bottom));background:#000;flex-shrink:0}body.editor-mode #preview-feedback{display:none}body.editor-mode #preview-feedback.has-selection{display:block}#preview-feedback .feedback-element-info{color:#888;margin-bottom:8px;padding:0 4px;font-family:SF Mono,Fira Code,monospace;font-size:12px;display:none}#preview-feedback .feedback-element-info.has-selection{display:block}.preview-select-hint{color:#fff;pointer-events:none;background:#000c;border-radius:20px;padding:8px 16px;font-size:13px;transition:opacity .3s;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.preview-code-btn{color:#fff;cursor:pointer;background:#1a1a1a;border:1px solid #333;border-radius:6px;align-items:center;gap:4px;margin-top:6px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.preview-code-btn:hover{background:#2a2a2a;border-color:#555}.preview-code-btn svg{width:14px;height:14px}.prototype-chip{color:#aaa;cursor:pointer;-webkit-user-select:none;user-select:none;background:#111;border:1px solid #2a2a2a;border-radius:20px;align-items:center;gap:6px;margin-top:8px;padding:5px 12px;font-size:12px;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.prototype-chip:hover{color:#fff;background:#1a1a1a;border-color:#444}.prototype-chip.loading{opacity:.6;pointer-events:none}.prototype-chip.saved{color:#ccc;border-color:#3a3a3a}.prototype-chip.saved .prototype-chip-label{font-family:monospace;font-size:11px}.prototype-chip svg{color:#666;flex-shrink:0}.prototype-chip:hover svg{color:#aaa}#permission-modal{z-index:99999;background:#000000d9;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:none;position:fixed;top:0;left:0}#permission-modal.open{display:flex}.permission-box{background:var(--bg-secondary);border:1px solid #333;border-radius:16px;width:100%;max-width:420px;padding:20px}.permission-box h3{color:#fff;margin-bottom:12px;font-size:16px}.permission-tool{color:var(--text);margin-bottom:8px;font-size:14px;font-weight:600}.permission-detail{color:#ccc;white-space:pre-wrap;word-break:break-all;background:#111;border-radius:8px;max-height:200px;margin-bottom:16px;padding:10px;font-family:SF Mono,Fira Code,monospace;font-size:13px;overflow-y:auto}.permission-buttons{gap:10px;display:flex}.permission-buttons button{cursor:pointer;border:none;border-radius:10px;flex:1;padding:12px;font-size:15px;font-weight:600}.btn-deny{color:#fff;background:#000;border:1px solid #333}.btn-allow{color:#000;background:#fff;border:1px solid #333}.permission-session-buttons{margin-top:8px}.btn-session{color:#999;background:#1a1a1a;border:1px solid #333;padding:10px;font-size:13px}.greeting-msg.message.assistant{background:0 0;border-radius:0;justify-content:center;align-items:center;width:100%;max-width:100%;min-height:50vh;padding:0;display:flex}.greeting-card{box-sizing:border-box;text-align:center;border:1px solid var(--border);background:#0a0a0a;border-radius:24px;width:100%;max-width:480px;margin:0 auto;padding:40px 20px}.greeting-card .greeting-hello{color:var(--text);letter-spacing:-.5px;margin-bottom:28px;font-size:44px;font-weight:800}.greeting-card .greeting-project-name{color:var(--text);letter-spacing:.3px;margin-bottom:10px;font-size:20px;font-weight:700}.greeting-card .greeting-project-hero{letter-spacing:-.5px;margin-bottom:12px;font-size:44px;font-weight:800}.greeting-card .greeting-desc{color:#888;margin-bottom:20px;font-size:14px;line-height:1.6}.greeting-card .greeting-tech{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:24px;display:flex}.greeting-card .greeting-tech span{color:#888;border:1px solid var(--border);background:#111;border-radius:20px;padding:5px 12px;font-size:12px;font-weight:500}.greeting-card .greeting-divider{background:var(--border);height:1px;margin:20px 0}.greeting-card .greeting-stats{color:#666;margin-bottom:6px;font-size:14px}.greeting-card .greeting-recent{color:#555;font-size:13px}.greeting-card .greeting-recent em{color:#777;font-style:normal}.greeting-toolbar-guide{text-align:left;border-top:1px solid #ffffff0f;margin-top:20px;padding-top:16px}.greeting-toolbar-title{color:#555;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:11px;font-weight:600}.greeting-toolbar-items{flex-direction:column;gap:8px;display:flex}.greeting-toolbar-item{align-items:flex-start;gap:10px;display:flex}.greeting-tb-icon{color:#666;background:#ffffff0d;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.greeting-tb-text{color:#666;font-size:12px;line-height:1.5}.greeting-tb-text strong{color:#999;font-weight:600}.greeting-card .greeting-hint{color:#444;letter-spacing:.2px;margin-top:20px;font-size:12px}.greeting-card .greeting-conversations{text-align:left;margin-top:8px}.greeting-card .greeting-conversations .conv-list-title{color:#555;text-transform:uppercase;letter-spacing:1px;text-align:center;margin-bottom:8px;font-size:11px;font-weight:600}.greeting-card .greeting-conversations .conv-item{border:1px solid var(--border);cursor:pointer;background:#111;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:6px;padding:10px 14px;transition:background .15s,border-color .15s;display:flex}.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{color:var(--text);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:13px;font-weight:500;overflow:hidden}.greeting-card .greeting-conversations .conv-item .conv-meta{color:#555;white-space:nowrap;margin-left:12px;font-size:11px}.greeting-card .greeting-continue{text-align:left;margin-top:24px}.greeting-card .greeting-continue .quick-nav-title{text-align:center;margin-bottom:10px}.greeting-card .continue-btn{border:1px solid var(--border);cursor:pointer;background:#111;border-radius:14px;align-items:center;gap:12px;padding:14px 16px;transition:background .15s,border-color .15s;display:flex}.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{color:var(--text);white-space:nowrap;text-overflow:ellipsis;margin-bottom:3px;font-size:13px;font-weight:600;overflow:hidden}.greeting-card .continue-meta{color:#555;font-size:10px}.greeting-card .continue-arrow{color:#444;flex-shrink:0;font-size:18px}.greeting-card .greeting-quick-nav{text-align:left;margin-top:24px}.greeting-card .quick-nav-header{justify-content:center;align-items:center;gap:8px;margin-bottom:12px;display:flex}.greeting-card .quick-nav-title{color:#555;text-transform:uppercase;letter-spacing:1px;font-size:11px;font-weight:600}.greeting-card .quick-nav-edit-btn{color:#555;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;padding:4px 6px;transition:color .15s,border-color .15s;display:flex}.greeting-card .quick-nav-edit-btn:hover,.greeting-card .quick-nav-edit-btn.active{color:#fff;border-color:#444}.greeting-card .quick-nav-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.greeting-card .quick-nav-btn{border:1px solid var(--border);cursor:pointer;text-align:left;background:#111;border-radius:14px;align-items:center;gap:12px;padding:14px 16px;transition:background .15s,border-color .15s,transform .1s;display:flex;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{background:#1a1a1a;border-color:#666}.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{object-fit:cover;border-radius:10px;width:36px;height:36px}.greeting-card .quick-nav-icon-placeholder{color:#666;background:#222;border:1px solid #333;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;font-weight:700;display:flex}.greeting-card .quick-nav-icon-upload{cursor:pointer}.greeting-card .quick-nav-icon-overlay{opacity:0;color:#fff;background:#0009;border-radius:10px;justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:absolute;inset:0}.greeting-card .quick-nav-icon-upload:hover .quick-nav-icon-overlay{opacity:1}.greeting-card .quick-nav-text{flex:1;min-width:0}.greeting-card .quick-nav-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:13px;font-weight:600;overflow:hidden}.greeting-card .quick-nav-path{color:#555;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.greeting-card .quick-nav-delete-btn{color:#aaa;cursor:pointer;background:#333;border:1px solid #555;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:14px;line-height:1;transition:background .15s,color .15s;display:flex;position:absolute;top:-6px;right:-6px}.greeting-card .quick-nav-delete-btn:hover{color:#fff;background:#555}.greeting-card .quick-nav-edit-panel{margin-top:10px}.greeting-card .quick-nav-select{color:#888;cursor:pointer;appearance:none;background:#111;border:1px dashed #444;border-radius:10px;width:100%;padding:8px 12px;font-size:12px}.greeting-card .quick-nav-select:hover{color:#bbb;border-color:#666}.greeting-card .quick-nav-empty{text-align:center;color:#444;padding:16px 0;font-size:12px}@media (min-width:769px){#header-title{flex:1;display:none}}#mobile-tab-bar{display:none}@media (max-width:768px){#mobile-tab-bar{top:var(--mobile-header-height,48px);z-index:99;border-bottom:1px solid #ffffff14;flex-direction:column;display:flex;position:absolute;left:0;right:0;box-shadow:inset 0 1px #ffffff0a,0 1px #0000004d;-webkit-backdrop-filter:blur(32px)saturate(160%)!important;backdrop-filter:blur(32px)saturate(160%)!important;background:#0c0c0c8c!important}#mobile-tab-bar:empty{display:none}.page-active #mobile-tab-bar{display:none!important}.mtb-project{border-bottom:1px solid var(--border);align-items:center;gap:0;min-height:40px;display:flex}.mtb-project:last-child{border-bottom:none}.mtb-project-name{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;-webkit-user-select:none;user-select:none;touch-action:manipulation;flex-shrink:0;padding:0 12px;font-size:11px;font-weight:700}.mtb-project.active .mtb-project-name{color:var(--text)}.mtb-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1;min-width:0;display:flex;overflow-x:auto}.mtb-tabs::-webkit-scrollbar{display:none}.mtb-tab{cursor:pointer;color:var(--text-muted);white-space:nowrap;border-right:1px solid var(--border);-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;flex-shrink:0;align-items:center;gap:5px;padding:8px 12px;font-size:12px;display:flex}.mtb-tab:active{opacity:.6}.mtb-tab:last-child{border-right:none}.mtb-tab.active{color:var(--text);background:var(--bg)}.mtb-tab-title{text-overflow:ellipsis;max-width:120px;overflow:hidden}.mtb-tab-close{opacity:.3;cursor:pointer;font-size:14px;line-height:1}.mtb-tab-close:hover{opacity:1;color:var(--text)}.mtb-add{cursor:pointer;width:36px;color:var(--text-muted);opacity:.5;border-left:1px solid var(--border);touch-action:manipulation;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex}.mtb-add:hover{opacity:1;background:var(--input-bg)}.mtb-tab .spt-streaming-dot{flex-shrink:0}#header-title{flex:1}#project-panel{display:none}#sidebar{z-index:300;width:0;min-width:0;height:100%;position:fixed;top:0;left:0}#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{background:var(--bg);z-index:50;width:100%;height:100%;display:none;position:absolute;top:0;left:0}#email-panel.open{display:flex}#email-panel-inner{width:100%;height:100%;display:flex;overflow:hidden}#email-sidebar{border-right:1px solid var(--border);background:var(--bg-secondary);flex-direction:column;width:320px;min-width:280px;display:flex}#email-list{flex:1;overflow-y:auto}#email-tabs{border-bottom:1px solid var(--border);background:var(--bg-secondary);display:flex}.email-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 12px;font-size:13px;font-weight:500;display:inline-flex}.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;text-align:center;border-radius:10px;min-width:16px;padding:1px 6px;font-size:10px;font-weight:700}.briiidge-type{text-transform:uppercase;letter-spacing:.5px;vertical-align:middle;border-radius:4px;margin-right:6px;padding:2px 6px;font-size:10px;font-weight:600;display:inline-block}.briiidge-type.signup{color:#7acc95;background:#64c88226}.briiidge-type.contact{color:#8fb0e8;background:#78a0e626}.briiidge-detail-meta{color:var(--text-muted);grid-template-columns:max-content 1fr;gap:4px 12px;margin-top:8px;font-size:13px;display:grid}.briiidge-detail-meta strong{color:var(--text)}#email-main{flex-direction:column;flex:1;display:flex;overflow:hidden}#email-content{flex:1;overflow-y:auto}.email-empty{height:100%;color:var(--text-muted);justify-content:center;align-items:center;font-size:14px;display:flex}.email-header-btn{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:8px;padding:6px 10px;font-size:14px}.email-header-btn:hover{background:var(--bg)}.email-loading{text-align:center;color:var(--text-muted);padding:32px}.email-item.active{background:var(--bg)}.email-item{border-bottom:1px solid var(--border);cursor:pointer;padding:12px 16px}.email-item:hover{background:var(--bg)}.email-item.unread{border-left:3px solid var(--accent)}.email-item-top{justify-content:space-between;align-items:center;display:flex}.email-from{font-size:14px;font-weight:600}.email-date{color:var(--text-muted);font-size:11px}.email-subject{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:13px;overflow:hidden}.email-snippet{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;opacity:.6;margin-top:4px;font-size:12px;overflow:hidden}.email-detail-top{border-bottom:1px solid var(--border);padding:8px 16px;display:none}.email-back-mobile{color:var(--text);cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:14px}@media (max-width:768px){.email-detail-top{display:block}}.email-detail-header{border-bottom:1px solid var(--border);padding:16px}.email-detail-subject{margin-bottom:8px;font-size:16px;font-weight:600}.email-detail-meta{color:var(--text-muted);justify-content:space-between;font-size:13px;display:flex}.email-detail-to{color:var(--text-muted);margin-top:4px;font-size:12px}.email-detail-body{word-break:break-word;color:#fff;padding:16px;font-size:14px;line-height:1.6}.email-detail-body pre{white-space:pre-wrap;color:#fff;font-family:inherit}.email-detail-body *{color:#fff!important}.email-detail-body img{max-width:100%}.email-draft{background:var(--bg);border-top:1px solid var(--border);padding:16px}.email-draft-header{justify-content:space-between;align-items:center;margin-bottom:8px;font-size:14px;font-weight:600;display:flex}.email-draft textarea{background:var(--input-bg);border:1px solid var(--border);width:100%;min-height:100px;color:var(--text);resize:vertical;border-radius:8px;padding:12px;font-family:inherit;font-size:14px}.email-draft-actions{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.btn-ai-draft{color:#000;cursor:pointer;background:#fff;border:none;border-radius:0;padding:6px 14px;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;cursor:pointer;border:none;border-radius:8px;padding:8px 20px;font-size:14px;font-weight:600}.btn-email-send:hover{opacity:.9}.email-compose{flex-direction:column;gap:8px;padding:16px;display:flex}.email-compose input,.email-compose textarea{background:var(--input-bg);border:1px solid var(--border);width:100%;color:var(--text);border-radius:8px;padding:10px 12px;font-family:inherit;font-size:14px}.email-compose textarea{resize:vertical;min-height:200px}.email-badge{color:#fff;background:#f44;border-radius:10px;margin-left:auto;padding:1px 6px;font-size:11px;font-weight:600}.btn-email-dismiss{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:0;padding:8px 16px;font-size:13px}.btn-email-dismiss:hover{color:var(--text);border-color:var(--text-muted)}#email-toasts{z-index:999;pointer-events:none;flex-direction:column-reverse;gap:10px;max-width:380px;display:flex;position:fixed;bottom:20px;right:20px}.email-toast{pointer-events:all;opacity:0;background:#111;border:1px solid #333;width:360px;padding:14px 16px;transition:all .3s;transform:translate(100%)}.email-toast.show{opacity:1;transform:translate(0)}.email-toast.reminder{border-left:3px solid #f80}.email-toast:not(.reminder){border-left:3px solid #fff}.email-toast-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.email-toast-label{text-transform:uppercase;letter-spacing:.5px;color:#888;font-size:11px;font-weight:600}.email-toast.reminder .email-toast-label{color:#f80}.email-toast-close{color:#666;cursor:pointer;background:0 0;border:none;padding:0;font-size:18px;line-height:1}.email-toast-close:hover{color:#fff}.email-toast-from{color:#fff;margin-bottom:2px;font-size:14px;font-weight:600}.email-toast-subject{color:#ccc;white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:13px;overflow:hidden}.email-toast-snippet{color:#666;white-space:nowrap;text-overflow:ellipsis;margin-bottom:10px;font-size:12px;overflow:hidden}.email-toast-actions{gap:8px;display:flex}.email-toast-actions button{cursor:pointer;color:#000;background:#fff;border:none;flex:1;padding:8px;font-size:13px;font-weight:600}.email-toast-actions button:hover{opacity:.9}.email-toast-actions button.dismiss{color:#888;background:0 0;border:1px solid #333}.email-toast-actions button.dismiss:hover{color:#fff;border-color:#666}@media (max-width:500px){#email-toasts{max-width:none;left:10px;right:10px}.email-toast{width:auto}}@media (max-width:768px){#email-panel-inner{flex-direction:column}#email-sidebar{border-right:none;border-bottom:1px solid var(--border);flex:1;width:100%;min-width:0;min-height:0}#email-panel.open.email-detail-open #email-sidebar,#email-panel.open:not(.email-detail-open) #email-main{display:none}#email-panel.open.email-detail-open #email-main{flex-direction:column;height:100%;min-height:0;display:flex}}.code-block-wrapper{position:relative}.code-copy-btn{color:#888;cursor:pointer;opacity:0;background:#ffffff1a;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px 6px;transition:opacity .15s;display:flex;position:absolute;top:8px;right:8px}.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{background:var(--bg);z-index:10;display:none;position:absolute;inset:0;overflow:hidden}#video-page.open{flex-direction:column;display:flex}.video-projects-header{text-align:center;padding:40px 20px 16px}.video-projects-header svg{margin-bottom:8px}.video-projects-header h2{color:var(--text);margin-bottom:4px;font-size:20px}.video-projects-header p{color:var(--text-muted);font-size:13px}.video-projects-actions{justify-content:center;padding:0 20px 16px;display:flex}.video-new-project-btn{background:var(--bg-secondary);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:10px 20px;font-family:inherit;font-size:14px;display:flex}.video-new-project-btn:hover{border-color:#555}.video-projects-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;padding:0 20px 20px;display:grid;overflow-y:auto}#video-projects-empty{text-align:center;color:var(--text-muted);padding:60px 20px}#video-projects-empty svg{margin-bottom:12px}.video-project-card{background:var(--bg-secondary);border:1px solid var(--border);cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:12px;transition:border-color .15s;display:flex}.video-project-card:hover{border-color:#555}.video-project-card-preview{background:#111;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:48px;display:flex}.video-project-card-info{flex:1;min-width:0}.video-project-card-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.video-project-card-meta{color:var(--text-muted);margin-top:2px;font-size:12px}.video-project-card-delete{color:#555;cursor:pointer;opacity:0;background:0 0;border:none;border-radius:4px;padding:4px;transition:opacity .15s}.video-project-card:hover .video-project-card-delete{opacity:1}.video-project-card-delete:hover{color:#f44}#video-editor-view{-webkit-user-select:none;user-select:none;flex-direction:column;height:100%;display:flex;overflow:hidden}#video-editor-view input,#video-editor-view textarea,#video-editor-view [contenteditable=true]{-webkit-user-select:text;user-select:text}.video-toolbar{border-bottom:1px solid var(--border);background:var(--bg-secondary);align-items:center;gap:12px;padding:8px 16px;display:flex}.video-toolbar-left{flex:1;align-items:center;gap:8px;display:flex}.video-toolbar-center{align-items:center;gap:10px;display:flex}.video-toolbar-right{flex:1;justify-content:flex-end;align-items:center;gap:8px;display:flex}.video-project-title{color:var(--text);font-size:14px;font-weight:500}.video-transport-btn{cursor:pointer;background:#333;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.video-transport-btn:hover{background:#444}.video-time-display{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:13px}.video-btn{background:var(--bg-secondary);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:6px;padding:6px 12px;font-family:inherit;font-size:12px}.video-btn:hover{border-color:#555}.video-btn-primary{color:#000;background:#fff;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{text-transform:uppercase;letter-spacing:.06em;color:#666;margin:16px 0 8px;font-size:11px;font-weight:600}.vexp-field{margin-bottom:14px;position:relative}.vexp-label{color:#aaa;margin-bottom:5px;font-size:12px;display:block}.vexp-input{box-sizing:border-box;color:#fff;background:#111;border:1px solid #333;border-radius:6px;width:100%;padding:7px 10px;font-family:inherit;font-size:13px}.vexp-input:focus{border-color:#555;outline:none}.vexp-suffix{color:#555;pointer-events:none;font-size:13px;position:absolute;bottom:8px;right:10px}.vexp-select{box-sizing:border-box;color:#fff;cursor:pointer;background:#111;border:1px solid #333;border-radius:6px;width:100%;padding:7px 10px;font-family:inherit;font-size:13px}.vexp-select:focus{border-color:#555;outline:none}.vexp-slider{accent-color:#fff;cursor:pointer;width:100%}.vexp-slider-hints{color:#555;justify-content:space-between;margin-top:4px;font-size:11px;display:flex}.vexp-toggle-row{gap:6px;display:flex}.vexp-toggle{color:#888;cursor:pointer;background:#111;border:1px solid #333;border-radius:6px;flex:1;padding:6px 10px;font-family:inherit;font-size:12px;transition:all .1s}.vexp-toggle.active{color:#000;background:#fff;border-color:#fff;font-weight:500}.vexp-btn-cancel{color:#aaa;cursor:pointer;background:0 0;border:1px solid #333;border-radius:8px;flex:1;padding:9px 16px;font-family:inherit;font-size:13px}.vexp-btn-cancel:hover{color:#fff;border-color:#555}.vexp-btn-export{color:#000;cursor:pointer;background:#fff;border:none;border-radius:8px;flex:2;padding:9px 16px;font-family:inherit;font-size:13px;font-weight:600}.vexp-btn-export:hover{background:#ddd}.vexp-checkbox-label{color:#aaa;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:12px;display:flex}.vexp-checkbox-label input[type=checkbox]{accent-color:#fff;cursor:pointer}#video-render-overlay{z-index:10000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.vrender-box{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:16px;width:360px;padding:28px 32px}.vrender-title{color:#fff;margin-bottom:4px;font-size:15px;font-weight:600}.vrender-filename{color:#555;white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:12px;overflow:hidden}.vrender-phase{color:#444;min-height:14px;margin-bottom:18px;font-size:11px}.vrender-progress-track{background:#222;border-radius:2px;height:3px;margin-bottom:10px;overflow:hidden}.vrender-progress-fill{background:#fff;border-radius:2px;width:0%;height:100%;transition:width .8s linear}.vrender-stats{color:#555;justify-content:space-between;margin-bottom:22px;font-size:12px;display:flex}.vrender-cancel-btn{color:#666;cursor:pointer;background:0 0;border:1px solid #2a2a2a;border-radius:8px;width:100%;padding:8px;font-family:inherit;font-size:13px}.vrender-cancel-btn:hover{color:#aaa;border-color:#444}.video-agent-indicator{border-radius:50%;width:8px;height:8px;display:inline-block}.video-agent-indicator.connected{background:#4a4}.video-agent-indicator.disconnected{background:#555}.video-main{flex:1;min-height:0;display:flex;overflow:hidden}.video-effects-panel{border-right:1px solid var(--border);background:var(--bg);flex-direction:column;flex-shrink:0;width:240px;display:flex;overflow:hidden}.video-effects-header{color:var(--text-muted);border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:1.2px;padding:12px 16px;font-size:11px;font-weight:500}.video-effects-content{flex:1;padding:14px 14px 20px;overflow-y:auto}.video-effects-empty{color:#555;text-align:center;padding:20px 0;font-size:12px}.video-effects-clip-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;border-bottom:1px solid var(--border);margin-bottom:16px;padding-bottom:10px;font-size:12px;overflow:hidden}.video-fx-group{margin-bottom:14px}.video-fx-label{color:#888;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:11px;display:flex}.video-fx-row{justify-content:space-between;align-items:center;gap:6px;margin-bottom:6px;font-size:11px;display:flex}.video-fx-label-text{color:#888;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:11px;overflow:hidden}.video-fx-meta{flex-shrink:0;align-items:center;gap:2px;display:flex}.video-fx-value{color:#ddd;font-variant-numeric:tabular-nums;cursor:text;text-align:right;border-radius:3px;min-width:30px;padding:2px 5px;font-size:11px;transition:background .1s,color .1s}.video-fx-value:hover{color:#fff;background:#1a1a1a}.video-fx-value-input{color:#fff;text-align:right;font-variant-numeric:tabular-nums;background:#1a1a1a;border:1px solid #444;border-radius:3px;outline:none;width:56px;margin:0;padding:1px 5px;font-family:inherit;font-size:11px}.video-fx-value-input:focus{border-color:#888}.video-fx-suffix{color:#555;margin-right:2px;font-size:10px}.video-fx-reset{color:#666;cursor:pointer;opacity:0;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin:0 0 0 2px;padding:0;transition:opacity .12s,color .12s;display:inline-flex}.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-offset:1px;border-radius:3px;outline:1px solid #555}.video-fx-slider-wrap{padding:7px 0;position:relative}.video-fx-slider-wrap:before{content:"";left:var(--default-pos,50%);pointer-events:none;z-index:1;background:#555;border-radius:1px;width:2px;height:10px;position:absolute;top:50%;transform:translate(-50%,-50%)}.video-fx-slider-wrap:has(.video-fx-slider.colored):before{background:#0000008c;width:2px;height:12px;box-shadow:0 0 0 1px #ffffff26}.video-fx-slider{appearance:none;cursor:pointer;z-index:2;background:#2a2a2a;border-radius:2px;outline:none;width:100%;height:4px;margin:0;display:block;position:relative}.video-fx-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#fff;border:none;border-radius:50%;width:14px;height:14px;transition:transform .1s,box-shadow .1s;box-shadow:0 1px 3px #00000080}.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{cursor:pointer;background:#fff;border:none;border-radius:50%;width:14px;height:14px;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{text-transform:uppercase;letter-spacing:1.4px;color:#777;align-items:center;gap:8px;margin-bottom:12px;font-size:10px;display:flex}.video-fx-section-title:before{content:"";transform-origin:50% 30%;background:0 0;border-top:5px solid #555;border-left:4px solid #0000;border-right:4px solid #0000;border-radius:0;flex-shrink:0;width:0;height:0;transition:transform .18s,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{color:#666;cursor:pointer;background:0 0;border:none;border-radius:3px;align-items:center;margin:0;padding:2px 4px;transition:color .12s,background .12s;display:inline-flex}.video-fx-curve-reset:hover{color:#fff;background:#1a1a1a}.video-curve-canvas{aspect-ratio:1;cursor:crosshair;touch-action:none;background:#050505;border:1px solid #1a1a1a;border-radius:4px;width:100%;height:auto;margin:4px 0 6px;display:block}.video-fx-wheels{grid-template-columns:1fr 1fr 1fr;gap:6px;margin:6px 0 12px;display:grid}.video-fx-wheel-cell{flex-direction:column;align-items:center;gap:4px;display:flex}.video-fx-wheel{aspect-ratio:1;cursor:crosshair;touch-action:none;border-radius:50%;width:100%;height:auto;display:block}.video-fx-wheel-label{color:#888;letter-spacing:.3px;font-size:10px}.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{align-items:center;gap:6px;margin:4px 0 8px;display:flex}.video-fx-lut-name{color:#ccc;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:11px;font-style:italic;overflow:hidden}.video-fx-lut-name:empty:before,.video-fx-lut-name:not([title=""]){font-style:normal}.video-fx-lut-import{color:#ddd;cursor:pointer;background:#1a1a1a;border:1px solid #333;border-radius:4px;flex-shrink:0;padding:4px 8px;font-size:10px;transition:border-color .12s,background .12s}.video-fx-lut-import:hover{background:#222;border-color:#555}.video-fx-hsl-bands{justify-content:space-between;gap:4px;margin:4px 0 14px;display:flex}.video-fx-hsl-band{cursor:pointer;border:2px solid #0000;border-radius:50%;width:22px;height:22px;padding:0;transition:transform .1s,border-color .1s;box-shadow:inset 0 0 0 1px #0009}.video-fx-hsl-band:hover{transform:scale(1.12)}.video-fx-hsl-band.selected{border-color:#fff}.video-fx-hsl-band:focus-visible{border-color:#fff;outline:none}.video-fx-hint{color:#777;margin:-4px 0 10px;font-size:11px}.video-fx-select{color:#ccc;cursor:pointer;background:#222;border:1px solid #333;border-radius:4px;outline:none;width:100%;padding:5px 8px;font-size:12px}.video-fx-select:focus{border-color:#555}.video-fx-input{color:#ccc;box-sizing:border-box;background:#222;border:1px solid #333;border-radius:4px;outline:none;width:100%;padding:5px 8px;font-size:12px}.video-fx-input:focus{border-color:#555}.video-fx-color{cursor:pointer;background:#222;border:1px solid #333;border-radius:4px;width:100%;height:32px;padding:2px}.video-fx-preset-row{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.video-fx-preset-btn{color:#ccc;cursor:pointer;text-align:center;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:4px;padding:7px 6px;font-size:11px;transition:border-color .12s,background .12s,color .12s}.video-fx-preset-btn:hover{color:#fff;background:#222;border-color:#444}.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{color:#555;text-align:center;border-top:1px solid #333;margin-top:12px;padding-top:10px;font-size:11px}.video-fx-reset-btn{width:100%;margin-top:12px;padding:6px 0;font-size:11px}.video-preview-area{background:#111;flex-direction:column;flex:1;align-items:stretch;min-width:0;display:flex;position:relative}.video-preview-area .video-preview-container{flex:1;min-height:0}.video-preview-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.video-preview-canvas{background:#000;position:relative;overflow:hidden}.video-preview-canvas video{object-fit:cover;transform-origin:50%;width:100%;height:100%}.video-preview-canvas canvas{object-fit:contain;transform-origin:50%;width:100%;height:100%}.video-text-overlay{pointer-events:none;position:absolute;inset:0}.video-subtitle-overlay{transition:outline-color .12s}.video-subtitle-overlay:hover{outline-offset:6px;outline:2px dashed #ffffff59}.video-safe-area{pointer-events:none;position:absolute;inset:0}.video-safe-area-title{border:1px dashed #ffffff59;position:absolute;inset:5%}.video-safe-area-action{border:1px dashed #fff3;position:absolute;inset:10%}.video-preview-ctrl-btn.active{background:#ffffff1f}.video-comp-overlay{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.video-preview-placeholder{color:#555;text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px;font-size:13px;display:flex;position:absolute;inset:0}.video-preview-canvas video[src]~.video-preview-placeholder,.video-preview-canvas canvas.has-content~.video-preview-placeholder{display:none}.video-preview-controls{background:#111;border-top:1px solid #222;flex-shrink:0;align-items:center;gap:8px;padding:8px 12px;display:flex}.video-preview-ctrl-btn{cursor:pointer;opacity:.8;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.video-preview-ctrl-btn:hover{opacity:1;background:#ffffff1a}.video-preview-time{color:#aaa;margin-left:auto;font-family:monospace;font-size:12px}.video-file-browser{border-left:1px solid var(--border);flex-direction:column;flex-shrink:0;width:260px;min-width:180px;max-width:720px;display:flex;position:relative;overflow:hidden}.video-file-browser-resize{cursor:ew-resize;z-index:10;background:0 0;width:6px;transition:background .15s;position:absolute;top:0;bottom:0;left:-3px}.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{color:var(--text-muted);border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.5px;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;font-size:12px;font-weight:500;display:flex}.video-file-view-toggle{background:#111;border:1px solid #222;border-radius:6px;gap:2px;padding:2px;display:inline-flex}.video-file-view-btn{color:#666;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:24px;height:22px;transition:background .15s,color .15s;display:inline-flex}.video-file-view-btn:hover{color:#ccc}.video-file-view-btn.active{color:#fff;background:#1a1a1a}.video-file-list{flex:1;overflow-y:auto}.video-file-list.view-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));align-content:start;gap:6px;padding:6px;display:grid}.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{background:#0a0a0a;border:1px solid #1a1a1a;border-radius:8px;flex-direction:column;align-items:stretch;gap:6px;padding:6px;position:relative}.video-file-list.view-grid .video-file-item:hover{background:#111;border-color:#2a2a2a}.video-file-list.view-grid .video-file-thumb{border-radius:6px;width:100%;height:80px}.video-file-list.view-grid .video-file-info{flex:1;min-width:0}.video-file-list.view-grid .video-file-name{max-height:2.6em;font-size:11px;line-height:1.3;overflow:hidden}.video-file-list.view-grid .video-file-meta{color:#555;font-size:10px}.video-file-list.view-grid .video-file-badges{margin-top:4px}.video-file-list.view-grid .video-file-add{opacity:0;background:#000000b3;border:1px solid #333;border-radius:50%;width:24px;height:24px;padding:0;transition:opacity .15s;position:absolute;top:8px;right:8px}.video-file-list.view-grid .video-file-item:hover .video-file-add{opacity:1}.video-file-item{cursor:pointer;border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:8px 14px;transition:background .1s;display:flex}.video-file-item:hover{background:var(--bg-secondary)}.video-file-thumb{object-fit:cover;background:#111;border-radius:4px;flex-shrink:0;width:48px;height:32px}.video-file-info{flex:1;min-width:0}.video-file-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.video-file-meta{color:var(--text-muted);margin-top:1px;font-size:11px}.video-file-add{border:1px solid var(--border);width:28px;height:28px;color:var(--text);cursor:pointer;opacity:0;background:0 0;border-radius:6px;justify-content:center;align-items:center;font-size:16px;transition:opacity .15s;display:flex}.video-file-item:hover .video-file-add{opacity:1}.video-file-add:hover{background:#333}.video-proxy-badge{letter-spacing:.3px;text-transform:uppercase;vertical-align:middle;border-radius:3px;padding:1px 6px;font-size:10px;font-weight:600;display:inline-block}.video-proxy-badge.ready{color:#888;background:#1f1f1f;border:1px solid #2a2a2a}.video-proxy-badge.pending{color:#aaa;background:#1f1f1f;border:1px solid #2a2a2a}.video-proxy-badge.building{color:#fff;background:#2a2a2a;border:1px solid #3a3a3a}.video-proxy-badge.error{color:#ff8a8a;background:#2a1818;border:1px solid #4a2020}.video-file-item.proxy-building .video-file-thumb{opacity:.5;filter:grayscale(.4)}.video-file-item.proxy-building:after{content:"";background:#fff;height:2px;transition:width .3s linear;position:absolute;bottom:0;left:0}.video-file-item{position:relative}.video-no-agent{text-align:center;color:var(--text-muted);padding:32px 16px}.video-no-agent svg{margin-bottom:12px}.video-no-agent p{margin-bottom:8px;font-size:13px}.video-no-agent code{background:var(--bg-secondary);border:1px solid var(--border);color:#aaa;word-break:break-all;border-radius:6px;padding:8px;font-size:11px;display:block}#video-comp-list:not(:empty){border-top:1px solid var(--border)}.video-comp-section-header{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:12px;font-weight:500;display:flex}.video-comp-section-header button{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:4px;padding:2px 8px;font-size:11px}.video-comp-section-header button:hover{color:var(--text);border-color:#555}.video-comp-item{cursor:pointer;border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:8px 14px;transition:background .1s;display:flex}.video-comp-item:hover{background:var(--bg-secondary)}.video-comp-icon{color:#555;border:1px solid var(--border);background:#111;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:32px;font-size:18px;display:flex}.video-comp-info{flex:1;min-width:0}.video-comp-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.video-comp-meta{color:var(--text-muted);margin-top:1px;font-size:11px}.video-comp-item:hover .video-file-add{opacity:1}.video-comp-remove{color:#555;cursor:pointer;opacity:0;background:0 0;border:none;justify-content:center;align-items:center;width:20px;height:20px;font-size:14px;transition:opacity .15s;display:flex}.video-comp-item:hover .video-comp-remove{opacity:1}.video-comp-remove:hover{color:#ff6b6b}.comp-browser-item{cursor:pointer;color:#ccc;border-bottom:1px solid #ffffff0d;align-items:center;gap:12px;padding:12px 20px;font-size:14px;transition:background .1s;display:flex}.comp-browser-item:last-child{border-bottom:none}.comp-browser-item:hover{background:#ffffff0d}.comp-browser-icon{color:#666;background:#222;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.comp-browser-info{flex:1}.comp-browser-name{color:#fff;font-weight:500}.comp-browser-meta{color:#666;margin-top:2px;font-size:12px}.comp-browser-back{cursor:pointer;color:#888;border-bottom:1px solid #ffffff14;align-items:center;gap:8px;padding:12px 20px;font-size:13px;display:flex}.comp-browser-back:hover{color:#fff;background:#ffffff08}.comp-browser-empty{text-align:center;color:#555;padding:32px 20px;font-size:13px}.video-timeline-resize-handle{cursor:ns-resize;border-top:1px solid var(--border);z-index:10;background:0 0;flex-shrink:0;height:5px;position:relative}.video-timeline-resize-handle:hover,.video-timeline-resize-handle.active{background:#444}.video-sequence-tabs{border-bottom:1px solid var(--border);scrollbar-width:none;background:#0a0a0a;flex-shrink:0;align-items:center;gap:0;min-height:30px;padding:0 4px;display:flex;overflow-x:auto}.video-sequence-tabs::-webkit-scrollbar{display:none}.video-seq-tab{cursor:pointer;white-space:nowrap;color:#666;border-right:1px solid var(--border);-webkit-user-select:none;user-select:none;background:0 0;align-items:center;gap:4px;padding:4px 12px;font-size:12px;transition:background .15s,color .15s;display:flex;position:relative}.video-seq-tab:hover{color:#aaa;background:#1a1a1a}.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{color:#555;cursor:pointer;background:0 0;border:none;align-items:center;padding:0 2px;font-size:14px;line-height:1;display:flex}.video-seq-tab-close:hover{color:#fff}.video-seq-add-btn{border:1px solid var(--border);color:#555;cursor:pointer;background:0 0;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:22px;margin-left:4px;font-size:14px;display:flex}.video-seq-add-btn:hover{color:#fff;background:#1a1a1a;border-color:#555}.video-timeline{background:var(--bg-secondary);flex-direction:column;flex-shrink:0;height:200px;display:flex}.video-timeline-toolbar{border-bottom:1px solid var(--border);align-items:center;gap:4px;padding:4px 8px;display:flex}.video-tool-btn{border:1px solid var(--border);color:#888;cursor:pointer;background:0 0;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.video-tool-btn:hover{color:#ccc;background:#222}.video-tool-btn.active{color:#fff;background:#333;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{pointer-events:none;z-index:8;background:#fff;width:1.5px;display:none;position:absolute;box-shadow:0 0 6px #fff9}.video-razor-indicator.visible{display:block}.video-toolbar-divider{background:var(--border);width:1px;height:20px;margin:0 2px}.video-zoom-btn{border:1px solid var(--border);width:24px;height:24px;color:var(--text);cursor:pointer;background:0 0;border-radius:4px;justify-content:center;align-items:center;font-size:14px;display:flex}.video-zoom-btn:hover{background:#222}.video-timeline-area{cursor:pointer;flex:1;position:relative;overflow:hidden}.video-timeline-scroll{position:absolute;inset:0;overflow:auto}.video-timeline-ruler{z-index:5;background:var(--bg-secondary);border-bottom:1px solid var(--border);-webkit-user-select:none;user-select:none;height:24px;position:sticky;top:0}.video-ruler-mark{border-left:1px solid #333;height:100%;position:absolute;top:0}.video-ruler-mark span{color:#666;white-space:nowrap;font-size:10px;position:absolute;top:4px;left:4px}.video-timeline-tracks{min-height:100px;position:relative}.video-track-section-header{border-bottom:1px solid var(--border);color:#666;letter-spacing:1px;background:#111;align-items:center;gap:6px;width:-moz-fit-content;width:fit-content;min-width:100%;height:20px;padding:0 8px;font-size:10px;font-weight:600;display:flex;position:sticky;left:0}.video-track-add-btn{color:#888;cursor:pointer;background:0 0;border:1px solid #444;border-radius:3px;justify-content:center;align-items:center;width:16px;height:16px;padding:0;font-size:12px;line-height:14px;display:flex}.video-track-add-btn:hover{color:#fff;border-color:#888}.video-marquee-box{z-index:25;pointer-events:none;background:#ffffff14;border:1px dashed #fff9;position:absolute}.video-drop-new-track-indicator{z-index:20;pointer-events:none;background:#fff;height:3px;position:absolute;left:0;right:0;transform:translateY(-1px)}.video-drop-new-track-indicator span{color:#fff;white-space:nowrap;letter-spacing:.5px;background:#333;border-radius:3px;padding:1px 8px;font-size:10px;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.video-track{border-bottom:1px solid var(--border);height:56px;position:relative}.video-track-text{height:40px}.video-track-audio{height:44px}.video-track-adjustment{border-left:2px solid #7c6cff;height:32px}.video-track-label{box-sizing:border-box;color:#555;z-index:4;white-space:nowrap;background:#0a0a0a;border-right:1px solid #1a1a1a;align-items:center;gap:4px;width:140px;min-width:140px;max-width:140px;height:100%;padding-left:8px;padding-right:6px;font-size:10px;display:flex;position:sticky;top:0;left:0;overflow:hidden;box-shadow:2px 0 4px #0009}.video-track-label>span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}@media (max-width:768px){.video-track-label{width:80px;min-width:80px;max-width:80px}}.video-track-remove-btn{color:#555;cursor:pointer;opacity:0;background:0 0;border:none;padding:0;font-size:14px;line-height:1;transition:opacity .15s}.video-track:hover .video-track-remove-btn{opacity:1}.video-track-remove-btn:hover{color:#fff}.video-track-toggle-btn{color:#888;cursor:pointer;background:0 0;border:none;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;padding:2px;line-height:1;display:flex}.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{color:#aaa;background:#1a1a1a}.video-track-label-selected{color:#fff;background:#2a2a2a;box-shadow:inset 2px 0 #fff,2px 0 4px #0009}.video-context-menu{z-index:1000;background:#1a1a1a;border:1px solid #444;border-radius:6px;min-width:160px;padding:4px 0;position:fixed;box-shadow:0 4px 16px #00000080}.video-context-menu-item{color:#ccc;cursor:pointer;padding:6px 14px;font-size:12px}.video-context-menu-item:hover{color:#fff;background:#333}.video-clip-audio.video-clip-unlinked{border-style:dashed}.video-clip{cursor:grab;-webkit-user-select:none;user-select:none;background:#222;border:1px solid #444;border-radius:4px;align-items:center;height:calc(100% - 8px);display:flex;position:absolute;top:4px;overflow:hidden}.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{color:#b0aaff;padding-left:20px;font-size:10px}.video-clip-adj-icon{color:#9d8fff;font-size:9px;position:absolute;top:50%;left:6px;transform:translateY(-50%)}.video-clip-composition{background:#1a2a1a;border-color:#4a4}.video-clip-comp-icon{color:#6a6;font-size:10px;position:absolute;top:50%;left:6px;transform:translateY(-50%)}.video-clip-composition .video-clip-content{padding-left:18px}.video-btn-adjustment{color:#b0aaff;border-color:#7c6cff}.video-btn-adjustment:hover{color:#c8c0ff;background:#7c6cff33;border-color:#a99dff}.video-clip-audio{background:#1c1c1c;border-color:#444}.video-waveform-canvas{pointer-events:none;opacity:.9;width:100%;height:100%;position:absolute;top:0;left:0}.video-clip-content-audio{color:#666;z-index:1;white-space:nowrap;text-overflow:ellipsis;padding:0;font-size:9px;position:absolute;bottom:0;left:8px;right:24px;overflow:hidden}.video-clip-thumb{object-fit:cover;opacity:.5;pointer-events:none;width:80px;height:100%;position:absolute;top:0;left:0}.video-clip-content{z-index:1;color:#aaa;white-space:nowrap;text-overflow:ellipsis;padding:0 24px 0 8px;font-size:11px;position:relative;overflow:hidden}.video-clip-speed-badge{z-index:2;color:#fff;pointer-events:none;background:#ffffff26;border-radius:3px;padding:1px 4px;font-size:9px;position:absolute;top:2px;right:10px}.video-kf-toggle{color:#555;cursor:pointer;vertical-align:middle;background:0 0;border:1px solid #444;margin-left:6px;padding:1px 4px;font-size:10px;line-height:1}.video-kf-toggle:hover{color:#aaa;border-color:#666}.video-kf-toggle.active{color:#fff;border-color:#888}.video-clip-keyframes{pointer-events:none;z-index:2;height:8px;position:absolute;bottom:2px;left:0;right:0}.video-kf-diamond{background:#888;width:6px;height:6px;position:absolute;bottom:0;transform:translate(-50%)rotate(45deg)}.video-clip-selected .video-kf-diamond{background:#fff}.video-clip-handle{cursor:col-resize;z-index:3;width:8px;position:absolute;top:0;bottom:0}.video-clip-handle.left{border-left:2px solid #0000;left:0}.video-clip-handle.right{border-right:2px solid #0000;right:0}.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{z-index:2;pointer-events:none;position:absolute;inset:0}.video-opacity-svg{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.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{cursor:ns-resize;pointer-events:none;opacity:0;z-index:3;background:#fff;border:1px solid #888;border-radius:50%;width:7px;height:7px;transition:opacity .15s;position:absolute;transform:translate(-50%,-50%)}.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{z-index:10;pointer-events:none;width:1px;position:absolute;top:0;bottom:0}.video-playhead-head{cursor:pointer;pointer-events:auto;clip-path:polygon(0 0,100% 0,100% 60%,50% 100%,0 60%);background:#fff;border-radius:2px;width:12px;height:12px;position:absolute;top:0;left:-6px}.video-playhead-line{background:#fff;width:1px;position:absolute;top:12px;bottom:0;left:0}.video-loop-overlay{pointer-events:none;position:absolute;top:0;bottom:0}.video-loop-overlay-ruler{pointer-events:auto;cursor:grab;z-index:2;background:#ffffff1f;border-left:1px solid #fff6;border-right:1px solid #fff6}.video-loop-overlay-tracks{z-index:1;background:#ffffff0a;border-left:1px dashed #fff3;border-right:1px dashed #fff3}.video-loop-handle{cursor:ew-resize;z-index:3;width:8px;height:100%;position:absolute;top:0}.video-loop-handle-in{border-left:2px solid #fff9;margin-left:-4px}.video-loop-handle-out{border-right:2px solid #fff9;margin-left:-4px}.video-loop-handle:hover{border-color:#fff}.video-transcription-panel{border-left:1px solid var(--border);flex-direction:column;flex-shrink:0;width:280px;display:flex;overflow:hidden}.video-transcription-panel .video-file-browser-header{justify-content:space-between;align-items:center;display:flex}.video-transcription-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:18px;line-height:1}.video-transcription-close:hover{color:var(--text)}.video-transcription-content{flex:1;overflow-y:auto}.video-transcription-empty{color:var(--text-muted);text-align:center;padding:20px 14px;font-size:12px}.video-transcription-cta{text-align:center;flex-direction:column;align-items:center;gap:4px;padding:32px 18px;display:flex}.video-transcription-cta-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:10px}.video-transcription-cta-clip{color:var(--text);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:13px;font-weight:600;overflow:hidden}.video-transcription-cta-empty{color:var(--text);font-size:13px;font-weight:600}.video-transcription-cta-btn{background:var(--text);width:100%;color:var(--bg);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;margin-top:14px;padding:12px 18px;font-size:14px;font-weight:600;display:inline-flex}.video-transcription-cta-btn:hover{opacity:.9}.video-transcription-cta-btn:disabled{opacity:.5;cursor:not-allowed}.video-transcription-cta-hint{color:var(--text-muted);margin-top:10px;font-size:11px;line-height:1.5}.video-transcription-segment{border-bottom:1px solid var(--border);cursor:pointer;flex-direction:column;gap:2px;padding:8px 14px;transition:background .1s;display:flex}.video-transcription-segment:hover{background:var(--bg-secondary)}.video-transcription-time{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:10px}.video-transcription-text{color:var(--text);font-size:13px}.video-transcription-actions{border-top:1px solid var(--border);gap:8px;padding:10px 14px;display:flex}.video-revoice-section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:10px 14px 4px;font-size:10px}.video-revoice-frames{grid-template-columns:repeat(3,1fr);gap:4px;padding:0 14px 8px;display:grid}.video-revoice-frame{aspect-ratio:16/9;border:1px solid var(--border);background:#000;position:relative;overflow:hidden}.video-revoice-frame img{object-fit:cover;width:100%;height:100%;display:block}.video-revoice-frame-t{color:#fff;font-variant-numeric:tabular-nums;background:#000000b3;border-radius:2px;padding:1px 4px;font-size:9px;position:absolute;bottom:2px;right:2px}.video-revoice-transcript{padding:0 14px 8px}.video-revoice-seg{color:var(--text);padding:3px 0;font-size:12px;line-height:1.4}.video-revoice-seg-t{min-width:36px;color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:10px;display:inline-block}.video-revoice-hint{color:var(--text-muted);padding:4px 14px 12px;font-size:11px;line-height:1.5}.video-transcription-actions .video-btn{text-align:center;flex:1}.video-transcription-actions .video-btn.video-btn-icon{flex:none;justify-content:center;align-items:center;padding:6px 10px;display:inline-flex}.video-btn-danger{color:#ff6b6b!important;background:#333!important;border-color:#555!important}.video-btn-danger:hover{background:#444!important}.video-subs-settings{border-top:1px solid var(--border);background:var(--bg-secondary);padding:10px 14px}.video-subs-settings-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:8px;font-size:10px}.video-subs-settings-grid{grid-template-columns:1fr 1fr;gap:6px 10px;display:grid}.video-subs-settings-grid label{color:var(--text);justify-content:space-between;align-items:center;gap:8px;font-size:11px;display:flex}.video-subs-settings-grid input[type=number]{background:var(--bg);width:56px;color:var(--text);border:1px solid var(--border);font-variant-numeric:tabular-nums;text-align:right;border-radius:4px;padding:4px 6px;font-size:12px}.video-subs-settings-grid input[type=number]:focus{border-color:#888;outline:none}.video-subs-settings-actions{gap:6px;margin-top:10px;display:flex}.video-subs-settings-actions .video-btn{flex:1;padding:5px 8px;font-size:11px}.video-transcript-words{-webkit-user-select:none;user-select:none;cursor:default;padding:12px 14px;line-height:1.8}.video-transcript-word{color:var(--text);cursor:pointer;border-radius:2px;padding:2px 1px;font-size:13px;transition:background .1s;display:inline}.video-transcript-word:hover{background:var(--bg-secondary)}.video-transcript-word-selected{color:#fff;background:#444}.video-transcript-word-active{color:#fff;background:#555;font-weight:600}.video-transcript-clip-break{color:var(--text-muted);margin:0 4px;font-size:11px}.transcript-editor-modal{z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.transcript-editor-container{background:#0a0a0a;border:1px solid #222;border-radius:16px;flex-direction:column;width:96vw;height:92vh;display:flex;overflow:hidden;box-shadow:0 24px 80px #0009}.transcript-editor-header{border-bottom:1px solid #1a1a1a;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.transcript-editor-header-left{color:#fff;align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex}.transcript-editor-header-actions{align-items:center;gap:8px;display:flex}.te-btn{color:#aaa;cursor:pointer;background:#1a1a1a;border:1px solid #333;border-radius:8px;align-items:center;gap:4px;padding:6px 14px;font-family:inherit;font-size:12px;transition:background .15s,color .15s;display:flex}.te-btn:hover{color:#fff;background:#222}.te-btn-danger{color:#ff6b6b}.te-btn-danger:hover{color:#f88;background:#2a1515}.transcript-editor-body{flex:1;display:flex;overflow:hidden}.transcript-editor-toc{background:#080808;border-right:1px solid #1a1a1a;flex-direction:column;flex-shrink:0;width:220px;display:flex}.te-toc-header{color:#666;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid #1a1a1a;padding:12px 16px;font-size:11px;font-weight:600}.te-toc-list{flex:1;padding:8px 0;overflow-y:auto}.te-toc-empty{color:#444;text-align:center;padding:20px 16px;font-size:12px;line-height:1.5}.te-toc-item{cursor:pointer;border-left:3px solid #0000;padding:10px 16px;transition:background .15s,border-color .15s}.te-toc-item:hover{background:#111;border-left-color:#333}.te-toc-item-title{color:#ccc;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.te-toc-item-meta{color:#555;margin-top:2px;font-size:10px}.te-toc-item-preview{color:#444;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:11px;overflow:hidden}.transcript-editor-content{flex:1;min-width:0;padding:0;overflow-y:auto}.te-content-inner{-webkit-user-select:none;user-select:none;padding:24px 32px;line-height:2.2}.te-empty{color:#444;text-align:center;padding:40px;font-size:14px}.te-section-header{background:#111;border:1px solid #222;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin:24px 0 12px;padding:10px 16px;display:flex}.te-section-header:first-child{margin-top:0}.te-section-title{color:#fff;outline:none;flex:1;min-width:0;font-size:16px;font-weight:700}.te-section-title:focus{background:#1a1a1a;border-radius:4px;margin:-2px -6px;padding:2px 6px}.te-section-actions{flex-shrink:0;gap:6px;display:flex}.te-section-btn{color:#888;cursor:pointer;background:#1a1a1a;border:1px solid #333;border-radius:6px;padding:4px 10px;font-family:inherit;font-size:11px;transition:all .15s}.te-section-btn:hover{color:#fff;background:#222}.te-section-btn-del{color:#666;padding:2px 8px;font-size:16px;line-height:1}.te-section-btn-del:hover{color:#ff6b6b;background:#2a1515}.te-word{color:#bbb;cursor:pointer;border-radius:3px;padding:2px 1px;font-size:15px;transition:background .1s,color .1s;display:inline}.te-word:hover{color:#fff;background:#1a1a1a}.te-word-selected{color:#fff;background:#333}.te-word-active{color:#fff;background:#444;font-weight:600}.te-clip-break{color:#333;-webkit-user-select:none;user-select:none;margin:0 8px;font-size:12px}.te-subtitle-bar{background:#0d0d0d;border:1px solid #1a1a1a;border-radius:6px;align-items:center;gap:6px;margin:4px 0 12px;padding:6px 10px;font-size:12px;display:flex}.te-subtitle-bar.te-subtitle-override{background:#111108;border-color:#2a2a1a}.te-subtitle-icon{color:#666;letter-spacing:.5px;background:#222;border-radius:3px;flex-shrink:0;padding:2px 5px;font-size:9px;font-weight:700}.te-subtitle-override .te-subtitle-icon{color:#998;background:#2a2a10}.te-subtitle-text{color:#777;border-radius:3px;outline:none;flex:1;min-width:0;padding:1px 4px}.te-subtitle-text:focus{color:#ccc;background:#1a1a1a}.te-subtitle-override .te-subtitle-text{color:#aa9}.te-subtitle-reset{color:#555;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0 4px;font-size:14px;line-height:1}.te-subtitle-reset:hover{color:#ff6b6b}.transcript-editor-chat{background:#080808;border-left:1px solid #1a1a1a;flex-direction:column;flex-shrink:0;width:340px;display:flex}.te-chat-messages{flex-direction:column;flex:1;gap:10px;padding:12px 14px;font-size:13px;line-height:1.6;display:flex;overflow-y:auto}.te-chat-input-bar{border-top:1px solid #1a1a1a;flex-shrink:0;align-items:flex-end;gap:6px;padding:10px 14px;display:flex}.te-chat-input-bar textarea{color:#ccc;resize:none;background:#111;border:1px solid #222;border-radius:8px;outline:none;flex:1;min-height:36px;max-height:120px;padding:8px 10px;font-family:inherit;font-size:13px;line-height:1.4}.te-chat-input-bar textarea:focus{border-color:#444}.video-chat-panel{border-left:1px solid var(--border);background:var(--bg);flex-direction:column;flex-shrink:0;width:320px;display:flex;overflow:hidden}.video-chat-header{border-bottom:1px solid var(--border);color:#fff;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.video-chat-close{color:#666;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:20px;line-height:1}.video-chat-close:hover{color:#fff}.video-chat-tabs{border-bottom:1px solid var(--border);scrollbar-width:none;background:#0a0a0a;flex-shrink:0;align-items:center;gap:0;min-height:30px;padding:0 4px;display:flex;overflow-x:auto}.video-chat-tabs::-webkit-scrollbar{display:none}.video-chat-tab{cursor:pointer;white-space:nowrap;color:#666;border-right:1px solid var(--border);-webkit-user-select:none;user-select:none;background:0 0;align-items:center;gap:4px;max-width:160px;padding:4px 10px;font-size:12px;transition:background .15s,color .15s;display:flex}.video-chat-tab:hover{color:#aaa;background:#1a1a1a}.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;text-overflow:ellipsis;max-width:110px;overflow:hidden}.video-chat-tab-close{color:#555;cursor:pointer;background:0 0;border:none;align-items:center;padding:0 2px;font-size:14px;line-height:1;display:flex}.video-chat-tab-close:hover{color:#fff}.video-chat-add-btn{border:1px solid var(--border);color:#555;cursor:pointer;background:0 0;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-left:4px;font-size:14px;display:flex}.video-chat-add-btn:hover{color:#fff;background:#1a1a1a;border-color:#555}.video-chat-messages{flex-direction:column;flex:1;gap:10px;padding:12px 14px;font-size:13px;line-height:1.6;display:flex;overflow-y:auto}.video-chat-msg{word-wrap:break-word;white-space:pre-wrap;border-radius:8px;max-width:100%;padding:8px 12px}.video-chat-msg.user{color:#ccc;background:#1a1a1a;border:1px solid #333;align-self:flex-end}.video-chat-msg.assistant{color:#ccc;background:#111;border:1px solid #222;align-self:flex-start}.video-chat-msg.assistant .content{white-space:normal;line-height:1.6}.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;border-radius:3px;padding:1px 5px;font-size:12px}.video-chat-msg.assistant .content pre{background:#0a0a0a;border-radius:6px;margin:6px 0;padding:8px 10px;font-size:12px;overflow-x:auto}.video-chat-msg.system{color:#666;text-align:center;align-self:center;padding:6px;font-size:12px;font-style:italic}.video-chat-msg.assistant .tool-block{border:1px solid #222;border-radius:6px;margin:6px 0;overflow:hidden}.video-chat-msg.assistant .tool-block .tool-header{color:#888;cursor:pointer;background:#0a0a0a;padding:4px 8px;font-size:11px}.video-chat-msg.assistant .tool-block .tool-input,.video-chat-msg.assistant .tool-block .tool-result{color:#666;white-space:pre-wrap;word-break:break-all;max-height:100px;padding:4px 8px;font-size:11px;overflow-y:auto}.video-chat-msg.assistant .thinking-block{border-radius:6px;margin:4px 0;overflow:hidden}.video-chat-msg.assistant .thinking-block .thinking-header{color:#555;cursor:pointer;padding:4px 8px;font-size:11px}.video-chat-msg.assistant .thinking-block .thinking-content{color:#444;max-height:80px;padding:4px 8px;font-size:11px;overflow-y:auto}.video-chat-input-bar{border-top:1px solid var(--border);flex-shrink:0;align-items:flex-end;gap:6px;padding:10px 14px;display:flex}.video-chat-input-bar textarea{color:#ccc;resize:none;background:#111;border:1px solid #333;border-radius:8px;outline:none;flex:1;min-height:36px;max-height:120px;padding:8px 10px;font-family:inherit;font-size:13px;line-height:1.4}.video-chat-input-bar textarea:focus{border-color:#555}.video-chat-send{color:#888;cursor:pointer;background:#222;border:1px solid #333;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:8px;display:flex}.video-chat-send:hover{color:#fff;background:#333}.video-chat-activity{color:#666;padding:4px 0;font-size:12px;animation:1.5s ease-in-out infinite pulse}@media (max-width:768px){.video-main{flex-direction:column}.video-file-browser{border-left:none;border-top:1px solid var(--border);width:100%;height:140px}.video-transcription-panel{border-left:none;border-top:1px solid var(--border);width:100%;height:200px}.video-chat-panel{border-left:none;border-top:1px solid var(--border);width:100%;height:280px}.video-toolbar{flex-wrap:wrap;gap:8px}.video-toolbar-left{flex-basis:100%;order:1}.video-toolbar-center{order:2}.video-toolbar-right{order:3}.video-timeline{height:160px}}#git-page{background:var(--bg);z-index:10;display:none;position:absolute;inset:0;overflow:hidden}#git-page.open{flex-direction:column;display:flex}#git-page-inner{flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.git-repo-selector{border-bottom:1px solid var(--border);flex-shrink:0;padding:12px 16px}.git-repo-selector select{color:#fff;cursor:pointer;appearance:none;background:#111 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") right 12px center no-repeat;border:1px solid #333;border-radius:8px;width:100%;padding:8px 12px;font-family:inherit;font-size:14px}.git-repo-selector select:focus{border-color:#555;outline:none}.git-status-cards{border-bottom:1px solid var(--border);flex-shrink:0;gap:8px;padding:12px 16px;display:flex;overflow-x:auto}.git-card{background:var(--bg-secondary);border:1px solid var(--border);color:#ccc;white-space:nowrap;border-radius:8px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;display:flex}.git-card-icon{color:#888;align-items:center;display:flex}.git-card-label{font-weight:500}.git-actions-bar{border-bottom:1px solid var(--border);flex-shrink:0;gap:6px;padding:10px 16px;display:flex;overflow-x:auto}.git-action-btn{background:var(--bg-secondary);border:1px solid var(--border);color:#ccc;cursor:pointer;white-space:nowrap;border-radius:6px;padding:6px 14px;font-size:13px}.git-action-btn:hover{color:#fff;background:#1a1a1a}.git-action-primary{color:#000;background:#fff;border-color:#fff;font-weight:600}.git-action-primary:hover{color:#000;background:#ddd}.git-layout{flex:1;display:flex;overflow:hidden}.git-files-panel{border-right:1px solid var(--border);flex-shrink:0;width:320px;min-width:220px;max-width:450px;overflow-y:auto}.git-diff-panel{flex-direction:column;flex:1;display:flex;overflow:hidden}.git-section-title{text-transform:uppercase;letter-spacing:.5px;color:#666;padding:10px 16px 6px;font-size:11px;font-weight:600}.git-count{color:#888;background:#222;border-radius:10px;margin-left:4px;padding:1px 6px;font-size:10px}.git-file-item{cursor:pointer;border-bottom:1px solid #ffffff08;align-items:center;gap:10px;padding:8px 16px;display:flex}.git-file-item:hover{background:#ffffff08}.git-file-item.selected{background:#ffffff0f}.git-file-checkbox{cursor:pointer;flex-shrink:0;align-items:center;display:flex}.git-file-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.git-file-name{color:#ddd;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.git-file-dir{color:#555;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.git-file-status{border-radius:4px;flex-shrink:0;padding:2px 8px;font-size:11px;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{border-bottom:1px solid var(--border);flex-shrink:0;padding:10px 16px;font-size:13px}.git-diff-filename{color:#fff;font-weight:600}.git-diff-content{flex:1;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:12px;line-height:1.7;overflow:auto}.git-diff-rendered{padding:4px 0}.git-line{white-space:pre;padding:0 16px}.git-line-add{color:#6fc66f;background:#4a9e4a1a}.git-line-del{color:#e06060;background:#cc44441a}.git-line-hunk{color:#6a9ec8;padding:8px 16px 4px;font-weight:600}.git-line-num{color:#444;text-align:right;-webkit-user-select:none;user-select:none;width:40px;margin-right:12px;display:inline-block}.git-diff-empty,.git-diff-new{color:#666;padding:16px;font-size:13px}.git-diff-new .git-line{padding:0}.git-empty{color:#444;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;padding:40px;display:flex}.git-empty p{font-size:14px}.git-error{color:#c44;padding:16px;font-size:13px}.git-loading{justify-content:center;padding:24px;display:flex}.git-log-panel{border-top:1px solid var(--border);flex-direction:column;max-height:280px;display:none;overflow:hidden}.git-log-header{text-transform:uppercase;letter-spacing:.5px;color:#666;border-bottom:1px solid var(--border);flex-shrink:0;padding:10px 16px;font-size:12px;font-weight:600}.git-log-list{flex:1;overflow-y:auto}.git-log-item{cursor:pointer;border-bottom:1px solid #ffffff08;padding:10px 16px}.git-log-item:hover{background:#ffffff08}.git-log-msg{color:#ddd;margin-bottom:4px;font-size:13px}.git-log-meta{color:#555;gap:12px;font-size:11px;display:flex}.git-log-hash{color:#888;font-family:monospace}.git-commit-textarea{background:var(--input-bg);border:1px solid var(--border);width:100%;color:var(--text);resize:vertical;border-radius:8px;outline:none;padding:12px;font-family:inherit;font-size:14px}.git-commit-textarea:focus{border-color:#444}.git-commit-submit{color:#000;cursor:pointer;background:#fff;border:none;border-radius:8px;width:100%;margin-top:12px;padding:12px;font-size:14px;font-weight:600}.git-commit-submit:hover{background:#ddd}.git-commit-submit:disabled{opacity:.5;cursor:not-allowed}.git-branch-item{cursor:pointer;color:#ccc;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:12px 20px;font-size:14px;display:flex}.git-branch-item:hover{background:#ffffff0d}.git-branch-item.current{color:#fff;font-weight:500}.git-branch-current{color:#888;background:#222;border-radius:4px;padding:2px 8px;font-size:11px}.git-branch-name{font-family:monospace}@media (max-width:768px){.git-layout{flex-direction:column}.git-files-panel{border-right:none;border-bottom:1px solid var(--border);width:100%;max-width:none;max-height:40%}.git-status-cards,.git-actions-bar{flex-wrap:wrap}}.bridge-input{box-sizing:border-box;color:#fff;background:#111;border:1px solid #333;border-radius:8px;outline:none;width:100%;padding:12px 14px;font-family:inherit;font-size:15px;transition:border-color .15s}.bridge-input:focus{border-color:#fff}.bridge-input::placeholder{color:#555}.bridge-btn{cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:500;transition:background .15s}.bridge-btn-primary{color:#000;background:#fff}.bridge-btn-primary:hover{background:#ddd}.bridge-btn-secondary{color:#ccc;background:#333}.bridge-btn-secondary:hover{background:#444}#chat-column{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}:is(#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{background:#080808;border-left:1px solid #1a1a1a;flex-direction:column;width:46%;min-width:320px;max-width:55%;display:none;position:relative;overflow:hidden}#chat-build-panel.open{display:flex}.cbp-status{color:#6a6230;white-space:nowrap;text-overflow:ellipsis;background:#0c0b06;border-bottom:1px solid #1a1a0e;flex-shrink:0;align-items:center;gap:8px;padding:6px 12px;font-size:12px;font-style:italic;display:none;overflow:hidden}.cbp-status.active{display:flex}.cbp-status-dot{background:#8a7a30;border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:1.2s infinite cbpPulse}@keyframes cbpPulse{0%,to{opacity:.3}50%{opacity:1}}.cbp-status-text{text-overflow:ellipsis;overflow:hidden}.cbp-tabs{scrollbar-width:none;background:#050505;border-bottom:1px solid #1a1a1a;flex-shrink:0;align-items:center;display:flex;overflow-x:auto}.cbp-tabs::-webkit-scrollbar{display:none}.cbp-tabs:empty{display:none}.cbp-tab{color:#555;cursor:pointer;white-space:nowrap;border-right:1px solid #111;flex-shrink:0;align-items:center;gap:6px;padding:6px 12px;font-size:12px;transition:background .1s,color .1s;display:flex;position:relative}.cbp-tab:hover{color:#888;background:#111}.cbp-tab.active{color:#ccc;background:#0d0d0d}.cbp-tab.active:after{content:"";background:#444;height:1px;position:absolute;bottom:0;left:0;right:0}.cbp-tab-icon{opacity:.6;font-size:11px}.cbp-tab-name{text-overflow:ellipsis;max-width:160px;overflow:hidden}.cbp-tab-dot{background:#555;border-radius:50%;width:5px;height:5px;animation:1s infinite cbpPulse}.cbp-tab-close{color:#333;cursor:pointer;margin-left:2px;font-size:13px;line-height:1}.cbp-tab-close:hover{color:#999}.cbp-viewer{background:#080808;flex:1;position:relative;overflow-y:auto}.cbp-file-view{flex-direction:column;min-height:100%;display:none}.cbp-file-view.active{display:flex}.cbp-code{white-space:pre-wrap;word-break:break-all;color:#888;counter-reset:cbp-line;padding:12px 0;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:12px;line-height:1.65}.cbp-line{min-height:1.65em;padding:0 12px 0 0;display:flex}.cbp-line:hover{background:#0d0d0d}.cbp-line-num{text-align:right;color:#2a2a2a;-webkit-user-select:none;user-select:none;flex-shrink:0;width:44px;min-width:44px;padding-right:12px;font-size:11px;display:inline-block}.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{color:#777;white-space:pre-wrap;word-break:break-all;padding:12px 16px;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:12px;line-height:1.6}.cbp-terminal-cmd{color:#999;margin-bottom:4px}.cbp-terminal-output{color:#555}.cbp-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:100px 24px;display:flex}.cbp-empty-title{color:#222;font-size:15px;font-weight:600}.cbp-empty-sub{color:#1a1a1a;max-width:240px;font-size:12px;line-height:1.6}#build-panel-btn{background:var(--bg);border:1px solid var(--border);cursor:pointer;color:var(--text-muted);border-radius:6px;justify-content:center;align-items:center;padding:6px 8px;display:flex;position:relative}#build-panel-btn.active{color:#000;background:#fff;border-color:#fff}#build-panel-btn.active svg{stroke:#000}.build-btn-dot{background:#fff;border-radius:50%;width:6px;height:6px;display:none;position:absolute;top:2px;right:2px}.build-btn-dot.active{animation:1.2s infinite cbpPulse;display:block}#content-area.writer-split{flex-direction:row}#chat-writer-panel{background:#080808;border-left:1px solid #1a1a1a;flex-direction:column;width:46%;min-width:320px;max-width:55%;display:none;position:relative;overflow:hidden}#chat-writer-panel.open{display:flex}.cwp-header{background:#050505;border-bottom:1px solid #1a1a1a;flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.cwp-title{color:#555;font-size:13px;font-weight:600}.cwp-header-actions{align-items:center;gap:4px;display:flex}.cwp-btn{color:#444;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:4px 6px;display:flex}.cwp-btn:hover{color:#888;background:#111}.cwp-close{color:#444;cursor:pointer;background:0 0;border:none;padding:2px 6px;font-size:18px;line-height:1}.cwp-close:hover{color:#999}.cwp-body{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.cwp-editor{color:#ccc;resize:none;background:#080808;border:none;outline:none;flex:1;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{background:#050505;border-top:1px solid #1a1a1a;flex-direction:column;gap:0;max-height:280px;display:flex;overflow-y:auto}.cwp-feedback:empty{display:none}.cwp-msg{border-bottom:1px solid #111;padding:10px 16px;font-size:13px;line-height:1.6}.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{vertical-align:middle;background:#555;border-radius:50%;width:6px;height:6px;margin-right:4px;animation:1.2s infinite cbpPulse;display:inline-block}.cwp-input-bar{background:#050505;border-top:1px solid #1a1a1a;flex-shrink:0;align-items:flex-end;gap:8px;padding:10px 12px;display:flex}.cwp-input-bar textarea{color:#ccc;resize:none;background:#111;border:1px solid #222;border-radius:8px;outline:none;flex:1;max-height:80px;padding:8px 12px;font-family:Inter,sans-serif;font-size:13px;line-height:1.5}.cwp-input-bar textarea::placeholder{color:#444}.cwp-input-bar textarea:focus{border-color:#333}.cwp-send{cursor:pointer;background:#fff;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:8px 10px;display:flex}.cwp-send svg{stroke:#000}.cwp-send:hover{background:#ddd}#content-area.design-split{flex-direction:row}#chat-design-panel{border-left:1px solid var(--border);background:var(--bg);flex-direction:column;width:50%;min-width:320px;max-width:60%;display:none;position:relative;overflow:hidden}#chat-design-panel.open{display:flex}.chat-design-header{border-bottom:1px solid var(--border);background:var(--bg-secondary);flex-shrink:0;justify-content:space-between;align-items:center;gap:6px;min-height:40px;padding:6px 10px;display:flex}.chat-design-title{color:var(--text);white-space:nowrap;font-size:13px;font-weight:600}.chat-design-header-actions{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.chat-design-format-group{align-items:center;gap:4px;display:flex}.chat-design-format-group select{color:#ccc;cursor:pointer;background:#111;border:1px solid #333;border-radius:4px;padding:2px 4px;font-size:11px}#chat-design-custom-size{align-items:center;gap:2px;display:flex}#chat-design-custom-size input{color:#ccc;background:#111;border:1px solid #333;border-radius:4px;width:50px;padding:2px 4px;font-size:11px}#chat-design-custom-size span{color:#666;font-size:11px}#chat-design-bg{cursor:pointer;background:0 0;border:none;width:24px;height:24px;padding:0}.chat-design-btn{color:#ccc;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #333;border-radius:4px;align-items:center;gap:4px;padding:3px 8px;font-size:12px;display:flex}.chat-design-btn:hover{color:#fff;background:#222}.chat-design-close{color:#666;cursor:pointer;background:0 0;border:none;padding:2px 6px;font-size:18px;line-height:1}.chat-design-close:hover{color:#fff}.chat-design-body{flex:1;display:flex;overflow:hidden}.chat-design-tools{border-right:1px solid var(--border);background:var(--bg-secondary);flex-direction:column;flex-shrink:0;align-items:center;gap:2px;width:36px;padding:6px 4px;display:flex}.chat-design-tool{color:#888;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.chat-design-tool:hover{color:#fff;background:#222}.chat-design-tool.active{color:#fff;background:#333}.chat-design-tool-sep{background:var(--border);width:20px;height:1px;margin:2px 0}.chat-design-canvas-area{background:#0a0a0a;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.chat-design-canvas-wrapper{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}#chat-design-canvas{transform-origin:50%;position:relative;overflow:hidden;box-shadow:0 0 0 1px #222}.cd-element{cursor:move;-webkit-user-select:none;user-select:none;position:absolute}.cd-element:hover{outline:1px dashed #ffffff4d}.cd-handle{z-index:9999;background:#fff;border:1px solid #000;width:8px;height:8px;position:absolute}.chat-design-layers{border-left:1px solid var(--border);background:var(--bg-secondary);flex-shrink:0;width:140px;overflow-y:auto}.chat-design-layers-header{color:#888;border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.5px;padding:8px;font-size:11px;font-weight:600}.cd-layer{color:#aaa;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border-bottom:1px solid #111;padding:6px 8px;font-size:12px;overflow:hidden}.cd-layer:hover{color:#fff;background:#1a1a1a}.cd-layer.selected{color:#fff;background:#222}.design-suggestion-bar{color:#ccc;background:#111;border:1px solid #333;border-radius:8px;align-items:center;gap:10px;margin:8px 16px;padding:10px 16px;font-size:13px;display:flex}.design-suggestion-bar span{flex:1}.design-suggestion-accept{color:#000;cursor:pointer;background:#fff;border:none;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:600}.design-suggestion-accept:hover{background:#ddd}.design-suggestion-dismiss{color:#ccc;cursor:pointer;background:#333;border:none;border-radius:6px;padding:6px 14px;font-size:12px}.design-suggestion-dismiss:hover{background:#444}@media (max-width:900px){#content-area.design-split{flex-direction:column}#chat-design-panel{border-left:none;border-top:1px solid var(--border);width:100%;min-width:0;max-width:100%;height:50%}.chat-design-layers{display:none}}#animator-page{background:var(--bg);z-index:10;display:none;position:absolute;inset:0;overflow:hidden}#animator-page.open{flex-direction:column;display:flex}#animator-page.anim-overlay-mode{z-index:50}#animator-page.anim-overlay-mode .anim-project-title:before{content:"◆ uit video · ";color:#888;margin-right:4px;font-weight:500}#anim-editor-view{flex-direction:column;flex:1;display:flex;overflow:hidden}.anim-comp-tabs{border-bottom:1px solid var(--border);background:#0a0a0a;flex-shrink:0;align-items:center;gap:0;padding:0 8px;display:flex;overflow-x:auto}.anim-comp-tab{color:#888;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:6px 16px;font-size:12px}.anim-comp-tab:hover{color:#ccc}.anim-comp-tab.active{color:#fff;border-bottom-color:#fff}.anim-comp-add{color:#555;padding:4px 12px;font-size:16px}.anim-comp-add:hover{color:#fff}.anim-toolbar-top{border-bottom:1px solid var(--border);background:#0a0a0a;flex-shrink:0;align-items:center;gap:8px;padding:6px 12px;display:flex;overflow-x:auto}.anim-project-title{color:#ccc;white-space:nowrap;margin-right:8px;font-size:13px;font-weight:600}.anim-toolbar-tools,.anim-toolbar-add,.anim-toolbar-right{align-items:center;gap:4px;display:flex}.anim-toolbar-right{margin-left:auto}.anim-tool-btn{color:#aaa;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;align-items:center;padding:5px 7px;display:flex}.anim-tool-btn:hover{color:#fff;background:#222}.anim-tool-btn.active{color:#fff;background:#333;border-color:#555}.anim-btn{color:#ccc;cursor:pointer;white-space:nowrap;background:#1a1a1a;border:1px solid #333;border-radius:4px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;display:flex}.anim-btn:hover{color:#fff;background:#252525}.anim-btn-primary{color:#000;background:#fff;border-color:#fff;font-weight:600}.anim-btn-primary:hover{background:#ddd}.anim-zoom-label{color:#888;text-align:center;min-width:40px;font-size:11px}.anim-zoom-btn{color:#aaa;cursor:pointer;background:0 0;border:1px solid #333;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;display:flex}.anim-zoom-btn:hover{color:#fff;background:#222}.anim-main-area{flex:1;min-height:0;display:flex;overflow:hidden}.anim-layers-panel{border-right:1px solid var(--border);background:#0a0a0a;flex-direction:column;flex-shrink:0;width:200px;display:flex}.anim-layers-header{text-transform:uppercase;color:#666;letter-spacing:.5px;border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:8px 12px;font-size:11px;display:flex}.anim-layers-actions{gap:2px;display:flex}.anim-layers-actions button{color:#666;cursor:pointer;background:0 0;border:none;border-radius:3px;padding:2px 4px;font-size:12px}.anim-layers-actions button:hover{color:#fff;background:#333}.anim-layers-list{flex:1;overflow-y:auto}.anim-layer{cursor:pointer;color:#aaa;border-bottom:1px solid #111;align-items:center;gap:6px;padding:6px 10px;font-size:12px;display:flex}.anim-layer:hover{background:#151515}.anim-layer.selected{color:#fff;background:#1a1a1a}.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{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.anim-layer-vis,.anim-layer-lock{cursor:pointer;opacity:.5;flex-shrink:0;font-size:12px}.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{background:#111;flex:1;position:relative;overflow:hidden}.anim-canvas-wrapper{width:100%;height:100%;position:relative;overflow:hidden}.anim-canvas{transform-origin:0 0;position:absolute;overflow:hidden}.anim-properties-panel{border-left:1px solid var(--border);background:#0a0a0a;flex-direction:column;flex-shrink:0;width:260px;display:flex;overflow-y:auto}.anim-properties-header{text-transform:uppercase;color:#666;letter-spacing:.5px;border-bottom:1px solid var(--border);padding:8px 12px;font-size:11px}.anim-properties{flex:1;padding:8px;overflow-y:auto}.anim-props-empty{color:#444;text-align:center;padding:40px 20px;font-size:12px}.anim-prop-group{margin-bottom:8px}.anim-prop-group label{color:#666;text-transform:uppercase;letter-spacing:.3px;margin-bottom:3px;font-size:10px;display:block}.anim-prop-row{align-items:center;gap:6px;display:flex}.anim-prop-row>div{flex:1}.anim-prop-input{color:#ddd;background:#111;border:1px solid #333;border-radius:4px;outline:none;width:100%;padding:4px 8px;font-size:12px}.anim-prop-input:focus{border-color:#666}.anim-prop-num{text-align:right;width:70px}.anim-prop-color{cursor:pointer;background:0 0;border:1px solid #333;border-radius:4px;width:32px;height:26px;padding:0}.anim-prop-unit{color:#555;flex-shrink:0;min-width:16px;font-size:10px}.anim-prop-divider{background:#222;height:1px;margin:12px 0}.anim-kf-btn{color:#444;cursor:pointer;background:0 0;border:none;border-radius:3px;flex-shrink:0;padding:2px 4px;font-size:12px}.anim-kf-btn:hover,.anim-kf-btn.active{color:orange}.anim-timeline{border-top:1px solid var(--border);background:#0a0a0a;flex-direction:column;flex-shrink:0;height:220px;display:flex}.anim-timeline-toolbar{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:4px;padding:4px 8px;display:flex}.anim-time-display{color:#888;margin:0 8px;font-family:monospace;font-size:11px}.anim-toolbar-divider{background:#333;width:1px;height:18px;margin:0 4px}.anim-timeline-area{flex:1;position:relative;overflow:hidden}.anim-timeline-tracks{min-height:100%;position:relative}.anim-timeline-track{border-bottom:1px solid #151515;height:28px;position:relative}.anim-timeline-label{color:#888;z-index:2;cursor:pointer;background:#0a0a0a;border-right:1px solid #222;align-items:center;gap:4px;width:140px;height:100%;padding:0 8px;font-size:11px;display:flex;position:absolute;top:0;left:0;overflow:hidden}.anim-timeline-label.selected{color:#fff;background:#1a1a1a}.anim-timeline-label span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.anim-track-vis-btn{color:#666;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:1px;display:flex}.anim-track-vis-btn:hover{color:#fff}.anim-timeline-bar{cursor:pointer;background:#222;border-radius:3px;min-width:8px;height:22px;margin-left:140px;position:absolute;top:3px}.anim-timeline-bar:hover{background:#2a2a2a}.anim-timeline-bar.selected{background:#333;outline:1px solid #666}.anim-trim-handle{cursor:ew-resize;z-index:3;width:6px;height:100%;position:absolute;top:0}.anim-trim-left{border-radius:3px 0 0 3px;left:-2px}.anim-trim-right{border-radius:0 3px 3px 0;right:-2px}.anim-trim-handle:hover{background:#ffffff26}.anim-kf-diamond{z-index:4;cursor:pointer;background:orange;border-radius:1px;width:8px;height:8px;position:absolute;top:50%;transform:translate(-50%,-50%)rotate(45deg)}.anim-kf-diamond:hover{background:#fc0;transform:translate(-50%,-50%)rotate(45deg)scale(1.3)}.anim-sub-track{background:#080808;border-bottom:1px solid #111;height:22px}.anim-sub-label{color:#666;background:#080808;gap:5px;padding-left:24px;font-size:10px}.anim-sub-label.selected{color:#999;background:#111}.anim-sub-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.anim-sub-bar{background:#181818;border-radius:2px;height:14px;top:4px}.anim-sub-bar:hover{background:#1e1e1e}.anim-sub-bar .anim-kf-diamond{width:7px;height:7px}.anim-track-expand-btn{color:#555;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;transition:transform .15s;display:flex}.anim-track-expand-btn:hover{color:#fff}.anim-track-expand-btn.expanded{transform:rotate(90deg)}.anim-track-expand-btn svg{display:block}.anim-element{cursor:move;position:absolute}.anim-element.selected{outline-offset:0;outline:2px solid #fff}.anim-chat-panel{border-left:1px solid var(--border);background:var(--bg);flex-direction:column;flex-shrink:0;width:320px;display:flex}.anim-main-area.anim-chat-open .anim-chat-panel{display:flex}.anim-chat-header{border-bottom:1px solid var(--border);color:#888;justify-content:space-between;align-items:center;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.anim-chat-close{color:#666;cursor:pointer;background:0 0;border:none;padding:0;font-size:20px;line-height:1}.anim-chat-close:hover{color:#fff}.anim-chat-messages{scroll-behavior:smooth;flex-direction:column;flex:1;gap:10px;padding:12px 14px;display:flex;overflow-y:auto}.anim-chat-msg{word-wrap:break-word;border-radius:8px;max-width:100%;padding:8px 12px;font-size:13px;line-height:1.5}.anim-chat-msg.user{color:#ccc;white-space:pre-wrap;background:#1a1a1a;align-self:flex-end}.anim-chat-msg.assistant{color:#ccc;background:#111;align-self:flex-start;width:100%}.anim-chat-msg.assistant .content{white-space:normal;line-height:1.6}.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;border-radius:3px;padding:1px 5px;font-size:12px}.anim-chat-msg.assistant .content pre{background:#0a0a0a;border-radius:6px;padding:8px 10px;font-size:12px;overflow-x:auto}.anim-chat-msg.system{color:#666;text-align:center;align-self:center;padding:6px 12px;font-size:12px}.anim-chat-msg.assistant .tool-block{border:1px solid #222;border-radius:6px;margin:6px 0;overflow:hidden}.anim-chat-msg.assistant .tool-block .tool-header{color:#888;cursor:pointer;background:#0a0a0a;padding:4px 8px;font-size:11px}.anim-chat-msg.assistant .tool-block .tool-input,.anim-chat-msg.assistant .tool-block .tool-result{color:#666;white-space:pre-wrap;max-height:80px;padding:4px 8px;font-size:11px;overflow-y:auto}.anim-chat-msg.assistant .thinking-block{border-radius:6px;margin:4px 0;overflow:hidden}.anim-chat-msg.assistant .thinking-block .thinking-header{color:#555;cursor:pointer;padding:4px 8px;font-size:11px}.anim-chat-msg.assistant .thinking-block .thinking-content{color:#444;max-height:80px;padding:4px 8px;font-size:11px;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{border-top:1px solid var(--border);flex-shrink:0;align-items:flex-end;gap:6px;padding:10px 14px;display:flex}.anim-chat-input-bar textarea{color:#ccc;resize:none;background:#111;border:1px solid #333;border-radius:8px;flex:1;min-height:36px;max-height:120px;padding:8px 10px;font-family:inherit;font-size:13px;line-height:1.4}.anim-chat-input-bar textarea:focus{border-color:#555;outline:none}.anim-chat-input-bar button{color:#888;cursor:pointer;background:#222;border:1px solid #333;border-radius:8px;flex-shrink:0;padding:7px 10px}.anim-chat-input-bar button:hover{color:#fff;background:#333}.anim-chat-activity{color:#666;padding:4px 0;font-size:12px;animation:1.5s ease-in-out infinite pulse}@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{z-index:10;background:#000;display:none;position:absolute;inset:0;overflow-y:auto}#podcast-page.open{display:block}.podcast-container{max-width:720px;margin:0 auto;padding:32px 24px 120px}.podcast-header{align-items:center;gap:16px;margin-bottom:36px;display:flex}.podcast-header h2{color:#fff;font-size:22px;font-weight:600}.podcast-header p{color:#666;margin-top:2px;font-size:14px}.podcast-section{margin-bottom:32px}.podcast-section h3{color:#888;text-transform:uppercase;letter-spacing:1px;margin-bottom:14px;font-size:14px;font-weight:600}.podcast-section-desc{color:#555;margin:-8px 0 14px;font-size:13px}.podcast-styles{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;display:grid}.podcast-style-card{cursor:pointer;text-align:left;background:#111;border:1px solid #222;border-radius:12px;padding:16px;transition:border-color .15s,background .15s}.podcast-style-card:hover{background:#161616;border-color:#444}.podcast-style-card.active{background:#1a1a1a;border-color:#fff}.podcast-style-card strong{color:#fff;margin-bottom:4px;font-size:15px;display:block}.podcast-style-card span{color:#666;font-size:12px}.podcast-controls{flex-direction:column;gap:18px;display:flex}.podcast-control{flex-direction:column;gap:6px;display:flex}.podcast-control label{color:#aaa;font-size:13px;font-weight:500}.podcast-control-row{align-items:center;gap:12px;display:flex}.podcast-control-row input[type=range]{appearance:none;background:#333;border-radius:2px;outline:none;flex:1;height:4px}.podcast-control-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:16px;height:16px}.podcast-control-row span{color:#888;text-align:right;font-variant-numeric:tabular-nums;min-width:40px;font-size:13px}.podcast-control select{color:#fff;background:#111;border:1px solid #333;border-radius:8px;max-width:120px;padding:8px 12px;font-size:14px}.podcast-voice-actions{flex-wrap:wrap;gap:10px;display:flex}.podcast-btn{cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:500;transition:background .15s,border-color .15s;display:flex}.podcast-record-btn{color:#fff;background:#111;border:1px solid #333}.podcast-record-btn:hover{border-color:#555}.podcast-record-btn.recording{color:#f33;background:#1a0000;border-color:#f33;animation:1s infinite podcast-pulse}@keyframes podcast-pulse{0%,to{opacity:1}50%{opacity:.6}}.podcast-upload-btn{color:#fff;background:#111;border:1px solid #333}.podcast-upload-btn:hover{border-color:#555}.podcast-remove-btn{color:#666;background:0 0;border:1px solid #333}.podcast-remove-btn:hover{color:#aaa;border-color:#555}.podcast-voice-status{color:#555;margin-top:10px;font-size:13px}.podcast-player{z-index:100;background:#111;border-top:1px solid #222;align-items:center;gap:16px;padding:16px 24px;display:flex;position:fixed;bottom:0;left:0;right:0}.podcast-play-btn{color:#000;cursor:pointer;background:#fff;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .1s;display:flex}.podcast-play-btn:active{transform:scale(.95)}.podcast-player-info{flex-direction:column;flex:1;gap:2px;display:flex}.podcast-player-info span:first-child{color:#fff;font-size:15px;font-weight:600}.podcast-player-info span:last-child{color:#666;font-size:12px}.podcast-export-btn{color:#000;cursor:pointer;background:#fff;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:opacity .15s;display:flex}.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{background:var(--bg);z-index:10;display:none;position:absolute;inset:0;overflow:hidden}#omnion-page.open{flex-direction:column;display:flex}#omnion-container{flex-direction:column;flex:1;min-height:0;display:flex}#ledger-page{background:var(--bg);z-index:10;display:none;position:absolute;inset:0}#ledger-page.open{flex-direction:column;display:flex}#toolbeheer-page{background:var(--bg);z-index:10;display:none;position:absolute;inset:0;overflow-y:auto}#toolbeheer-page.open{flex-direction:column;display:flex}#toolbeheer-container{flex:1;min-height:0;padding:24px;overflow-y:auto}#ledger-container{flex:1;width:100%;overflow:hidden}.ledger-iframe{border:none;width:100%;height:100%;display:block}.ledger-loading{color:#888;justify-content:center;align-items:center;height:100%;font-size:15px;display:flex}#run-tracker-page{background:var(--bg);z-index:10;display:none;position:absolute;inset:0;overflow:hidden}#run-tracker-page.open{flex-direction:column;display:flex}.rt-page{flex-direction:column;height:100%;display:flex}.rt-topbar{border-bottom:1px solid #1a1a1a;flex-shrink:0;justify-content:flex-end;align-items:center;padding:8px 16px;display:flex}.rt-body{flex:1;overflow-y:auto}.rt-btn{color:#ccc;cursor:pointer;background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:6px 14px;font-size:13px}.rt-btn:hover{background:#222}.rt-btn-primary{color:#000;cursor:pointer;background:#fff;border:none;border-radius:8px;align-items:center;gap:6px;padding:7px 16px;font-size:13px;font-weight:600;display:flex}.rt-btn-primary:hover{background:#eee}.rt-btn-stop{color:#fff;cursor:pointer;background:#1a1a1a;border:1px solid #444;border-radius:10px;align-items:center;gap:8px;padding:12px 28px;font-size:15px;font-weight:600;display:flex}.rt-btn-stop:hover{background:#2a2a2a}.rt-btn-delete{color:#888;cursor:pointer;background:0 0;border:1px solid #333;border-radius:6px;padding:5px 12px;font-size:12px}.rt-btn-delete:hover{color:#ccc;border-color:#555}.rt-empty{color:#555;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:60vh;padding:24px;display:flex}.rt-run-list{flex-direction:column;gap:12px;padding:16px;display:flex}.rt-run-card{cursor:pointer;background:#111;border:1px solid #222;border-radius:12px;padding:16px;transition:border-color .15s}.rt-run-card:hover{border-color:#444}.rt-run-card.rt-run-active{border-color:#fff}.rt-run-card-header{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.rt-run-name{color:#fff;flex:1;font-size:15px;font-weight:600}.rt-run-date{color:#555;font-size:12px}.rt-badge-live{color:#000;letter-spacing:.5px;background:#fff;border-radius:4px;padding:2px 7px;font-size:10px;font-weight:700}.rt-run-stats{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.rt-stat{flex-direction:column;gap:2px;display:flex}.rt-stat-val{color:#fff;font-size:16px;font-weight:700}.rt-stat-lbl{color:#555;font-size:11px}.rt-run-view{flex-direction:column;height:100%;display:flex}.rt-live-stats{border-bottom:1px solid #1a1a1a;flex-shrink:0;grid-template-columns:repeat(4,1fr);gap:0;display:grid}.rt-live-stat{border-right:1px solid #1a1a1a;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:16px 8px;display:flex}.rt-live-stat:last-child{border-right:none}.rt-live-val{color:#fff;font-size:20px;font-weight:700}.rt-live-lbl{color:#555;font-size:11px}.rt-map{background:#0a0a0a;flex:1;min-height:300px}.rt-map-history{min-height:400px}.rt-run-controls{flex-shrink:0;justify-content:center;padding:20px;display:flex}.rt-status-bar{text-align:center;color:#555;padding:8px 16px 16px;font-size:12px}.rt-history-view{padding:20px}.rt-history-header{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.rt-history-header h2{color:#fff;flex:1;margin:0;font-size:18px}.rt-history-date{color:#555;font-size:13px}.rt-history-stats{margin-bottom:16px;grid-template-columns:repeat(3,1fr)!important}.rt-map .leaflet-tile{filter:brightness(.6)invert()contrast(3)hue-rotate(200deg)saturate(.3)brightness(.7)}#bigsender-page{background:var(--bg);z-index:10;display:none;position:absolute;inset:0;overflow-y:auto}#bigsender-page.open{flex-direction:column;display:flex}#bigsender-container{flex:1;width:100%;max-width:720px;margin:0 auto;padding:24px}.bigsender-layout{flex-direction:column;gap:24px;display:flex}.bigsender-section{background:#111;border:1px solid #222;border-radius:14px;padding:20px}.bigsender-section-header{align-items:center;gap:10px;margin-bottom:16px;display:flex}.bigsender-section-header h3{font-size:15px;font-weight:600}.bigsender-badge{color:#888;background:#222;border-radius:99px;padding:2px 8px;font-size:12px;font-weight:600}.bigsender-badge-active{color:#aaa;background:#1a1a1a}.bigsender-create-form{flex-direction:column;gap:12px;display:flex}.bigsender-label{color:#666;margin-bottom:4px;font-size:12px;display:block}.bigsender-input{color:#fff;background:#1a1a1a;border:1px solid #333;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:14px}.bigsender-input:focus{border-color:#555}select.bigsender-input{cursor:pointer}select.bigsender-input option{color:#fff;background:#1a1a1a}.bigsender-create-btn{color:#000;cursor:pointer;background:#fff;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-size:14px;font-weight:600;transition:opacity .2s;display:flex}.bigsender-create-btn:hover{opacity:.9}.bigsender-list{flex-direction:column;gap:2px;display:flex}.bigsender-token-item{border-radius:10px;align-items:center;gap:12px;padding:12px;transition:background .15s;display:flex}.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{color:#666;margin-top:2px;font-size:12px}.bigsender-token-actions{gap:4px;display:flex}.bigsender-action-btn{color:#888;cursor:pointer;background:0 0;border:1px solid #333;border-radius:8px;justify-content:center;align-items:center;padding:6px 8px;transition:all .15s;display:flex}.bigsender-action-btn:hover{color:#fff;border-color:#555}.bigsender-action-btn.bigsender-danger:hover{color:#f55;border-color:#f55}.bigsender-transfer-item{border-radius:10px;align-items:center;gap:12px;padding:12px;transition:background .15s;display:flex}.bigsender-transfer-item:hover{background:#1a1a1a}.bigsender-transfer-icon{color:#666;background:#1a1a1a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.bigsender-transfer-info{flex:1;min-width:0}.bigsender-transfer-name{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.bigsender-transfer-meta{color:#666;margin-top:2px;font-size:12px;line-height:1.4}.bigsender-transfer-meta em{color:#888;font-style:italic}.bigsender-transfer-actions{gap:4px;display:flex}.bigsender-empty{text-align:center;color:#444;padding:32px 16px}.bigsender-empty svg{margin-bottom:12px}.bigsender-empty p{color:#666;font-size:14px}.bigsender-empty .sub{color:#444;margin-top:4px;font-size:12px}@media (max-width:600px){#bigsender-container,.bigsender-section{padding:16px}}#installed-tool-page{z-index:10;background:#000;display:none;position:absolute;inset:40px 0 0}#installed-tool-page.open{flex-direction:column;display:flex}#installed-tool-container{flex:1;width:100%;overflow:hidden}.installed-tool-iframe{border:none;width:100%;height:100%;display:block}.installed-tool-loading{color:#888;justify-content:center;align-items:center;height:100%;font-size:15px;display:flex}.omnion-layout{flex:1;min-height:0;display:flex}.omnion-sidebar{background:#0a0a0a;border-right:1px solid #1a1a1a;flex-direction:column;width:260px;min-width:260px;display:flex;overflow-y:auto}.omnion-sidebar-header{border-bottom:1px solid #1a1a1a;justify-content:space-between;align-items:center;padding:20px 20px 12px;display:flex}.omnion-sidebar-title{color:#555;text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:600}.omnion-sidebar-new{color:#888;cursor:pointer;background:#222;border:1px solid #333;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;transition:all .15s;display:flex}.omnion-sidebar-new:hover{color:#fff;background:#333}.omnion-sidebar-list{flex-direction:column;flex:1;gap:4px;padding:8px;display:flex;overflow-y:auto}.omnion-sidebar-empty{color:#444;text-align:center;padding:20px 12px;font-size:13px}.omnion-ws-item{cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;transition:background .15s;display:flex}.omnion-ws-item:hover{background:#151515}.omnion-ws-item.active{background:#1a1a1a}.omnion-ws-dot{background:#333;border-radius:50%;flex-shrink:0;width:8px;height:8px}.omnion-ws-running .omnion-ws-dot{background:#fff;animation:1.5s ease-in-out infinite omnion-pulse}@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{color:#aaa;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.omnion-ws-item.active .omnion-ws-name{color:#fff}.omnion-ws-meta{color:#444;margin-top:1px;font-size:11px}.omnion-main{flex:1;min-width:0;max-width:900px;margin:0 auto;padding:48px 24px 64px;overflow-y:auto}.omnion-header{margin-bottom:32px}.omnion-title-row{align-items:center;gap:12px;margin-bottom:4px;display:flex}.omnion-title{letter-spacing:-.5px;margin:0;font-size:28px;font-weight:700}.omnion-subtitle{color:#666;margin:0;font-size:14px}.omnion-badge{color:#666;text-transform:uppercase;letter-spacing:.5px;background:#222;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:600}.omnion-badge-running{color:#fff;background:#1a1a1a;border:1px solid #444;animation:1.5s ease-in-out infinite omnion-pulse-badge}@keyframes omnion-pulse-badge{0%,to{opacity:1}50%{opacity:.5}}.omnion-badge-done{color:#fff;background:#111;border:1px solid #444}.omnion-badge-stopped{color:#555;background:#1a1a1a}.omnion-badge-idle{color:#555;background:#222}.omnion-input-section{margin-bottom:24px}.omnion-textarea{color:#fff;resize:vertical;box-sizing:border-box;background:#111;border:1px solid #222;border-radius:12px;outline:none;width:100%;padding:14px 16px;font-family:inherit;font-size:15px}.omnion-textarea:focus{border-color:#444}.omnion-textarea::placeholder{color:#444}.omnion-target-section{margin-top:12px}.omnion-target-toggle{gap:10px;display:flex}.omnion-target-btn{cursor:pointer;background:#111;border:1px solid #222;border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:12px 16px;transition:all .15s;display:flex}.omnion-target-btn:hover{border-color:#444}.omnion-target-btn.active{background:#1a1a1a;border-color:#fff}.omnion-target-icon{color:#555;font-size:20px}.omnion-target-btn.active .omnion-target-icon{color:#fff}.omnion-target-label{color:#888;font-size:14px;font-weight:600}.omnion-target-btn.active .omnion-target-label{color:#fff}.omnion-target-desc{color:#444;font-size:11px}.omnion-target-btn.active .omnion-target-desc{color:#666}.omnion-controls{justify-content:space-between;align-items:center;margin-top:12px;display:flex}.omnion-options{color:#666;gap:16px;font-size:13px;display:flex}.omnion-options label{align-items:center;gap:6px;display:flex}.omnion-options select{color:#fff;background:#111;border:1px solid #333;border-radius:6px;padding:4px 8px;font-size:13px}.omnion-btn{color:#fff;cursor:pointer;background:#222;border:1px solid #333;border-radius:8px;padding:8px 20px;font-size:14px;font-weight:500;transition:background .15s}.omnion-btn:hover{background:#333}.omnion-btn-primary{color:#000;background:#fff;border-color:#fff}.omnion-btn-primary:hover{background:#ddd}.omnion-btn-danger{color:#888;background:#1a1a1a;border-color:#333}.omnion-btn-danger:hover{color:#aaa;background:#2a1a1a}.omnion-btn-install{color:#ccc;background:#1a1a1a;border-color:#444}.omnion-btn-install:hover{color:#fff;background:#222;border-color:#666}.omnion-progress{margin-bottom:20px}.omnion-phases{margin-bottom:12px}.omnion-phase-indicator{background:#111;border:1px solid #222;border-radius:10px;align-items:center;gap:12px;padding:12px 16px;display:flex}.omnion-phase-label{color:#555;text-transform:uppercase;font-size:12px;font-weight:600}.omnion-phase-name{color:#fff;font-size:15px;font-weight:600}.omnion-stats{gap:16px;margin-top:8px;display:flex}.omnion-stat{background:#0d0d0d;border:1px solid #1a1a1a;border-radius:8px;flex-direction:column;flex:1;gap:2px;padding:10px 16px;display:flex}.omnion-stat-label{color:#555;text-transform:uppercase;font-size:11px;font-weight:600}.omnion-stat-value{color:#fff;font-size:16px;font-weight:600}.omnion-panel-tabs{border-bottom:1px solid #222;gap:0;margin-bottom:0;display:flex}.omnion-tab{color:#555;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 20px;font-size:13px;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{color:#888;padding:16px;font-family:SF Mono,Fira Code,monospace;font-size:12px;line-height:1.6}.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{flex-direction:column;gap:12px;padding:16px;display:flex}.omnion-agent-spawn{background:#0d0d0d;border:1px solid #222;border-left:3px solid #444;border-radius:10px;padding:12px 14px}.omnion-agent-spawn-header{align-items:center;gap:8px;margin-bottom:6px;display:flex}.omnion-agent-icon{color:#555;font-size:8px}.omnion-agent-spawn-label{color:#555;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.omnion-agent-role-badge{color:#aaa;background:#1a1a1a;border:1px solid #333;border-radius:999px;padding:2px 10px;font-size:11px;font-weight:600}.omnion-agent-spawn-prompt{color:#666;font-family:SF Mono,Fira Code,monospace;font-size:12px;line-height:1.5}.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{align-items:center;gap:8px;margin-bottom:8px;display:flex}.omnion-agent-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.omnion-dot-techlead{background:#888}.omnion-dot-agent{background:#444}.omnion-agent-name{color:#ccc;font-size:12px;font-weight:600}.omnion-agent-phase{color:#444;text-transform:uppercase;letter-spacing:.5px;margin-left:auto;font-size:10px;font-weight:600}.omnion-agent-msg-body{color:#999;white-space:pre-wrap;word-break:break-word;font-size:13px;line-height:1.6}.omnion-msg-collapsed{max-height:120px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 60%,#0000 100%);mask-image:linear-gradient(#000 60%,#0000 100%)}.omnion-msg-expand{color:#666;cursor:pointer;background:0 0;border:none;padding:4px 0 0;font-size:12px;font-weight:500}.omnion-msg-expand:hover{color:#aaa}.omnion-file-tree{border-right:1px solid #1a1a1a;max-height:200px;padding:12px;overflow-y:auto}.omnion-file-entry{color:#888;cursor:pointer;border-radius:4px;padding:4px 8px;font-family:SF Mono,monospace;font-size:12px}.omnion-file-entry:hover{color:#fff;background:#111}.omnion-file-content{padding:12px}.omnion-file-path{color:#555;background:#111;border-radius:6px;margin-bottom:8px;padding:6px 10px;font-family:SF Mono,monospace;font-size:11px}.omnion-file-code{color:#aaa;white-space:pre-wrap;margin:0;font-family:SF Mono,Fira Code,monospace;font-size:12px;line-height:1.5}.omnion-actions{flex-direction:column;gap:12px;margin-top:20px;display:flex}.omnion-feedback-section{width:100%}.omnion-feedback-row{align-items:flex-start;gap:8px;display:flex}.omnion-feedback-row .omnion-textarea{border-radius:10px;flex:1;min-height:44px;padding:10px 14px;font-size:14px}.omnion-feedback-row .omnion-btn{align-self:flex-start;margin-top:1px}.omnion-btn-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;padding:0;font-size:18px;display:flex}.omnion-feedback-images{flex-wrap:wrap;gap:8px;display:flex}.omnion-feedback-images:empty{display:none}.omnion-feedback-thumb{border:1px solid #333;border-radius:8px;width:80px;height:80px;position:relative;overflow:hidden}.omnion-feedback-thumb img{object-fit:cover;width:100%;height:100%}.omnion-feedback-thumb-remove{color:#fff;cursor:pointer;background:#000000b3;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:14px;line-height:1;display:flex;position:absolute;top:2px;right:2px}.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{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.omnion-export-row{align-items:center;gap:8px;display:flex}.omnion-input-small{color:#fff;background:#111;border:1px solid #222;border-radius:8px;outline:none;width:160px;padding:8px 12px;font-family:inherit;font-size:13px}.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{gap:16px;display:flex}.omnion-brainstorm-panel{background:#0a0a0a;border:1px solid #1a1a1a;border-radius:16px;flex-direction:column;flex:1;height:500px;display:flex;overflow:hidden}.omnion-brainstorm-header{border-bottom:1px solid #1a1a1a;flex-shrink:0;align-items:baseline;gap:12px;padding:16px 20px 12px;display:flex}.omnion-brainstorm-title{color:#aaa;font-size:14px;font-weight:600}.omnion-brainstorm-hint{color:#444;font-size:12px}.omnion-brainstorm-messages{flex-direction:column;flex:1;gap:12px;min-height:0;padding:16px;display:flex;overflow-y:auto}.omnion-bs-welcome{color:#444;text-align:center;padding:20px;font-size:14px;line-height:1.6}.omnion-bs-welcome p{margin:0}.omnion-bs-msg{word-break:break-word;border-radius:12px;max-width:85%;padding:10px 14px;font-size:14px;line-height:1.6}.omnion-bs-user{color:#ccc;background:#1a1a1a;border-bottom-right-radius:4px;align-self:flex-end}.omnion-bs-assistant{color:#999;background:0 0;border:1px solid #1a1a1a;border-bottom-left-radius:4px;align-self:flex-start}.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;border-radius:4px;padding:2px 6px;font-size:13px}.omnion-bs-use-btn{color:#aaa;cursor:pointer;background:#1a1a1a;border:1px solid #333;border-radius:8px;margin-top:10px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .15s;display:inline-block}.omnion-bs-use-btn:hover{color:#fff;background:#222;border-color:#555}.omnion-brainstorm-input-row{border-top:1px solid #1a1a1a;flex-shrink:0;align-items:flex-end;gap:8px;padding:12px 16px;display:flex}.omnion-brainstorm-textarea{color:#ccc;resize:none;background:#111;border:1px solid #222;border-radius:10px;outline:none;flex:1;padding:10px 14px;font-family:inherit;font-size:14px;line-height:1.5}.omnion-brainstorm-textarea:focus{border-color:#333}.omnion-brainstorm-textarea::placeholder{color:#444}.omnion-bs-send-btn{color:#888;cursor:pointer;background:#1a1a1a;border:1px solid #333;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;transition:all .15s;display:flex}.omnion-bs-send-btn:hover{color:#fff;background:#222}.omnion-prompt-panel{flex-direction:column;flex:1;max-width:440px;display:flex}.omnion-prompt-panel-header{padding:16px 0 12px}.omnion-prompt-panel-title{color:#aaa;font-size:14px;font-weight:600}.omnion-prompt-panel .omnion-textarea{min-height:120px}.omnion-toast{color:#fff;z-index:10000;opacity:0;pointer-events:auto;background:#1a1a1a;border:1px solid #333;border-radius:12px;align-items:center;gap:12px;min-width:300px;max-width:500px;padding:14px 20px;font-size:14px;transition:opacity .3s,transform .3s;display:flex;position:fixed;bottom:40px;left:50%;transform:translate(-50%)translateY(20px);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{color:#666;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0 0 0 8px;font-size:18px;line-height:1;transition:color .15s}.omnion-toast-close:hover{color:#fff}.omnion-sidebar-toggle{z-index:100;color:#888;cursor:pointer;background:#1a1a1a;border:1px solid #333;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;transition:all .15s;display:none;position:fixed;bottom:20px;left:20px}.omnion-sidebar-toggle:hover{color:#fff;background:#222}@media (max-width:768px){.omnion-layout{position:relative}.omnion-sidebar{z-index:90;border-right:1px solid #222;width:280px;min-width:280px;transition:transform .25s;position:fixed;top:56px;bottom:0;left:0;transform:translate(-100%)}.omnion-sidebar.mobile-open{transform:translate(0)}.omnion-sidebar-overlay{z-index:89;background:#0009;display:none;position:fixed;inset:56px 0 0}.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{cursor:pointer;background:#111;border:1px solid #222;border-radius:12px;align-items:center;gap:12px;margin:10px 0;padding:14px 16px;transition:background .15s,border-color .15s;display:flex}.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{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.file-card-path{color:#555;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12px;overflow:hidden}.file-card-actions{flex-shrink:0;gap:6px;display:flex}.file-card-btn{color:#888;cursor:pointer;background:#222;border:1px solid #333;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:background .15s,color .15s;display:flex}.file-card-btn:hover{color:#fff;background:#333}#liquid-rainbow-page{z-index:10;background:#000;display:none;position:absolute;inset:0}#liquid-rainbow-page.open{display:block}#recorder-page{background:var(--bg);z-index:10;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;display:none;position:absolute;inset:0;overflow-y:auto}#recorder-page.open{display:block}#recorder-page input,#recorder-page textarea{-webkit-user-select:text;user-select:text}#lr-canvas-container{cursor:crosshair;width:100%;height:100%;position:relative;overflow:hidden}#lr-canvas{width:100%;height:100%;display:block}#lr-toolbar{opacity:0;-webkit-backdrop-filter:blur(12px);pointer-events:none;background:#111111eb;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:6px;padding:6px 16px;transition:opacity .4s;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}#lr-toolbar.visible{opacity:1;pointer-events:auto}.lr-hue-dot{background:#f53d3d;border-radius:50%;flex-shrink:0;width:16px;height:16px;box-shadow:0 0 8px}.lr-mode-btn{color:#888;cursor:pointer;background:#222;border:none;border-radius:999px;padding:5px 14px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;transition:all .15s}.lr-mode-btn:hover{color:#ccc;background:#333}.lr-mode-btn.active{color:#fff;background:#ffffff1f}.lr-divider{background:#333;flex-shrink:0;width:1px;height:24px}.lr-flow-label{color:#666;white-space:nowrap;-webkit-user-select:none;user-select:none;font-family:Inter,sans-serif;font-size:13px}.lr-flow-label span{color:#aaa}.lr-action-btn{color:#888;cursor:pointer;background:#222;border:none;border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:all .15s;display:flex}.lr-action-btn:hover{color:#fff;background:#333}#lr-pause-indicator{color:#666;letter-spacing:2px;pointer-events:none;background:#111c;border:1px solid #ffffff1a;border-radius:12px;padding:8px 24px;font-family:Inter,sans-serif;font-size:14px;position:absolute;top:24px;left:50%;transform:translate(-50%)}.rec-projects-view{color:#fff;background:#0a0a0a;flex:1;padding:56px 28px;font-family:Inter,-apple-system,sans-serif;overflow-y:auto}.rec-projects-header{justify-content:space-between;align-items:center;max-width:900px;margin:0 auto 28px;display:flex}.rec-projects-title{color:#fff;letter-spacing:-.01em;margin:0;font-size:22px;font-weight:600}.rec-projects-new-btn{color:#000;cursor:pointer;background:#fff;border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:background .18s cubic-bezier(.4,0,.2,1),transform .18s cubic-bezier(.4,0,.2,1);display:inline-flex}.rec-projects-new-btn:hover{background:#ddd;transform:translateY(-1px)}.rec-projects-new-btn:active{transform:translateY(0)}.rec-projects-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;max-width:900px;margin:0 auto;display:grid}.rec-projects-empty{text-align:center;color:#444;letter-spacing:.02em;grid-column:1/-1;padding:96px 20px;font-size:13px}.rec-project-card{cursor:pointer;background:#111;border:1px solid #ffffff0f;border-radius:10px;align-items:center;gap:14px;padding:16px 18px;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);display:flex}.rec-project-card:hover{background:#1a1a1a;border-color:#2e2e2e;transform:translateY(-1px)}.rec-project-card-icon{background:#ffffff0a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.rec-project-card-info{flex:1;min-width:0}.rec-project-card-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.005em;font-size:14px;font-weight:600;overflow:hidden}.rec-project-card-meta{color:#666;letter-spacing:.02em;margin-top:4px;font-family:Space Grotesk,monospace;font-size:11px}.rec-project-card-delete{color:#555;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:6px;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{flex-direction:column;height:100%;display:flex}.rec-back-btn{color:#888;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;padding:6px;transition:color .18s cubic-bezier(.4,0,.2,1),background .18s cubic-bezier(.4,0,.2,1);display:flex}.rec-back-btn:hover{color:#fff;background:#ffffff0a}.rec-container{color:#fff;background:#0a0a0a;flex-direction:column;height:100%;padding:14px;font-family:Inter,-apple-system,sans-serif;display:flex;overflow:hidden}.rec-toolbar{background:#111;border:1px solid #ffffff0f;border-radius:12px;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:14px;margin-bottom:12px;padding:10px 16px;display:flex}.rec-toolbar-left{align-items:center;gap:10px;display:flex}.rec-toolbar-center{align-items:center;gap:18px;display:flex}.rec-toolbar-right{align-items:center;gap:6px;margin-left:auto;display:flex}.rec-project-name-input{color:#fff;letter-spacing:-.005em;background:0 0;border:1px solid #0000;border-radius:6px;outline:none;width:180px;padding:5px 8px;font-family:inherit;font-size:15px;font-weight:600;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{background:#ffffff0a;border-color:#ffffff1f}.rec-transport{align-items:center;gap:4px;display:flex}.rec-transport-btn{color:#999;cursor:pointer;background:#161616;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;min-width:36px;height:36px;padding:0 8px;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);display:flex}.rec-transport-btn:hover{color:#fff;background:#222;transform:translateY(-1px)}.rec-transport-btn:active{transform:translateY(0)}.rec-transport-btn.active{color:#fff;background:#222;border-color:#ffffff38}.rec-record-btn{color:#f44;border-color:#ff444440;border-radius:50%}.rec-record-btn:hover{color:#ff5a5a;background:#ff444426}.rec-record-btn.recording{color:#f44;background:#f443;border-color:#f446;animation:1s infinite rec-pulse}@keyframes rec-pulse{0%,to{box-shadow:0 0 #ff44444d}50%{box-shadow:0 0 0 6px #f440}}.rec-count-in-btn{letter-spacing:.04em;font-family:Space Grotesk,monospace;font-size:10px;font-weight:700}.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;background:#ffd93d1a;border-color:#ffd93d80;animation:.5s infinite rec-pulse-ci}@keyframes rec-pulse-ci{0%,to{box-shadow:0 0 #ffd93d66}50%{box-shadow:0 0 0 4px #ffd93d00}}.rec-time-display{color:#fff;letter-spacing:1.5px;text-align:center;font-variant-numeric:tabular-nums;min-width:110px;font-family:Space Grotesk,monospace;font-size:20px;font-weight:700}.rec-bpm-group{color:#666;letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.rec-bpm-input{color:#fff;text-align:center;font-variant-numeric:tabular-nums;background:#161616;border:1px solid #ffffff14;border-radius:6px;outline:none;width:54px;padding:5px 6px;font-family:Space Grotesk,monospace;font-size:13px;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{background:#1a1a1a;border-color:#ffffff2e}.rec-action-btn{color:#999;cursor:pointer;background:#161616;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:6px;padding:7px 12px;font-family:inherit;font-size:12px;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);display:flex}.rec-action-btn:hover{color:#fff;background:#222;border-color:#ffffff24;transform:translateY(-1px)}.rec-action-btn:active{transform:translateY(0)}.rec-action-btn.is-active{color:#000;background:#fff;border-color:#fff;font-weight:600}.rec-action-btn.is-active:hover{color:#000;background:#eee}.rec-main{background:#0d0d0d;border:1px solid #ffffff0f;border-radius:12px;flex:1;display:flex;overflow:hidden}.rec-headers-col{background:#111;border-right:1px solid #ffffff0f;flex-direction:column;width:220px;min-width:220px;display:flex}.rec-headers-top{color:#666;letter-spacing:1.5px;text-transform:uppercase;border-bottom:1px solid #ffffff0f;align-items:center;height:32px;padding:0 14px;font-size:10px;font-weight:700;display:flex}.rec-track-headers-scroll{flex:1;overflow-y:auto}.rec-empty-state{color:#555;letter-spacing:.04em;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:260px;padding:32px 20px;font-size:12px;display:flex}.rec-track-header{cursor:pointer;border-bottom:1px solid #ffffff0a;border-left:2px solid #0000;padding:11px 12px;transition:background .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1)}.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{align-items:center;gap:6px;margin-bottom:8px;display:flex}.rec-track-name{color:#e0e0e0;letter-spacing:-.005em;background:0 0;border:none;border-radius:4px;outline:none;flex:1;padding:2px 4px;font-family:inherit;font-size:13px;font-weight:600;transition:background .18s cubic-bezier(.4,0,.2,1)}.rec-track-name:hover,.rec-track-name:focus{color:#fff;background:#ffffff0d}.rec-track-controls{gap:10px;margin-bottom:6px;display:flex}.rec-slider-group{flex:1;align-items:center;gap:6px;display:flex}.rec-slider-group label{color:#666;letter-spacing:.08em;text-transform:uppercase;min-width:22px;font-size:9px;font-weight:700}.rec-slider-group input[type=range]{appearance:none;background:#2a2a2a;border-radius:2px;outline:none;flex:1;height:3px}.rec-slider-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#999;border-radius:50%;width:10px;height:10px;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{gap:4px;display:flex}.rec-track-btn{color:#666;cursor:pointer;letter-spacing:.04em;background:#161616;border:1px solid #ffffff14;border-radius:4px;min-width:28px;height:22px;padding:0 6px;font-family:inherit;font-size:10px;font-weight:700;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:1.4s infinite rec-pulse}.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{color:#555;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:22px;height:22px;font-size:16px;transition:color .18s cubic-bezier(.4,0,.2,1),background .18s cubic-bezier(.4,0,.2,1);display:flex}.rec-track-btn-sm:hover{color:#fff;background:#ffffff0d}.rec-delete-btn:hover{color:#f44;background:#ff444414}.rec-transcript{background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;max-height:80px;margin-top:8px;padding:8px 10px;overflow-y:auto}.rec-transcript-text{color:#999;white-space:pre-wrap;font-size:11px;line-height:1.5}.rec-add-track-bar{box-sizing:border-box;background:#0003;border-top:1px solid #ffffff0f;gap:4px;padding:8px;display:flex}.rec-add-btn{color:#888;cursor:pointer;letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;background:#161616;border:1px solid #ffffff0f;border-radius:8px;flex:1 1 0;justify-content:center;align-items:center;gap:4px;min-width:0;padding:8px 4px;font-family:inherit;font-size:10.5px;font-weight:600;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);display:flex;overflow:hidden}.rec-add-btn svg{flex-shrink:0}.rec-add-btn:hover{color:#fff;background:#222;border-color:#ffffff24;transform:translateY(-1px)}.rec-add-btn:active{transform:translateY(0)}.rec-timeline-col{flex-direction:column;flex:1;display:flex;position:relative;overflow:auto hidden}.rec-time-ruler-wrap{background:#00000026;border-bottom:1px solid #ffffff0f;flex-shrink:0;height:32px;overflow:hidden}.rec-time-ruler{cursor:pointer;min-width:100%;height:100%;position:relative}.rec-ruler-mark{border-left:1px solid #ffffff0a;height:100%;position:absolute;top:0}.rec-ruler-mark.major{border-left:1px solid #ffffff24}.rec-ruler-mark span{color:#666;white-space:nowrap;font-variant-numeric:tabular-nums;opacity:.5;letter-spacing:.04em;font-family:Space Grotesk,monospace;font-size:10px;position:absolute;top:9px;left:6px}.rec-ruler-mark.major span{opacity:.85;color:#888}.rec-lanes-scroll{flex:1;position:relative;overflow-y:auto}.rec-track-lane{border-bottom:1px solid #ffffff08;height:70px;transition:background .18s cubic-bezier(.4,0,.2,1);position:relative}.rec-track-lane:hover{background:#ffffff04}.rec-audio-clip{background:#ffffff0d;border:1px solid #ffffff24;border-radius:6px;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);position:absolute;top:4px;bottom:4px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f}.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{z-index:10;pointer-events:none;background:#f44;width:1.5px;position:absolute;top:0;bottom:0;box-shadow:0 0 6px #ff444459}.rec-playhead:before,.rec-playhead:after{content:"";border-left:5px solid #0000;border-right:5px solid #0000;width:0;height:0;position:absolute;left:50%;transform:translate(-50%)}.rec-playhead:before{border-top:6px solid #f44;top:0}.rec-playhead:after{border-bottom:6px solid #f44;bottom:0}.rec-fx-panel{z-index:100;background:#0d0d0d;border-top:1px solid #ffffff1f;border-left:1px solid #ffffff14;border-right:1px solid #ffffff14;border-radius:16px 16px 0 0;height:300px;padding:0;transition:bottom .25s cubic-bezier(.4,0,.2,1);position:fixed;bottom:-320px;left:236px;right:16px;overflow-y:auto;box-shadow:0 -12px 40px #00000080}.rec-fx-panel.open{bottom:0}.rec-fx-header{color:#fff;letter-spacing:.05em;text-transform:uppercase;z-index:1;background:#0d0d0d;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:14px 18px;font-size:13px;font-weight:700;display:flex;position:sticky;top:0}.rec-fx-sections{gap:28px;padding:20px;display:flex}.rec-fx-section{background:#ffffff05;border:1px solid #ffffff0d;border-radius:10px;flex:1;padding:14px 16px}.rec-fx-title{color:#666;letter-spacing:1.4px;text-transform:uppercase;border-bottom:1px solid #ffffff0d;margin-bottom:14px;padding-bottom:8px;font-size:10px;font-weight:700}.rec-fx-row{align-items:center;gap:10px;margin-bottom:12px;display:flex}.rec-fx-row label{color:#999;justify-content:space-between;min-width:90px;font-size:12px;font-weight:500;display:flex}.rec-fx-row label span{color:#fff;font-variant-numeric:tabular-nums;font-family:Space Grotesk,monospace;font-size:11px;font-weight:600}.rec-fx-row input[type=range]{appearance:none;background:#2a2a2a;border-radius:2px;outline:none;flex:1;height:3px}.rec-fx-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#999;border:2px solid #222;border-radius:50%;width:12px;height:12px;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{flex-wrap:wrap;gap:14px;padding:16px 18px}.rec-fx-section{min-width:200px}.rec-fx-section-wide{flex:1.6;min-width:320px}.rec-fx-grid-2{grid-template-columns:1fr 1fr;gap:4px 14px;display:grid}.rec-fx-select{color:#ddd;cursor:pointer;background:#1a1a1a;border:1px solid #ffffff14;border-radius:4px;outline:none;width:100%;padding:4px 6px;font-family:Space Grotesk,system-ui,sans-serif;font-size:11px}.rec-fx-select:hover{border-color:#ffffff2e}.rec-fx-select:focus{border-color:#ffffff4d}.rec-fx-toggle{color:#999;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:11px;display:inline-flex}.rec-fx-toggle input[type=checkbox]{accent-color:#fff}.rec-fx-gr-meter{background:#1a1a1a;border:1px solid #ffffff0d;border-radius:3px;width:100%;height:6px;margin-bottom:10px;position:relative;overflow:hidden}.rec-fx-gr-meter>.rec-fx-gr-fill{background:#fff;width:0%;height:100%;transition:width 50ms linear;position:absolute;top:0;right:0}.rec-fx-gr-meter-label{color:#555;letter-spacing:1.4px;text-transform:uppercase;margin-bottom:4px;font-size:9px}.rec-fx-spectrum{background:#050505;border:1px solid #ffffff0f;border-radius:6px;width:100%;height:110px;margin-bottom:10px;display:block}.rec-fx-browser{background:#0a0a0a;border-bottom:1px solid #ffffff0d;align-items:center;gap:14px;padding:10px 18px;display:flex}.rec-fx-browser-label{color:#555;letter-spacing:1.4px;text-transform:uppercase;white-space:nowrap;font-size:10px;font-weight:700}.rec-fx-browser-chips{flex-wrap:wrap;flex:1;gap:8px;display:flex}.rec-fx-chip{color:#ccc;cursor:pointer;-webkit-user-select:none;user-select:none;letter-spacing:.03em;background:#161616;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-family:Space Grotesk,system-ui,sans-serif;font-size:11px;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.rec-fx-chip:hover:not(:disabled){color:#fff;background:#1f1f1f;border-color:#fff3}.rec-fx-chip.is-added{color:#555;cursor:not-allowed;background:#0d0d0d;border-color:#ffffff0a}.rec-fx-chip-plus{color:#fff;background:#ffffff14;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.rec-fx-chip.is-added .rec-fx-chip-plus{color:#444;background:#ffffff0a}.rec-fx-slot{flex-direction:column;flex:1;min-width:200px;display:flex;position:relative}.rec-fx-slot>.rec-fx-section{flex:1;margin:0}.rec-fx-slot-controls{z-index:2;gap:3px;display:flex;position:absolute;top:8px;right:8px}.rec-fx-slot-btn{color:#888;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;padding:0;font-size:13px;line-height:1;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.rec-fx-slot-btn:hover:not(:disabled){color:#fff;background:#ffffff1a;border-color:#fff3}.rec-fx-slot-btn:disabled{opacity:.25;cursor:not-allowed}.rec-fx-slot-remove:hover:not(:disabled){color:#ff8080;background:#ff505026;border-color:#ff50504d}.rec-fx-empty{background:#ffffff03;border:1px dashed #ffffff14;border-radius:10px;flex-direction:column;flex:1;justify-content:center;align-items:center;min-width:280px;min-height:120px;padding:30px 20px;display:flex}.rec-fx-empty-text{color:#888;margin-bottom:4px;font-size:13px}.rec-fx-empty-sub{color:#555;font-size:11px}.rec-fx-limiter .rec-fx-pinned{letter-spacing:1.2px;color:#555;background:#ffffff0a;border-radius:4px;margin-left:8px;padding:1px 6px;font-size:8px;display:inline-block}.rec-project-modal{z-index:200;-webkit-backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.rec-project-modal.open{display:flex}.rec-modal-content{background:#111;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;width:400px;max-height:500px;display:flex;overflow:hidden;box-shadow:0 24px 60px #0009}.rec-modal-header{letter-spacing:-.005em;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:16px 20px;font-size:15px;font-weight:600;display:flex}.rec-modal-list{flex:1;overflow-y:auto}.rec-project-item{cursor:pointer;border-bottom:1px solid #ffffff08;align-items:center;padding:13px 20px;transition:background .18s cubic-bezier(.4,0,.2,1);display:flex}.rec-project-item:hover{background:#ffffff0a}.rec-project-item-info{flex:1}.rec-project-item-name{color:#fff;letter-spacing:-.005em;font-size:14px;font-weight:600}.rec-project-item-meta{color:#555;letter-spacing:.02em;margin-top:3px;font-family:Space Grotesk,monospace;font-size:11px}.rec-zoom-bar{z-index:50;-webkit-backdrop-filter:blur(8px);background:#111111eb;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:8px;padding:6px 12px;display:flex;position:absolute;bottom:14px;right:28px;box-shadow:0 4px 12px #0000004d}.rec-zoom-bar input[type=range]{appearance:none;background:#2a2a2a;border-radius:2px;outline:none;width:80px;height:3px}.rec-zoom-bar input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#999;border-radius:50%;width:10px;height:10px;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{color:#fff;z-index:300;opacity:0;pointer-events:none;background:#1a1a1a;border:1px solid #ffffff1f;border-radius:10px;padding:11px 24px;font-size:13px;font-weight:500;transition:opacity .18s cubic-bezier(.4,0,.2,1),transform .18s cubic-bezier(.4,0,.2,1);position:fixed;bottom:20px;left:50%;transform:translate(-50%)translateY(60px);box-shadow:0 8px 24px #0006}.rec-toast.show{opacity:1;transform:translate(-50%)translateY(0)}#writer-page{background:var(--bg);z-index:10;display:none;position:absolute;inset:0;overflow-y:auto}#writer-page.open{flex-direction:column;display:flex}.writer-project-card{background:var(--bg-secondary);border:1px solid var(--border);cursor:pointer;border-radius:12px;align-items:center;gap:16px;padding:16px 20px;transition:border-color .2s;display:flex}.writer-project-card:hover{border-color:#444}.writer-project-icon{background:var(--bg-message);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.writer-project-info{flex:1;min-width:0}.writer-project-name{color:var(--text);align-items:center;gap:8px;margin-bottom:4px;font-weight:600;display:flex}.writer-source-badge{color:#888;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;flex-shrink:0;padding:1px 6px;font-size:10px;font-weight:500}.writer-project-preview{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.writer-project-date{color:#444;margin-top:4px;font-size:12px}.writer-project-delete{color:#444;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;padding:8px}.writer-project-delete:hover{color:#f44;background:#ff44441a}#presenter-page{background:var(--bg);z-index:10;display:none;position:absolute;inset:0;overflow:hidden}#presenter-page.open{flex-direction:column;display:flex}#presenter-projects-view{max-height:calc(100vh - 60px);padding:0 24px 24px;overflow-y:auto}.presenter-projects-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-top:16px;display:grid}.presenter-project-card{background:var(--bg-secondary);border:1px solid var(--border);cursor:pointer;border-radius:12px;transition:border-color .2s;position:relative;overflow:hidden}.presenter-project-card:hover{border-color:#444}.presenter-new-card{border-style:dashed;flex-direction:column;justify-content:center;align-items:center;min-height:140px;display:flex}.presenter-card-icon{margin-bottom:8px}.presenter-card-thumb{background:#111;justify-content:center;align-items:center;height:120px;display:flex;overflow:hidden}.presenter-card-thumb img{object-fit:cover;width:100%;height:100%}.presenter-card-info{padding:12px}.presenter-card-name{color:var(--text);font-size:13px;font-weight:600}.presenter-card-meta{color:var(--text-muted);margin-top:4px;font-size:11px}.presenter-card-delete{color:#666;cursor:pointer;background:#000000b3;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;display:none;position:absolute;top:8px;right:8px}.presenter-project-card:hover .presenter-card-delete{display:flex}.presenter-card-delete:hover{color:#f44}.presenter-toolbar{background:var(--bg-secondary);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;height:48px;padding:8px 12px;display:flex}.presenter-toolbar-left,.presenter-toolbar-center,.presenter-toolbar-right{align-items:center;gap:6px;display:flex}.presenter-toolbar-btn{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;display:flex}.presenter-toolbar-btn:hover{color:var(--text);border-color:#444}.presenter-present-btn{font-weight:600;background:var(--text)!important;color:var(--bg)!important;border-color:var(--text)!important}.presenter-present-btn:hover{opacity:.9}.presenter-name-input{color:var(--text);background:0 0;border:none;border-radius:6px;width:200px;padding:4px 8px;font-size:14px;font-weight:600}.presenter-name-input:focus{background:var(--bg-message);outline:none}.presenter-layout{flex:1;height:calc(100vh - 48px);display:flex;overflow:hidden}.presenter-slides-panel{background:var(--bg);border-right:1px solid var(--border);flex-shrink:0;width:160px;padding:12px 8px;overflow-y:auto}.presenter-canvas-wrapper{background:#0a0a0a;flex:1;justify-content:center;align-items:center;padding:24px;display:flex;position:relative;overflow:hidden}.presenter-canvas{transform-origin:0 0;background:#000;border:1px solid #ffffff40;border-radius:4px;width:1920px;height:1080px;position:absolute;overflow:visible;box-shadow:0 8px 32px #00000080}.presenter-props-panel{background:var(--bg);border-left:1px solid var(--border);flex-shrink:0;width:260px;padding:0;overflow-y:auto}.presenter-editor.chat-open .presenter-props-panel{width:220px}.presenter-slide-list{flex-direction:column;gap:8px;display:flex}.presenter-slide-thumb{cursor:pointer;border:2px solid #0000;border-radius:6px;transition:border-color .2s;overflow:hidden}.presenter-slide-thumb.active{border-color:var(--text)}.presenter-slide-thumb:hover{border-color:#444}.presenter-slide-mini{aspect-ratio:16/9;border-radius:4px;width:100%;font-size:0;position:relative;overflow:hidden}.presenter-slide-num{text-align:center;color:var(--text-muted);margin-top:2px;font-size:10px}.presenter-slide-add{aspect-ratio:16/9;cursor:pointer;border:1px dashed #333;border-radius:6px;justify-content:center;align-items:center;width:100%;margin-top:4px;display:flex}.presenter-slide-add:hover{border-color:#666}.presenter-template-picker{z-index:9999;background:#111;border:1px solid #333;border-radius:12px;width:340px;max-height:70vh;padding:12px;position:fixed;overflow-y:auto;box-shadow:0 8px 32px #0009}.presenter-template-picker-header{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px;padding:0 4px;font-size:12px;font-weight:600}.presenter-template-picker-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.presenter-template-option{cursor:pointer;border-radius:8px;padding:6px;transition:background .15s}.presenter-template-option:hover{background:#222}.presenter-template-preview{aspect-ratio:16/9;border:1px solid #333;border-radius:4px;width:100%;overflow:hidden}.presenter-template-preview svg{width:100%;height:100%;display:block}.presenter-template-label{color:var(--text-muted);text-align:center;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:10px;overflow:hidden}.presenter-prop-section{border-bottom:1px solid var(--border);padding:12px}.presenter-prop-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:11px;font-weight:700;display:flex}.presenter-prop-actions{gap:4px;display:flex}.presenter-prop-actions button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 4px}.presenter-prop-actions button:hover{color:var(--text);background:var(--bg-message)}.presenter-prop-grid{flex-direction:column;gap:6px;display:flex}.presenter-prop-row{color:var(--text-muted);justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.presenter-prop-row input,.presenter-prop-row select{background:var(--bg-message);border:1px solid var(--border);color:var(--text);border-radius:6px;width:100px;padding:4px 6px;font-size:12px}.presenter-prop-row input[type=color]{cursor:pointer;width:32px;height:26px;padding:1px}.presenter-prop-row select{width:110px}.presenter-prop-textarea{background:var(--bg-message);border:1px solid var(--border);width:100%;color:var(--text);resize:vertical;border-radius:8px;min-height:60px;margin-top:6px;padding:8px;font-family:inherit;font-size:12px}.presenter-prop-select{background:var(--bg-message);border:1px solid var(--border);width:100%;color:var(--text);border-radius:8px;padding:6px 8px;font-size:12px}.presenter-add-btns{flex-direction:column;gap:4px;display:flex}.presenter-add-btn{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:12px;display:flex}.presenter-add-btn:hover{color:var(--text);background:var(--bg-message);border-color:#444}.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{flex-wrap:wrap;gap:4px;display:flex}.presenter-align-btns button{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;padding:6px;display:flex}.presenter-align-btns button:hover{color:var(--text);background:var(--bg-message);border-color:#444}.presenter-canvas .presenter-element{cursor:move}.presenter-canvas .presenter-element.selected{z-index:100;outline-offset:2px;outline:2px solid #fff}.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-offset:1px;outline:1px dashed #fff}.presenter-layers-panel{background:var(--bg-secondary);border-left:1px solid var(--border);flex-direction:column;flex-shrink:0;width:0;min-width:0;transition:width .2s,min-width .2s;display:flex;overflow:hidden}.presenter-layers-panel.open{width:200px;min-width:200px}.presenter-layers-header{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 12px;font-size:12px;font-weight:600;display:flex}.presenter-layers-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 4px;font-size:18px;display:inline-flex}.presenter-layers-close-btn:hover{color:var(--text)}.presenter-layers-list{flex:1;padding:4px 0;overflow-y:auto}.presenter-layer-item{cursor:pointer;color:var(--text-muted);border-left:3px solid #0000;align-items:center;gap:6px;padding:6px 10px;font-size:12px;transition:background .15s;display:flex}.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{flex-shrink:0;display:flex}.presenter-layer-color{border:1px solid #444;border-radius:3px;flex-shrink:0;width:12px;height:12px}.presenter-layer-label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.presenter-layer-actions{opacity:0;flex-shrink:0;gap:2px;transition:opacity .15s;display:flex}.presenter-layer-item:hover .presenter-layer-actions{opacity:1}.presenter-layer-action-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:2px;display:flex}.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);border-radius:4px;width:100%;padding:2px 4px;font-size:12px}.presenter-eyedropper-toast{color:#ccc;z-index:9999;white-space:nowrap;pointer-events:none;background:#000000d9;border-radius:8px;padding:8px 16px;font-size:12px;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.presenter-eyedropper-preview{z-index:9999;background:#000000e6;border:1px solid #333;border-radius:10px;min-width:140px;padding:10px 14px;position:absolute;top:20px;right:20px}.presenter-chat-sidebar{background:var(--bg);border-left:1px solid var(--border);flex-direction:column;flex-shrink:0;width:0;transition:width .3s;display:flex;overflow:hidden}.presenter-chat-sidebar.open{width:380px}.presenter-chat-header{border-bottom:1px solid var(--border);color:var(--text);flex-direction:column;font-size:13px;font-weight:600;display:flex}.presenter-chat-header-top{justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.presenter-chat-header-actions{align-items:center;gap:4px;display:flex}.presenter-chat-close,.presenter-chat-reset{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px}.presenter-chat-close:hover,.presenter-chat-reset:hover{color:var(--text);background:var(--bg-message)}.presenter-chat-scope{gap:4px;padding:0 12px 10px;display:flex}.presenter-scope-btn{background:var(--bg-message);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;text-align:center;border-radius:8px;flex:1;padding:5px 10px;font-size:11px;font-weight:600;transition:all .15s}.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{background:var(--bg-message);color:var(--text)!important}.presenter-style-panel{border-bottom:1px solid var(--border);flex-direction:column;gap:12px;max-height:400px;padding:10px 12px;animation:.2s presenterStyleSlide;display:flex;overflow-y:auto}@keyframes presenterStyleSlide{0%{opacity:0;max-height:0;padding:0 12px}to{opacity:1;max-height:400px}}.presenter-style-section{flex-direction:column;gap:6px;display:flex}.presenter-style-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:700}.presenter-style-moods{flex-wrap:wrap;gap:4px;display:flex}.presenter-mood-btn{background:var(--bg-message);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;border-radius:999px;padding:4px 10px;font-size:11px;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{flex-direction:column;gap:6px;display:flex}.presenter-style-color-row{justify-content:space-between;align-items:center;display:flex}.presenter-style-color-row span{color:var(--text-muted);font-size:11px}.presenter-style-color-row input[type=color]{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:6px;width:28px;height:28px;padding:1px}.presenter-style-color-presets{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.presenter-color-preset{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:6px;gap:2px;padding:3px 5px;transition:all .15s;display:flex}.presenter-color-preset:hover{border-color:#555}.presenter-color-preset.active{border-color:var(--text)}.presenter-color-preset span{border-radius:3px;width:14px;height:14px;display:block}.presenter-style-shapes{gap:4px;display:flex}.presenter-shape-btn{background:var(--bg-message);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;border-radius:8px;flex-direction:column;flex:1;align-items:center;gap:3px;padding:6px 12px;font-size:10px;transition:all .15s;display:flex}.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{flex-wrap:wrap;gap:4px;display:flex}.presenter-font-btn{background:var(--bg-message);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;border-radius:6px;padding:4px 8px;font-size:11px;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);resize:none;border-radius:8px;padding:6px 8px;font-family:inherit;font-size:11px}.presenter-style-custom:focus{border-color:#444;outline:none}.presenter-style-actions{justify-content:flex-end;display:flex}.presenter-style-reset{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:10px}.presenter-style-reset:hover{color:var(--text);background:var(--bg-message)}.presenter-chat-messages{flex-direction:column;flex:1;gap:8px;padding:12px;display:flex;overflow-y:auto}.presenter-chat-welcome{text-align:center;padding:30px 16px}.presenter-chat-quick-actions{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:16px;display:flex}.presenter-chat-quick-actions button{background:var(--bg-message);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;white-space:nowrap;border-radius:999px;padding:6px 12px;font-size:11px;transition:all .15s}.presenter-chat-quick-actions button:hover{color:var(--text);background:#1a1a1a;border-color:#555}.presenter-chat-msg{display:flex}.presenter-chat-msg.user{justify-content:flex-end}.presenter-chat-bubble{border-radius:12px;max-width:92%;padding:8px 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;border-radius:6px;margin:6px 0;padding:8px;font-size:11px;overflow-x:auto}.presenter-chat-bubble code{background:#1a1a1a;border-radius:3px;padding:1px 4px;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{flex-wrap:wrap;gap:6px;display:flex}.presenter-apply-btn{cursor:pointer;border:none;border-radius:8px;padding:6px 12px;font-size:11px;font-weight:600;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{color:#666;padding:6px 0;font-size:11px;font-weight:600}.presenter-slides-preview{margin-top:6px}.presenter-slides-preview summary{color:var(--text-muted);cursor:pointer;padding:2px 0;font-size:11px}.presenter-slides-preview summary:hover{color:var(--text)}.presenter-slides-preview pre{max-height:120px;font-size:10px;overflow:auto}.presenter-chat-input-wrap{border-top:1px solid var(--border);align-items:flex-end;gap:6px;padding:10px 12px;display:flex}.presenter-chat-input{background:var(--bg-message);border:1px solid var(--border);color:var(--text);resize:none;border-radius:10px;flex:1;padding:8px 10px;font-family:inherit;font-size:13px}.presenter-chat-input:focus{border-color:#444;outline:none}.presenter-chat-send{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px}.presenter-chat-send:hover{color:var(--text)}.presenter-fullscreen{z-index:10000;cursor:none;background:#000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.presenter-present-slide{transform-origin:0 0;width:1920px;height:1080px;position:absolute;overflow:hidden}.presenter-present-controls{opacity:0;color:#888;background:#000000b3;border-radius:20px;align-items:center;gap:12px;padding:6px 16px;font-size:12px;transition:opacity .3s;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.presenter-fullscreen:hover .presenter-present-controls{opacity:1}.presenter-fullscreen:hover{cursor:default}.presenter-present-exit{color:#888;cursor:pointer;background:0 0;border:1px solid #444;border-radius:6px;padding:4px 10px;font-size:11px}.presenter-present-exit:hover{color:#fff;border-color:#666}.presenter-mobile-nav{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));display:none;position:fixed;bottom:0;left:0;right:0}.presenter-mobile-nav-inner{justify-content:space-around;align-items:center;display:flex}.presenter-mobile-nav-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-direction:column;align-items:center;gap:2px;padding:6px 12px;font-size:10px;display:flex}.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{gap:4px;height:44px;padding:6px 8px}.presenter-toolbar-center{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1;gap:2px;overflow:auto hidden}.presenter-toolbar-center::-webkit-scrollbar{display:none}.presenter-toolbar-btn{flex-shrink:0;padding:5px 6px;font-size:11px}.presenter-toolbar-btn svg{width:14px;height:14px}.presenter-toolbar-center .presenter-toolbar-btn{border:none;gap:0;padding:6px;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],.presenter-toolbar-center{display:none}.presenter-toolbar-center.mobile-tools-open{background:var(--bg-secondary);border:1px solid var(--border);z-index:90;border-radius:12px;flex-wrap:wrap;gap:4px;padding:8px;display:flex;position:fixed;bottom:56px;left:8px;right:8px;overflow:visible;box-shadow:0 -4px 20px #00000080}.presenter-toolbar-center.mobile-tools-open .presenter-toolbar-btn{border:1px solid var(--border);border-radius:8px;padding: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{padding:6px;font-size:0}.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{z-index:50;background:var(--bg);border-right:none;width:100%;padding:12px;display:none;position:fixed;top:44px;bottom:56px;left:0;overflow-y:auto}.presenter-slides-panel.mobile-open{display:block}.presenter-slides-panel.mobile-open .presenter-slide-list{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;display:grid}.presenter-canvas-wrapper{flex:none;margin:0;padding:4px;position:absolute;inset:0 0 56px}.presenter-props-panel{z-index:50;background:var(--bg);border-top:1px solid var(--border);border-left:none;border-radius:16px 16px 0 0;width:100%;max-height:50vh;display:none;position:fixed;bottom:56px;left:0;right:0;overflow-y:auto;box-shadow:0 -4px 20px #0006}.presenter-props-panel.mobile-open{display:block}.presenter-props-panel.mobile-open:before{content:"";background:#444;border-radius:2px;width:36px;height:4px;margin:8px auto 4px;display:block}.presenter-chat-sidebar.open{z-index:60;width:100%;position:fixed;inset:44px 0 56px}.presenter-layers-panel.open{z-index:55;width:240px;position:fixed;top:44px;bottom:56px;right:0;box-shadow:-4px 0 20px #0000004d}}.writer-toolbar{background:var(--bg);border-bottom:1px solid var(--border);z-index:10;justify-content:space-between;align-items:center;padding:8px 16px;display:flex;position:sticky;top:0}.writer-toolbar-left{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.writer-toolbar-right{flex-shrink:0;align-items:center;gap:4px;display:flex}.writer-title-input{color:var(--text);background:0 0;border:none;border-radius:6px;flex:1;min-width:0;max-width:300px;padding:6px 10px;font-size:15px;font-weight:600}.writer-title-input:focus{background:var(--bg-secondary);outline:none}.writer-toolbar-btn{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;display:flex}.writer-toolbar-btn:hover{color:var(--text);border-color:#444}.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{background:var(--bg-secondary);border-bottom:1px solid var(--border);flex-wrap:nowrap;align-items:center;gap:2px;padding:6px 16px;display:flex;overflow-x:auto}.writer-format-btn{width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;display:flex}.writer-format-btn:hover,.writer-format-btn.active{background:var(--bg-message);color:var(--text)}.writer-format-divider{background:var(--border);flex-shrink:0;width:1px;height:20px;margin:0 4px}.writer-block-select{background:var(--bg-message);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:6px;flex-shrink:0;padding:4px 8px;font-size:13px}.writer-editor-container{background:var(--bg-secondary);flex:1;justify-content:center;min-height:0;padding:40px 20px;display:flex;overflow-y:auto}#writer-editor-view{flex-direction:column;height:100vh;display:flex}.writer-paper{background:var(--bg);border:1px solid var(--border);border-radius:12px;width:100%;max-width:760px;min-height:80vh;padding:60px 60px 120px}@media (max-width:768px){.writer-paper{border:none;border-radius:0;padding:24px 20px 80px}.writer-editor-container{padding:0}}.writer-content{color:var(--text);outline:none;min-height:200px;font-family:Inter,system-ui,sans-serif;font-size:16px;line-height:1.75}.writer-content:empty:before{content:"Begin met schrijven...";color:#444;pointer-events:none}.writer-content h1{margin:.8em 0 .4em;font-size:2.2em;font-weight:700;line-height:1.2}.writer-content h2{margin:.7em 0 .3em;font-size:1.6em;font-weight:600;line-height:1.3}.writer-content h3{margin:.6em 0 .3em;font-size:1.3em;font-weight:600;line-height:1.4}.writer-content p{margin:.5em 0}.writer-content blockquote{color:var(--text-muted);background:var(--bg-secondary);border-left:3px solid #444;border-radius:0 8px 8px 0;margin:1em 0;padding:8px 16px;font-style:italic}.writer-content pre{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;margin:1em 0;padding:16px;font-family:SF Mono,Fira Code,monospace;font-size:14px;overflow-x:auto}.writer-content code{background:var(--bg-secondary);border-radius:4px;padding:2px 6px;font-family:SF Mono,Fira Code,monospace;font-size:.9em}.writer-content ul,.writer-content ol{margin:.5em 0;padding-left:1.5em}.writer-content li{margin:.25em 0}.writer-content a{color:#6af;text-decoration:underline}.writer-content img{cursor:pointer;border-radius:8px;max-width:100%;height:auto;margin:1em 0;display:block}.writer-content hr{border:none;border-top:1px solid var(--border);margin:2em 0}.writer-selection-popup{z-index:1000;animation:.15s writerPopIn}.writer-selection-popup button{background:var(--text);color:var(--bg);cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;display:flex;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{border-bottom:1px solid var(--border);gap:0;margin-bottom:16px;display:flex}.writer-img-tab{color:var(--text-muted);cursor:pointer;text-align:center;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:10px;font-size:14px}.writer-img-tab.active{color:var(--text);border-bottom-color:var(--text)}.writer-chat-panel{background:var(--bg);border-left:1px solid var(--border);z-index:200;flex-direction:column;width:380px;height:100vh;transition:right .25s;display:flex;position:fixed;top:0;right:-380px}.writer-chat-panel.open{right:0}.writer-chat-header{border-bottom:1px solid var(--border);color:var(--text);justify-content:space-between;align-items:center;padding:16px 20px;font-size:14px;font-weight:600;display:flex}.writer-chat-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;display:flex}.writer-chat-close:hover{background:var(--bg-secondary);color:var(--text)}.writer-chat-messages{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.writer-chat-msg{word-wrap:break-word;border-radius:12px;max-width:90%;padding:10px 14px;font-size:14px;line-height:1.6}.writer-chat-msg-user{background:var(--bg-user);color:var(--text);border-bottom-right-radius:4px;align-self:flex-end}.writer-chat-msg-ai{background:var(--bg-message);color:var(--text);border:1px solid var(--border);border-bottom-left-radius:4px;align-self:flex-start}.writer-chat-loading{color:var(--text-muted)}.writer-chat-dot{background:var(--text-muted);border-radius:50%;width:6px;height:6px;animation:1s infinite writerDotPulse;display:inline-block}@keyframes writerDotPulse{0%,to{opacity:.3}50%{opacity:1}}.writer-chat-input-bar{border-top:1px solid var(--border);background:var(--bg);align-items:flex-end;gap:8px;padding:12px 16px;display:flex}.writer-chat-input-bar textarea{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text);resize:none;border-radius:10px;outline:none;flex:1;min-height:40px;padding:10px 14px;font-family:inherit;font-size:14px}.writer-chat-input-bar textarea:focus{border-color:#444}.writer-chat-send{background:var(--text);width:40px;height:40px;color:var(--bg);cursor:pointer;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.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;margin:12px 0;padding:16px;font-size:14px}.test-report.test-all-pass{border-color:#22c55e44}.test-report.test-has-fail{border-color:#ef444444}.test-report-header{border-bottom:1px solid #222;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;display:flex}.test-report-title{color:#fff;font-size:15px;font-weight:600}.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{border-bottom:1px solid #1a1a1a;flex-wrap:wrap;align-items:flex-start;gap:8px;padding:6px 0;display:flex}.test-item:last-child{border-bottom:none}.test-icon{text-align:center;flex-shrink:0;width:20px;font-weight:700}.test-pass .test-icon{color:#22c55e}.test-fail .test-icon{color:#ef4444}.test-name{color:#ccc;flex:1}.test-duration{color:#555;flex-shrink:0;font-size:12px}.test-details{color:#ef4444;white-space:pre-wrap;background:#1a1a1a;border-radius:6px;width:100%;margin-top:4px;padding:8px;font-family:monospace;font-size:12px}.test-suggest{color:#22c55e;cursor:pointer;background:#111;border:1px solid #22c55e44;border-radius:8px;align-items:center;gap:8px;margin-top:8px;padding:8px 16px;font-size:13px;transition:background .15s,border-color .15s;display:inline-flex}.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{color:#22c55e;background:#22c55e0a;border:1px solid #22c55e22;border-radius:8px;align-items:center;gap:8px;margin:8px 0;padding:10px 14px;font-size:13px;display:flex}.test-mode-indicator svg{stroke:#22c55e;flex-shrink:0}.test-mode-indicator span{opacity:.7}.test-options{flex-direction:column;gap:6px;margin-top:10px;display:flex}.test-option{color:#ccc;cursor:pointer;background:#0d0d0d;border:1px solid #22c55e22;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;font-size:13px;transition:background .15s,border-color .15s,color .15s;display:flex}.test-option:hover{color:#fff;background:#22c55e10;border-color:#22c55e66}.test-option-icon{color:#22c55e;background:#22c55e15;border-radius:8px;justify-content:center;align-items:center;width:28px;min-width:28px;height:28px;font-size:14px;display:flex}.test-option-text{flex:1;line-height:1.3}#input-area.test-mode-active{border-color:#22c55e44}#input-area.test-mode-active #message-input::placeholder{color:#22c55e88}.spar-mode-indicator{color:#ccc;background:linear-gradient(135deg,#c2410c18,#7c3aed18,#1d4ed818);border:1px solid #7c3aed33;border-radius:8px;align-items:center;gap:8px;margin:8px 0;padding:8px 14px;font-size:13px;display:flex}.spar-mode-indicator svg{stroke:#a78bfa;flex-shrink:0}#dns-page{background:var(--bg);z-index:10;display:none;position:absolute;inset:0;overflow:hidden}#dns-page.open{flex-direction:column;display:flex}#dns-page-inner{flex-direction:column;width:100%;height:100%;padding:16px;display:flex;overflow-y:auto}.dns-zone-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;margin-bottom:16px;padding:16px}.dns-zone-domain{color:#fff;margin-bottom:8px;font-size:18px;font-weight:600}.dns-zone-meta{align-items:center;gap:8px;display:flex}.dns-zone-status{color:#888;background:#222;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:500}.dns-status-active{color:#4ade80;background:#0a2a0a}.dns-zone-plan{color:#666;font-size:12px}.dns-toolbar{flex-shrink:0;margin-bottom:12px}.dns-toolbar select{color:#fff;cursor:pointer;appearance:none;background:#111 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") right 12px center no-repeat;border:1px solid #333;border-radius:8px;padding:8px 32px 8px 12px;font-family:inherit;font-size:13px}.dns-record-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;align-items:center;gap:12px;margin-bottom:8px;padding:12px 16px;display:flex}.dns-record-header{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.dns-record-type{color:#888;white-space:nowrap;background:#222;border-radius:4px;padding:2px 8px;font-family:monospace;font-size:11px;font-weight:700}.dns-type-a{color:#818cf8;background:#1a1a2e}.dns-type-aaaa{color:#4ade80;background:#1a2e1a}.dns-type-cname{color:#f87171;background:#2e1a1a}.dns-type-mx{color:#fbbf24;background:#2e2a1a}.dns-type-txt{color:#22d3ee;background:#1a2e2e}.dns-type-ns{color:#c084fc;background:#2e1a2e}.dns-record-name{color:#ccc;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.dns-record-proxied{color:#f97316;font-size:16px}.dns-record-content{color:#666;white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-family:monospace;font-size:12px;overflow:hidden}.dns-record-actions{flex-shrink:0;gap:4px;display:flex}.dns-btn-edit,.dns-btn-delete{color:#555;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:4px;display:flex}.dns-btn-edit:hover{color:#fff}.dns-btn-delete:hover{color:#f87171}.dns-loading,.dns-empty,.dns-error{text-align:center;color:#555;padding:40px;font-size:14px}.dns-error{color:#f87171}.dns-label{color:#888;margin:12px 0 4px;font-size:12px;display:block}.dns-label:first-child{margin-top:0}.dns-input{color:#fff;box-sizing:border-box;background:#111;border:1px solid #333;border-radius:8px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px}.dns-input:focus{border-color:#555;outline:none}.dns-checkbox-label{cursor:pointer;color:#ccc;align-items:center;gap:8px;margin:12px 0;font-size:13px;display:flex}.dns-checkbox-label input[type=checkbox]{accent-color:#fff}.dns-save-btn{color:#000;cursor:pointer;background:#fff;border:none;border-radius:8px;width:100%;margin-top:16px;padding:12px;font-family:inherit;font-size:14px;font-weight:600}.dns-save-btn:hover{background:#ddd}.dns-save-btn:disabled{opacity:.5;cursor:not-allowed}#datalab-page{z-index:10;background:#000;display:none;position:absolute;inset:0;overflow:hidden}#datalab-page.open{flex-direction:column;display:flex}#datalab-page-inner{flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}#datalab-projects-view{flex:1;padding:40px 24px;overflow-y:auto}.datalab-projects-header{text-align:center;margin-bottom:32px}.datalab-projects-header svg{margin-bottom:8px}.datalab-projects-header h2{color:var(--text);margin:0 0 4px;font-size:22px;font-weight:600}.datalab-projects-header p{color:var(--text-muted);margin:0;font-size:14px}.datalab-projects-actions{justify-content:center;margin-bottom:24px;display:flex}.datalab-new-project-btn{color:#000;cursor:pointer;background:#fff;border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:500;transition:background .15s;display:inline-flex}.datalab-new-project-btn:hover{background:#ddd}.datalab-projects-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;max-width:900px;margin:0 auto;display:grid}.datalab-project-card{background:var(--bg-secondary);border:1px solid var(--border);cursor:pointer;border-radius:12px;align-items:center;gap:14px;padding:16px 18px;transition:background .15s,border-color .15s;display:flex;position:relative}.datalab-project-card:hover{background:#1a1a1a;border-color:#444}.datalab-project-thumb{background:#111;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.datalab-project-info{flex:1;min-width:0}.datalab-project-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.datalab-project-meta{color:var(--text-muted);margin-top:2px;font-size:12px}.datalab-project-delete{color:#555;cursor:pointer;opacity:0;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:18px;transition:opacity .15s;position:absolute;top:8px;right:10px}.datalab-project-card:hover .datalab-project-delete{opacity:1}.datalab-project-delete:hover{color:#fff;background:#333}#datalab-projects-empty{text-align:center;color:#555;padding:60px 20px}#datalab-projects-empty svg{margin-bottom:12px}#datalab-projects-empty p{margin:0;font-size:14px}#calculator-page{z-index:10;background:#000;display:none;position:absolute;inset:0;overflow:hidden}#calculator-page.open{flex-direction:column;display:flex}#calculator-page-inner{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}#glitter-canvas{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;top:0;left:0}.calc-container{z-index:1;width:100%;max-width:380px;padding:20px;position:relative}.calc-history-panel{text-align:right;min-height:60px;margin-bottom:8px;padding:0 8px}.calc-history-item{color:#555;font-family:Space Grotesk,monospace;font-size:13px;line-height:1.6;transition:color .3s}.calc-history-item:last-child{color:#888}.calc-display-wrap{background:#111;border:1px solid #ffffff0f;border-radius:20px;margin-bottom:16px;padding:24px 20px;position:relative;overflow:hidden;box-shadow:0 0 40px #ffd7000d,inset 0 0 60px #00000080}.calc-display-wrap:before{content:"";background:conic-gradient(#0000,#ffd70008,#0000,#ff69b408,#0000,#00ffff08,#0000);width:200%;height:200%;animation:8s linear infinite calcShimmer;position:absolute;top:-50%;left:-50%}@keyframes calcShimmer{to{transform:rotate(360deg)}}.calc-display{color:#fff;text-align:right;word-break:break-all;z-index:1;text-shadow:0 0 20px #ffd70026;justify-content:flex-end;align-items:center;min-height:68px;font-family:Space Grotesk,monospace;font-size:56px;font-weight:700;transition:font-size .2s;display:flex;position:relative}.calc-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.calc-btn{cursor:pointer;color:#fff;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:#1a1a1a;border:none;border-radius:16px;height:72px;padding:0;font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:600;transition:all .15s;position:relative;overflow:hidden}.calc-btn:after{content:"";background:radial-gradient(circle,#ffd70033 0%,#0000 70%);border-radius:50%;width:0;height:0;transition:width .4s,height .4s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.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:.2s btnPop}@keyframes btnPop{0%{transform:scale(1)}50%{transform:scale(1.12)}to{transform:scale(1)}}.calc-btn-func{color:#aaa;background:#2a2a2a}.calc-btn-func:hover{background:#333}.calc-btn-op{color:gold;background:#1a1a1a;border:1px solid #ffd70026;font-size:28px}.calc-btn-op:hover{background:#222;border-color:#ffd7004d;box-shadow:0 0 15px #ffd7001a}.calc-op-active{color:#000!important;background:gold!important;border-color:gold!important;box-shadow:0 0 25px #ffd70066!important}.calc-btn-zero{grid-column:span 2}.calc-btn-equals{color:#000;background:linear-gradient(135deg,gold,#ff69b4);font-size:30px;font-weight:800;box-shadow:0 0 20px #ff69b433}.calc-btn-equals:hover{transform:scale(1.05);box-shadow:0 0 30px #ff69b459}.calc-btn-equals:active{transform:scale(.92)}@media (max-width:420px){.calc-container{max-width:100%;padding:12px}.calc-btn{border-radius:14px;height:64px;font-size:22px}.calc-display{min-height:56px;font-size:44px}.calc-display-wrap{border-radius:16px;padding:18px 16px}.calc-grid{gap:8px}}#mol-game-page{display:none}#mol-game-page.open{background:var(--bg);z-index:50;flex-direction:column;display:flex;position:absolute;inset:0}#demo-manager-page{display:none}#demo-manager-page.open{background:var(--bg);z-index:50;flex-direction:column;display:flex;position:absolute;inset:0;overflow-y:auto}#demo-manager-page-inner{width:100%;max-width:800px;margin:0 auto;padding:24px 20px}.demo-manager-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.demo-manager-header h2{margin:0;font-size:20px;font-weight:600}.demo-manager-actions{gap:8px;display:flex}.demo-account-card{background:#111;border:1px solid #222;border-radius:12px;margin-bottom:12px;padding:16px}.demo-card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.demo-card-info{align-items:center;gap:12px;display:flex}.demo-card-name{font-size:16px;font-weight:600}.demo-card-url{color:#888;font-size:13px}.demo-card-meta{align-items:center;gap:12px;display:flex}.demo-card-status{color:#888;font-size:13px}.demo-card-port{color:#555;font-family:monospace;font-size:12px}.demo-status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.demo-status-dot.running{background:#4a4}.demo-status-dot.stopped{background:#a44}.demo-status-dot.unknown{background:#666}.demo-card-details{border-top:1px solid #222;gap:24px;margin-bottom:12px;padding:10px 0;display:flex}.demo-detail{flex-direction:column;gap:2px;font-size:13px;display:flex}.demo-detail span:first-child{color:#666;text-transform:uppercase;font-size:11px}.demo-detail code{background:#1a1a1a;border-radius:4px;padding:2px 6px;font-size:12px}.demo-token-info{flex-direction:column;gap:3px;min-width:100px;display:flex}.demo-token-text{color:#ccc;white-space:nowrap;font-size:12px}.demo-token-bar{background:#222;border-radius:2px;width:100%;height:4px;overflow:hidden}.demo-token-bar-fill{border-radius:2px;height:100%;transition:width .3s}.demo-card-actions{border-top:1px solid #222;gap:8px;padding-top:8px;display:flex}.demo-btn{color:#ccc;cursor:pointer;background:0 0;border:1px solid #333;border-radius:8px;padding:6px 14px;font-size:13px}.demo-btn:hover{background:#222}.demo-btn-primary{color:#000;background:#fff;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;color:#666;padding:60px 20px}.demo-spinner{border:2px solid #666;border-top-color:#0000;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin;display:inline-block}.demo-progress-bar-container{background:#1a1a1a;border-radius:3px;width:100%;height:6px;margin-bottom:8px;overflow:hidden}.demo-progress-bar{background:#fff;border-radius:3px;width:0%;height:100%;transition:width .4s}.demo-progress-info{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}#demo-progress-step{color:#999;text-overflow:ellipsis;white-space:nowrap;flex:1;padding-right:12px;font-family:monospace;font-size:12px;overflow:hidden}#demo-progress-pct{color:#fff;font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}#demo-build-progress{background:#111;border:1px solid #222;border-radius:12px;margin-bottom:16px;padding:16px}.demo-build-log{color:#555;white-space:pre-wrap;word-break:break-all;max-height:160px;font-family:monospace;font-size:11px;line-height:1.6;overflow-y:auto}.demo-build-log .log-line{color:#555}.demo-build-log .log-line:last-child{color:#888}.demo-tools-toggle{gap:6px;margin-bottom:8px;display:flex}.demo-btn-sm{border-radius:6px;padding:3px 10px;font-size:11px}.demo-tools-grid{flex-wrap:wrap;gap:6px;max-height:200px;padding:2px 0;display:flex;overflow-y:auto}.demo-tool-chip{color:#888;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #333;border-radius:8px;align-items:center;gap:5px;padding:5px 10px;font-size:12px;transition:all .15s;display:flex}.demo-tool-chip:hover{border-color:#555}.demo-tool-chip.selected{color:#000;background:#fff;border-color:#fff}.demo-tool-chip svg{flex-shrink:0;width:14px;height:14px}.demo-card-tools{color:#666;border-top:1px solid #222;align-items:center;gap:8px;padding:8px 0;font-size:12px;display:flex}.demo-tools-label{color:#888;white-space:nowrap;font-weight:600}.demo-tools-summary{color:#555;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mol-toolbar{border-bottom:1px solid var(--border);background:var(--bg);z-index:10;justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:sticky;top:0}.mol-toolbar-left{align-items:center;gap:12px;display:flex}.mol-toolbar-right{align-items:center;gap:8px;display:flex}.mol-toolbar-title{color:var(--text);font-size:15px;font-weight:600}.mol-editor-content{flex:1;width:100%;max-width:800px;margin:0 auto;padding:24px 20px;overflow-y:auto}.mol-game-name{color:var(--text);margin-bottom:20px;font-size:24px;font-weight:700}.mol-pot-display{text-align:center;background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;margin-bottom:24px;padding:24px}.mol-pot-amount{color:var(--text);font-variant-numeric:tabular-nums;font-size:48px;font-weight:700}.mol-pot-label{color:var(--text-muted);margin-top:4px;font-size:14px}.mol-section{margin-bottom:24px}.mol-section h3{color:var(--text);margin:0;font-size:16px}.mol-section-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.mol-btn-small{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:8px;padding:6px 14px;font-size:13px}.mol-btn-small:hover{background:var(--border)}.mol-players-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}.mol-player-card{background:var(--bg-secondary);border:1px solid var(--border);text-align:center;border-radius:12px;padding:16px;transition:border-color .2s;position:relative}.mol-player-card:hover{border-color:#444}.mol-player-eliminated{opacity:.4}.mol-player-mol{border-color:#555}.mol-player-avatar{background:var(--border);width:48px;height:48px;color:var(--text);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 8px;font-size:20px;font-weight:700;display:flex}.mol-player-name{color:var(--text);font-size:14px;font-weight:600}.mol-player-status{color:var(--text-muted);margin-top:4px;font-size:11px}.mol-player-badge{color:#000;background:#fff;border-radius:999px;margin-top:8px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.mol-player-actions{justify-content:center;gap:6px;margin-top:8px;display:flex}.mol-btn-tiny{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.mol-btn-tiny:hover{background:var(--border)}.mol-btn-remove:hover{color:#f44;border-color:#f44}.mol-secret-badge{opacity:.5;border:1px solid #555;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.mol-rounds-list{flex-direction:column;gap:8px;display:flex}.mol-round-card{background:var(--bg-secondary);border:1px solid var(--border);cursor:pointer;border-radius:12px;align-items:center;gap:14px;padding:14px 16px;transition:border-color .2s;display:flex}.mol-round-card:hover{border-color:#444}.mol-round-number{color:var(--text);text-align:center;flex-shrink:0;min-width:36px;font-size:16px;font-weight:700}.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);margin-top:2px;font-size:12px}.mol-round-suspicions-count{color:var(--text-muted);flex-shrink:0;font-size:12px}.mol-suspicion-bars{flex-direction:column;gap:8px;margin-top:10px;display:flex}.mol-suspicion-bar-row{align-items:center;gap:10px;display:flex}.mol-bar-eliminated{opacity:.4}.mol-bar-mol .mol-bar-fill{background:#fff!important}.mol-bar-name{width:80px;color:var(--text);text-align:right;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;font-size:13px;overflow:hidden}.mol-bar-track{background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;flex:1;height:20px;overflow:hidden}.mol-bar-fill{background:#666;border-radius:10px;height:100%;transition:width .3s}.mol-bar-count{color:var(--text-muted);min-width:30px;font-size:12px}.mol-detail-row{align-items:center;gap:12px;margin-bottom:10px;display:flex}.mol-detail-row label{color:var(--text-muted);min-width:80px;font-size:13px}.mol-suspicion-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.mol-suspicion-player{color:var(--text);min-width:80px;font-size:13px;font-weight:500}.mol-suspicion-select{flex:1}.mol-finale-reveal{text-align:center;background:var(--bg-secondary);border:1px solid var(--border);border-radius:20px;margin:20px 0;padding:40px 20px}.mol-finale-title{color:var(--text-muted);margin-bottom:12px;font-size:18px}.mol-finale-name{color:var(--text);margin-bottom:8px;font-size:48px;font-weight:700}.mol-finale-pot{color:var(--text-muted);font-size:20px}.mol-btn-danger{color:#fff;cursor:pointer;background:0 0;border:2px solid #fff;border-radius:12px;width:100%;margin-bottom:12px;padding:14px;font-size:16px;font-weight:700;transition:all .2s}.mol-btn-danger:hover{color:#000;background:#fff}.mol-btn-delete{border:1px solid var(--border);width:100%;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;margin-top:8px;padding:10px;font-size:13px}.mol-btn-delete:hover{color:#f44;border-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);cursor:pointer;color:var(--text);border-radius:6px;justify-content:center;align-items:center;padding:6px 8px;display:flex}#guide-btn:hover{background:#1a1a1a}#guide-btn.active{background:#fff;border-color:#fff}#guide-btn.active svg{stroke:#000}#guide-panel{background:var(--bg-secondary,#0a0a0a);border-left:1px solid var(--border);z-index:800;flex-direction:column;width:400px;max-width:100vw;animation:.2s guideSlideIn;display:none;position:fixed;top:0;bottom:0;right:0}#guide-panel.open{display:flex}@keyframes guideSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.guide-panel-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.guide-panel-title{color:var(--text);font-size:15px;font-weight:600}.guide-panel-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:22px;line-height:1}.guide-panel-close:hover{color:#fff}.guide-panel-body{flex-direction:column;flex:1;display:flex;overflow:hidden}#guide-nav{border-bottom:1px solid var(--border);flex-shrink:0;gap:2px;padding:12px 16px 0;display:flex}.guide-nav-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:500;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{padding:20px;display:none}.guide-tab.active{display:block}.guide-section{margin-bottom:28px}.guide-section h3{color:#fff;margin:0 0 12px;font-size:15px;font-weight:600}.guide-section p{color:var(--text-muted);margin:0 0 8px;font-size:13px;line-height:1.6}.guide-steps{flex-direction:column;gap:16px;display:flex}.guide-step{align-items:flex-start;gap:14px;display:flex}.guide-step-num{border:1px solid var(--border);color:#fff;background:#1a1a1a;border-radius:50%;justify-content:center;align-items:center;width:28px;min-width:28px;height:28px;font-size:13px;font-weight:600;display:flex}.guide-step strong{color:#fff;margin-bottom:2px;font-size:14px;display:block}.guide-step p{color:var(--text-muted);margin:0;font-size:12px;line-height:1.5}.guide-shortcuts{flex-direction:column;gap:8px;display:flex}.guide-shortcut{color:var(--text-muted);align-items:center;gap:12px;font-size:13px;display:flex}.guide-shortcut kbd{border:1px solid var(--border);color:#fff;text-align:center;background:#1a1a1a;border-radius:4px;min-width:70px;padding:3px 8px;font-family:inherit;font-size:12px}.guide-tool-card{border:1px solid var(--border);cursor:pointer;border-radius:10px;margin-bottom:10px;padding:14px 16px;transition:all .15s}.guide-tool-card:hover{background:#111;border-color:#444}.guide-tool-card-header{align-items:center;gap:10px;margin-bottom:6px;display:flex}.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{color:#fff;font-size:14px;font-weight:600}.guide-tool-card-desc{color:var(--text-muted);font-size:12px;line-height:1.5}.guide-tool-card-tag{color:#888;background:#1a1a1a;border-radius:999px;margin-top:8px;padding:2px 10px;font-size:11px;display:inline-block}.guide-mode-card{border:1px solid var(--border);border-radius:10px;margin-bottom:12px;padding:16px}.guide-mode-header{align-items:center;gap:10px;margin-bottom:8px;display:flex}.guide-mode-header svg{color:#888;flex-shrink:0}.guide-mode-header strong{color:#fff;font-size:14px}.guide-mode-card p{color:var(--text-muted);margin:0 0 8px;font-size:12px;line-height:1.6}.guide-mode-tip{color:#666;border-top:1px solid var(--border);padding-top:8px;font-size:11px;font-style:italic;display:block}.guide-tip{border:1px solid var(--border);background:#111;border-radius:10px;gap:12px;margin-bottom:10px;padding:14px;display:flex}.guide-tip-icon{flex-shrink:0;margin-top:1px;font-size:20px}.guide-tip strong{color:#fff;margin-bottom:4px;font-size:13px;display:block}.guide-tip p{color:var(--text-muted);margin:0;font-size:12px;line-height:1.5}.guide-examples{flex-direction:column;gap:6px;display:flex}.guide-example{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;border-radius:8px;padding:10px 14px;font-size:13px;font-style:italic;transition:all .15s}.guide-example:hover{color:#fff;background:#111;border-color:#fff}#guide-chat-messages{flex-direction:column;flex:1;gap:12px;padding:16px 20px;display:flex;overflow-y:auto}.guide-tab[data-guide-tab=chat]{flex-direction:column;height:100%;padding:0;display:none}.guide-tab[data-guide-tab=chat].active{display:flex}.guide-chat-msg{border-radius:10px;max-width:90%;padding:10px 14px;font-size:13px;line-height:1.6}.guide-chat-msg p{margin:0}.guide-chat-user{color:#000;background:#fff;border-radius:10px 10px 2px;align-self:flex-end}.guide-chat-assistant{color:var(--text-muted);border:1px solid var(--border);background:#151515;border-radius:10px 10px 10px 2px;align-self:flex-start}#guide-chat-input-area{border-top:1px solid var(--border);flex-shrink:0;gap:8px;padding:12px 16px;display:flex}#guide-chat-input{border:1px solid var(--border);color:var(--text);background:#111;border-radius:8px;outline:none;flex:1;padding:10px 14px;font-family:inherit;font-size:13px}#guide-chat-input:focus{border-color:#444}#guide-chat-input-area button{cursor:pointer;background:#fff;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px 12px;display:flex}#guide-chat-input-area button svg{stroke:#000}@media (max-width:768px){#guide-panel{width:100vw}}#onboarding-overlay{z-index:100000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);-webkit-overflow-scrolling:touch;opacity:0;background:#000000eb;justify-content:center;align-items:flex-start;transition:opacity .4s;display:none;position:fixed;inset:0;overflow-y:auto}#onboarding-overlay.open{opacity:1;display:flex}#onboarding-overlay.ob-closing{opacity:0;pointer-events:none}#onboarding-content{flex-direction:column;flex-shrink:0;align-items:center;width:100%;max-width:520px;min-height:0;margin:auto 0;padding:24px;display:flex}.ob-card{text-align:center;background:#111;border:1px solid #ffffff0f;border-radius:24px;width:100%;padding:48px 40px 36px;animation:.6s cubic-bezier(.16,1,.3,1) both obCardIn;box-shadow:0 8px 40px #0006,0 0 0 1px #ffffff08}.ob-card-enter{animation:.6s cubic-bezier(.16,1,.3,1) both obCardIn}@keyframes obCardIn{0%{opacity:0;transform:translateY(20px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.ob-icon{border-radius:20px;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:28px;animation:.5s cubic-bezier(.16,1,.3,1) .15s both obFadeUp;display:inline-flex}.ob-icon svg{stroke:#fff}.ob-title{color:#fff;letter-spacing:-.5px;margin:0 0 20px;font-family:Inter,sans-serif;font-size:28px;font-weight:700;animation:.5s cubic-bezier(.16,1,.3,1) .25s both obFadeUp}.ob-body{color:#999;margin:0;font-family:Inter,sans-serif;font-size:15px;line-height:1.7;animation:.5s cubic-bezier(.16,1,.3,1) .35s both obFadeUp}.ob-body strong{color:#ccc;font-weight:600}.ob-accent{color:#555;letter-spacing:.5px;text-transform:uppercase;border-top:1px solid #ffffff0f;margin-top:24px;padding-top:20px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;animation:.5s cubic-bezier(.16,1,.3,1) .45s both obFadeUp}@keyframes obFadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ob-anything-examples{flex-direction:column;gap:8px;display:flex}.ob-any-row{background:#ffffff08;border-radius:10px;padding:10px 16px}.ob-any-quote{color:#bbb;font-size:14px;font-style:italic}.ob-how-steps{text-align:left;flex-direction:column;gap:14px;display:flex}.ob-how-step{align-items:flex-start;gap:14px;display:flex}.ob-how-num{color:#fff;background:#ffffff14;border-radius:50%;justify-content:center;align-items:center;width:28px;min-width:28px;height:28px;font-size:13px;font-weight:700;display:flex}.ob-how-text{color:#999;font-size:14px;line-height:1.6}.ob-how-text strong{color:#fff}.ob-toolbuilder-example{text-align:center;background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;margin-top:8px;padding:20px}.ob-tb-label{text-transform:uppercase;letter-spacing:1px;color:#555;margin-bottom:10px;font-size:11px;font-weight:600}.ob-tb-prompt{color:#ccc;margin-bottom:12px;font-size:14px;font-style:italic}.ob-tb-arrow{color:#333;justify-content:center;margin-bottom:12px;display:flex}.ob-tb-result{color:#777;font-size:13px}.ob-tools-list{grid-template-columns:1fr 1fr 1fr;gap:6px;display:grid}.ob-tool-item{text-align:center;background:#ffffff0a;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:10px 4px 8px;display:flex}.ob-tool-icon{color:#888;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.ob-tool-icon svg{width:18px;height:18px}.ob-tool-info{flex-direction:column;gap:1px;width:100%;min-width:0;display:flex}.ob-tool-info strong{color:#ddd;font-size:11px;font-weight:600}.ob-tool-info span{color:#666;font-size:9px;line-height:1.3}.ob-tools-more{text-align:center;color:#555;margin-top:10px;font-size:11px}.ob-beta-note{text-align:left;color:#888;background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;align-items:flex-start;gap:12px;padding:16px;font-size:13px;line-height:1.6;display:flex}.ob-beta-icon{color:#555;min-width:20px;margin-top:1px}.ob-beta-icon svg{stroke:#555}.ob-name-wrapper{margin-top:8px}.ob-name-field{color:#fff;text-align:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;outline:none;width:100%;max-width:300px;padding:14px 20px;font-family:Inter,sans-serif;font-size:18px;transition:border-color .2s}.ob-name-field::placeholder{color:#444}.ob-name-field:focus{border-color:#ffffff40}.ob-apikey-intro{color:#888;margin-bottom:16px;font-size:14px;line-height:1.6}.ob-apikey-tabs{gap:8px;margin-bottom:12px;display:flex}.ob-apikey-tab{color:#888;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:8px;padding:8px 20px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;transition:all .2s}.ob-apikey-tab:hover{color:#aaa;border-color:#fff3}.ob-apikey-tab-active{color:#000;background:#fff;border-color:#fff}.ob-apikey-wrapper{position:relative}.ob-apikey-status{min-height:18px;margin-top:8px;font-size:13px}.ob-apikey-skip{color:#555;margin-top:16px;font-size:13px;line-height:1.5}#free-tier-badge{text-align:center;color:#666;cursor:default;background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;margin:0 16px 8px;padding:6px 12px;font-size:12px}.ob-nav{flex-direction:column;align-items:center;gap:20px;width:100%;margin-top:24px;display:flex}.ob-dots{gap:8px;display:flex}.ob-dot{background:#ffffff1f;border-radius:50%;width:8px;height:8px;transition:all .4s cubic-bezier(.16,1,.3,1)}.ob-dot-active{background:#fff;border-radius:4px;width:24px}.ob-buttons{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.ob-btn{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.ob-btn-back{color:#666;background:0 0}.ob-btn-back:hover{color:#999;transform:translate(-2px)}.ob-btn-next{color:#000;background:#fff;margin-left:auto}.ob-btn-next:hover{background:#eee;transform:translateY(-1px);box-shadow:0 4px 12px #ffffff1a}.ob-btn-finish{color:#000;background:#fff}.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{border-radius:16px;padding:28px 20px 24px}.ob-title{font-size:22px}.ob-icon{border-radius:14px;width:56px;height:56px;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{gap:14px;margin-top:16px;padding-bottom:20px}}.anim-morph-btn{color:#f59e0b!important}.anim-morph-btn:hover{background:#2a2000!important}.morph-dialog-overlay{z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.morph-dialog{background:#1a1a1a;border:1px solid #333;border-radius:16px;flex-direction:column;width:90%;max-width:500px;max-height:80vh;display:flex;overflow:hidden}.morph-preset-dialog{max-width:600px}.morph-dialog-header{color:#fff;border-bottom:1px solid #252525;justify-content:space-between;align-items:center;padding:16px 20px;font-size:15px;font-weight:600;display:flex}.morph-dialog-close{color:#666;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;padding:4px;display:flex}.morph-dialog-close:hover{color:#fff;background:#333}.morph-dialog-body{padding:20px}.morph-dialog-body label{color:#888;margin-bottom:8px;font-size:13px;display:block}.morph-svg-textarea{color:#fff;resize:vertical;background:#111;border:1px solid #333;border-radius:8px;outline:none;width:100%;padding:12px;font-family:monospace;font-size:13px}.morph-svg-textarea:focus{border-color:#555}.morph-dialog-actions{justify-content:flex-end;gap:8px;margin-top:16px;padding:0 20px 16px;display:flex}.morph-btn-import{color:#000!important;background:#fff!important;border-color:#fff!important;font-weight:600!important}.morph-btn-import:hover{background:#ddd!important}.morph-preset-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px;max-height:50vh;padding:16px 20px;display:grid;overflow-y:auto}.morph-preset-btn{cursor:pointer;color:#888;background:#111;border:1px solid #252525;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;font-size:11px;transition:all .15s;display:flex}.morph-preset-btn:hover{color:#fff;background:#1a1a1a;border-color:#444;transform:scale(1.05)}.morph-preset-btn svg{opacity:.9}.morph-preset-btn:hover svg{opacity:1}.morph-add-menu{z-index:10000;background:#1a1a1a;border:1px solid #333;border-radius:12px;min-width:180px;max-height:400px;padding:6px;position:fixed;overflow-y:auto;box-shadow:0 8px 32px #00000080}.morph-menu-item{color:#ccc;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:8px 12px;font-size:13px;display:flex}.morph-menu-item:hover{color:#fff;background:#252525}.morph-menu-item svg{opacity:.8;flex-shrink:0}.morph-kf-list{flex-direction:column;gap:2px;display:flex}.morph-kf-item{color:#888;background:#111;border-radius:6px;align-items:center;gap:6px;padding:4px 8px;font-size:12px;display:flex}.morph-kf-item.current{color:#f59e0b;background:#1a1500}.morph-kf-diamond{color:#f59e0b;font-size:10px}.morph-kf-pts{color:#555;margin-left:auto;font-size:11px}.morph-action-btn{align-items:center!important;gap:4px!important;padding:4px 10px!important;font-size:12px!important;display:inline-flex!important}.morph-del-btn{color:#f44!important}.morph-del-btn:hover{background:#2a0000!important}.morph-import-upload{border:2px dashed #333;border-radius:12px;flex-direction:column;align-items:center;gap:8px;margin-bottom:12px;padding:24px 16px;transition:border-color .2s;display:flex}.morph-drag-over .morph-import-upload{background:#f59e0b0d;border-color:#f59e0b}.morph-upload-btn{background:#222!important;border-color:#444!important;align-items:center!important;gap:8px!important;padding:10px 20px!important;font-size:14px!important;display:inline-flex!important}.morph-upload-btn:hover{background:#333!important;border-color:#666!important}.morph-upload-hint{color:#555;font-size:12px}.morph-import-divider{color:#444;align-items:center;gap:12px;margin:12px 0;font-size:12px;display:flex}.morph-import-divider:before,.morph-import-divider:after{content:"";background:#252525;flex:1;height:1px}.morph-svg-preview{margin-bottom:12px}.morph-paths-list{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:6px;display:grid}.morph-path-pick-btn{cursor:pointer;color:#888;background:#111;border:1px solid #252525;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;font-size:10px;transition:all .15s;display:flex}.morph-path-pick-btn:hover{color:#fff;background:#1a1a1a;border-color:#f59e0b}#hypotheek-advisor-page{background:var(--bg);z-index:10;display:none;position:absolute;inset:0;overflow:hidden}#hypotheek-advisor-page.open{flex-direction:column;display:flex}.hypotheek-advisor-toolbar{background:var(--bg);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;min-height:48px;padding:8px 12px;display:flex}.hypotheek-advisor-toolbar-left,.hypotheek-advisor-toolbar-right{align-items:center;gap:8px;display:flex}.hypotheek-advisor-canvas{background:var(--bg-secondary);flex:1;padding:0;overflow:hidden auto}.hyp-layout{gap:0;height:100%;min-height:0;display:flex}.hyp-main{flex:1;min-width:0;padding:24px 32px 60px;overflow-y:auto}.hyp-sidebar{border-left:1px solid var(--border);background:var(--bg);flex-shrink:0;width:300px;padding:20px;overflow-y:auto}.hyp-section{margin-bottom:24px}.hyp-section-title{color:var(--text);border-bottom:1px solid var(--border);align-items:center;gap:8px;margin:0 0 12px;padding-bottom:8px;font-size:14px;font-weight:600;display:flex}.hyp-section-title svg{color:var(--text-muted);flex-shrink:0}.hyp-form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.hyp-field{flex-direction:column;gap:4px;display:flex}.hyp-field label{color:var(--text-muted);font-size:12px;font-weight:500}.hyp-field input,.hyp-field select{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:8px;outline:none;padding:8px 12px;font-size:14px;transition:border-color .15s}.hyp-field input:focus,.hyp-field select:focus{border-color:#444}.hyp-field input::placeholder{color:#444}.hyp-textarea{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text);resize:vertical;box-sizing:border-box;border-radius:8px;outline:none;padding:10px 12px;font-family:inherit;font-size:14px}.hyp-textarea:focus{border-color:#444}.hyp-calc-btn{color:#000;cursor:pointer;background:#fff;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:8px;padding:14px;font-size:15px;font-weight:600;transition:opacity .15s;display:flex}.hyp-calc-btn:hover{opacity:.85}.hyp-results{margin-top:24px}.hyp-result-header{background:var(--bg);border:1px solid var(--border);border-radius:12px;align-items:center;gap:16px;margin-bottom:16px;padding:20px;display:flex}.hyp-result-status{border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:600;display:flex}.hyp-result-icon{font-size:18px}.hyp-result-max{text-align:right;margin-left:auto}.hyp-result-label{color:var(--text-muted);font-size:12px;display:block}.hyp-result-amount{color:var(--text);font-size:28px;font-weight:700}.hyp-result-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;display:grid}.hyp-result-card{background:var(--bg);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:2px;padding:16px;display:flex}.hyp-result-card-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.hyp-result-card-value{color:var(--text);font-size:20px;font-weight:700}.hyp-result-card-sub{color:var(--text-muted);font-size:11px}.hyp-result-details{background:var(--bg);border:1px solid var(--border);border-radius:10px;margin-bottom:16px;overflow:hidden}.hyp-result-row{color:var(--text);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 16px;font-size:13px;display:flex}.hyp-result-row:last-child{border-bottom:none}.hyp-result-notice{color:#f59e0b;background:#f59e0b14;border:1px solid #f59e0b33;border-radius:10px;align-items:flex-start;gap:8px;padding:12px 16px;font-size:13px;line-height:1.5;display:flex}.hyp-result-notice svg{flex-shrink:0;margin-top:2px}.hyp-doc-upload-row{gap:8px;margin-bottom:12px;display:flex}.hyp-doc-select{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text);border-radius:8px;outline:none;flex:1;padding:6px 8px;font-size:12px}.hyp-upload-btn{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;transition:border-color .15s;display:flex}.hyp-upload-btn:hover{border-color:#555}.hyp-doc-list{flex-direction:column;gap:4px;display:flex}.hyp-doc-item{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;align-items:center;gap:8px;padding:8px;display:flex}.hyp-doc-icon{color:var(--text-muted);flex-shrink:0}.hyp-doc-info{flex:1;min-width:0}.hyp-doc-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.hyp-doc-meta{color:var(--text-muted);font-size:10px}.hyp-doc-delete{color:#555;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:16px;line-height:1}.hyp-doc-delete:hover{color:#ef4444}.hyp-check-item{color:var(--text-muted);align-items:center;gap:8px;padding:6px 0;font-size:13px;display:flex}.hyp-check-item.hyp-check-done{color:var(--text)}.hyp-check-box{border:1px solid var(--border);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.hyp-check-item.hyp-check-done .hyp-check-box{color:#fff;background:#22c55e;border-color:#22c55e}@media (max-width:768px){.hyp-layout{flex-direction:column}.hyp-sidebar{border-left:none;border-top:1px solid var(--border);width:100%}.hyp-main{padding:16px}.hyp-form-grid{grid-template-columns:1fr}.hyp-result-grid{grid-template-columns:1fr 1fr}}#bierbrein-page{background:var(--bg);z-index:10;display:none;position:absolute;inset:0;overflow:hidden}#bierbrein-page.open{flex-direction:column;display:flex}.bierbrein-toolbar{background:var(--bg);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;min-height:48px;padding:8px 12px;display:flex}.bierbrein-toolbar-left,.bierbrein-toolbar-right{align-items:center;gap:8px;display:flex}.bierbrein-canvas{flex:1;padding:24px;overflow-y:auto}#bierbrein-projects-view{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:24px;overflow-y:auto}.bb-tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:20px;display:flex}.bb-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:12px 20px;font-size:14px;transition:all .15s}.bb-tab:hover{color:var(--text)}.bb-tab.active{color:var(--text);border-bottom-color:var(--text)}.bb-filters{flex-wrap:wrap;gap:12px;margin-bottom:20px;display:flex}.bb-search,.bb-tag-select{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:10px 14px;font-size:14px}.bb-search{flex:1;min-width:220px}.bb-search:focus,.bb-tag-select:focus{border-color:#444;outline:none}.bb-profiles-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.bb-profile-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:10px;padding:20px;transition:border-color .15s;display:flex}.bb-profile-card:hover{border-color:#333}.bb-profile-avatar{width:56px;height:56px;color:var(--text);border:1px solid var(--border);border-radius:50%;justify-content:center;align-items:center;margin-bottom:4px;font-size:20px;font-weight:700;display:flex}.bb-profile-name{color:var(--text);font-size:18px;font-weight:600}.bb-profile-city{color:var(--text-muted);font-size:13px}.bb-profile-tags{flex-wrap:wrap;gap:6px;margin:4px 0;display:flex}.bb-tag{background:var(--bg-message);border:1px solid var(--border);color:var(--text-muted);border-radius:999px;padding:3px 10px;font-size:11px;display:inline-block}.bb-profile-label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;margin-bottom:2px;font-size:10px}.bb-profile-text{color:var(--text);font-size:13px;line-height:1.4}.bb-profile-offering,.bb-profile-seeking{background:var(--bg-message);border-radius:8px;padding:10px}.bb-profile-actions{gap:6px;margin-top:auto;padding-top:10px;display:flex}.bb-btn-primary{background:var(--text);color:var(--bg);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;transition:opacity .15s;display:inline-flex}.bb-btn-primary:hover{opacity:.85}.bb-btn-ghost{background:var(--bg-message);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:8px 14px;font-size:13px;transition:background .15s}.bb-btn-ghost:hover{background:var(--border)}.bb-btn-icon{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;margin-left:auto;transition:all .15s;display:inline-flex}.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;margin-bottom:16px;padding:20px}.bb-section-title{color:var(--text);margin:0 0 14px;font-size:14px;font-weight:600}.bb-form-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;display:grid}.bb-field{flex-direction:column;gap:6px;margin-bottom:10px;display:flex}.bb-field label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px}.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);box-sizing:border-box;border-radius:8px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px}.bb-field input:focus,.bb-field textarea:focus,.bb-field select:focus,.bb-section textarea:focus,.bb-section input:focus{border-color:#444;outline:none}.bb-section textarea{resize:vertical;min-height:60px}.bb-tags-grid{flex-wrap:wrap;gap:8px;display:flex}.bb-tag-toggle{background:var(--bg);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;border-radius:999px;padding:6px 14px;font-size:13px;transition:all .15s}.bb-tag-toggle:hover{color:var(--text);border-color:#444}.bb-tag-toggle.active{background:var(--text);color:var(--bg);border-color:var(--text)}.bb-dialog-overlay{z-index:1000;background:#000000bf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.bb-dialog{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;width:100%;max-width:480px;max-height:90vh;padding:24px;overflow-y:auto}.bb-dialog-title{color:var(--text);margin-bottom:18px;font-size:16px;font-weight:600}.bb-dialog-actions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.bb-appointments-list{flex-direction:column;gap:12px;display:flex}.bb-appointment{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:18px}.bb-appointment-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.bb-appointment-who{color:var(--text);align-items:center;font-size:15px;display:flex}.bb-appointment-status{text-transform:uppercase;letter-spacing:.5px;border:1px solid;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:600}.bb-appointment-details{color:var(--text-muted);flex-wrap:wrap;gap:20px;margin-bottom:10px;font-size:13px;display:flex}.bb-appointment-detail{align-items:center;gap:6px;display:inline-flex}.bb-appointment-message{background:var(--bg-message);color:var(--text);border-radius:8px;margin-bottom:10px;padding:10px 12px;font-size:13px;font-style:italic}.bb-appointment-actions{align-items:center;gap:8px;display:flex}@media (max-width:768px){.bb-form-grid,.bb-profiles-grid{grid-template-columns:1fr}.bierbrein-canvas,#bierbrein-projects-view{padding:16px}}#notulen-page{z-index:10;background:#0a0a0a;display:none;position:absolute;inset:0;overflow-y:auto}#notulen-page.open{display:block}.notulen-projects-view{color:#fff;background:#0a0a0a;flex:1;min-height:100%;padding:40px 24px;font-family:Inter,-apple-system,sans-serif;overflow-y:auto}.notulen-projects-header{justify-content:space-between;align-items:center;max-width:900px;margin:0 auto 24px;display:flex}.notulen-projects-title{color:#fff;margin:0;font-size:22px;font-weight:600}.notulen-projects-new-btn{color:#000;cursor:pointer;background:#fff;border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:500;transition:all .15s;display:inline-flex}.notulen-projects-new-btn:hover{background:#e5e5e5}.notulen-projects-grid{flex-direction:column;gap:8px;max-width:900px;margin:0 auto;display:flex}.notulen-projects-empty{text-align:center;color:#555;padding:60px 20px}.notulen-project-card{cursor:pointer;background:#141414;border:1px solid #2a2a2a;border-radius:10px;align-items:center;gap:14px;padding:14px 16px;transition:all .15s;display:flex}.notulen-project-card:hover{background:#1a1a1a;border-color:#444}.notulen-project-card-icon{background:#1f1f1f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.notulen-project-card-info{flex:1;min-width:0}.notulen-project-card-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.notulen-project-card-meta{color:#666;margin-top:3px;font-size:11px}.notulen-project-card-delete{color:#555;cursor:pointer;opacity:0;background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:6px;transition:all .15s}.notulen-project-card:hover .notulen-project-card-delete{opacity:1}.notulen-project-card-delete:hover{color:#fff;background:#2a2a2a}.notulen-editor-view{background:#0a0a0a;flex-direction:column;min-height:100vh;display:flex}.notulen-container{flex-direction:column;flex:1;min-height:0;display:flex}.notulen-toolbar{z-index:5;background:#0f0f0f;border-bottom:1px solid #222;align-items:center;gap:12px;padding:10px 16px;display:flex;position:sticky;top:0}.notulen-toolbar-left{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.notulen-toolbar-right{align-items:center;gap:6px;margin-left:auto;display:flex}.notulen-back-btn{color:#999;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:all .15s;display:flex}.notulen-back-btn:hover{color:#fff;background:#1a1a1a;border-color:#333}.notulen-name-input{color:#fff;background:0 0;border:1px solid #0000;border-radius:6px;flex:1;min-width:0;padding:6px 10px;font-family:inherit;font-size:15px;font-weight:500;transition:all .15s}.notulen-name-input:hover{border-color:#2a2a2a}.notulen-name-input:focus{background:#141414;border-color:#444;outline:none}.notulen-action-btn{color:#ddd;cursor:pointer;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:7px;align-items:center;gap:6px;padding:8px 14px;font-family:inherit;font-size:13px;transition:all .15s;display:inline-flex}.notulen-action-btn:hover{color:#fff;background:#252525;border-color:#444}.notulen-body{color:#fff;flex:1;padding:28px 20px 60px;font-family:Inter,-apple-system,sans-serif;overflow-y:auto}.notulen-milestones{flex-direction:column;gap:16px;max-width:780px;margin:0 auto;display:flex}.notulen-milestone{opacity:1;background:#111;border:1px solid #222;border-radius:14px;padding:20px 22px;transition:all .2s}.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{grid-template-rows:auto auto;grid-template-columns:36px 1fr;align-items:center;gap:2px 14px;margin-bottom:14px;display:grid}.notulen-milestone-num{color:#888;background:#222;border-radius:50%;grid-row:1/span 2;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:600;display:flex}.notulen-milestone.active .notulen-milestone-num{color:#000;background:#fff}.notulen-milestone.done .notulen-milestone-num{color:#666;background:#1a1a1a;border:1px solid #333}.notulen-milestone-title{color:#fff;grid-area:1/2;font-size:16px;font-weight:600}.notulen-milestone.pending .notulen-milestone-title{color:#666}.notulen-milestone-sub{color:#777;grid-area:2/2;font-size:12px}.notulen-milestone-body{padding-left:50px}.notulen-milestone-btn{color:#000;cursor:pointer;background:#fff;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 22px;font-family:inherit;font-size:15px;font-weight:600;transition:all .15s;display:flex}.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;padding:10px 0;font-size:12px;font-style:italic}.notulen-ghost-btn{color:#888;cursor:pointer;background:0 0;border:1px solid #2a2a2a;border-radius:7px;margin-top:10px;padding:7px 14px;font-family:inherit;font-size:12px;transition:all .15s}.notulen-ghost-btn:hover{color:#ddd;background:#1a1a1a;border-color:#3a3a3a}.notulen-record-box{flex-direction:column;align-items:center;gap:12px;padding:24px 0 8px;display:flex}.notulen-mic-btn{color:#000;cursor:pointer;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:88px;height:88px;transition:all .2s;display:flex;box-shadow:0 4px 20px #ffffff14}.notulen-mic-btn:hover{transform:scale(1.04)}.notulen-mic-btn.recording{color:#fff;background:#f44;animation:1.4s ease-in-out infinite notulen-pulse}@keyframes notulen-pulse{0%,to{box-shadow:0 0 #ff444480}50%{box-shadow:0 0 0 14px #f440}}.notulen-mic-label{color:#888;font-size:13px;font-weight:500}.notulen-record-box.recording .notulen-mic-label{color:#f66}.notulen-mic-timer{color:#fff;font-variant-numeric:tabular-nums;letter-spacing:1px;font-size:24px;font-weight:300}.notulen-audio-preview{flex-direction:column;gap:10px;display:flex}.notulen-audio-preview audio{background:#0a0a0a;border-radius:6px}.notulen-loading{color:#888;align-items:center;gap:12px;padding:14px 0;font-size:13px;display:flex}.notulen-spinner{border:2px solid #333;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite notulen-spin}@keyframes notulen-spin{to{transform:rotate(360deg)}}.notulen-collapsible summary{cursor:pointer;color:#aaa;padding:8px 0;font-size:13px;list-style:none}.notulen-collapsible summary::-webkit-details-marker{display:none}.notulen-collapsible summary:before{content:"▸ ";color:#555;margin-right:2px;transition:transform .15s;display:inline-block}.notulen-collapsible[open] summary:before{transform:rotate(90deg)}.notulen-transcript-text{color:#bbb;white-space:pre-wrap;background:#0a0a0a;border:1px solid #1f1f1f;border-radius:8px;max-height:280px;padding:14px 16px;font-size:13px;line-height:1.6;overflow-y:auto}.notulen-doc-preview{color:#ddd;background:#0a0a0a;border:1px solid #1f1f1f;border-radius:8px;padding:18px 20px;font-size:14px;line-height:1.6}.notulen-doc-preview h2{color:#fff;margin:16px 0 8px;font-size:18px;font-weight:600}.notulen-doc-preview h2:first-child{margin-top:0}.notulen-doc-preview h3{color:#eee;margin:14px 0 6px;font-size:15px;font-weight:600}.notulen-doc-preview h4{color:#ccc;margin:10px 0 4px;font-size:13px;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{color:#bbb;margin:3px 0}.notulen-doc-preview strong{color:#fff}.notulen-actions-list{flex-direction:column;gap:8px;display:flex}.notulen-action-item{background:#0d0d0d;border:1px solid #1f1f1f;border-radius:8px;align-items:center;gap:12px;padding:12px 14px;display:flex}.notulen-action-main{flex:1;min-width:0}.notulen-action-title{color:#fff;font-size:13px;font-weight:500}.notulen-action-meta{color:#777;margin-top:2px;font-size:11px}.notulen-action-send{color:#bbb;cursor:pointer;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:6px;flex-shrink:0;align-items:center;gap:5px;padding:6px 10px;font-family:inherit;font-size:11px;transition:all .15s;display:inline-flex}.notulen-action-send:hover{color:#000;background:#fff;border-color:#fff}.notulen-project-matches{flex-direction:column;gap:8px;margin-bottom:10px;display:flex}.notulen-project-match{cursor:pointer;background:#0e0e0e;border:1px solid #222;border-radius:10px;align-items:center;gap:12px;padding:12px 14px;transition:all .15s;display:flex}.notulen-project-match:hover{background:#141414;border-color:#444}.notulen-project-match.selected{background:#151515;border-color:#fff}.notulen-project-match-main{flex:1;min-width:0}.notulen-project-match-name{color:#fff;font-size:14px;font-weight:600}.notulen-project-match-meta{color:#777;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-family:SF Mono,Menlo,monospace;font-size:11px;overflow:hidden}.notulen-project-match-check{color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.notulen-milestone-actions{flex-wrap:wrap;gap:8px;display:flex}.notulen-chat-cwd{color:#777;background:#0e0e0e;border:1px solid #1f1f1f;border-radius:6px;margin-bottom:10px;padding:8px 10px;font-size:12px}.notulen-chat-cwd code{color:#bbb;background:0 0;padding:0;font-family:SF Mono,Menlo,monospace}.notulen-toast{color:#fff;z-index:10000;background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:10px 18px;font-family:Inter,sans-serif;font-size:13px;animation:.2s notulen-toast-in;position:fixed;bottom:30px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #00000080}@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{z-index:10001;background:#000000a6;justify-content:center;align-items:center;padding:24px;animation:.15s notulen-toast-in;display:flex;position:fixed;inset:0}.notulen-picker{background:#0d0d0d;border:1px solid #2a2a2a;border-radius:14px;flex-direction:column;width:100%;max-width:520px;max-height:80vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #000000b3}.notulen-picker-head{border-bottom:1px solid #1f1f1f;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.notulen-picker-title{color:#fff;font-size:14px;font-weight:600}.notulen-picker-close{color:#888;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.notulen-picker-close:hover{color:#fff;background:#1a1a1a;border-color:#333}.notulen-picker-search{color:#eee;background:#0a0a0a;border:1px solid #222;border-radius:8px;outline:none;margin:12px 16px 8px;padding:10px 12px;font-family:inherit;font-size:13px}.notulen-picker-search:focus{background:#111;border-color:#444}.notulen-picker-list{flex-direction:column;flex:1;gap:4px;padding:6px 10px 12px;display:flex;overflow-y:auto}.notulen-picker-item{cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;transition:all .12s;display:flex}.notulen-picker-item:hover{background:#151515;border-color:#2a2a2a}.notulen-picker-item.selected{color:#fff;background:#161616;border-color:#fff}.notulen-picker-item-main{flex:1;min-width:0}.notulen-picker-item-name{color:#eee;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.notulen-picker-item-meta{color:#666;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-family:SF Mono,Menlo,monospace;font-size:11px;overflow:hidden}.notulen-picker-loading,.notulen-picker-empty{color:#666;text-align:center;padding:20px;font-size:12px}.convo-toggle-btn{cursor:pointer;background:#ffffff14;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:relative}.convo-toggle-btn svg:first-child{stroke:#888}.convo-toggle-btn #convo-loop-icon{stroke:#555;position:absolute;bottom:5px;right:4px}.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:1.6s ease-in-out infinite convo-btn-pulse}.convo-toggle-btn.active svg:first-child,.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{color:#fff;z-index:9000;cursor:pointer;-webkit-user-select:none;user-select:none;background:#141414f2;border:1px solid #ffffff26;border-radius:999px;align-items:center;gap:10px;padding:10px 16px;font-size:13px;display:none;position:fixed;bottom:88px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #0006}.convo-indicator:hover{background:#1e1e1efa}.convo-dot{background:#fff;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:1.4s ease-in-out infinite convo-pulse}.convo-text{flex:1}.convo-stop{opacity:.5;text-transform:uppercase;letter-spacing:.5px;border-left:1px solid #ffffff26;padding-left:8px;font-size:11px}.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{z-index:10;background:#000;display:none;position:absolute;inset:0;overflow:hidden}#machine-page.open{flex-direction:column;display:flex}.machine-list-view,.machine-article-view{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.machine-toolbar{background:#0a0a0a;border-bottom:1px solid #222;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:12px max(20px,50% - 562px);display:flex}.machine-toolbar-left{align-items:center;gap:14px;display:flex}.machine-toolbar-right{align-items:center;gap:8px;display:flex}.machine-toolbar-title{color:#eee;font-family:Inter,sans-serif;font-size:15px;font-weight:600}.machine-toolbar-sub{color:#777;margin-top:2px;font-family:Inter,sans-serif;font-size:11px}.machine-tabs{background:#050505;border-bottom:1px solid #1a1a1a;flex-wrap:wrap;gap:6px;padding:14px max(20px,50% - 562px);display:flex}.machine-tab{color:#888;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;background:0 0;border:1px solid #222;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-family:Inter,sans-serif;font-size:11px;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.machine-tab:hover{color:#ccc;border-color:#444}.machine-tab.active{color:#000;background:#fff;border-color:#fff}.machine-tab-count{opacity:.6;font-size:10px}.machine-tab.active .machine-tab-count{opacity:.8}.machine-bulk-bar{background:#ffffff0a;border-bottom:1px solid #1a1a1a;align-items:center;gap:12px;padding:12px max(20px,50% - 562px);display:flex}.machine-bulk-count{color:#aaa;flex:1;font-family:Inter,sans-serif;font-size:12px;font-weight:600}.machine-bulk-btn{color:#ccc;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;background:0 0;border:1px solid #333;border-radius:999px;padding:7px 14px;font-family:Inter,sans-serif;font-size:11px;font-weight:600;transition:background .15s,border-color .15s}.machine-bulk-btn:hover{background:#ffffff0f;border-color:#555}.machine-bulk-primary{color:#000;background:#fff;border-color:#fff}.machine-bulk-primary:hover{color:#000;background:#eee}.machine-list{align-self:center;width:100%;max-width:1180px;margin:0;padding:0;list-style:none}.machine-item{border-bottom:1px solid #1a1a1a;align-items:flex-start;gap:14px;padding:18px max(20px,50% - 562px);display:flex}.machine-item.has-article{opacity:.75}.machine-check{accent-color:#fff;flex-shrink:0;width:18px;height:18px;margin-top:4px}.machine-check-spacer{flex-shrink:0;width:18px}.machine-item-body{flex:1;min-width:0}.machine-item-meta{text-transform:uppercase;letter-spacing:1.5px;color:#666;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;font-family:Space Grotesk,sans-serif;font-size:10px;font-weight:600;display:flex}.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{color:#eee;margin-bottom:6px;font-family:Inter,sans-serif;font-size:17px;font-weight:600;line-height:1.3}.machine-item-excerpt{color:#888;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:1.45;display:-webkit-box;overflow:hidden}.machine-item-tags{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.machine-tag{color:#999;text-transform:uppercase;letter-spacing:.5px;background:#ffffff0d;border-radius:999px;padding:2px 8px;font-family:Space Grotesk,sans-serif;font-size:10px;font-weight:600}.machine-item-actions{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:8px;display:flex}.machine-action{color:#ccc;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;background:0 0;border:1px solid #333;border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-family:Inter,sans-serif;font-size:12px;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.machine-action:hover{color:#fff;background:#ffffff0f;border-color:#555}.machine-action:disabled{opacity:.5;cursor:default}.machine-action-primary{color:#000;background:#fff;border-color:#fff}.machine-action-primary:hover{color:#000;background:#eee}.machine-running{color:#cb6;background:#ccbb6626;border-color:#cb66}.machine-loading,.machine-empty,.machine-error{text-align:center;color:#666;padding:60px 20px;font-family:Inter,sans-serif;font-size:14px}.machine-error{color:#c66}.machine-art-content{grid-template-columns:1fr 320px;align-self:center;gap:32px;width:100%;max-width:1180px;padding:28px max(20px,50% - 562px);display:grid}.machine-art-left{min-width:0}.machine-art-title{color:#fff;margin:0 0 14px;font-family:Inter,sans-serif;font-size:32px;font-weight:700;line-height:1.2}.machine-art-excerpt{color:#aaa;margin:0 0 24px;font-size:16px;line-height:1.55}.machine-art-body{color:#ccc;white-space:pre-wrap;word-wrap:break-word;background:0 0;margin:0;padding:0;font-family:Inter,sans-serif;font-size:14px;line-height:1.7}.machine-art-empty{color:#666;padding:40px 0;font-style:italic}.machine-art-working{color:#cb6;background:#ccbb6614;border:1px solid #ccbb6640;border-radius:12px;align-items:center;gap:14px;padding:28px 24px;font-family:Inter,sans-serif;font-size:14px;display:flex}.machine-art-pulse{background:#cb6;border-radius:50%;flex-shrink:0;width:12px;height:12px;animation:1.4s ease-in-out infinite machine-pulse}@keyframes machine-pulse{0%,to{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}.machine-art-side{flex-direction:column;gap:14px;display:flex}.machine-art-image-wrap{background:#0a0a0a;border:1px solid #222;border-radius:12px;overflow:hidden}.machine-art-image{width:100%;display:block}.machine-art-image-empty{text-align:center;color:#666;padding:40px 20px;font-family:Inter,sans-serif;font-size:12px}.machine-art-cutout-btn{justify-content:center}.machine-art-meta{color:#999;border-top:1px solid #1a1a1a;padding-top:14px;font-family:Inter,sans-serif;font-size:12px;line-height:1.6}.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{flex-flow:wrap;align-items:stretch}}#hr-hub-page{z-index:10;background:#000;display:none;position:absolute;inset:0;overflow:hidden}#hr-hub-page.open{flex-direction:column;display:flex}.hr-hub-list-view,.hr-hub-detail-view,.hr-hub-dashboard-view{flex-direction:column;flex:1;min-height:0;display:flex}.hr-hub-toolbar{background:#0a0a0a;border-bottom:1px solid #222;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:12px max(20px,50% - 562px);display:flex}@media (max-width:720px){.hr-hub-toolbar{padding:12px 16px}}.hr-hub-toolbar-left{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.hr-hub-toolbar-right{align-items:center;gap:6px;display:flex}.hr-hub-title{color:#fff;margin:0;font-size:18px;font-weight:600}.hr-hub-back-btn{color:#888;cursor:pointer;background:0 0;border:1px solid #222;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.hr-hub-back-btn:hover{color:#fff;background:#111}.hr-hub-mode-toggle{background:#050505;border:1px solid #222;border-radius:8px;flex-shrink:0;align-items:center;gap:2px;padding:2px;display:inline-flex}.hr-hub-mode-btn{color:#888;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:5px 10px;font-family:inherit;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.hr-hub-mode-btn:hover{color:#fff}.hr-hub-mode-btn.active{color:#000;background:#fff}.hr-hub-persona-badge{background:#050505;border:1px solid #222;border-radius:999px;flex-shrink:0;align-items:center;gap:8px;padding:4px 10px 4px 14px;display:inline-flex}.hr-hub-persona-label{color:#666;text-transform:uppercase;letter-spacing:.5px;font-size:11px}.hr-hub-persona-badge select{color:#fff;cursor:pointer;background:0 0;border:none;outline:none;padding:2px 4px;font-family:inherit;font-size:12px;font-weight:500}.hr-hub-persona-badge select option{color:#fff;background:#0a0a0a}.hr-hub-hero{background:linear-gradient(135deg,#161616 0%,#0a0a0a 100%);border:1px solid #2a2a2a;border-radius:18px;align-items:center;gap:24px;margin-bottom:18px;padding:32px;display:flex;position:relative;overflow:hidden}.hr-hub-hero-deco{pointer-events:none;background:radial-gradient(circle,#ffffff0f,#0000 70%);border-radius:50%;position:absolute}.hr-hub-hero-deco-1{width:320px;height:320px;top:-120px;right:-80px}.hr-hub-hero-deco-2{background:radial-gradient(circle,#ffffff0a,#0000 70%);width:220px;height:220px;bottom:-100px;left:-60px}.hr-hub-hero-photo{z-index:1;color:#fff;background:linear-gradient(135deg,#2a2a2a,#0f0f0f);border:3px solid #d4b896;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:104px;height:104px;font-size:32px;font-weight:600;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000080,0 0 0 1px #d4b8961a}.hr-hub-hero-photo img{object-fit:cover;width:100%;height:100%;display:block}.hr-hub-hero-photo span{justify-content:center;align-items:center;display:flex}.hr-hub-hero-text{z-index:1;flex:1;min-width:0;position:relative}.hr-hub-hero-eyebrow{color:#888;text-transform:capitalize;letter-spacing:.3px;margin-bottom:6px;font-size:12px}.hr-hub-hero-title{color:#fff;letter-spacing:-.5px;margin:0 0 8px;font-size:30px;font-weight:600;line-height:1.2}.hr-hub-hero-sub{color:#aaa;max-width:620px;margin:0;font-size:14px;line-height:1.6}.hr-hub-hero-banner{color:#ddd;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:8px;margin-top:14px;padding:8px 14px;font-size:13px;display:inline-flex}.hr-hub-hero-banner strong{color:#fff;font-weight:600}.hr-hub-quick-actions{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-bottom:18px;display:grid}.hr-hub-quick-action{cursor:pointer;text-align:left;background:#0a0a0a;border:1px solid #222;border-radius:12px;align-items:center;gap:14px;padding:16px;font-family:inherit;transition:all .15s;display:flex}.hr-hub-quick-action:hover{background:#111;border-color:#444;transform:translateY(-1px)}.hr-hub-quick-icon{color:#fff;background:#161616;border:1px solid #2a2a2a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.hr-hub-quick-text{flex:1;min-width:0}.hr-hub-quick-title{color:#fff;margin-bottom:2px;font-size:14px;font-weight:600}.hr-hub-quick-sub{color:#777;font-size:12px}.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{color:#888;margin-left:4px;font-size:16px;font-weight:500}.hr-hub-profile-header{background:linear-gradient(135deg,#131313 0%,#0a0a0a 100%);border:1px solid #232323;border-radius:18px;align-items:center;gap:28px;margin-bottom:36px;padding:32px 36px;display:flex}.hr-hub-profile-photo{color:#fff;background:#1a1a1a;border:3px solid #d4b896;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:132px;height:132px;font-size:42px;font-weight:600;display:flex;overflow:hidden;box-shadow:0 12px 32px #00000080,0 0 0 1px #d4b8961a}.hr-hub-profile-photo img{object-fit:cover;width:100%;height:100%;display:block}.hr-hub-profile-info{flex:1;min-width:0}.hr-hub-profile-eyebrow{color:#d4b896;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:8px;font-size:11px;font-weight:600}.hr-hub-profile-name{color:#fff;letter-spacing:-.5px;margin:0 0 4px;font-size:32px;font-weight:600;line-height:1.15}.hr-hub-profile-role{color:#aaa;margin:0 0 16px;font-size:16px;font-weight:400}.hr-hub-profile-tags{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.hr-hub-profile-tag{color:#aaa;background:#161616;border:1px solid #2a2a2a;border-radius:999px;align-items:center;padding:4px 12px;font-size:12px;display:inline-flex}.hr-hub-profile-card{padding:24px 26px}@media (max-width:720px){.hr-hub-profile-header{flex-direction:column;align-items:flex-start;gap:20px;padding:24px}.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{border-bottom:1px solid #1a1a1a;align-items:baseline;gap:14px;margin-bottom:14px;padding-bottom:12px;display:flex}.hr-hub-section-title{color:#fff;text-transform:uppercase;letter-spacing:1.5px;margin:0;font-size:13px;font-weight:600}.hr-hub-section-sub{color:#666;margin:0;font-size:13px;font-weight:400}.hr-hub-employee-overview .hr-hub-stats-row,.hr-hub-employee-overview .hr-hub-card:last-child{margin-bottom:0}.hr-hub-feed-grid{grid-template-columns:1.6fr 1fr;gap:24px;margin-bottom:36px;display:grid}.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{flex-direction:column;gap:12px;display:flex}.hr-hub-news-item{background:#0a0a0a;border:1px solid #1f1f1f;border-radius:14px;transition:all .18s;overflow:hidden}.hr-hub-news-item:hover{border-color:#3a322a;transform:translateY(-1px);box-shadow:0 6px 20px #0000004d}.hr-hub-news-image{aspect-ratio:16/9;background:#111;width:100%;overflow:hidden}.hr-hub-news-image img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.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{color:#666;align-items:center;gap:10px;margin-bottom:8px;font-size:11px;display:flex}.hr-hub-news-tag{color:#d4b896;text-transform:uppercase;letter-spacing:.5px;background:#d4b89614;border:1px solid #d4b89633;border-radius:999px;padding:3px 9px;font-size:10px;font-weight:600;display:inline-block}.hr-hub-news-date:before{content:"·";color:#444;margin-right:8px}.hr-hub-news-title{color:#fff;letter-spacing:-.2px;margin:0 0 6px;font-size:16px;font-weight:600;line-height:1.35}.hr-hub-news-featured .hr-hub-news-title{font-size:19px}.hr-hub-news-excerpt{color:#999;margin:0;font-size:13px;line-height:1.6}.hr-hub-inbox-list{flex-direction:column;gap:4px;display:flex}.hr-hub-inbox-item{cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;align-items:flex-start;gap:12px;width:100%;padding:12px 14px;font-family:inherit;transition:all .12s;display:flex;position:relative}.hr-hub-inbox-item:hover{background:#0d0d0d;border-color:#1f1f1f}.hr-hub-inbox-item.unread{background:#0a0a0a}.hr-hub-inbox-icon{color:#ccc;background:#161616;border:1px solid #2a2a2a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:600;display:flex}.hr-hub-inbox-body{flex:1;min-width:0}.hr-hub-inbox-row1{justify-content:space-between;align-items:center;gap:8px;margin-bottom:2px;display:flex}.hr-hub-inbox-from{color:#888;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;overflow:hidden}.hr-hub-inbox-item.unread .hr-hub-inbox-from{color:#fff;font-weight:600}.hr-hub-inbox-time{color:#555;flex-shrink:0;font-size:11px}.hr-hub-inbox-subject{color:#ddd;text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px;font-size:13px;font-weight:500;overflow:hidden}.hr-hub-inbox-item.unread .hr-hub-inbox-subject{color:#fff}.hr-hub-inbox-preview{color:#666;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.hr-hub-inbox-dot{background:#d4b896;border-radius:50%;width:7px;height:7px;position:absolute;top:50%;right:14px;transform:translateY(-50%);box-shadow:0 0 0 3px #d4b8961f}.hr-hub-stat-card.hr-hub-stat-clickable{cursor:pointer;text-align:left;width:100%;color:inherit;background:#0a0a0a;font-family:inherit;display:block}.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{z-index:99999;-webkit-backdrop-filter:blur(8px);background:#000000b3;justify-content:center;align-items:center;padding:20px;animation:.18s hr-hub-modal-fade;display:flex;position:fixed;inset:0}@keyframes hr-hub-modal-fade{0%{opacity:0}to{opacity:1}}.hr-hub-modal{background:#0a0a0a;border:1px solid #2a2a2a;border-radius:16px;flex-direction:column;width:100%;max-width:580px;max-height:84vh;animation:.22s cubic-bezier(.2,.8,.2,1) hr-hub-modal-slide;display:flex;overflow:hidden;box-shadow:0 24px 64px #0009,0 0 0 1px #d4b8960d}@keyframes hr-hub-modal-slide{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.hr-hub-modal-header{border-bottom:1px solid #1f1f1f;flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.hr-hub-modal-title{color:#fff;margin:0;font-size:17px;font-weight:600}.hr-hub-modal-close{color:#888;cursor:pointer;background:0 0;border:1px solid #222;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.hr-hub-modal-close:hover{color:#fff;background:#161616;border-color:#333}.hr-hub-modal-body{flex:1;padding:22px;overflow-y:auto}.hr-hub-modal-intro{color:#aaa;margin:0 0 18px;font-size:14px;line-height:1.55}.hr-hub-modal-stats{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin-bottom:20px;display:grid}.hr-hub-modal-stat{text-align:center;background:#111;border:1px solid #1f1f1f;border-radius:10px;padding:14px 12px}.hr-hub-modal-num{color:#fff;font-size:26px;font-weight:700;line-height:1.1}.hr-hub-modal-num-sm{font-size:16px}.hr-hub-modal-lbl{color:#666;text-transform:uppercase;letter-spacing:.6px;margin-top:4px;font-size:10px;font-weight:500}.hr-hub-modal-section{color:#888;text-transform:uppercase;letter-spacing:.8px;margin:0 0 10px;font-size:11px;font-weight:600}.hr-hub-modal-progress{margin-bottom:22px}.hr-hub-modal-progress-label{color:#888;text-align:right;margin-top:8px;font-size:12px}.hr-hub-modal-info-list{flex-direction:column;gap:6px;display:flex}.hr-hub-modal-info-row{background:#111;border:1px solid #1a1a1a;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:11px 14px;font-size:13px;display:flex}.hr-hub-modal-info-lbl{color:#888;flex-shrink:0}.hr-hub-modal-info-val{color:#fff;text-align:right;font-weight:500}.hr-hub-modal-info-sub{color:#666;font-size:12px;font-weight:400}.hr-hub-modal-empty{color:#666;text-align:center;background:#0d0d0d;border:1px dashed #222;border-radius:10px;padding:24px;font-size:13px}.hr-hub-modal-action{color:#000;cursor:pointer;background:#fff;border:1px solid #fff;border-radius:10px;width:100%;margin-top:20px;padding:12px 18px;font-family:inherit;font-size:14px;font-weight:600;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{cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-family:inherit;font-size:13px;transition:background .15s;display:inline-flex}.hr-hub-primary-btn{color:#000;background:#fff;border:1px solid #fff;font-weight:600}.hr-hub-primary-btn:hover{background:#ddd}.hr-hub-secondary-btn,.hr-hub-action-btn{color:#ccc;background:0 0;border:1px solid #222}.hr-hub-secondary-btn:hover,.hr-hub-action-btn:hover{color:#fff;background:#111}.hr-hub-action-btn.hr-hub-danger{color:#f88}.hr-hub-action-btn.hr-hub-danger:hover{color:#fdd;background:#2a0a0a}.hr-hub-tiny-btn{color:#888;cursor:pointer;background:0 0;border:1px solid #222;border-radius:4px;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;display:inline-flex}.hr-hub-tiny-btn:hover{color:#fff;background:#111}.hr-hub-list-body{flex:1;padding:28px max(28px,50% - 562px) 56px;overflow-y:auto}@media (max-width:720px){.hr-hub-list-body{padding:20px 16px 40px}}.hr-hub-search-bar{margin-bottom:16px}.hr-hub-search-bar input{color:#fff;background:#0a0a0a;border:1px solid #222;border-radius:8px;width:100%;padding:10px 14px;font-family:inherit;font-size:14px}.hr-hub-search-bar input:focus{border-color:#444;outline:none}.hr-hub-employees-grid{flex-direction:column;gap:8px;display:flex}.hr-hub-employee-card{cursor:pointer;background:#0a0a0a;border:1px solid #222;border-radius:10px;align-items:center;gap:14px;padding:12px 16px;transition:all .15s;display:flex}.hr-hub-employee-card:hover{background:#111;border-color:#333}.hr-hub-avatar{color:#ccc;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:600;display:flex;overflow:hidden}.hr-hub-avatar img{object-fit:cover;width:100%;height:100%;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{color:#fff;font-size:15px;font-weight:600}.hr-hub-employee-meta{color:#666;margin-top:2px;font-size:12px}.hr-hub-status-badge{color:#aaa;white-space:nowrap;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:500}.hr-hub-status-active{color:#8fc88f;background:#0a1a0a;border-color:#1a3a1a}.hr-hub-status-onboarding{color:#c8c88f;background:#1a1a0a;border-color:#3a3a1a}.hr-hub-status-offboarding{color:#c88f8f;background:#1a0a0a;border-color:#3a1a1a}.hr-hub-status-inactive{color:#666;background:#111;border-color:#222}.hr-hub-status-dot{background:#555;border-radius:50%;width:10px;height:10px;display:inline-block}.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{flex:1;align-items:center;gap:14px;min-width:0;display:flex}.hr-hub-detail-name{color:#fff;margin:0;font-size:18px;font-weight:600}.hr-hub-detail-sub{color:#666;margin-top:2px;font-size:12px}.hr-hub-tabs{background:#0a0a0a;border-bottom:1px solid #222;flex-shrink:0}.hr-hub-tabs-inner{gap:4px;max-width:1180px;margin:0 auto;padding:0 28px;display:flex}.hr-hub-tab{color:#888;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:12px 16px;font-family:inherit;font-size:13px}.hr-hub-tab:hover{color:#fff}.hr-hub-tab.active{color:#fff;border-bottom-color:#fff}.hr-hub-tab-body{flex:1;padding:0;overflow-y:auto}.hr-hub-tab-body>*{box-sizing:border-box;max-width:1180px;margin:0 auto;padding:28px 28px 56px}.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;margin-bottom:14px;padding:18px 20px}.hr-hub-card-title{color:#fff;margin:0 0 14px;font-size:14px;font-weight:600}.hr-hub-journey-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.hr-hub-journey-header .hr-hub-card-title{margin:0}.hr-hub-stats-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:14px;display:grid}.hr-hub-stat-card{background:#0a0a0a;border:1px solid #222;border-radius:10px;padding:16px}.hr-hub-stat-label{text-transform:uppercase;letter-spacing:.5px;color:#666;font-size:11px}.hr-hub-stat-value{color:#fff;margin-top:4px;font-size:28px;font-weight:700}.hr-hub-stat-value-big{color:#fff;margin-top:6px;font-size:36px;font-weight:700}.hr-hub-stat-sub{color:#666;margin-top:4px;font-size:11px}.hr-hub-big-stat{padding:20px}.hr-hub-info-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;display:grid}.hr-hub-field{flex-direction:column;gap:2px;display:flex}.hr-hub-field-label{text-transform:uppercase;letter-spacing:.5px;color:#666;font-size:11px}.hr-hub-field-value{color:#ccc;font-size:14px}.hr-hub-skills,.hr-hub-chat-suggestions{flex-wrap:wrap;gap:6px;display:flex}.hr-hub-pill{color:#aaa;cursor:default;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:999px;padding:4px 10px;font-size:12px;display:inline-block}.hr-hub-chat-suggest{cursor:pointer;border:1px solid #2a2a2a;font-family:inherit;transition:all .15s}.hr-hub-chat-suggest:hover{color:#fff;background:#222;border-color:#444}.hr-hub-notes{color:#ccc;white-space:pre-wrap;font-size:14px;line-height:1.6}.hr-hub-progress-bar{background:#141414;border-radius:999px;height:4px;overflow:hidden}.hr-hub-progress-fill{background:linear-gradient(90deg,#666,#fff);border-radius:999px;height:100%;transition:width .4s}.hr-hub-progress-label{color:#888;font-variant-numeric:tabular-nums;font-size:12px}.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:"";background:linear-gradient(#1f1f1f 0% 60%,#0000 100%);width:1px;position:absolute;top:18px;bottom:-16px;left:5px}.hr-hub-phase:last-child:before{display:none}.hr-hub-phase-label{text-transform:uppercase;letter-spacing:1.4px;color:#888;align-items:center;margin-bottom:10px;font-size:10px;display:flex;position:relative}.hr-hub-phase-label:before{content:"";background:#0a0a0a;border:1.5px solid #333;border-radius:50%;width:11px;height:11px;transition:all .25s;position:absolute;top:50%;left:-22px;transform:translateY(-50%);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{flex-direction:column;gap:6px;display:flex}.hr-hub-task{color:#ddd;cursor:pointer;-webkit-user-select:none;user-select:none;background:#0d0d0d;border:1px solid #1a1a1a;border-radius:10px;align-items:center;gap:14px;padding:13px 16px;font-size:14px;transition:background .2s,border-color .2s,transform .2s,color .2s;display:flex}.hr-hub-task:hover{background:#141414;border-color:#2a2a2a;transform:translate(2px)}.hr-hub-task.done{color:#555;background:#080808;border-color:#141414}.hr-hub-task.done span{-webkit-text-decoration:line-through #2a2a2a;text-decoration:line-through #2a2a2a;text-decoration-thickness:1px}.hr-hub-task input[type=checkbox]{appearance:none;cursor:pointer;background:#060606;border:1.5px solid #2e2e2e;border-radius:50%;flex-shrink:0;width:22px;height:22px;margin:0;transition:background .2s,border-color .2s,transform .15s;position:relative}.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:"";border:2px solid #000;border-width:0 2px 2px 0;width:5px;height:10px;position:absolute;top:3px;left:7px;transform:rotate(45deg)}.hr-hub-task input[type=checkbox]:active{transform:scale(.92)}.hr-hub-leave-stats{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.hr-hub-leave-stat{text-align:center;background:#111;border-radius:8px;padding:12px}.hr-hub-leave-num{color:#fff;font-size:28px;font-weight:700}.hr-hub-leave-stat.hr-hub-leave-remaining .hr-hub-leave-num{color:#fff}.hr-hub-leave-lbl{color:#666;text-transform:uppercase;letter-spacing:.5px;font-size:11px}.hr-hub-leave-form{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));align-items:end;gap:10px;display:grid}.hr-hub-leave-form label,.hr-hub-form-field{color:#888;flex-direction:column;gap:4px;font-size:12px;display:flex}.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{color:#fff;background:#050505;border:1px solid #222;border-radius:6px;padding:8px 10px;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{border-color:#444;outline:none}.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{flex-direction:column;gap:8px;display:flex}.hr-hub-leave-row{background:#111;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.hr-hub-leave-row-main{flex:1;min-width:0}.hr-hub-leave-row-title{color:#fff;font-size:14px;font-weight:500}.hr-hub-leave-row-sub{color:#888;margin-top:2px;font-size:12px}.hr-hub-leave-row-reason{color:#aaa;margin-top:4px;font-size:12px;font-style:italic}.hr-hub-leave-row-actions{align-items:center;gap:6px;display:flex}.hr-hub-leave-pending{color:#c8c88f;background:#1a1a0a;border-color:#3a3a1a}.hr-hub-leave-approved{color:#8fc88f;background:#0a1a0a;border-color:#1a3a1a}.hr-hub-leave-rejected{color:#c88f8f;background:#1a0a0a;border-color:#3a1a1a}.hr-hub-payslip-row{background:#111;border-radius:8px;padding:14px}.hr-hub-payslip-period{color:#fff;margin-bottom:8px;font-size:14px;font-weight:600}.hr-hub-payslip-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;font-size:13px;display:grid}.hr-hub-payslip-grid>div{flex-direction:column;display:flex}.hr-hub-payslip-grid>div span:last-child{color:#ccc}.hr-hub-payslip-net{border-top:1px solid #2a2a2a;grid-column:1/-1;margin-top:6px;padding-top:10px}.hr-hub-payslip-net span:last-child{color:#fff;font-size:16px;font-weight:700}.hr-hub-payslip-notes{color:#888;margin-top:8px;font-size:12px;font-style:italic}.hr-hub-doc-row{background:#111;border-radius:8px;align-items:center;gap:12px;padding:12px 14px;display:flex}.hr-hub-doc-icon{color:#888}.hr-hub-doc-main{flex:1;min-width:0}.hr-hub-doc-name{color:#fff;font-size:14px;font-weight:500}.hr-hub-doc-meta{color:#666;margin-top:2px;font-size:12px}.hr-hub-empty{text-align:center;color:#666;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.hr-hub-empty-row{color:#666;padding:10px;font-size:13px}.hr-hub-toast{color:#000;z-index:99999;background:#fff;border-radius:8px;padding:10px 20px;font-size:13px;animation:.2s hr-hub-toast-in;position:fixed;bottom:30px;left:50%;transform:translate(-50%)}@keyframes hr-hub-toast-in{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.hr-hub-chat{background:#0a0a0a;border:1px solid #222;border-radius:10px;flex-direction:column;height:100%;min-height:60vh;display:flex;overflow:hidden}.hr-hub-chat-messages{flex-direction:column;flex:1;gap:12px;padding:20px;display:flex;overflow-y:auto}.hr-hub-chat-welcome{text-align:center;color:#888;padding:30px}.hr-hub-chat-welcome h3{color:#fff;margin:0 0 8px;font-size:18px}.hr-hub-chat-welcome p{margin:0 0 20px;font-size:13px}.hr-hub-chat-welcome .hr-hub-chat-suggestions{justify-content:center}.hr-hub-chat-msg{max-width:80%;display:flex}.hr-hub-chat-user{align-self:flex-end}.hr-hub-chat-assistant{align-self:flex-start}.hr-hub-chat-bubble{border-radius:14px;padding:10px 14px;font-size:14px;line-height:1.5}.hr-hub-chat-user .hr-hub-chat-bubble{color:#000;background:#fff;border-bottom-right-radius:4px}.hr-hub-chat-assistant .hr-hub-chat-bubble{color:#ddd;background:#1a1a1a;border:1px solid #2a2a2a;border-bottom-left-radius:4px}.hr-hub-chat-input-row{background:#0a0a0a;border-top:1px solid #222;gap:8px;padding:12px;display:flex}.hr-hub-chat-input-row textarea{color:#fff;resize:none;background:#050505;border:1px solid #222;border-radius:8px;flex:1;padding:10px 14px;font-family:inherit;font-size:14px;line-height:1.4}.hr-hub-chat-input-row textarea:focus{border-color:#444;outline:none}.hr-hub-dashboard-body{flex:1;padding:28px max(28px,50% - 562px) 56px;overflow-y:auto}@media (max-width:720px){.hr-hub-dashboard-body{padding:20px 16px 40px}}.hr-hub-dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:16px;display:grid}.hr-hub-dashboard-breakdown{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin-bottom:12px;display:grid}.hr-hub-breakdown-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.hr-hub-breakdown-cell{color:#ccc;background:#111;border:1px solid #1a1a1a;border-radius:8px;flex-direction:column;gap:4px;padding:12px 14px;font-size:14px;display:flex}.hr-hub-breakdown-cell-top{justify-content:space-between;align-items:center;display:flex}.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{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.hr-hub-status-cell{background:#111;border-radius:6px;align-items:center;gap:10px;padding:10px;font-size:13px;display:flex}.hr-hub-status-cell strong{color:#fff;margin-left:auto}.hr-hub-insights-card{padding:24px 28px}.hr-hub-insights-card .hr-hub-card-title{margin-bottom:18px;font-size:20px}.hr-hub-insights{color:#f0f0f0;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.hr-hub-insights li{background:#0d0d0d;border:1px solid #222;border-radius:10px;padding:18px 20px 18px 44px;font-size:17px;font-weight:400;line-height:1.55;position:relative}.hr-hub-insights li:before{content:"";background:#fff;border-radius:50%;width:10px;height:10px;position:absolute;top:24px;left:18px}.hr-hub-edit-form{flex:1;padding:28px max(28px,50% - 562px) 56px;overflow-y:auto}@media (max-width:720px){.hr-hub-edit-form{padding:20px 16px 40px}}.hr-hub-form-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;display:grid}.hr-hub-edit-form input,.hr-hub-edit-form select,.hr-hub-edit-form textarea{color:#fff;box-sizing:border-box;background:#050505;border:1px solid #222;border-radius:6px;width:100%;padding:8px 10px;font-family:inherit;font-size:13px}#pictures-page{background:var(--bg);z-index:10;display:none;position:absolute;inset:0;overflow:hidden}#pictures-page.open{flex-direction:column;display:flex}#pictures-projects-view{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}#pictures-editor-view{flex-direction:column;flex:1;min-height:0;display:flex}.pictures-body{background:#050505;flex:1;grid-template-columns:240px 1fr 280px;min-height:0;display:grid;overflow:hidden}.pictures-sidebar{background:#0a0a0a;border-right:1px solid #1a1a1a;flex-direction:column;min-height:0;display:flex}.pictures-sidebar-header{text-transform:uppercase;letter-spacing:.06em;color:#888;border-bottom:1px solid #1a1a1a;justify-content:space-between;align-items:center;padding:12px 14px;font-size:11px;display:flex}.pictures-library-list{flex:1;padding:6px 0;overflow-y:auto}.pictures-library-item{cursor:pointer;color:#ccc;border-left:2px solid #0000;align-items:center;padding:8px 14px;font-size:13px;display:flex}.pictures-library-item:hover{color:#fff;background:#111}.pictures-library-item.active{color:#fff;background:#141414;border-left-color:#fff}.pictures-library-item-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.pictures-library-item-meta{color:#666;margin-left:8px;font-size:10px}.pictures-library-item-icon{color:#888;flex-shrink:0;margin-right:8px}.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{color:#666;cursor:pointer;background:0 0;border:none;margin-left:4px;padding:2px 4px;display:none}.pictures-library-item:hover .pictures-library-item-remove{display:inline-flex}.pictures-library-item-remove:hover{color:#fff}.pictures-library-empty{color:#555;text-align:center;padding:14px;font-size:12px;line-height:1.5}.pictures-sidebar-footer{border-top:1px solid #1a1a1a;padding:10px 14px}.pictures-status-line{color:#888;margin:0;font-size:11px;line-height:1.4}.pictures-libraries-line{color:#555;margin:4px 0 0;font-size:10px}.pictures-icon-btn{color:#aaa;cursor:pointer;background:0 0;border:1px solid #2a2a2a;border-radius:4px;justify-content:center;align-items:center;width:26px;height:26px;padding:0;display:inline-flex}.pictures-icon-btn:hover{color:#fff;background:#1a1a1a}.pictures-icon-btn.pictures-icon-btn-active{color:#fff;background:#1a1a1a;border-color:#444}.pictures-select{color:#ccc;background:#0a0a0a;border:1px solid #2a2a2a;border-radius:4px;height:26px;padding:4px 8px;font-size:12px}.pictures-range{accent-color:#fff;width:100px}.pictures-main{background:#050505;flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.pictures-main-header{background:#0a0a0a;border-bottom:1px solid #1a1a1a;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.pictures-grid-info{color:#888;font-size:12px}.pictures-controls{align-items:center;gap:8px;display:flex}.pictures-grid{grid-template-columns:repeat(auto-fill, minmax(var(--pictures-thumb,180px), 1fr));flex:1;align-content:start;gap:6px;padding:12px;display:grid;overflow-y:auto}.pictures-grid-empty{color:#555;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;font-size:13px;display:flex;position:absolute;inset:50px 0 0}.pictures-grid-empty svg{color:#333;margin-bottom:12px}.pictures-grid-empty p{margin:0}.pictures-thumb{cursor:pointer;-webkit-user-select:none;user-select:none;background:#111;border:2px solid #0000;border-radius:4px;width:100%;height:0;padding-bottom:100%;position:relative;overflow:hidden}.pictures-thumb img{object-fit:cover;background:#111;width:100%;height:100%;display:block;position:absolute;inset:0}.pictures-thumb.selected{border-color:#fff}.pictures-thumb.broken{color:#444;text-align:center;justify-content:center;align-items:center;font-size:10px;display:flex}.pictures-thumb.broken>*{justify-content:center;align-items:center;padding:8px;display:flex;position:absolute;inset:0}.pictures-thumb-label{color:#ddd;white-space:nowrap;text-overflow:ellipsis;opacity:0;pointer-events:none;background:linear-gradient(#0000,#000000d9);padding:14px 6px 4px;font-size:10px;line-height:1.2;transition:opacity .12s;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.pictures-thumb:hover .pictures-thumb-label,.pictures-thumb.selected .pictures-thumb-label{opacity:1}.pictures-thumb-badge{color:#000;pointer-events:none;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:absolute;bottom:6px;right:6px;box-shadow:0 0 0 1px #00000080,0 1px 3px #0009}.pictures-thumb-badge svg{display:block}.pictures-thumb-raw{color:#fff;letter-spacing:.5px;pointer-events:none;background:#000000b3;border-radius:3px;padding:2px 6px;font-size:9px;font-weight:700;position:absolute;top:6px;left:6px;box-shadow:0 0 0 1px #ffffff40}.pictures-thumb-pick{z-index:2;color:#ffffffd9;cursor:pointer;opacity:0;background:#0009;border:none;border-radius:4px;justify-content:center;align-items:center;width:26px;height:26px;padding:0;transition:opacity .12s,color .12s,background .12s,transform .12s;display:flex;position:absolute;top:6px;right:6px;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{color:#000;background:#fff;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:"";background:#fff;border-radius:50%;width:6px;height:6px;position:absolute;bottom:4px;left:4px;box-shadow:0 0 0 1px #000}.pictures-meta{background:#0a0a0a;border-left:1px solid #1a1a1a;flex-direction:column;min-height:0;display:flex;overflow-y:auto}.pictures-meta-content{color:#ccc;padding:14px 16px;font-size:12px}.pictures-meta-empty{color:#555;margin:0;font-size:12px}.pictures-meta-title{color:#fff;word-break:break-word;margin:0 0 4px;font-size:13px;font-weight:500}.pictures-meta-sub{color:#666;margin:0 0 14px;font-size:11px}.pictures-meta-row{border-top:1px solid #1a1a1a;justify-content:space-between;gap:10px;padding:4px 0;font-size:11px;display:flex}.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{text-transform:uppercase;letter-spacing:.06em;color:#555;margin:14px 0 4px;font-size:10px}.pictures-develop{background:#050505;flex-direction:column;min-height:0;display:flex;position:absolute;inset:49px 0 0}.pictures-develop-header{background:#0a0a0a;border-bottom:1px solid #1a1a1a;align-items:center;gap:10px;padding:8px 14px;display:flex}.pictures-develop-title{color:#ccc;text-overflow:ellipsis;white-space:nowrap;max-width:50%;font-size:13px;overflow:hidden}.pictures-develop-counter{color:#555;font-variant-numeric:tabular-nums;font-size:11px}.pictures-develop-header-spacer{flex:1}.pictures-text-btn{color:#888;cursor:pointer;background:0 0;border:1px solid #2a2a2a;border-radius:4px;padding:4px 10px;font-size:11px}.pictures-text-btn:hover{color:#fff;border-color:#444}.pictures-develop-main{flex:1;grid-template-columns:1fr 320px;min-height:0;display:grid;overflow:hidden}.pictures-develop-filmstrip{scrollbar-width:thin;scrollbar-color:#2a2a2a transparent;background:#080808;border-top:1px solid #1a1a1a;flex:none;gap:4px;height:100px;padding:8px 12px;display:flex;overflow:auto hidden}.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{aspect-ratio:1;cursor:pointer;box-sizing:border-box;background:#111;border:2px solid #0000;border-radius:2px;flex:none;height:100%;position:relative;overflow:hidden}.pictures-filmstrip-thumb img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.pictures-filmstrip-thumb:hover{border-color:#444}.pictures-filmstrip-thumb.active{border-color:#fff}.pictures-filmstrip-thumb.edited:after{content:"";background:#fff;border-radius:50%;width:6px;height:6px;position:absolute;top:4px;right:4px;box-shadow:0 0 0 1px #000}.pictures-filmstrip-thumb.broken{color:#555;text-align:center;word-break:break-all;justify-content:center;align-items:center;width:80px;padding:4px;font-size:9px;display:flex}.pictures-develop-canvas-host{background:#050505;justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.pictures-develop-canvas-host.zoom-1-1{justify-content:flex-start;align-items:flex-start;overflow:auto}#pictures-develop-canvas{background:#111;max-width:100%;max-height:100%;display:block}.pictures-develop-canvas-host.zoom-1-1 #pictures-develop-canvas{max-width:none;max-height:none}.pictures-develop-loading{color:#666;z-index:1;background:#050505;justify-content:center;align-items:center;font-size:12px;display:flex;position:absolute;inset:0}.pictures-develop-panel{background:#0a0a0a;border-left:1px solid #1a1a1a;min-height:0;overflow-y:auto}.pictures-develop-section{border-bottom:1px solid #1a1a1a;padding:12px 14px}.pictures-develop-section-head{text-transform:uppercase;letter-spacing:.06em;color:#888;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:10px;display:flex}.pictures-histogram{background:#050505;border:1px solid #1a1a1a;border-radius:3px;width:100%;height:100px;display:block}.pictures-develop-sliders{flex-direction:column;gap:10px;display:flex}.pictures-hsl-tabs{border:1px solid #2a2a2a;border-radius:3px;gap:0;display:inline-flex;overflow:hidden}.pictures-hsl-tabs button{color:#888;cursor:pointer;text-transform:uppercase;letter-spacing:.04em;background:0 0;border:0;padding:2px 8px;font-family:inherit;font-size:10px}.pictures-hsl-tabs button:hover{color:#fff}.pictures-hsl-tabs button.active{color:#000;background:#fff}.pictures-hsl-pane[hidden]{display:none}.pictures-swatch{border:1px solid #ffffff26;border-radius:2px;flex-shrink:0;width:10px;height:10px;display:inline-block}.pictures-curve-canvas{aspect-ratio:1;cursor:crosshair;background:#050505;border:1px solid #1a1a1a;border-radius:3px;width:100%;max-width:240px;margin:0 auto;display:block}.pictures-grading-row{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:8px;display:grid}.pictures-grading-cell{flex-direction:column;align-items:center;gap:4px;display:flex}.pictures-grading-wheel{aspect-ratio:1;cursor:crosshair;width:100%;max-width:84px;display:block}.pictures-grading-zone-name{color:#888;text-align:center;font-size:10px}.pictures-grading-sliders{margin-top:4px}.pictures-slider{flex-direction:column;gap:3px;display:flex}.pictures-slider-head{color:#aaa;justify-content:space-between;align-items:center;font-size:11px;display:flex}.pictures-slider-label{flex:1;align-items:center;gap:6px;display:flex}.pictures-slider-label:before{content:"";background:0 0;border-radius:50%;width:5px;height:5px;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;text-align:right;cursor:text;border:1px solid #0000;border-radius:3px;min-width:44px;margin-right:6px;padding:1px 4px;font-size:11px}.pictures-slider-value:hover{border-color:#2a2a2a}.pictures-slider-value-input{color:#fff;font-variant-numeric:tabular-nums;text-align:right;background:#050505;border:1px solid #fff;border-radius:3px;outline:none;width:56px;min-width:56px;padding:1px 4px;font-family:inherit;font-size:11px}.pictures-slider-reset{color:#555;cursor:pointer;background:0 0;border:0;padding:0 2px;font-size:11px}.pictures-slider-reset:hover{color:#fff}.pictures-slider-input{accent-color:#fff;width:100%;height:18px}.pictures-crop-controls{flex-direction:column;gap:8px;display:flex}.pictures-crop-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pictures-crop-row>select{color:#ccc;background:#050505;border:1px solid #2a2a2a;border-radius:3px;outline:none;flex:1;min-width:0;padding:3px 6px;font-family:inherit;font-size:11px}.pictures-crop-row>select:hover{border-color:#444}.pictures-crop-row>select:focus{border-color:#fff}.pictures-crop-icon-btn{color:#888;cursor:pointer;background:0 0;border:1px solid #2a2a2a;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;padding:0;display:inline-flex}.pictures-crop-icon-btn:hover{color:#fff;border-color:#444}.pictures-crop-icon-btn.active{color:#000;background:#fff;border-color:#fff}.pictures-crop-icon-btn svg{width:14px;height:14px;display:block}.pictures-crop-toggle{cursor:pointer;color:#ccc;background:0 0;border:1px solid #2a2a2a;border-radius:3px;justify-content:center;align-items:center;gap:6px;width:100%;padding:6px 10px;font-size:11px;display:flex}.pictures-crop-toggle:hover{color:#fff;border-color:#444}.pictures-crop-toggle.active{color:#000;background:#fff;border-color:#fff}.pictures-crop-overlay{pointer-events:none;position:absolute}.pictures-crop-shade{pointer-events:auto;cursor:default;background:#0000008c;position:absolute}.pictures-crop-frame{box-sizing:border-box;pointer-events:auto;cursor:move;border:1px solid #ffffffd9;position:absolute;box-shadow:0 0 0 1px #0006}.pictures-crop-grid{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.pictures-crop-handle{pointer-events:auto;background:#fff;border:1px solid #000;width:12px;height:12px;position:absolute}.pictures-crop-handle[data-handle=nw]{cursor:nwse-resize;top:-6px;left:-6px}.pictures-crop-handle[data-handle=n]{cursor:ns-resize;width:14px;height:6px;margin-left:-6px;top:-6px;left:50%}.pictures-crop-handle[data-handle=ne]{cursor:nesw-resize;top:-6px;right:-6px}.pictures-crop-handle[data-handle=e]{cursor:ew-resize;width:6px;height:14px;margin-top:-6px;top:50%;right:-6px}.pictures-crop-handle[data-handle=se]{cursor:nwse-resize;bottom:-6px;right:-6px}.pictures-crop-handle[data-handle=s]{cursor:ns-resize;width:14px;height:6px;margin-left:-6px;bottom:-6px;left:50%}.pictures-crop-handle[data-handle=sw]{cursor:nesw-resize;bottom:-6px;left:-6px}.pictures-crop-handle[data-handle=w]{cursor:ew-resize;width:6px;height:14px;margin-top:-6px;top:50%;left:-6px}.pictures-straighten-svg{pointer-events:auto;cursor:crosshair;background:0 0;width:100%;height:100%;position:absolute;top:0;left:0}.pictures-develop-canvas-host.crop-mode #pictures-develop-canvas{cursor:default}.pictures-develop-canvas-host.straighten-mode{cursor:crosshair}.pictures-grid-actionbar{color:#aaa;background:#0a0a0a;border-bottom:1px solid #1a1a1a;flex-wrap:wrap;align-items:center;gap:8px;padding:6px 16px;font-size:11px;display:flex}.pictures-actionbar-count{color:#fff;font-weight:600}.pictures-actionbar-divider{background:#2a2a2a;width:1px;height:16px;margin:0 2px}.pictures-actionbar-label{color:#888}.pictures-grid-actionbar select{color:#ccc;background:#050505;border:1px solid #2a2a2a;border-radius:3px;outline:none;padding:3px 6px;font-family:inherit;font-size:11px}.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;cursor:not-allowed;border-color:#1a1a1a}.pictures-actionbar-hint{color:#555;margin-left:auto;font-size:10px}.pictures-presets-section .pictures-presets-body{flex-direction:column;gap:6px;display:flex}.pictures-sync-sections{grid-template-columns:1fr 1fr;gap:2px 8px;margin-bottom:8px;display:grid}.pictures-sync-toggle{cursor:pointer;color:#ccc;align-items:center;gap:6px;padding:2px 0;font-size:11px;display:flex}.pictures-sync-toggle input{accent-color:#fff;width:13px;height:13px;margin:0}.pictures-sync-toggle:hover{color:#fff}.pictures-sync-actions{flex-wrap:wrap;gap:6px;display:flex}.pictures-sync-actions .pictures-text-btn{flex:1;min-width:0}.pictures-text-btn-primary{color:#000;background:#fff;border-color:#fff}.pictures-text-btn-primary:hover{color:#000;background:#ddd;border-color:#ddd}.pictures-sync-hint{color:#555;padding:4px 0 0;font-size:10px}.pictures-presets-list{flex-direction:column;gap:4px;display:flex}.pictures-presets-empty{color:#555;margin:0;padding:4px 0;font-size:11px}.pictures-preset-row{align-items:stretch;gap:4px;display:flex}.pictures-preset-apply{color:#ccc;text-align:left;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:1px solid #2a2a2a;border-radius:3px;flex:1;padding:5px 10px;font-family:inherit;font-size:11px;overflow:hidden}.pictures-preset-apply:hover{color:#000;background:#fff;border-color:#fff}.pictures-preset-rename,.pictures-preset-delete{color:#666;cursor:pointer;background:0 0;border:1px solid #2a2a2a;border-radius:3px;justify-content:center;align-items:center;width:24px;padding:0;display:inline-flex}.pictures-preset-rename:hover,.pictures-preset-delete:hover{color:#fff;border-color:#444}.pictures-toast{color:#000;opacity:0;pointer-events:none;z-index:100000;background:#fff;border-radius:4px;padding:8px 14px;font-size:12px;transition:opacity .18s,transform .18s;position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(8px);box-shadow:0 4px 16px #0006}.pictures-toast.visible{opacity:1;transform:translate(-50%)translateY(0)}.video-mixer-panel{z-index:9999;-webkit-user-select:none;user-select:none;background:#0a0a0a;border:1px solid #222;border-radius:12px;flex-direction:column;max-height:calc(100vh - 100px);display:flex;position:fixed;top:80px;right:20px;overflow:hidden;box-shadow:0 16px 48px #0009}.video-mixer-panel.snapped{border-radius:0;box-shadow:0 0 0 1px #2a2a2a}.video-mixer-panel.dragging{opacity:.92;cursor:grabbing;transition:none}.video-mixer-header{cursor:grab;background:#111;border-bottom:1px solid #1a1a1a;flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.video-mixer-header:active{cursor:grabbing}.video-mixer-header-left{color:#fff;letter-spacing:.04em;align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.video-mixer-close-btn{color:#888;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.video-mixer-close-btn:hover{color:#fff;background:#1a1a1a}.video-mixer-body{background:#060606;align-items:stretch;gap:0;padding:14px;display:flex;overflow:auto}.video-mixer-snap-guide{z-index:9998;pointer-events:none;background:#ffffff14;border:1px dashed #fff6;display:none;position:fixed}.vmix-strips{gap:8px;display:flex;overflow-x:auto}.vmix-divider{background:#1a1a1a;align-self:stretch;width:1px;margin:0 10px}.vmix-master{flex-shrink:0;display:flex}.vmix-empty{color:#555;flex:1;justify-content:center;align-items:center;font-size:13px;display:flex}.vmix-strip{background:#0d0d0d;border:1px solid #1a1a1a;border-radius:8px;flex-direction:column;flex-shrink:0;align-items:center;gap:8px;width:76px;padding:10px 6px;display:flex}.vmix-strip-master{background:#111;border-color:#2a2a2a}.vmix-strip-name{color:#ccc;text-transform:uppercase;letter-spacing:.08em;text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;font-weight:700;overflow:hidden}.vmix-strip-master .vmix-strip-name{color:#fff}.vmix-strip-row{flex-direction:column;align-items:center;width:100%;display:flex}.vmix-pan-wrap{flex-direction:column;align-items:center;gap:4px;width:100%;display:flex}.vmix-pan-label{color:#888;font-variant-numeric:tabular-nums;min-height:12px;font-size:10px}.vmix-pan{appearance:none;cursor:pointer;background:#1f1f1f;border-radius:2px;outline:none;width:80%;height:4px}.vmix-pan::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border:2px solid #0d0d0d;border-radius:50%;width:12px;height:12px}.vmix-pan::-moz-range-thumb{cursor:pointer;background:#fff;border:2px solid #0d0d0d;border-radius:50%;width:12px;height:12px}.vmix-strip-buttons{justify-content:center;gap:6px;width:100%;display:flex}.vmix-btn{color:#777;cursor:pointer;background:#161616;border:1px solid #2a2a2a;border-radius:4px;width:28px;height:24px;font-family:inherit;font-size:11px;font-weight:700}.vmix-btn:hover{color:#ccc;border-color:#444}.vmix-mute.active{color:#000;background:#fff;border-color:#fff}.vmix-solo.active{color:#fff;background:#444;border-color:#666}.vmix-fader-wrap{justify-content:center;align-items:stretch;width:100%;height:240px;margin-top:4px;display:flex;position:relative}.vmix-fader-scale{color:#444;font-variant-numeric:tabular-nums;pointer-events:none;flex-direction:column;justify-content:space-between;font-size:9px;display:flex;position:absolute;top:0;bottom:0;left:4px}.vmix-fader{appearance:slider-vertical;writing-mode:bt-lr;cursor:pointer;background:0 0;outline:none;width:28px;height:100%}.vmix-fader::-webkit-slider-runnable-track{background:#1a1a1a;border-radius:3px;width:6px}.vmix-fader::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border:1px solid #888;border-radius:3px;width:28px;height:14px;margin-left:-11px;box-shadow:0 2px 6px #00000080}.vmix-fader::-moz-range-track{background:#1a1a1a;border-radius:3px;width:6px}.vmix-fader::-moz-range-thumb{cursor:pointer;background:#fff;border:1px solid #888;border-radius:3px;width:28px;height:14px;box-shadow:0 2px 6px #00000080}.vmix-fader-meter{pointer-events:none;background:#111;border-radius:3px;width:6px;position:absolute;top:0;bottom:0;right:6px;overflow:hidden}.vmix-fader-meter-fill{background:linear-gradient(#444 0%,#888 15%,#ccc 40%,#fff 100%);height:0%;transition:height 60ms linear;position:absolute;bottom:0;left:0;right:0}.vmix-fader-meter-fill.clip{background:linear-gradient(#888 0%,#fff 10% 100%);box-shadow:0 0 6px #fff9}.vmix-strip-value{color:#888;font-variant-numeric:tabular-nums;text-align:center;min-height:14px;font-size:11px}.vmix-strip-master .vmix-strip-value{color:#ccc}.te-view-tabs{background:#111;border:1px solid #222;border-radius:8px;gap:2px;margin-left:16px;padding:2px;display:inline-flex}.te-view-tab{color:#888;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 12px;font-family:inherit;font-size:12px;transition:background .15s,color .15s}.te-view-tab:hover{color:#ccc}.te-view-tab.active{color:#fff;background:#1a1a1a}#te-transcript-view{height:100%;overflow-y:auto}#te-script-view{height:100%;padding:20px 28px;overflow-y:auto}.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;flex-direction:column;gap:12px;margin-bottom:20px;padding-bottom:16px;display:flex}.te-script-titlebar{align-items:center;gap:8px;display:flex}.te-script-name{color:#fff;background:0 0;border:1px solid #0000;border-radius:6px;flex:1;min-width:0;padding:4px 8px;font-family:inherit;font-size:18px;font-weight:600}.te-script-name:hover{border-color:#222}.te-script-name:focus{background:#0a0a0a;border-color:#333;outline:none}.te-script-switcher{color:#ccc;cursor:pointer;background:#111;border:1px solid #222;border-radius:6px;padding:4px 8px;font-family:inherit;font-size:12px}.te-script-btn{color:#aaa;cursor:pointer;background:#111;border:1px solid #222;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-family:inherit;font-size:14px;transition:background .15s,color .15s;display:inline-flex}.te-script-btn:hover{color:#fff;background:#1a1a1a}.te-script-btn-danger:hover{color:#f88;background:#2a1515}.te-script-modes{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.te-script-mode{color:#888;cursor:pointer;background:#111;border:1px solid #222;border-radius:999px;padding:6px 12px;font-family:inherit;font-size:12px;transition:background .15s,color .15s,border-color .15s}.te-script-mode:hover{color:#ccc;background:#1a1a1a}.te-script-mode.active{color:#000;background:#fff;border-color:#fff}.te-script-mode-hint{color:#666;flex:1;min-width:200px;margin-left:8px;font-size:12px}.te-script-brief{color:#ddd;resize:vertical;background:#0a0a0a;border:1px solid #1a1a1a;border-radius:8px;min-height:60px;padding:10px 12px;font-family:inherit;font-size:13px;line-height:1.5}.te-script-brief:focus{border-color:#333;outline:none}.te-script-brief::placeholder{color:#555}.te-script-items{flex-direction:column;gap:8px;display:flex}.te-script-item{background:#0d0d0d;border:1px solid #1a1a1a;border-radius:10px;align-items:stretch;gap:8px;padding:10px 12px;display:flex}.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 #2a2a2a #2a2a2a currentColor;border-left-style:none;border-left-width:medium}.te-script-item-controls{flex-direction:column;flex-shrink:0;gap:2px;display:flex}.te-script-item-ctrl{color:#555;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;width:22px;height:22px;font-family:inherit;font-size:11px;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.te-script-item-ctrl:hover:not(:disabled){color:#fff;background:#1a1a1a;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-direction:column;flex:1;gap:6px;min-width:0;display:flex}.te-script-item-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.te-script-tag{letter-spacing:.5px;color:#888;background:#1a1a1a;border-radius:4px;flex-shrink:0;padding:3px 8px;font-size:10px;font-weight:700}.te-script-tag-chapter{color:#fff;background:#2a2a2a}.te-script-speaker{color:#ccc;font-size:12px;font-weight:600}.te-script-camchip{color:#aaa;cursor:pointer;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:4px;padding:3px 8px;font-family:inherit;font-size:11px;transition:background .15s,color .15s}.te-script-camchip:hover{color:#fff;background:#222}.te-script-quote-text{color:#ddd;background:#060606;border-radius:6px;padding:8px 10px;font-size:13px;line-height:1.5}.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{color:#ddd;background:#060606;border:1px solid #1a1a1a;border-radius:6px;width:100%;padding:6px 10px;font-family:inherit;font-size:13px}.te-script-vo-text{resize:vertical;min-height:50px;line-height:1.5}.te-script-vo-text:focus,.te-script-card-text:focus,.te-script-broll-tag:focus,.te-script-chapter-title:focus{border-color:#333;outline:none}.te-script-vo-text::placeholder,.te-script-card-text::placeholder,.te-script-broll-tag::placeholder{color:#444}.te-script-chapter-title{background:0 0;font-size:14px;font-weight:600}.te-script-broll-tag{flex:1;width:auto;min-width:100px}.te-script-card-style{color:#ccc;cursor:pointer;background:#111;border:1px solid #222;border-radius:4px;padding:4px 8px;font-family:inherit;font-size:12px}.te-script-dur{color:#ccc;background:#060606;border:1px solid #1a1a1a;border-radius:4px;width:60px;padding:4px 6px;font-family:inherit;font-size:12px}.te-script-broll-note{color:#666;font-size:11px;font-style:italic}.te-script-addbar{border-top:1px solid #1a1a1a;flex-wrap:wrap;align-items:center;gap:6px;margin-top:20px;padding-top:16px;display:flex}.te-script-add-label{color:#666;margin-right:4px;font-size:12px}.te-script-add{color:#ccc;cursor:pointer;background:#111;border:1px solid #222;border-radius:6px;padding:5px 12px;font-family:inherit;font-size:12px;transition:background .15s,color .15s}.te-script-add:hover{color:#fff;background:#1a1a1a}.te-script-add-hint{color:#555;margin-left:8px;font-size:11px}.te-script-compilebar{background:#0a0a0a;border-top:1px solid #1a1a1a;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding:14px 16px;display:flex}.te-script-compile-summary{color:#888;font-variant-numeric:tabular-nums;font-size:12px}.te-script-compile{color:#000;cursor:pointer;background:#fff;border:none;border-radius:8px;padding:8px 18px;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;letter-spacing:.8px;color:#888;align-items:center;gap:6px;padding:12px 12px 6px;font-size:10px;display:flex}.video-file-group-count{color:#666;letter-spacing:0;background:#1a1a1a;border-radius:8px;padding:1px 6px;font-size:10px}.video-file-badges{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.video-file-kind{letter-spacing:.5px;color:#ccc;text-transform:uppercase;background:#1a1a1a;border-radius:4px;padding:2px 7px;font-size:10px;font-weight:700}.video-file-kind-interview{color:#fff;background:#2a2a2a}.video-file-kind-broll{color:#ddd;background:#1a1a1a;border:1px solid #333}.video-file-kind-atmosphere{color:#aaa;background:#181818}.video-file-kind-music{color:#ccc;background:#1a1a1a}.video-file-kind-sfx{color:#aaa;background:#1a1a1a}.video-file-kind-audio{color:#bbb;background:#1a1a1a}.video-file-tag{color:#999;background:#0d0d0d;border:1px solid #222;border-radius:4px;padding:2px 7px;font-size:10px}.video-file-tag-more{color:#555}.video-context-menu-section{letter-spacing:.5px;color:#666;text-transform:uppercase;padding:6px 12px 2px;font-size:10px}.video-context-menu-sep{background:#1a1a1a;height:1px;margin:4px 0}.video-context-menu-item-muted{color:#555!important}.video-tags-modal-overlay{z-index:10001;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.video-tags-modal{background:#0a0a0a;border:1px solid #222;border-radius:14px;flex-direction:column;width:480px;max-width:92vw;display:flex;box-shadow:0 20px 60px #000000b3}.video-tags-modal-header{color:#fff;border-bottom:1px solid #1a1a1a;padding:16px 20px 8px;font-size:14px;font-weight:600}.video-tags-filename{color:#888;margin-left:6px;font-size:12px;font-weight:400}.video-tags-modal-body{padding:16px 20px}.video-tags-label{letter-spacing:.5px;color:#888;text-transform:uppercase;margin-bottom:6px;font-size:11px;display:block}.video-tags-input{color:#fff;box-sizing:border-box;background:#060606;border:1px solid #222;border-radius:6px;width:100%;padding:8px 10px;font-family:inherit;font-size:13px}.video-tags-input:focus{border-color:#444;outline:none}.video-tags-modal-chips{flex-wrap:wrap;gap:4px;min-height:22px;margin-top:10px;display:flex}.video-tags-modal-chips-empty{color:#444;font-size:11px;font-style:italic}.video-tags-modal-hint{color:#666;margin-top:12px;font-size:12px;line-height:1.5}.video-tags-modal-actions{border-top:1px solid #1a1a1a;justify-content:flex-end;gap:8px;padding:12px 20px;display:flex}.video-tags-modal-btn{color:#ccc;cursor:pointer;background:#111;border:1px solid #222;border-radius:6px;padding:7px 16px;font-family:inherit;font-size:13px}.video-tags-modal-btn:hover{color:#fff;background:#1a1a1a}.video-tags-modal-btn-primary{color:#000;background:#fff;border-color:#fff}.video-tags-modal-btn-primary:hover{background:#ddd}.video-autotag-row{border-bottom:1px solid #1a1a1a;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 0;display:flex}.video-autotag-row:last-of-type{border-bottom:none}.video-autotag-label{letter-spacing:.5px;color:#666;text-transform:uppercase;min-width:70px;font-size:10px}.video-autotag-conf{color:#888;font-variant-numeric:tabular-nums;margin-left:auto;font-size:11px}#drum-machine-page{color:#fff;background:#0a0a0a;display:none;position:absolute;inset:0;overflow:hidden}#drum-machine-page.open{flex-direction:column;display:flex}.dm-projects-view{width:100%;max-width:1100px;margin:0 auto;padding:56px 40px}.dm-projects-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.dm-projects-title{letter-spacing:-.02em;font-size:28px;font-weight:700}.dm-projects-new-btn{color:#000;cursor:pointer;background:#fff;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-family:inherit;font-size:13px;font-weight:600;transition:transform .18s cubic-bezier(.4,0,.2,1);display:flex}.dm-projects-new-btn:hover{transform:translateY(-1px)}.dm-projects-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}.dm-project-card{cursor:pointer;background:#111;border:1px solid #ffffff0f;border-radius:12px;padding:18px;transition:all .18s cubic-bezier(.4,0,.2,1);position:relative}.dm-project-card:hover{background:#1a1a1a;border-color:#ffffff26;transform:translateY(-2px)}.dm-project-name{margin-bottom:6px;font-size:15px;font-weight:600}.dm-project-meta{color:#666;font-size:11px}.dm-project-delete{color:#888;cursor:pointer;opacity:0;background:0 0;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:14px;transition:all .18s;display:flex;position:absolute;top:10px;right:10px}.dm-project-card:hover .dm-project-delete{opacity:1}.dm-project-delete:hover{color:#000;background:#fff;border-color:#fff}.dm-empty{text-align:center;color:#444;grid-column:1/-1;padding:96px 20px}.dm-editor-view{flex-direction:column;flex:1;display:flex;overflow:hidden}.dm-container{flex-direction:column;gap:12px;height:100%;padding:16px;display:flex}.dm-toolbar{background:#111;border:1px solid #ffffff0f;border-radius:12px;align-items:center;gap:16px;padding:10px 14px;display:flex}.dm-toolbar-left{flex:none;align-items:center;gap:10px;display:flex}.dm-back-btn{color:#888;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .18s;display:flex}.dm-back-btn:hover{color:#fff;background:#1a1a1a;border-color:#fff3}.dm-project-name{color:#fff;background:0 0;border:none;outline:none;min-width:200px;padding:6px 0;font-family:inherit;font-size:14px;font-weight:600}.dm-project-name::placeholder{color:#555}.dm-transport{align-items:center;gap:14px;margin-left:auto;margin-right:auto;display:flex}.dm-transport-btn{color:#fff;cursor:pointer;background:#1a1a1a;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .18s;display:flex}.dm-transport-btn:hover{background:#222;transform:scale(1.05)}.dm-transport-btn.active{color:#000;background:#fff}.dm-bpm-group{color:#888;letter-spacing:.5px;text-transform:uppercase;align-items:center;gap:6px;font-size:11px;display:flex}.dm-bpm-group input[type=number]{color:#fff;text-align:center;font-variant-numeric:tabular-nums;background:#0a0a0a;border:1px solid #ffffff14;border-radius:6px;width:56px;padding:5px 8px;font-family:inherit}.dm-bpm-group input[type=range]{width:90px}.dm-bpm-group label{font-weight:600}.dm-toolbar-right{align-items:center;gap:8px;display:flex}.dm-action-btn{color:#aaa;cursor:pointer;background:#1a1a1a;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:6px;padding:7px 12px;font-family:inherit;font-size:12px;transition:all .18s cubic-bezier(.4,0,.2,1);display:flex}.dm-action-btn:hover{color:#fff;background:#222;transform:translateY(-1px)}.dm-patterns-bar{background:#0d0d0d;border-radius:10px;gap:6px;padding:6px 14px;display:flex}.dm-pattern-btn{color:#888;cursor:pointer;background:#1a1a1a;border:1px solid #ffffff14;border-radius:8px;width:32px;height:32px;font-family:inherit;font-size:12px;font-weight:600;transition:all .18s}.dm-pattern-btn:hover{color:#fff;background:#222}.dm-pattern-btn.active{color:#000;background:#fff;border-color:#fff}.dm-pattern-add{color:#555;font-size:16px}.dm-main{flex:1;grid-template-columns:200px 1fr auto;gap:10px;min-height:0;display:grid}.dm-pads-col{background:#111;border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;gap:4px;padding:8px;display:flex;overflow-y:auto}.dm-pad{cursor:pointer;background:#1a1a1a;border:1px solid #ffffff0a;border-radius:8px;min-height:56px;padding:8px;transition:all .18s cubic-bezier(.4,0,.2,1);position:relative}.dm-pad:hover{background:#222}.dm-pad.selected{background:#222;border-color:#fff}.dm-pad.muted{opacity:.4}.dm-pad.soloed{background:#2a2a2a}.dm-pad.hit{color:#000;background:#fff;transition:background 50ms}.dm-pad-name{-webkit-user-select:none;user-select:none;margin-bottom:6px;font-size:12px;font-weight:600}.dm-pad-sample{color:#888;font-size:9px;font-style:italic;font-weight:400}.dm-pad-actions{flex-wrap:wrap;gap:4px;display:flex}.dm-pad-btn{color:#888;cursor:pointer;background:#0d0d0d;border:1px solid #ffffff14;border-radius:5px;justify-content:center;align-items:center;width:22px;height:22px;font-family:inherit;font-size:10px;font-weight:600;transition:all .15s;display:flex}.dm-pad-btn:hover{color:#fff;background:#222}.dm-pad-btn.active{color:#000;background:#fff;border-color:#fff}.dm-grid-wrap{background:#111;border:1px solid #ffffff0f;border-radius:12px;padding:8px;overflow:auto}.dm-grid{flex-direction:column;gap:4px;min-width:600px;display:flex}.dm-grid-row{grid-template-columns:repeat(16,minmax(28px,1fr));gap:3px;height:56px;display:grid}.dm-step{cursor:pointer;background:#1a1a1a;border:1px solid #0000;border-radius:6px;transition:all .12s cubic-bezier(.4,0,.2,1)}.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-offset:-2px;outline:2px solid #ffffff73}.dm-step.on.current{background:#fff;outline:2px solid #fff}.dm-fx-panel{background:#111;border:1px solid #0000;border-radius:12px;width:0;padding:0;transition:width .22s cubic-bezier(.4,0,.2,1);overflow:hidden}.dm-fx-panel.open{border-color:#ffffff14;width:240px;padding:14px}.dm-fx-header{color:#888;letter-spacing:1.2px;text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:12px;font-weight:700;display:flex}.dm-fx-rows{flex-direction:column;gap:14px;display:flex}.dm-fx-row label{color:#888;justify-content:space-between;margin-bottom:6px;font-size:11px;display:flex}.dm-fx-row label span{color:#fff;font-variant-numeric:tabular-nums}.dm-fx-row input[type=range]{width:100%}.dm-toast{color:#000;opacity:0;pointer-events:none;z-index:9999;background:#fff;border-radius:999px;padding:10px 18px;font-size:13px;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1);position:fixed;bottom:30px;left:50%;transform:translate(-50%)translateY(60px);box-shadow:0 10px 30px #0006}.dm-toast.show{opacity:1;transform:translate(-50%)translateY(0)}.rec-beat-clip{cursor:grab;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:6px;flex-direction:column;padding:4px 6px;transition:opacity .15s,background .15s;display:flex;position:absolute;top:4px;bottom:4px;overflow:hidden}.rec-beat-clip:hover{background:#ffffff14}.rec-beat-clip:active{cursor:grabbing}.rec-beat-clip-label{color:#aaa;letter-spacing:1px;text-transform:uppercase;flex-shrink:0;margin-bottom:3px;font-size:9px;font-weight:600}.rec-beat-grid-preview{flex-direction:column;flex:1;gap:1px;min-height:0;display:flex;overflow:hidden}.rec-beat-row{flex:1;grid-auto-columns:1fr;grid-auto-flow:column;gap:1px;min-height:0;display:grid}.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{cursor:ew-resize;z-index:6;width:8px;transition:background .12s;position:absolute;top:0;bottom:0}.rec-clip-handle.left{left:0}.rec-clip-handle.right{right:0}.rec-clip-handle:after{content:"";opacity:0;background:#ffffff40;width:2px;transition:opacity .15s;position:absolute;top:6px;bottom:6px}.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{opacity:1;background:#ffffffb3}.rec-beat-editor-overlay{z-index:5000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.rec-beat-editor-bg{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000a6;position:absolute;inset:0}.rec-beat-editor-panel{background:#0d0d0d;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;width:95vw;max-width:1200px;height:88vh;max-height:820px;padding:16px;display:flex;position:relative;box-shadow:0 30px 80px #000000b3}.rec-beat-editor-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:18px;padding-bottom:14px;display:flex}.rec-beat-editor-title{flex-direction:column;gap:4px;min-width:0;display:flex}.rec-beat-name-input{color:#fff;background:0 0;border:none;outline:none;max-width:320px;padding:4px 0;font-family:inherit;font-size:18px;font-weight:700}.rec-beat-editor-meta{color:#888;letter-spacing:.5px;font-size:11px}.rec-beat-editor-controls{align-items:center;gap:12px;display:flex}.rec-beat-bars-group{color:#888;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;font-size:11px;display:flex}.rec-beat-bars-group select{color:#fff;background:#1a1a1a;border:1px solid #ffffff1a;border-radius:6px;padding:5px 10px;font-family:inherit;font-size:12px}.rec-beat-pattern-bar{gap:4px;display:flex}.rec-beat-pat-btn{color:#888;cursor:pointer;background:#1a1a1a;border:1px solid #ffffff14;border-radius:6px;width:28px;height:28px;font-family:inherit;font-size:11px;font-weight:600;transition:all .15s}.rec-beat-pat-btn:hover{color:#fff;background:#222}.rec-beat-pat-btn.active{color:#000;background:#fff;border-color:#fff}.rec-beat-pat-add{color:#555;font-size:14px}.rec-beat-editor-body{flex:1;grid-template-columns:180px 1fr;gap:12px;min-height:0;padding-top:14px;display:grid;overflow:hidden}.rec-beat-editor-pads{flex-direction:column;gap:4px;display:flex;overflow-y:auto}.rec-beat-pad{background:#1a1a1a;border:1px solid #ffffff0d;border-radius:8px;flex-direction:column;gap:6px;padding:8px;display:flex}.rec-beat-pad.muted{opacity:.5}.rec-beat-pad-name{color:#ddd;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:12px;font-weight:600}.rec-beat-pad-name:hover{color:#fff}.rec-beat-pad-actions{align-items:center;gap:4px;display:flex}.rec-beat-mini-btn{color:#888;cursor:pointer;background:#0d0d0d;border:1px solid #ffffff14;border-radius:5px;width:22px;height:22px;font-family:inherit;font-size:10px;font-weight:600}.rec-beat-mini-btn.active{color:#000;background:#fff;border-color:#fff}.rec-beat-pad-actions input[type=range]{flex:1}.rec-beat-editor-grid{flex-direction:column;gap:4px;padding:4px 0;display:flex;overflow:auto}.rec-beat-editor-row{grid-template-columns:repeat(16,minmax(28px,1fr));gap:3px;height:36px;display:grid}.rec-beat-editor-cell{cursor:pointer;background:#1a1a1a;border-radius:5px;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{background:var(--bg,#0a0a0a);z-index:10;display:none;position:absolute;inset:0;overflow:hidden}#notes-page.open{flex-direction:column;display:flex}#notes-page-inner{color:#e9e9e9;background:#0a0a0a;flex:1;grid-template-columns:300px 1fr;min-height:0;display:grid}.notes-sidebar{background:#0c0c0c;border-right:1px solid #1c1c1c;flex-direction:column;min-height:0;display:flex}.notes-sidebar-header{border-bottom:1px solid #1a1a1a;gap:8px;padding:14px 14px 10px;display:flex}#notes-search{color:#e9e9e9;background:#141414;border:1px solid #1f1f1f;border-radius:8px;outline:none;flex:1;padding:8px 12px;font-size:13px;transition:border-color .15s,background .15s}#notes-search::placeholder{color:#5a5a5a}#notes-search:focus{background:#181818;border-color:#333}#notes-new-btn{color:#000;cursor:pointer;background:#fff;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s,transform .1s;display:flex}#notes-new-btn:hover{background:#d8d8d8}#notes-new-btn:active{transform:scale(.94)}#notes-list{flex:1;padding:6px 8px 80px;overflow-y:auto}.notes-list-item{text-align:left;width:100%;color:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;margin-bottom:2px;padding:10px 12px;transition:background .12s,border-color .12s;display:block}.notes-list-item:hover{background:#141414}.notes-list-item.active{background:#1a1a1a;border-color:#2a2a2a}.notes-list-item-head{align-items:center;gap:6px;margin-bottom:3px;display:flex}.notes-list-title{color:#f4f4f4;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:13.5px;font-weight:600;overflow:hidden}.notes-list-pin{color:#888;align-items:center;display:inline-flex}.notes-list-preview{color:#777;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.notes-list-time{color:#555;margin-top:4px;font-size:11px}.notes-list-no-match{text-align:center;color:#555;padding:20px;font-size:12px}.notes-empty{color:#555;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:40px 20px;display:flex}.notes-empty p{margin:0;font-size:13px}.notes-empty-btn{color:#000;cursor:pointer;background:#fff;border:none;border-radius:8px;margin-top:6px;padding:8px 14px;font-size:12.5px;font-weight:600}.notes-empty-btn:hover{background:#d8d8d8}.notes-editor{background:#0a0a0a;flex-direction:column;min-width:0;min-height:0;display:flex}.notes-editor-empty{color:#444;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;display:flex}.notes-editor-empty h2{color:#777;margin:8px 0 0;font-size:22px;font-weight:600}.notes-editor-empty p{color:#555;margin:0;font-size:13px}.notes-editor-active{flex-direction:column;flex:1;min-height:0;display:flex}.notes-editor-toolbar{border-bottom:1px solid #161616;align-items:center;gap:12px;padding:14px 22px;display:flex}#notes-title-input{color:#f8f8f8;background:0 0;border:none;outline:none;flex:1;min-width:0;padding:4px 0;font-size:22px;font-weight:600}#notes-title-input::placeholder{color:#3a3a3a}.notes-toolbar-actions{gap:4px;display:flex}.notes-toolbar-btn{color:#888;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;transition:background .12s,color .12s,border-color .12s;display:flex}.notes-toolbar-btn:hover{color:#f0f0f0;background:#161616}.notes-toolbar-btn.active{color:#fff;background:#1c1c1c;border-color:#2a2a2a}.notes-toolbar-btn.notes-toolbar-danger:hover{color:#ff7070}#notes-content-input{resize:none;color:#e6e6e6;background:0 0;border:none;outline:none;flex:1;min-height:0;padding:18px 22px 30px;font-family:Inter,system-ui,sans-serif;font-size:15px;line-height:1.65}#notes-content-input::placeholder{color:#3a3a3a}#notes-content-input.mono{background:#0e0e0e;font-family:Space Mono,Menlo,Consolas,monospace;font-size:13.5px;line-height:1.55}.notes-editor-footer{color:#555;background:#0c0c0c;border-top:1px solid #161616;justify-content:space-between;align-items:center;padding:8px 22px;font-size:11px;display:flex}#notes-save-status{align-items:center;gap:6px;display:inline-flex}#notes-save-status:before{content:"";background:#4ade80;border-radius:50%;width:6px;height:6px}#notes-save-status.dirty:before{background:#facc15}#notes-save-status.saving:before{background:#60a5fa;animation:.9s ease-in-out infinite notesSavePulse}#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-bottom:1px solid #1c1c1c;border-right:none;max-height:38vh}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes skeletonShimmer{0%{background-position:-400px 0}to{background-position:400px 0}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}::selection{color:#fff;background:#333}:focus-visible{outline-offset:2px;outline:1px solid #444}.datalab-page ::-webkit-scrollbar{width:6px;height:6px}.datalab-page ::-webkit-scrollbar-track{background:0 0}.datalab-page ::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.datalab-page ::-webkit-scrollbar-thumb:hover{background:#444}.datalab-page ::-webkit-scrollbar-corner{background:0 0}.datalab-page *{scrollbar-width:thin;scrollbar-color:#333 transparent}#datalab-container{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.datalab-page{color:#e0e0e0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a0a;flex-direction:column;height:100vh;min-height:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.5;display:flex}.datalab-header{z-index:100;background:#111;border-bottom:1px solid #222;flex-shrink:0;align-items:center;gap:16px;height:52px;padding:0 20px;display:flex;position:sticky;top:0}.datalab-header-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;max-width:240px;font-size:15px;font-weight:600;overflow:hidden}.datalab-header-subtitle{color:#666;margin-left:4px;font-size:12px}.datalab-header-actions{display:none}#header-actions.datalab-topbar-actions{align-items:center;gap:6px;display:flex!important}#header-actions.datalab-topbar-actions .datalab-btn{padding:6px 10px;font-size:12px}#header-actions.datalab-topbar-actions .datalab-export-wrapper{display:inline-block;position:relative}#header-actions.datalab-topbar-actions .datalab-export-dropdown{z-index:1000;background:#1a1a1a;border:1px solid #333;border-radius:8px;min-width:180px;padding:4px;display:none;position:absolute;top:100%;right:0}#header-actions.datalab-topbar-actions .datalab-export-option{color:#ccc;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:4px;width:100%;padding:8px 12px;font-size:12px;display:block}#header-actions.datalab-topbar-actions .datalab-export-option:hover{background:#222}.datalab-tabs{flex-shrink:0;align-items:stretch;gap:0;height:100%;margin-left:24px;display:flex}.datalab-tab{color:#888;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;padding:0 16px;font-size:13px;font-weight:500;transition:color .15s,background .15s,border-color .15s;display:flex}.datalab-tab:hover{color:#ccc;background:#1a1a1a}.datalab-tab.active{color:#fff;border-bottom-color:#fff}.datalab-tab-badge{color:#aaa;background:#222;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:8px;padding:0 5px;font-size:11px;font-weight:600;display:inline-flex}.datalab-body{flex:1;min-height:0;display:flex;overflow:hidden}.datalab-sidebar{background:#0d0d0d;border-right:1px solid #1a1a1a;flex-direction:column;flex-shrink:0;width:260px;min-width:260px;display:flex;overflow:hidden}.datalab-sidebar-header{border-bottom:1px solid #1a1a1a;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px;display:flex}.datalab-sidebar-header h3{color:#888;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.datalab-sidebar-list{flex:1;padding:8px 0;overflow-y:auto}.datalab-dataset-item{cursor:pointer;border-left:2px solid #0000;flex-direction:column;gap:4px;padding:10px 16px;transition:background .15s,border-color .15s;display:flex}.datalab-dataset-item:hover{background:#161616}.datalab-dataset-item.active{background:#1a1a1a;border-left-color:#fff}.datalab-dataset-name{color:#e0e0e0;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.datalab-dataset-item.active .datalab-dataset-name{color:#fff}.datalab-dataset-meta{color:#666;gap:12px;font-size:11px;display:flex}.datalab-dataset-meta span{white-space:nowrap}.datalab-dataset-date{color:#444;font-size:11px}.datalab-main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.datalab-discovery-bar{background:#0a0a0a;border-bottom:1px solid #1a1a1a;flex-wrap:nowrap;flex-shrink:0;align-items:center;gap:8px;padding:10px 20px;display:flex;overflow-x:auto}.discovery-label{color:#555;white-space:nowrap;flex-shrink:0;margin-right:4px;font-size:12px}.discovery-btn{color:#aaa;cursor:pointer;white-space:nowrap;background:#111;border:1px solid #222;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;padding:6px 14px;font-family:inherit;font-size:12px;transition:border-color .2s,color .2s,background .2s;display:inline-flex}.discovery-btn:hover{color:#fff;background:#1a1a1a;border-color:#444}.discovery-btn:active{background:#222}.discovery-btn-icon{font-size:14px;line-height:1}.discovery-btn-label{font-weight:500}.datalab-content{flex:1;padding:0;overflow:auto}.datalab-filter-bar{background:#0d0d0d;border-bottom:1px solid #1a1a1a;flex-wrap:nowrap;flex-shrink:0;align-items:center;gap:8px;padding:10px 20px;display:flex;overflow-x:auto}.datalab-filter-bar-label{color:#666;white-space:nowrap;flex-shrink:0;font-size:12px}.datalab-filter-chip{color:#ccc;white-space:nowrap;cursor:default;background:#222;border:none;border-radius:20px;flex-shrink:0;align-items:center;gap:6px;padding:4px 12px;font-family:inherit;font-size:12px;transition:background .15s;display:inline-flex}.datalab-filter-chip:hover{background:#2a2a2a}.datalab-filter-chip-remove{color:#666;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;padding:0;font-size:14px;line-height:1;transition:color .15s;display:inline-flex}.datalab-filter-chip-remove:hover{color:#fff}.datalab-filter-add{color:#666;cursor:pointer;white-space:nowrap;background:0 0;border:1px dashed #333;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-family:inherit;font-size:12px;transition:color .15s,border-color .15s;display:inline-flex}.datalab-filter-add:hover{color:#aaa;border-color:#444}.datalab-table-container{flex:1;overflow:auto}.datalab-table{border-collapse:collapse;table-layout:auto;width:100%;font-size:13px}.datalab-table th{z-index:10;text-transform:uppercase;letter-spacing:.5px;color:#888;text-align:left;white-space:nowrap;-webkit-user-select:none;user-select:none;background:#161616;border-bottom:1px solid #222;padding:10px 12px 6px;font-size:11px;font-weight:600;position:sticky;top:0}.datalab-table th.sortable{cursor:pointer;transition:color .15s}.datalab-table th.sortable:hover{color:#ccc}.datalab-table th .sort-indicator{color:#444;margin-left:4px;font-size:10px;transition:color .15s;display:inline-block}.datalab-table th.sort-asc .sort-indicator,.datalab-table th.sort-desc .sort-indicator{color:#fff}.datalab-table th .col-stats-inline{color:#444;text-transform:none;letter-spacing:0;margin-top:2px;font-size:10px;font-weight:400;display:block}.datalab-table td{color:#ccc;white-space:nowrap;text-overflow:ellipsis;border-bottom:1px solid #1a1a1a;max-width:300px;padding:8px 12px;overflow:hidden}.datalab-table td.numeric{text-align:right;font-variant-numeric:tabular-nums;font-family:SF Mono,Cascadia Code,Consolas,monospace;font-size:13px}.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{text-align:right;color:#444;border-right:1px solid #1a1a1a;width:48px;min-width:48px;padding-right:12px;font-family:SF Mono,Cascadia Code,Consolas,monospace;font-size:11px}.datalab-col-stats{z-index:200;pointer-events:none;background:#1a1a1a;border:1px solid #333;border-radius:8px;min-width:180px;padding:12px;animation:.15s fadeIn;position:absolute;box-shadow:0 8px 24px #0009}.datalab-col-stats h4{color:#fff;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #333;margin-bottom:8px;padding-bottom:6px;font-size:11px;font-weight:600}.datalab-col-stats dl{grid-template-columns:auto 1fr;gap:4px 12px;display:grid}.datalab-col-stats dt{color:#666;font-size:11px}.datalab-col-stats dd{color:#ccc;text-align:right;font-family:SF Mono,Cascadia Code,Consolas,monospace;font-size:11px}.datalab-pagination{background:#111;border-top:1px solid #1a1a1a;flex-shrink:0;justify-content:flex-end;align-items:center;gap:4px;padding:10px 20px;display:flex}.datalab-pagination-info{color:#666;margin-right:auto;font-size:12px}.datalab-pagination-btn{color:#888;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;min-width:32px;height:32px;padding:0 8px;font-family:inherit;font-size:12px;transition:all .15s;display:inline-flex}.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:0 0}.datalab-pagination-ellipsis{color:#444;padding:0 4px;font-size:12px}.datalab-pagination-size{border-left:1px solid #222;margin-left:12px;padding-left:12px}.datalab-pagination-size select{color:#aaa;cursor:pointer;background:#1a1a1a;border:1px solid #333;border-radius:4px;padding:4px 8px;font-family:inherit;font-size:12px}.datalab-insights{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;padding:20px;display:grid}.datalab-insight-card{background:#111;border:1px solid #222;border-left:3px solid #444;border-radius:8px;padding:16px;transition:border-color .15s;animation:.3s fadeIn}.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{justify-content:space-between;align-items:flex-start;margin-bottom:8px;display:flex}.datalab-insight-card-title{color:#fff;align-items:center;gap:8px;font-size:14px;font-weight:600;line-height:1.3;display:flex}.datalab-insight-card-title svg{opacity:.7;flex-shrink:0}.datalab-insight-card-severity{text-transform:uppercase;letter-spacing:.5px;color:#666;border-radius:4px;flex-shrink:0;margin-left:12px;padding:2px 8px;font-size:10px;font-weight:600}.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{color:#aaa;font-size:13px;line-height:1.5}.datalab-insight-card-body p+p{margin-top:8px}.datalab-insight-card-footer{border-top:1px solid #1a1a1a;align-items:center;gap:12px;margin-top:12px;padding-top:12px;display:flex}.datalab-insight-card-metric{color:#666;font-family:SF Mono,Cascadia Code,Consolas,monospace;font-size:12px}.datalab-insight-card-metric strong{color:#ccc;font-weight:600}.datalab-insight-stats{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.datalab-stat-badge{color:#999;background:#1a1a1a;border:1px solid #333;border-radius:4px;padding:2px 8px;font-family:SF Mono,Cascadia Code,Consolas,monospace;font-size:11px;display:inline-block}.datalab-heatmap{padding:20px}.datalab-heatmap-grid{background:#1a1a1a;border:1px solid #222;border-radius:8px;gap:1px;display:grid;overflow:hidden}.datalab-heatmap-cell{aspect-ratio:1;color:#ccc;justify-content:center;align-items:center;font-family:SF Mono,Cascadia Code,Consolas,monospace;font-size:11px;transition:opacity .15s;display:flex}.datalab-heatmap-cell:hover{opacity:.8}.datalab-heatmap-cell[data-strength="0"]{color:#444;background:#111}.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"]{color:#fff;background:#444}.datalab-heatmap-cell[data-strength="6"]{color:#fff;background:#555}.datalab-heatmap-cell[data-strength="7"]{color:#fff;background:#666}.datalab-heatmap-cell[data-strength="8"]{color:#fff;background:#888}.datalab-heatmap-cell[data-strength="9"]{color:#000;background:#aaa}.datalab-heatmap-cell[data-strength="10"]{color:#000;background:#ccc}.datalab-heatmap-label{color:#888;white-space:nowrap;text-overflow:ellipsis;background:#111;align-items:center;padding:0 8px;font-size:11px;font-weight:500;display:flex;overflow:hidden}.datalab-heatmap-label.x-axis{writing-mode:vertical-rl;text-orientation:mixed;justify-content:center;padding:8px 0;transform:rotate(180deg)}.datalab-heatmap-legend{justify-content:center;align-items:center;gap:8px;margin-top:12px;display:flex}.datalab-heatmap-legend-label{color:#666;font-size:11px}.datalab-heatmap-legend-bar{background:linear-gradient(90deg,#111,#333,#666,#aaa,#ccc);border-radius:6px;width:200px;height:12px;display:flex;overflow:hidden}.datalab-chart-container{background:#111;border:1px solid #222;border-radius:8px;margin:20px;padding:16px;position:relative}.datalab-chart-container canvas{width:100%;height:auto;display:block}.datalab-viz-actions{gap:8px;padding:0 20px 12px;display:flex}.datalab-viz-actions .datalab-btn-ghost{align-items:center;gap:6px;display:inline-flex}.datalab-saved-viz{padding:0 20px 20px}.datalab-saved-viz-header{color:#666;text-transform:uppercase;letter-spacing:.5px;border-top:1px solid #1a1a1a;margin-bottom:12px;padding-top:12px;font-size:12px;font-weight:600}.datalab-saved-viz-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.datalab-saved-viz-card{cursor:pointer;background:#111;border:1px solid #222;border-radius:8px;transition:border-color .15s;position:relative;overflow:hidden}.datalab-saved-viz-card:hover{border-color:#444}.datalab-saved-viz-thumb{background:#0a0a0a;width:100%;height:120px;overflow:hidden}.datalab-saved-viz-thumb img{object-fit:cover;width:100%;height:100%}.datalab-saved-viz-nothumb{color:#444;justify-content:center;align-items:center;width:100%;height:100%;font-size:12px;display:flex}.datalab-saved-viz-info{padding:8px 10px}.datalab-saved-viz-name{color:#ccc;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.datalab-saved-viz-meta{color:#555;margin-top:2px;font-size:11px}.datalab-saved-viz-actions{opacity:0;gap:2px;transition:opacity .15s;display:flex;position:absolute;top:4px;right:4px}.datalab-saved-viz-card:hover .datalab-saved-viz-actions{opacity:1}.datalab-btn-icon{color:#aaa;cursor:pointer;background:#000000b3;border:1px solid #333;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:flex}.datalab-btn-icon:hover{color:#fff;background:#222;border-color:#555}.datalab-chart-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.datalab-chart-title{color:#fff;font-size:14px;font-weight:600}.datalab-chart-subtitle{color:#666;margin-top:2px;font-size:12px}.datalab-chart-actions{gap:8px;display:flex}.datalab-charts-grid{grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:16px;padding:20px;display:grid}.datalab-chat{background:#0d0d0d;border-left:1px solid #1a1a1a;flex-direction:column;flex-shrink:0;width:380px;min-width:380px;min-height:0;transition:transform .3s,margin-right .3s,opacity .3s;display:flex;overflow:hidden}.datalab-chat.collapsed{opacity:0;pointer-events:none;margin-right:-380px;transform:translate(380px)}.datalab-chat-header{border-bottom:1px solid #1a1a1a;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.datalab-chat-tabs{scrollbar-width:none;background:#080808;border-bottom:1px solid #1a1a1a;flex-shrink:0;align-items:center;gap:0;padding:0 8px;display:none;overflow-x:auto}.datalab-chat-tabs::-webkit-scrollbar{display:none}.datalab-chat-tab{color:#666;cursor:pointer;white-space:nowrap;border-bottom:2px solid #0000;flex-shrink:0;align-items:center;gap:4px;padding:8px 10px;font-size:11px;transition:color .15s,border-color .15s;display:flex}.datalab-chat-tab:hover{color:#aaa}.datalab-chat-tab.active{color:#fff;border-bottom-color:#fff}.datalab-chat-tab-title{text-overflow:ellipsis;max-width:100px;overflow:hidden}.datalab-chat-tab-close{color:#444;cursor:pointer;background:0 0;border:none;border-radius:3px;padding:0 2px;font-size:13px;line-height:1;transition:color .15s,background .15s}.datalab-chat-tab-close:hover{color:#fff;background:#333}.datalab-chat-tab-add{color:#444;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:4px 10px;font-size:16px;transition:color .15s,background .15s}.datalab-chat-tab-add:hover{color:#fff;background:#222}.datalab-chat-header h3{color:#fff;font-size:13px;font-weight:600}.datalab-chat-header-status{color:#444;font-size:11px}.datalab-chat-toggle{color:#666;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:color .15s,background .15s;display:inline-flex}.datalab-chat-toggle:hover{color:#fff;background:#222}.datalab-chat-messages{flex-direction:column;flex:1;gap:8px;padding:16px;display:flex;overflow-y:auto}.datalab-chat-message{word-wrap:break-word;overflow-wrap:break-word;border-radius:16px;max-width:95%;padding:10px 14px;font-size:14px;line-height:1.5;animation:.2s fadeIn}.datalab-chat-message.user{background:var(--bg-user,#1a1a1a);color:var(--text,#e0e0e0);white-space:pre-wrap;border-bottom-right-radius:4px;align-self:flex-end}.datalab-chat-message.assistant{background:var(--bg-message,#161616);color:var(--text,#ccc);border-bottom-left-radius:4px;align-self:flex-start}.datalab-chat-message.assistant code{background:#222;border-radius:3px;padding:1px 5px;font-family:SF Mono,Fira Code,monospace;font-size:13px}.datalab-chat-message.assistant pre{background:#111;border:1px solid #222;border-radius:6px;margin:8px 0;padding:10px;font-family:SF Mono,Fira Code,monospace;font-size:13px;line-height:1.4;overflow-x:auto}.datalab-chat-message.assistant pre code{background:0 0;padding:0}.datalab-chat-message-time{color:#444;margin-top:4px;font-size:10px;display:block}.datalab-chat-typing{background:#161616;border-radius:12px 12px 12px 4px;align-self:flex-start;gap:4px;padding:12px 14px;display:flex}.datalab-chat-typing span{background:#444;border-radius:50%;width:6px;height:6px;animation:1.2s infinite pulse;display:block}.datalab-chat-typing span:nth-child(2){animation-delay:.2s}.datalab-chat-typing span:nth-child(3){animation-delay:.4s}.evidence-blocks{flex-direction:column;gap:6px;margin-top:10px;display:flex}.evidence-block{background:#0d0d0d;border:1px solid #222;border-radius:8px;overflow:hidden}.evidence-summary{cursor:pointer;color:#999;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;padding:8px 12px;font-size:12px;display:flex}.evidence-summary:hover{color:#ccc;background:#111}.evidence-icon{font-size:13px}.evidence-subtitle{color:#666;margin-left:4px;font-size:11px;font-style:italic}.evidence-n{color:#888;background:#1a1a1a;border-radius:4px;padding:1px 6px;font-family:SF Mono,Cascadia Code,monospace;font-size:11px}.evidence-p{border-radius:4px;padding:1px 6px;font-family:SF Mono,Cascadia Code,monospace;font-size:11px}.evidence-p.sig{color:#6c6;background:#1a2a1a}.evidence-p.ns{color:#a88;background:#2a1a1a}.evidence-content{border-top:1px solid #1a1a1a;padding:8px 12px 12px}.evidence-table-wrap{max-height:240px;overflow:auto}.evidence-table{border-collapse:collapse;width:100%;font-family:SF Mono,Cascadia Code,monospace;font-size:11px}.evidence-table th{text-align:left;color:#888;white-space:nowrap;background:#141414;border-bottom:1px solid #222;padding:4px 8px;font-weight:600;position:sticky;top:0}.evidence-table td{color:#aaa;white-space:nowrap;border-bottom:1px solid #111;padding:3px 8px}.evidence-table tr:hover td{background:#141414}.evidence-table .null{color:#444;font-style:italic}.evidence-more{color:#555;margin:4px 0 0;font-size:11px}.evidence-error{color:#a66;padding:4px 0;font-size:12px}.evidence-raw{color:#888;background:#0a0a0a;border-radius:4px;max-height:200px;padding:8px;font-size:11px;overflow-x:auto}.evidence-chart{padding:4px 0}.stat-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:6px;display:grid}.stat-item{background:#111;border-radius:6px;flex-direction:column;gap:2px;padding:6px 8px;display:flex}.stat-label{color:#555;text-transform:uppercase;letter-spacing:.5px;font-size:10px}.stat-value{color:#ccc;font-family:SF Mono,Cascadia Code,monospace;font-size:13px;font-weight:600}.stat-ci{color:#888;margin-top:6px;font-family:SF Mono,Cascadia Code,monospace;font-size:11px}.evidence-test-summary{color:#aaa;background:#111;border-radius:6px;margin-top:8px;padding:8px 10px;font-family:SF Mono,Cascadia Code,monospace;font-size:12px}.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{border-top:1px solid #1a1a1a;flex-shrink:0;padding:12px 16px}.datalab-chat-input-wrapper{background:var(--input-bg,#111);border:1px solid #444;border-radius:24px;align-items:flex-end;gap:2px;padding:4px 4px 4px 12px;display:flex}.datalab-chat-input{min-height:36px;max-height:120px;color:var(--text,#e0e0e0);resize:none;background:0 0;border:none;outline:none;flex:1;padding:8px 4px;font-family:inherit;font-size:16px;line-height:1.4}.datalab-chat-input::placeholder{color:#555}.datalab-chat-input:focus{outline:none}.datalab-chat-send{flex-shrink:0;width:36px;height:36px}.datalab-chat-send:disabled{opacity:.3;cursor:not-allowed;transform:none}.datalab-chat-suggestions{flex-wrap:wrap;gap:6px;padding:8px 16px 4px;display:flex}.datalab-chat-suggestion{color:#888;cursor:pointer;background:#161616;border:1px solid #222;border-radius:14px;padding:5px 10px;font-family:inherit;font-size:12px;transition:all .15s}.datalab-chat-suggestion:hover{color:#ccc;background:#1a1a1a;border-color:#333}.datalab-upload-overlay{z-index:1000;background:#000c;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.datalab-upload-modal{display:none}.datalab-upload-modal.active{z-index:1000;background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.datalab-upload-modal-content{background:#111;border:1px solid #222;border-radius:12px;width:520px;max-width:90vw;overflow:hidden}.datalab-upload-modal-header{border-bottom:1px solid #1a1a1a;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.datalab-upload-modal-header h2{color:#fff;font-size:16px;font-weight:600}.datalab-upload-modal-close{color:#666;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;transition:color .15s,background .15s;display:inline-flex}.datalab-upload-modal-close:hover{color:#fff;background:#222}.datalab-upload-modal-body{padding:20px}.datalab-upload-tabs{border-bottom:1px solid #222;gap:0;padding:0 20px;display:flex}.datalab-upload-tab{color:#666;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:12px 16px;font-family:inherit;font-size:13px;transition:color .15s,border-color .15s}.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{cursor:pointer;text-align:center;border:2px dashed #333;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:200px;padding:32px;transition:border-color .15s,background .15s;display:flex}.datalab-upload-zone:hover,.datalab-upload-zone.dragover{background:#0d0d0d;border-color:#555}.datalab-upload-zone-icon{color:#444;margin-bottom:16px}.datalab-upload-zone-title{color:#999;margin:0 0 4px;font-size:14px}.datalab-upload-zone-divider{color:#444;margin:8px 0 16px;font-size:12px}.datalab-upload-zone-hint{color:#444;margin:16px 0 0;font-size:11px}.datalab-cbs-search{flex-direction:column;gap:16px;display:flex}.datalab-cbs-search-row{gap:8px;display:flex}.datalab-cbs-input{color:#fff;background:#0d0d0d;border:1px solid #333;border-radius:8px;outline:none;flex:1;padding:10px 14px;font-family:inherit;font-size:13px;transition:border-color .15s}.datalab-cbs-input:focus{border-color:#555}.datalab-cbs-input::placeholder{color:#555}.datalab-cbs-results{flex-direction:column;gap:8px;max-height:340px;display:flex;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{cursor:pointer;background:#0d0d0d;border:1px solid #222;border-radius:10px;padding:14px 16px;transition:border-color .15s,background .15s}.datalab-cbs-result-item:hover{background:#111;border-color:#444}.datalab-cbs-result-title{color:#eee;margin:0 0 4px;font-size:13px;font-weight:500}.datalab-cbs-result-meta{color:#666;flex-wrap:wrap;gap:12px;font-size:11px;display:flex}.datalab-cbs-result-desc{color:#777;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:6px 0 0;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.datalab-cbs-loading{text-align:center;color:#666;padding:32px 0;font-size:13px}.datalab-cbs-empty{text-align:center;color:#555;padding:32px 0;font-size:13px}.datalab-cbs-detail{flex-direction:column;gap:16px;display:flex}.datalab-cbs-detail-header{align-items:flex-start;gap:12px;display:flex}.datalab-cbs-detail-back{color:#999;cursor:pointer;background:0 0;border:1px solid #333;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:border-color .15s,color .15s;display:flex}.datalab-cbs-detail-back:hover{color:#fff;border-color:#555}.datalab-cbs-detail-title{color:#fff;margin:0;font-size:14px;font-weight:500}.datalab-cbs-detail-info{color:#666;margin:4px 0 0;font-size:12px}.datalab-cbs-dim-section{background:#0d0d0d;border:1px solid #1a1a1a;border-radius:10px;padding:14px 16px}.datalab-cbs-dim-title{color:#aaa;text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px;font-size:12px;font-weight:500}.datalab-cbs-dim-select{color:#fff;background:#111;border:1px solid #333;border-radius:6px;width:100%;max-height:120px;padding:8px 10px;font-family:inherit;font-size:13px}.datalab-cbs-import-row{align-items:center;gap:8px;display:flex}.datalab-cbs-import-row label{color:#888;min-width:100px;font-size:12px}.datalab-upload-dropzone{display:none}.datalab-upload-progress{margin-top:16px;padding:0 24px 24px}.datalab-upload-progress-filename{color:#ccc;white-space:nowrap;text-overflow:ellipsis;margin-bottom:8px;font-size:13px;overflow:hidden}.datalab-upload-progress-bar{background:#222;border-radius:2px;width:100%;height:4px;overflow:hidden}.datalab-upload-progress-fill{background:#fff;border-radius:2px;height:100%;transition:width .3s}.datalab-upload-progress-percent{color:#666;text-align:right;margin-top:6px;font-family:SF Mono,Cascadia Code,Consolas,monospace;font-size:12px}.datalab-upload-modal-footer{border-top:1px solid #1a1a1a;justify-content:flex-end;gap:8px;padding:16px 20px;display:flex}.datalab-btn{cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:500;line-height:1;transition:all .15s;display:inline-flex}.datalab-btn:disabled{opacity:.4;cursor:not-allowed}.datalab-btn-primary{color:#000;background:#fff;border-color:#fff}.datalab-btn-primary:hover:not(:disabled){opacity:.9}.datalab-btn-primary:active:not(:disabled){opacity:.8}.datalab-btn-secondary{color:#fff;background:#222;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{color:#888;background:0 0;border-color:#0000}.datalab-btn-ghost:hover:not(:disabled){color:#fff;background:#1a1a1a}.datalab-btn-ghost:active:not(:disabled){background:#222}.datalab-prompt-tab.active{color:#fff;background:#222;border-color:#444}.datalab-btn-sm{border-radius:5px;padding:5px 10px;font-size:12px}.datalab-btn-icon{width:32px;height:32px;padding:0}.datalab-btn-icon.datalab-btn-sm{width:28px;height:28px}.datalab-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;animation:.3s fadeIn;display:flex}.datalab-empty-icon{color:#333;margin-bottom:16px;font-size:48px}.datalab-empty-icon svg{stroke:#333;width:48px;height:48px}.datalab-empty-title{color:#888;margin-bottom:8px;font-size:16px;font-weight:600}.datalab-empty-text{color:#666;max-width:320px;margin-bottom:20px;font-size:13px;line-height:1.5}.datalab-loading{flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex}.datalab-spinner{border:2px solid #222;border-top-color:#888;border-radius:50%;width:24px;height:24px;animation:.7s linear infinite spin}.datalab-spinner-lg{border-width:3px;width:36px;height:36px}.datalab-skeleton{background:linear-gradient(90deg,#1a1a1a 25%,#222 50%,#1a1a1a 75%) 0 0/400px 100%;border-radius:4px;animation:1.6s infinite skeletonShimmer}.datalab-skeleton-text{height:14px;margin-bottom:8px}.datalab-skeleton-text:last-child{width:60%}.datalab-skeleton-heading{width:40%;height:20px;margin-bottom:16px}.datalab-skeleton-row{border-bottom:1px solid #1a1a1a;gap:12px;padding:10px 0;display:flex}.datalab-skeleton-cell{flex:1;height:16px}.datalab-skeleton-card{border-radius:8px;height:120px}.datalab-loading-overlay{z-index:50;background:#0a0a0ab3;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.datalab-status-bar{color:#666;-webkit-user-select:none;user-select:none;background:#0a0a0a;border-top:1px solid #1a1a1a;flex-shrink:0;align-items:center;gap:16px;height:28px;padding:0 16px;font-size:12px;display:flex}.datalab-status-bar-item{white-space:nowrap;align-items:center;gap:6px;display:flex}.datalab-status-bar-item strong{color:#aaa;font-weight:500}.datalab-status-bar-separator{background:#222;width:1px;height:12px}.datalab-status-bar-right{align-items:center;gap:16px;margin-left:auto;display:flex}.datalab-input{color:#e0e0e0;background:#1a1a1a;border:1px solid #333;border-radius:6px;outline:none;width:100%;padding:8px 12px;font-family:inherit;font-size:13px;transition:border-color .15s}.datalab-input::placeholder{color:#444}.datalab-input:focus{border-color:#444}.datalab-input-sm{padding:5px 8px;font-size:12px}.datalab-select{appearance:none;color:#e0e0e0;cursor:pointer;background:#1a1a1a 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") right 10px center no-repeat;border:1px solid #333;border-radius:6px;outline:none;width:100%;padding:8px 32px 8px 12px;font-family:inherit;font-size:13px;transition:border-color .15s}.datalab-select:focus{border-color:#444}.datalab-label{color:#888;margin-bottom:6px;font-size:12px;font-weight:500;display:block}.datalab-search{position:relative}.datalab-search-icon{color:#444;pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.datalab-search .datalab-input{padding-left:32px}.datalab-context-menu{z-index:500;background:#161616;border:1px solid #333;border-radius:8px;min-width:180px;padding:4px 0;animation:.1s fadeIn;position:fixed;box-shadow:0 8px 24px #0009}.datalab-context-menu-item{color:#ccc;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:8px 14px;font-family:inherit;font-size:13px;transition:background .1s;display:flex}.datalab-context-menu-item:hover{background:#222}.datalab-context-menu-item:disabled{color:#444;cursor:not-allowed}.datalab-context-menu-item-icon{color:#666;flex-shrink:0;width:16px}.datalab-context-menu-item-shortcut{color:#444;margin-left:auto;font-size:11px}.datalab-context-menu-divider{background:#222;height:1px;margin:4px 0}.datalab-tooltip{z-index:600;color:#ccc;white-space:nowrap;pointer-events:none;background:#222;border:1px solid #333;border-radius:6px;padding:6px 10px;font-size:12px;animation:.1s fadeIn;position:absolute;box-shadow:0 4px 12px #0006}.datalab-dropdown{z-index:300;background:#161616;border:1px solid #333;border-radius:8px;min-width:200px;padding:4px 0;animation:.15s fadeIn;position:absolute;box-shadow:0 8px 24px #0009}.datalab-dropdown-item{color:#ccc;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:8px 14px;font-family:inherit;font-size:13px;transition:background .1s;display:flex}.datalab-dropdown-item:hover{background:#222}.datalab-dropdown-item.active{color:#fff}.datalab-dropdown-divider{background:#222;height:1px;margin:4px 0}.datalab-dropdown-header{color:#666;text-transform:uppercase;letter-spacing:.5px;padding:8px 14px 4px;font-size:11px;font-weight:600}.datalab-badge{color:#aaa;background:#222;border-radius:10px;align-items:center;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.datalab-badge-outline{color:#888;background:0 0;border:1px solid #333}.datalab-type-badge{color:#666;background:#1a1a1a;border-radius:3px;padding:1px 6px;font-family:SF Mono,Cascadia Code,Consolas,monospace;font-size:10px}.datalab-divider{background:#222;height:1px;margin:8px 0}.datalab-divider-vertical{background:#222;align-self:stretch;width:1px;margin:0 8px}.datalab-resizer{cursor:col-resize;background:0 0;flex-shrink:0;width:4px;transition:background .15s}.datalab-resizer:hover,.datalab-resizer.active{background:#333}.datalab-dtype{color:#444;text-transform:none;letter-spacing:0;margin-left:6px;font-family:SF Mono,Cascadia Code,Consolas,monospace;font-size:10px;font-weight:400;display:inline-block}.datalab-table th{position:relative}.datalab-col-resize-handle{cursor:col-resize;background:0 0;width:4px;transition:background .15s;position:absolute;top:0;bottom:0;right:0}.datalab-col-resize-handle:hover,.datalab-col-resize-handle.active{background:#444}.datalab-toast-container{z-index:900;pointer-events:none;flex-direction:column-reverse;gap:8px;display:flex;position:fixed;bottom:40px;right:20px}.datalab-toast{color:#ccc;pointer-events:auto;background:#1a1a1a;border:1px solid #333;border-radius:8px;align-items:center;gap:10px;padding:10px 16px;font-size:13px;animation:.2s fadeIn;display:flex;box-shadow:0 8px 24px #00000080}.datalab-toast-close{color:#666;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:14px;transition:color .15s;display:inline-flex}.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{margin-right:-320px;transform:translate(320px)}}@media (max-width:960px){.datalab-sidebar{width:220px;min-width:220px}.datalab-chat{z-index:200;border-left:1px solid #222;width:380px;position:fixed;top:52px;bottom:28px;right:0;box-shadow:-8px 0 24px #0006}.datalab-chat.build-split{width:90vw;min-width:90vw}.datalab-chat.collapsed{margin-right:0;transform:translate(100%)}}@media (max-width:768px){.datalab-sidebar{z-index:200;width:260px;transition:transform .3s;position:fixed;top:0;bottom:28px;left:0;transform:translate(-100%);box-shadow:8px 0 24px #0006}.datalab-sidebar.open{transform:translate(0)}.datalab-header{flex-wrap:wrap;gap:0;height:auto;padding:8px 12px}.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{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#header-actions.datalab-topbar-actions{gap:4px}.datalab-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;width:100%;height:36px;margin-left:0;overflow-x:auto}.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;text-overflow:ellipsis;overflow:hidden}.datalab-flex{display:flex}.datalab-flex-center{justify-content:center;align-items:center;display:flex}.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{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.datalab-hidden{display:none!important}.datalab-export-btn{color:#aaa;cursor:pointer;background:#1a1a1a;border:1px solid #333;border-radius:6px;padding:6px 14px;font-family:inherit;font-size:13px;line-height:1.4;transition:background .15s,color .15s,border-color .15s}.datalab-export-btn:hover{color:#ddd;background:#222;border-color:#444}.datalab-export-dropdown{z-index:200;background:#111;border:1px solid #333;border-radius:8px;min-width:180px;padding:4px 0;display:none;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 8px 24px #00000080}.datalab-export-option{color:#aaa;text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:8px 16px;font-family:inherit;font-size:13px;transition:background .12s,color .12s;display:block}.datalab-export-option:hover{color:#fff;background:#1a1a1a}.datalab-views-dropdown{align-items:center;gap:4px;margin-left:12px;display:inline-flex}.datalab-views-select{color:#aaa;cursor:pointer;background:#111;border:1px solid #333;border-radius:6px;outline:none;padding:4px 8px;font-family:inherit;font-size:12px;transition:border-color .15s}.datalab-views-select:hover{color:#ccc;border-color:#555}.datalab-views-select:focus{border-color:#666}.datalab-view-item{align-items:center;display:inline-flex}.datalab-save-view-btn{color:#888;cursor:pointer;background:#1a1a1a;border:1px solid #333;border-radius:6px;margin-left:auto;padding:3px 10px;font-size:11px;transition:background .15s,color .15s,border-color .15s}.datalab-save-view-btn:hover{color:#ccc;background:#222;border-color:#555}.datalab-aggregate-controls{background:#0f0f0f;border-bottom:1px solid #333;flex-wrap:wrap;align-items:flex-end;gap:16px;padding:16px;display:flex}.datalab-aggregate-control-group{flex-direction:column;gap:6px;display:flex}.datalab-aggregate-label{color:#888;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.datalab-aggregate-select{color:#aaa;background:#1a1a1a;border:1px solid #333;border-radius:4px;outline:none;min-width:160px;padding:6px 10px;font-size:13px}.datalab-aggregate-select:focus{border-color:#555}.datalab-aggregate-metrics{flex-wrap:wrap;gap:8px;display:flex}.datalab-metric-checkbox{color:#aaa;background:#1a1a1a;border:1px solid #333;border-radius:4px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;display:flex}.datalab-metric-checkbox input[type=checkbox]{accent-color:#4a9eff;cursor:pointer;width:14px;height:14px}.datalab-metric-checkbox label{cursor:pointer;white-space:nowrap}.datalab-aggregate-fn-select{color:#888;background:#111;border:1px solid #333;border-radius:3px;outline:none;padding:2px 6px;font-size:11px}.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{z-index:200;background:#1a1a1a;border:1px solid #333;border-radius:8px;min-width:220px;animation:.15s fadeIn;position:fixed;box-shadow:0 8px 24px #0009}.datalab-popover-content{padding:12px}.datalab-popover-title{color:#fff;border-bottom:1px solid #333;margin-bottom:8px;padding-bottom:6px;font-size:12px;font-weight:600}.datalab-popover-table{width:100%;font-size:12px}.datalab-popover-table td{padding:3px 0}.datalab-filter-dropdown{z-index:200;background:#1a1a1a;border:1px solid #333;border-radius:8px;min-width:220px;animation:.15s fadeIn;position:fixed;box-shadow:0 8px 24px #0009}.datalab-filter-dropdown-content{flex-direction:column;gap:8px;padding:12px;display:flex}.datalab-viz{flex-direction:column;height:100%;display:flex}.datalab-viz-controls{background:#0f0f0f;border-bottom:1px solid #1a1a1a;flex-wrap:wrap;align-items:flex-end;gap:12px;padding:16px;display:flex}.datalab-viz-control-group{flex-direction:column;gap:4px;display:flex}.datalab-viz-style-panel{background:#0a0a0a;border-bottom:1px solid #1a1a1a}.datalab-viz-style-toggle{color:#888;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;width:100%;padding:10px 16px;font-size:12px;font-weight:600;transition:color .15s;display:flex}.datalab-viz-style-toggle:hover{color:#ccc}.datalab-viz-style-chevron{margin-left:auto;transition:transform .2s}.datalab-viz-style-body{flex-direction:column;gap:12px;padding:0 16px 14px;display:flex}.datalab-viz-style-row{flex-direction:column;gap:6px;display:flex}.datalab-viz-color-row{align-items:center;gap:10px;display:flex}.datalab-viz-color-input{cursor:pointer;background:#111;border:1px solid #333;border-radius:4px;flex-shrink:0;width:32px;height:28px;padding: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{flex-wrap:wrap;gap:4px;display:flex}.datalab-viz-preset{cursor:pointer;border:2px solid #0000;border-radius:50%;width:22px;height:22px;padding:0;transition:border-color .15s,transform .15s}.datalab-viz-preset:hover{transform:scale(1.15)}.datalab-viz-preset.active{border-color:#fff}.datalab-viz-slider-row{align-items:center;gap:10px;display:flex}.datalab-viz-slider{appearance:none;background:#333;border-radius:2px;outline:none;flex:1;height:4px}.datalab-viz-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#fff;border:none;border-radius:50%;width:14px;height:14px}.datalab-viz-slider::-moz-range-thumb{cursor:pointer;background:#fff;border:none;border-radius:50%;width:14px;height:14px}.datalab-viz-slider-val{color:#888;text-align:right;font-variant-numeric:tabular-nums;min-width:30px;font-size:11px}.datalab-viz-check-row{gap:16px;display:flex}.datalab-viz-check{color:#aaa;cursor:pointer;align-items:center;gap:5px;font-size:12px;display:flex}.datalab-viz-check input[type=checkbox]{accent-color:#fff}.datalab-viz-label{color:#888;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.datalab-rename-input{color:#fff;background:#1a1a1a;border:1px solid #444;border-radius:4px;outline:none;width:240px;padding:2px 8px;font-size:15px;font-weight:600}.datalab-sidebar-footer{color:#555;border-top:1px solid #1a1a1a;flex-shrink:0;padding:12px 16px;font-size:11px}.datalab-header-top{flex:0 auto;align-items:center;gap:12px;min-width:0;max-width:300px;display:flex}.datalab-dataset-title{color:#fff;flex-shrink:1;align-items:center;min-width:0;font-size:15px;font-weight:600;display:flex;overflow:hidden}.datalab-title-text{white-space:nowrap;text-overflow:ellipsis;max-width:300px;overflow:hidden}.datalab-dataset-list{flex:1;padding:8px 0;overflow-y:auto}.datalab-dataset-delete{opacity:0;margin-left:auto;transition:opacity .15s}.datalab-dataset-item:hover .datalab-dataset-delete{opacity:1}.datalab-audit-trail{max-width:900px;padding:20px}.datalab-audit-header{border-bottom:1px solid #222;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.datalab-audit-timeline{padding-left:24px;position:relative}.datalab-audit-timeline:before{content:"";background:#222;width:2px;position:absolute;top:0;bottom:0;left:7px}.datalab-audit-entry{margin-bottom:16px;position:relative}.datalab-audit-entry-dot{background:#444;border:2px solid #0a0a0a;border-radius:50%;width:10px;height:10px;position:absolute;top:8px;left:-20px}.datalab-audit-entry-content{background:#111;border:1px solid #1a1a1a;border-radius:8px;padding:12px 16px}.datalab-audit-entry-header{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.datalab-audit-step{color:#555;font-family:monospace;font-size:11px;font-weight:600}.datalab-audit-action{color:#e0e0e0;font-size:13px;font-weight:600}.datalab-audit-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:600}.audit-source-copilot{color:#888;background:#1a1a2e;border:1px solid #2a2a3e}.audit-source-manual{color:#666;background:#1a1a1a;border:1px solid #333}.datalab-audit-time{color:#444;margin-left:auto;font-family:monospace;font-size:11px}.datalab-audit-details{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.datalab-audit-detail{color:#888;background:#0a0a0a;border:1px solid #1a1a1a;border-radius:4px;padding:2px 8px;font-size:11px}.datalab-mode-wrapper{flex-shrink:0;position:relative}.datalab-mode-btn{color:#777;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #333;border-radius:16px;align-items:center;gap:4px;height:32px;padding:0 10px;font-family:inherit;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.datalab-mode-btn:hover,.datalab-mode-btn.mode-active{color:#fff;background:#1a1a1a;border-color:#555}.datalab-mode-btn:disabled{opacity:.3;cursor:not-allowed}.datalab-mode-label{line-height:1}.datalab-mode-menu{z-index:100;background:#111;border:1px solid #333;border-radius:12px;min-width:160px;padding:4px;display:none;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #00000080}.datalab-mode-menu.open{display:block}.datalab-mode-option{color:#888;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;width:100%;padding:8px 12px;font-family:inherit;font-size:13px;transition:all .1s;display:flex}.datalab-mode-option:hover,.datalab-mode-option.active{color:#fff;background:#1a1a1a}.datalab-mode-option svg{opacity:.6;flex-shrink:0}.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{letter-spacing:.5px;text-transform:uppercase;color:#888;vertical-align:middle;background:#1a1a1a;border:1px solid #333;border-radius:4px;margin-right:6px;padding:2px 6px;font-size:10px;font-weight:600;display:inline-block}.deep-research-loading .deep-research-indicator{color:#888;align-items:center;gap:10px;font-size:12px;display:flex}.deep-research-spinner{animation:2s linear infinite deep-research-spin}@keyframes deep-research-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.deep-research-plan{background:#0d0d0d;border:1px solid #222;border-radius:8px;margin-bottom:12px;padding:12px 14px;font-size:12px}.deep-research-plan-header{color:#888;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;margin-bottom:8px;font-size:11px;font-weight:600;display:flex}.deep-research-plan-summary{color:#aaa;margin-bottom:10px;line-height:1.4}.deep-research-plan-hypotheses{flex-direction:column;gap:6px;display:flex}.deep-research-hypothesis{background:#111;border-left:3px solid #333;border-radius:6px;align-items:flex-start;gap:8px;padding:6px 8px;display:flex}.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{color:#888;background:#222;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-top:1px;font-size:10px;font-weight:700;display:inline-flex}.hypothesis-text{color:#ccc;flex:1;line-height:1.3}.hypothesis-method{color:#555;text-align:right;flex-shrink:0;max-width:160px;font-size:11px}.deep-research-plan-quality{color:#666;border-top:1px solid #1a1a1a;margin-top:8px;padding-top:8px;font-size:11px}.deep-research-response,.mode-response-deep_research,.mode-response-plan,.mode-response-spar{border-left:2px solid #333;padding-left:12px}.script-container{max-width:1200px;padding:16px 20px 40px}.script-schema-bar{background:#0d0d0d;border:1px solid #1a1a1a;border-radius:8px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;padding:10px 14px;font-size:12px;display:flex}.script-schema-label{color:#666;white-space:nowrap}.script-schema-label strong{color:#aaa;font-family:SF Mono,Fira Code,monospace}.script-schema-cols{flex-wrap:wrap;flex:1;gap:6px;display:flex}.script-schema-col{color:#888;cursor:default;background:#111;border:1px solid #222;border-radius:4px;padding:2px 8px;font-family:SF Mono,Fira Code,monospace;font-size:11px}.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;transition:border-color .15s;overflow:hidden}.script-cell:focus-within,.script-cell-running{border-color:#333}.script-cell-error{border-color:#444}.script-cell-header{background:#0d0d0d;border-bottom:1px solid #151515;justify-content:space-between;align-items:center;padding:6px 12px;display:flex}.script-cell-num{color:#444;font-family:SF Mono,Fira Code,monospace;font-size:11px}.script-cell-actions{gap:4px;display:flex}.script-btn{cursor:pointer;color:#666;background:0 0;border:none;border-radius:4px;padding:4px 8px;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{color:#444;font-size:16px}.script-btn-delete:hover{color:#999}.script-btn-add{color:#555;border:1px dashed #222;border-radius:8px;width:100%;padding:8px 16px;font-size:12px;transition:all .15s}.script-btn-add:hover{color:#aaa;background:#0d0d0d;border-color:#444}.script-editor-wrap{padding:0}.script-editor{color:#ccc;resize:none;tab-size:2;box-sizing:border-box;background:0 0;border:none;outline:none;width:100%;min-height:60px;padding:12px 16px;font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:13px;line-height:1.5;overflow:hidden}.script-editor::placeholder{color:#333}.script-spinner{border:2px solid #333;border-top-color:#888;border-radius:50%;width:12px;height:12px;animation:.6s linear infinite scriptSpin;display:inline-block}@keyframes scriptSpin{to{transform:rotate(360deg)}}.script-result{border-top:1px solid #151515}.script-result-status{color:#555;background:#080808;align-items:center;gap:12px;padding:6px 14px;font-size:11px;display:flex}.script-result-warn{color:#888}.script-result-time{color:#444;margin-left:auto}.script-result-empty{text-align:center;color:#444;padding:16px;font-size:12px}.script-result-error{color:#ccc;white-space:pre-wrap;background:#1a0a0a;border-top:1px solid #2a1515;padding:10px 14px;font-family:SF Mono,Fira Code,monospace;font-size:12px}.script-result-table-wrap{max-height:400px;overflow:auto}.script-result-table{border-collapse:collapse;width:100%;font-family:SF Mono,Fira Code,monospace;font-size:12px}.script-result-table th{text-align:left;color:#888;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px;background:#0d0d0d;border-bottom:1px solid #1a1a1a;padding:6px 12px;font-size:11px;font-weight:600;position:sticky;top:0}.script-result-table td{color:#aaa;white-space:nowrap;text-overflow:ellipsis;border-bottom:1px solid #0d0d0d;max-width:300px;padding:5px 12px;overflow:hidden}.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{height:100%;min-height:0;display:flex}.script-cells-panel{flex:1;min-width:0;overflow-y:auto}.script-chat-open .script-cells-panel{flex:1}.script-chat-panel{background:#080808;border-left:1px solid #1a1a1a;flex-direction:column;width:360px;min-width:360px;height:100%;display:flex}.script-chat-header{border-bottom:1px solid #1a1a1a;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.script-chat-title{color:#888;letter-spacing:.5px;text-transform:uppercase;font-size:12px;font-weight:600}.script-chat-close{color:#555;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:18px;line-height:1}.script-chat-close:hover{color:#fff;background:#1a1a1a}.script-chat-messages{flex-direction:column;flex:1;gap:10px;padding:12px;display:flex;overflow-y:auto}.script-chat-empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:40px 20px;display:flex}.script-chat-empty p{color:#555;margin:0;font-size:13px}.script-chat-empty-sub{max-width:240px;color:#383838!important;font-size:11px!important}.script-chat-msg{font-size:13px;line-height:1.5;animation:.15s fadeIn}.script-chat-msg-user{color:#ccc;word-wrap:break-word;background:#111;border:1px solid #1a1a1a;border-radius:10px;align-self:flex-end;max-width:90%;padding:8px 12px}.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{color:#aaa;margin:8px 0 4px;font-size:13px}.script-chat-sql-block{background:#0a0a0a;border:1px solid #1a1a1a;border-radius:8px;margin:8px 0;overflow:hidden}.script-chat-sql-code{background:0 0;margin:0;padding:10px 12px;font-size:11px;line-height:1.5;overflow-x:auto}.script-chat-sql-code code{color:#aaa;font-family:SF Mono,Fira Code,monospace}.script-chat-insert-btn{color:#666;cursor:pointer;background:#0d0d0d;border:none;border-top:1px solid #1a1a1a;align-items:center;gap:5px;width:100%;padding:6px 12px;font-size:11px;transition:all .15s;display:flex}.script-chat-insert-btn:hover{color:#fff;background:#151515}.script-chat-typing{color:#555;font-size:12px;font-style:italic;animation:1.5s infinite pulse}.script-chat-input-area{border-top:1px solid #1a1a1a;flex-shrink:0;align-items:flex-end;gap:6px;padding:10px 12px;display:flex}.script-chat-input{color:#ccc;resize:none;background:#0d0d0d;border:1px solid #1a1a1a;border-radius:8px;flex:1;min-height:36px;max-height:100px;padding:8px 10px;font-family:inherit;font-size:13px;line-height:1.4}.script-chat-input::placeholder{color:#383838}.script-chat-input:focus{border-color:#333;outline:none}.script-chat-send{color:#888;cursor:pointer;background:#1a1a1a;border:1px solid #222;border-radius:8px;flex-shrink:0;padding:8px 10px;transition:all .15s}.script-chat-send:hover{color:#fff;background:#222}.script-chat-send:disabled{opacity:.3;cursor:not-allowed}.script-chat-toggle{color:#888;cursor:pointer;z-index:100;background:#111;border:1px solid #222;border-radius:20px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;transition:all .15s;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 2px 12px #0006}.script-chat-toggle:hover{color:#fff;background:#1a1a1a;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{flex:1;min-height:0;display:flex;overflow:hidden}.datalab-chat-main{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.datalab-chat.build-split{width:720px;min-width:720px}.datalab-chat.build-split .datalab-chat-main{flex:1;min-width:280px}.dl-thinking-block{color:#c8a830;background:#0f0e08;border-left:3px solid #c8a830;border-radius:8px;margin:6px 0;font-size:13px}.dl-thinking-header{cursor:pointer;text-transform:uppercase;letter-spacing:.5px;opacity:.8;-webkit-user-select:none;user-select:none;padding:8px 10px;font-size:12px;font-weight:600}.dl-thinking-header:before{content:"▼";font-size:10px}.dl-thinking-block.collapsed .dl-thinking-header:before{content:"▶"}.dl-thinking-content{white-space:pre-wrap;word-break:break-word;max-height:40vh;padding:0 10px 8px;font-size:12px;font-style:italic;line-height:1.5;overflow-y:auto}.dl-thinking-block.collapsed .dl-thinking-content{display:none}.dl-activity-log{flex-direction:column;gap:4px;margin:8px 0;display:flex}.dl-activity-item{color:#666;flex-wrap:wrap;align-items:center;gap:6px;padding:3px 0;font-size:11px;line-height:1.4;display:flex}.dl-activity-tool{color:#999;font-weight:600}.dl-h1{color:#fff;margin:16px 0 8px;font-size:20px;font-weight:700;line-height:1.3}.dl-h2{color:#fff;margin:14px 0 6px;font-size:17px;font-weight:700;line-height:1.3}.dl-h3{color:#eee;margin:12px 0 4px;font-size:15px;font-weight:600;line-height:1.3}.dl-h4{color:#ddd;margin:10px 0 4px;font-size:13px;font-weight:600;line-height:1.3}.dl-table{border-collapse:collapse;width:100%;margin:10px 0;font-size:12px;line-height:1.4}.dl-table th{text-align:left;color:#ccc;white-space:nowrap;border-bottom:2px solid #333;padding:6px 10px;font-weight:600}.dl-table td{color:#aaa;border-bottom:1px solid #1a1a1a;padding:5px 10px}.dl-table tbody tr:hover{background:#ffffff08}.dl-codeblock{background:#111;border-radius:6px;margin:8px 0;padding:10px 12px;font-size:12px;line-height:1.5;overflow-x:auto}.dl-codeblock code{background:0 0;padding:0}.dl-inline-code{background:#1a1a1a;border-radius:4px;padding:2px 6px;font-size:12px}.dl-list{margin:6px 0;padding-left:20px}.dl-list li{color:#bbb;margin:2px 0;line-height:1.5}.dl-hr{border:none;border-top:1px solid #222;margin:12px 0}.dl-blockquote{color:#999;border-left:3px solid #333;margin:8px 0;padding:4px 12px;font-style:italic}.dl-notes-container{max-width:720px;padding:16px}.dl-notes-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.dl-notes-title{color:#eee;margin:0;font-size:16px;font-weight:600}.dl-notes-new-btn{align-items:center;gap:6px;font-size:12px;display:flex}.dl-notes-empty{text-align:center;color:#666;padding:60px 20px;font-size:13px}.dl-notes-empty p{margin:8px 0 0}.dl-notes-list{flex-direction:column;gap:8px;display:flex}.dl-note-card{cursor:pointer;background:#111;border:1px solid #222;border-radius:10px;justify-content:space-between;align-items:flex-start;padding:14px 16px;transition:border-color .15s;display:flex}.dl-note-card:hover{border-color:#444}.dl-note-card-content{flex:1;min-width:0}.dl-note-card-title{color:#ddd;white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:14px;font-weight:600;overflow:hidden}.dl-note-card-preview{color:#777;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.dl-note-card-meta{color:#555;margin-top:6px;font-size:11px}.dl-note-card-delete{color:#555;cursor:pointer;opacity:0;background:0 0;border:none;flex-shrink:0;padding:0 4px;font-size:18px;line-height:1;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{flex-direction:column;height:100%;min-height:400px;display:flex}.dl-note-editor-toolbar{border-bottom:1px solid #222;flex-shrink:0;align-items:center;gap:8px;padding:8px 12px;display:flex}.dl-note-title-input{color:#eee;background:0 0;border:none;border-bottom:1px solid #0000;outline:none;flex:1;padding:4px 8px;font-size:15px;font-weight:600}.dl-note-title-input:focus{border-bottom-color:#444}.dl-note-editor-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.dl-note-save-status{color:#666;font-size:11px;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{background:#0a0a0a;flex:1;padding:24px 32px;overflow-y:auto}.dl-note-content{color:#ddd;outline:none;max-width:720px;min-height:300px;margin:0 auto;font-family:Inter,-apple-system,sans-serif;font-size:15px;line-height:1.7}.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{color:#888;border-left:3px solid #444;margin:12px 0;padding-left:16px}.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{border-radius:8px;max-width:100%;margin:12px 0}.dl-note-sel-toolbar{z-index:9999;white-space:nowrap;background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:2px;position:absolute;transform:translate(-50%);box-shadow:0 4px 16px #00000080}.dl-note-sel-btn{color:#ccc;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:5px;padding:5px 10px;font-family:inherit;font-size:12px;display:flex}.dl-note-sel-btn:hover{color:#fff;background:#282828}.dl-msg-actions{opacity:0;gap:4px;margin-top:8px;transition:opacity .15s;display:flex}.datalab-chat-message:hover .dl-msg-actions{opacity:1}.dl-msg-action-btn{color:#666;cursor:pointer;background:0 0;border:1px solid #333;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:color .15s,border-color .15s;display:flex}.dl-msg-action-btn:hover{color:#ccc;border-color:#555}.dl-note-picker-overlay{z-index:10000;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dl-note-picker{background:#151515;border:1px solid #333;border-radius:14px;flex-direction:column;min-width:300px;max-width:400px;max-height:70vh;padding:8px;display:flex;box-shadow:0 16px 48px #0009}.dl-note-picker-header{justify-content:space-between;align-items:center;padding:8px 10px 6px;display:flex}.dl-note-picker-title{color:#888;font-size:13px;font-weight:600}.dl-note-picker-close{color:#666;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:20px;line-height:1}.dl-note-picker-close:hover{color:#ccc}.dl-note-picker-list{max-height:50vh;padding:2px 0;overflow-y:auto}.dl-note-picker-item{text-align:left;color:#ccc;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;border-radius:8px;width:100%;padding:10px 12px;font-size:13px;display:block;overflow:hidden}.dl-note-picker-item:hover{background:#222}.dl-note-picker-new{color:#888;border-top:1px solid #222;border-radius:0 0 8px 8px;margin-top:4px;padding-top:10px}.dlp-container{max-width:720px;padding:16px}.dlp-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;display:flex}.dlp-title{color:#eee;margin:0;font-size:16px;font-weight:600}.dlp-header-actions{gap:8px;display:flex}.dlp-empty{text-align:center;color:#666;padding:60px 20px;font-size:13px}.dlp-list{flex-direction:column;gap:8px;display:flex}.dlp-card{cursor:pointer;background:#111;border:1px solid #222;border-radius:10px;align-items:center;gap:12px;padding:10px 14px;transition:border-color .15s;display:flex}.dlp-card:hover{border-color:#444}.dlp-card-thumb{background:#000;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:96px;height:54px;display:flex;position:relative;overflow:hidden}.dlp-card-thumb img{object-fit:cover;width:100%;height:100%}.dlp-card-info{flex:1;min-width:0}.dlp-card-name{color:#ddd;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.dlp-card-meta{color:#555;margin-top:2px;font-size:11px}.dlp-card-delete{color:#555;cursor:pointer;opacity:0;background:0 0;border:none;padding:0 4px;font-size:18px;transition:opacity .15s}.dlp-card:hover .dlp-card-delete{opacity:1}.dlp-card-delete:hover{color:#c44}.dlp-editor{flex-direction:column;height:100%;display:flex}.dlp-editor-toolbar{border-bottom:1px solid #222;flex-shrink:0;align-items:center;gap:8px;padding:8px 12px;display:flex}.dlp-name-input{color:#eee;background:0 0;border:none;border-bottom:1px solid #0000;outline:none;flex:1;padding:4px 8px;font-size:15px;font-weight:600}.dlp-name-input:focus{border-bottom-color:#444}.dlp-editor-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.dlp-save-status{color:#666;font-size:11px}.dlp-save-status.saved{color:#6a6}.dlp-main{flex:1;min-height:0;display:flex;overflow:hidden}.dlp-slides{flex-direction:column;flex:1;gap:8px;padding:12px;display:flex;overflow-y:auto}.dlp-slide-item{background:#111;border:1px solid #222;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;transition:border-color .15s;display:flex}.dlp-slide-item:hover{border-color:#333}.dlp-slide-preview{border-radius:6px;flex-shrink:0;width:154px;height:86px;font-size:0;position:relative;overflow:hidden}.dlp-slide-info{flex:1;min-width:0}.dlp-slide-num{color:#555;font-size:11px;font-weight:600}.dlp-slide-title{color:#999;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12px;overflow:hidden}.dlp-slide-actions{opacity:0;flex-direction:column;gap:2px;transition:opacity .15s;display:flex}.dlp-slide-item:hover .dlp-slide-actions{opacity:1}.dlp-slide-action{color:#555;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 4px;font-size:10px}.dlp-slide-action:hover{color:#ccc;background:#222}.dlp-slide-delete:hover{color:#c44}.dlp-add-slide{color:#666;cursor:pointer;background:0 0;border:1px dashed #333;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:16px;font-size:12px;transition:border-color .15s,color .15s;display:flex}.dlp-add-slide:hover{color:#aaa;border-color:#555}.dlp-chat{background:#0a0a0a;border-left:1px solid #1a1a1a;flex-direction:column;flex-shrink:0;width:320px;display:flex}.dlp-chat-messages{flex-direction:column;flex:1;gap:8px;padding:12px;display:flex;overflow-y:auto}.dlp-chat-welcome{text-align:center;color:#666;padding:40px 16px}.dlp-chat-msg{display:flex}.dlp-chat-msg.user{justify-content:flex-end}.dlp-chat-bubble{word-break:break-word;border-radius:12px;max-width:90%;padding:8px 12px;font-size:13px;line-height:1.5}.dlp-chat-bubble.user{color:#ddd;background:#222}.dlp-chat-bubble.assistant{color:#bbb;background:#111}.dlp-chat-input-area{border-top:1px solid #1a1a1a;align-items:flex-end;gap:6px;padding:8px 12px;display:flex}.dlp-chat-input{color:#ccc;resize:none;background:#111;border:1px solid #222;border-radius:8px;outline:none;flex:1;max-height:100px;padding:8px 10px;font-family:inherit;font-size:13px}.dlp-chat-input:focus{border-color:#444}.dlp-chat-send{color:#888;cursor:pointer;background:#222;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.dlp-chat-send:hover{color:#ccc;background:#333}.dlp-slides-block{background:#0d0d0d;border:1px solid #222;border-radius:8px;margin:6px 0;padding:10px}.dlp-apply-btn{color:#ccc;cursor:pointer;background:#222;border:1px solid #333;border-radius:6px;justify-content:center;align-items:center;gap:6px;width:100%;padding:6px 12px;font-size:12px;transition:background .15s;display:flex}.dlp-apply-btn:hover{background:#333}.dlp-picker-overlay{z-index:10000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.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{border-bottom:1px solid #1a1a1a;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.dlp-picker-title{color:#ccc;font-size:14px;font-weight:600}.dlp-picker-close{color:#555;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:20px;line-height:1}.dlp-picker-close:hover{color:#aaa}.dlp-picker-section{border-bottom:1px solid #1a1a1a;padding:6px 8px}.dlp-picker-section:last-child{border-bottom:none}.dlp-picker-label{color:#555;text-transform:uppercase;letter-spacing:.5px;padding:4px 8px;font-size:11px}.dlp-picker-item{color:#bbb;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;width:100%;padding:8px 10px;font-family:inherit;font-size:13px;display:flex}.dlp-picker-item:hover{color:#fff;background:#1a1a1a}.dlp-picker-new{color:#999}.dlp-picker-new:hover{color:#fff}.dlp-dots{animation:1.2s infinite dlp-dots-anim}@keyframes dlp-dots-anim{0%{content:"."}33%{content:".."}66%{content:"..."}}.dlp-fullscreen{z-index:10000;background:#000;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.dlp-fs-slide{transform-origin:50%;width:1920px;height:1080px;transform:scale(min(calc(100vw / 1920), calc(100vh / 1080)));position:relative}.dlp-fs-counter{color:#555;z-index:10001;font-size:14px;position:fixed;bottom:16px;right:20px}.dlp-fs-close{color:#555;cursor:pointer;z-index:10001;background:0 0;border:none;font-size:28px;position:fixed;top:12px;right:16px}.dlp-fs-close:hover{color:#fff}.dl-msg-slide-btn{color:#666;cursor:pointer;background:0 0;border:1px solid #333;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:color .15s,border-color .15s;display:flex}.dl-msg-slide-btn:hover{color:#ccc;border-color:#555}@media (max-width:768px){.dlp-main{flex-direction:column}.dlp-chat{border-top:1px solid #1a1a1a;border-left:none;width:100%;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;background:#111;border-radius:3px;padding:1px 6px;font-size:10px}.dl-response-text{margin-top:4px}.dl-inline-chart{border:1px solid #1a1a1a;border-radius:8px;margin:12px 0;overflow:hidden}.dl-inline-chart canvas{width:100%;height:auto;display:block}.datalab-build-panel{background:#080808;border-left:1px solid #1a1a1a;flex-direction:column;flex-shrink:0;width:0;transition:width .25s;display:none;overflow:hidden}.datalab-build-panel.open{width:50%;display:flex}#datalab-build-btn.active{color:#fff;background:#1a1a1a}.dlb-btn-dot{background:#c8a830;border-radius:50%;width:6px;height:6px;display:none;position:absolute;top:2px;right:2px}.dlb-btn-dot.active{animation:1.2s infinite dlbPulse;display:block}@keyframes dlbPulse{0%,to{opacity:1}50%{opacity:.3}}.dlb-status{color:#999;white-space:nowrap;text-overflow:ellipsis;background:#0a0a0a;border-bottom:1px solid #111;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:none;overflow:hidden}.dlb-status.active{display:flex}.dlb-status-dot{background:#8a7a30;border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:1.2s infinite dlbPulse}.dlb-status-text{text-overflow:ellipsis;overflow:hidden}.dlb-tabs{scrollbar-width:none;background:#050505;border-bottom:1px solid #111;flex-shrink:0;align-items:center;padding:0;display:flex;overflow-x:auto}.dlb-tabs::-webkit-scrollbar{display:none}.dlb-tab{color:#555;cursor:pointer;white-space:nowrap;border-right:1px solid #111;flex-shrink:0;align-items:center;gap:6px;padding:6px 10px;font-size:11px;transition:color .15s,background .15s;display:flex}.dlb-tab:hover{color:#aaa;background:#0a0a0a}.dlb-tab.active{color:#ccc;background:#0d0d0d}.dlb-tab-icon{color:#555;background:#111;border-radius:3px;padding:1px 4px;font-family:monospace;font-size:9px;font-weight:700}.dlb-tab.active .dlb-tab-icon{color:#c8a830;background:#1a1808}.dlb-tab-name{text-transform:capitalize}.dlb-tab-dot{background:#c8a830;border-radius:50%;width:5px;height:5px;animation:1s infinite dlbPulse}.dlb-viewer{background:#080808;flex:1;position:relative;overflow-y:auto}.dlb-tool-view{padding:12px;display:none}.dlb-tool-view.active{display:block}.dlb-empty{opacity:.5;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:100%;min-height:200px;display:flex}.dlb-empty-title{color:#333;font-size:14px;font-weight:600}.dlb-empty-sub{color:#333;text-align:center;max-width:200px;font-size:11px}.dlb-section{margin-bottom:12px}.dlb-section-header{text-transform:uppercase;letter-spacing:.5px;color:#555;border-bottom:1px solid #111;align-items:center;gap:8px;margin-bottom:8px;padding:4px 0 6px;font-size:10px;font-weight:700;display:flex}.dlb-json{color:#888;white-space:pre-wrap;word-break:break-all;background:#0a0a0a;border-radius:6px;max-height:300px;padding:8px 10px;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:11px;line-height:1.5;overflow:auto}.dlb-result-loading{color:#666;align-items:center;gap:8px;padding:8px;font-size:12px;display:flex}.dlb-spinner{border:2px solid #333;border-top-color:#888;border-radius:50%;width:12px;height:12px;animation:.8s linear infinite dlbSpin;display:inline-block}@keyframes dlbSpin{to{transform:rotate(360deg)}}.dlb-result-n{color:#888;background:#111;border-radius:3px;padding:1px 6px;font-size:10px}.dlb-result-p{border-radius:3px;padding:1px 6px;font-size:10px}.dlb-result-p.sig{color:#8a8;background:#50785026}.dlb-result-p.ns{color:#a88;background:#7850501a}.dlb-result-err{color:#a66;background:#783c3c26;border-radius:3px;padding:1px 6px;font-size:10px}#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{color:#999;cursor:pointer;opacity:0;z-index:5;background:#000000b3;border:1px solid #444;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:opacity .15s,background .15s,color .15s;display:flex;position:absolute;top:6px;right:6px}#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{color:#fff;background:#000000e6;border-color:#666}.dl-preview-overlay{z-index:10000;background:#000000b3;justify-content:center;align-items:center;animation:.15s dlPreviewFadeIn;display:flex;position:fixed;inset:0}@keyframes dlPreviewFadeIn{0%{opacity:0}to{opacity:1}}.dl-preview-modal{background:#151515;border:1px solid #333;border-radius:16px;width:90vw;max-width:700px;max-height:85vh;padding:20px;position:relative;overflow-y:auto}.dl-preview-close-btn{color:#666;cursor:pointer;z-index:1;background:0 0;border:none;font-size:24px;line-height:1;position:absolute;top:10px;right:14px}.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{border-top:1px solid #222;gap:8px;padding-top:12px;display:flex}.dl-preview-action-btn{color:#ccc;cursor:pointer;background:#222;border:1px solid #333;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:13px;transition:background .15s,border-color .15s;display:flex}.dl-preview-action-btn:hover{color:#fff;background:#2a2a2a;border-color:#555}.dl-preview-action-btn svg{flex-shrink:0}:root{--tb-bg:#0a0a0a;--tb-card:#141414;--tb-card-hover:#1a1a1a;--tb-border:#2a2a2a;--tb-text:#fff;--tb-text-secondary:#888;--tb-text-muted:#555;--tb-primary:#fff;--tb-primary-dark:#ccc;--tb-secondary:#888;--tb-secondary-dark:#666;--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 #0000004d;--tb-shadow-lg:0 8px 32px #00000080;--tb-shadow-glow:0 0 20px #ffffff0d;--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{background:var(--tb-bg);min-height:100vh;color:var(--tb-text);font-family:var(--tb-font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:24px 32px;font-size:14px;line-height:1.5}.tb-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.tb-header h1,.tb-header-title{color:var(--tb-text);letter-spacing:-.02em;margin:0;font-size:28px;font-weight:700}.tb-header-actions{align-items:center;gap:10px;display:flex}.tb-search-wrapper{width:100%;margin-bottom:24px;position:relative}.tb-search-icon{color:var(--tb-text-muted);pointer-events:none;transition:color var(--tb-transition);font-size:20px;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.tb-search-input{width:100%;height:48px;font-family:var(--tb-font);color:var(--tb-text);background:var(--tb-card);border:2px solid var(--tb-border);border-radius:var(--tb-radius-lg);transition:border-color var(--tb-transition), box-shadow var(--tb-transition), background var(--tb-transition);box-sizing:border-box;outline:none;padding:0 20px 0 52px;font-size:18px;font-weight:400}.tb-search-input::placeholder{color:var(--tb-text-muted);font-weight:400}.tb-search-input:hover{background:var(--tb-card-hover);border-color:#3a3a3a}.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{flex-direction:column;gap:24px;display:flex}.tb-kpi-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.tb-kpi-card{background:var(--tb-card);border:1px solid var(--tb-border);border-radius:var(--tb-radius);transition:transform var(--tb-transition), box-shadow var(--tb-transition), background var(--tb-transition);cursor:default;flex-direction:column;gap:8px;padding:20px 24px;display:flex;position:relative;overflow:hidden}.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:"";background:linear-gradient(90deg, var(--tb-primary), transparent);opacity:0;height:2px;transition:opacity var(--tb-transition);position:absolute;top:0;left:0;right:0}.tb-kpi-card:hover{box-shadow:var(--tb-shadow-lg);background:var(--tb-card-hover);transform:translateY(-2px)}.tb-kpi-card:hover:before{opacity:1}.tb-icon{vertical-align:-.125em;flex-shrink:0;width:1em;height:1em;display:inline-block}.tb-kpi-icon{color:var(--tb-primary);margin-bottom:4px;font-size:22px}.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{color:var(--tb-text);letter-spacing:-.03em;font-size:36px;font-weight:700;line-height:1.1}.tb-kpi-label{color:var(--tb-text-secondary);letter-spacing:.01em;font-size:14px;font-weight:500}.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{color:var(--tb-text);margin:0 0 20px;font-size:16px;font-weight:600}.tb-bar-chart{flex-direction:column;gap:12px;display:flex}.tb-bar-row{grid-template-columns:140px 1fr 48px;align-items:center;gap:12px;display:grid}.tb-bar-clickable{cursor:pointer;border-radius:6px;margin:-4px -8px;padding:4px 8px;transition:background .15s}.tb-bar-clickable:hover{background:#ffffff0f}.tb-bar-label{color:var(--tb-text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.tb-bar-fill{border-radius:var(--tb-radius-sm);background:linear-gradient(90deg, var(--tb-primary), #999);min-width:4px;height:24px;transition:width .6s cubic-bezier(.22,1,.36,1);position:relative}.tb-bar-fill:after{content:"";border-radius:inherit;background:linear-gradient(#ffffff1a 0%,#0000 100%);position:absolute;inset:0}.tb-bar-value{color:var(--tb-text);text-align:right;font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.tb-nav-tabs{border-bottom:1px solid var(--tb-border);align-items:center;gap:0;margin-bottom:20px;display:flex}.tb-nav-tab{color:var(--tb-text-secondary);cursor:pointer;font-size:14px;font-weight:500;font-family:var(--tb-font);transition:color var(--tb-transition);white-space:nowrap;background:0 0;border:none;padding:12px 20px;position:relative}.tb-nav-tab:after{content:"";background:var(--tb-primary);border-radius:2px 2px 0 0;height:2px;transition:transform .25s cubic-bezier(.22,1,.36,1);position:absolute;bottom:-1px;left:20px;right:20px;transform:scaleX(0)}.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{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.tb-filter-group{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tb-select{height:36px;font-family:var(--tb-font);color:var(--tb-text);background:var(--tb-card);border:1px solid var(--tb-border);border-radius:var(--tb-radius-sm);cursor:pointer;appearance:none;transition:border-color var(--tb-transition), box-shadow var(--tb-transition);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-position:right 12px center;background-repeat:no-repeat;outline:none;padding:0 36px 0 12px;font-size:13px;font-weight:500}.tb-select:hover{border-color:#3a3a3a}.tb-select:focus{border-color:var(--tb-primary);box-shadow:0 0 0 2px #ffffff1a}.tb-btn{height:36px;font-family:var(--tb-font);border-radius:var(--tb-radius-sm);cursor:pointer;white-space:nowrap;transition:all var(--tb-transition);border:1px solid #0000;outline:none;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:13px;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.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{color:var(--tb-text);border-color:var(--tb-border);background:0 0}.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{box-shadow:none;background:#c62828}.tb-btn-icon{width:36px;height:36px;color:var(--tb-text-secondary);border-color:var(--tb-border);background:0 0;padding:0}.tb-btn-icon:hover{color:var(--tb-text);border-color:var(--tb-text-secondary);background:#ffffff0f}.tb-btn-sm{gap:5px;height:28px;padding:0 10px;font-size:12px}.tb-btn-sm.tb-btn-icon{width:28px;height:28px}.tb-table-wrapper{border:1px solid var(--tb-border);border-radius:var(--tb-radius);background:var(--tb-card);-webkit-overflow-scrolling:touch;overflow-x:auto}.tb-table{border-collapse:collapse;width:100%;font-size:13px}.tb-table thead{z-index:2;position:sticky;top:0}.tb-table th{text-align:left;color:var(--tb-text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--tb-border);white-space:nowrap;cursor:default;-webkit-user-select:none;user-select:none;background:#111;padding:12px 16px;font-size:12px;font-weight:600;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:"⇅";opacity:.3;margin-left:6px;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{color:var(--tb-text);vertical-align:middle;border-bottom:1px solid #2a2a2a80;padding:12px 16px}.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{letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;border-radius:100px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:600;line-height:1.4;display:inline-flex}.tb-badge-good{color:var(--tb-success);background:#4caf501f;border:1px solid #4caf5040}.tb-badge-fair{color:var(--tb-warning);background:#ff98001f;border:1px solid #ff980040}.tb-badge-poor{color:var(--tb-danger);background:#f443361f;border:1px solid #f4433640}.tb-badge-approved{color:var(--tb-success);background:#4caf501f;border:1px solid #4caf5040}.tb-badge-expired{color:var(--tb-danger);background:#f4433626;border:1px solid #f443364d;animation:2s ease-in-out infinite tb-pulseExpired}.tb-badge-pending{color:var(--tb-warning);background:#ff98001f;border:1px solid #ff980040}.tb-badge-tracker{color:var(--tb-secondary);background:#8888881f;border:1px solid #88888840}.tb-modal-overlay{z-index:9000;-webkit-backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;padding:24px;animation:.2s tb-fadeIn;display:flex;position:fixed;inset:0}.tb-modal{background:var(--tb-card);border:1px solid var(--tb-border);border-radius:var(--tb-radius-lg);width:100%;max-width:640px;max-height:85vh;box-shadow:var(--tb-shadow-lg);flex-direction:column;animation:.3s cubic-bezier(.22,1,.36,1) tb-slideUp;display:flex}.tb-modal-header{border-bottom:1px solid var(--tb-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.tb-modal-header h2,.tb-modal-title{color:var(--tb-text);margin:0;font-size:18px;font-weight:600}.tb-modal-close{width:32px;height:32px;color:var(--tb-text-secondary);cursor:pointer;border-radius:var(--tb-radius-sm);transition:color var(--tb-transition), background var(--tb-transition);background:0 0;border:none;justify-content:center;align-items:center;font-size:20px;display:flex}.tb-modal-close:hover{color:var(--tb-text);background:#ffffff0f}.tb-modal-body{-webkit-overflow-scrolling:touch;flex:1;padding:24px;overflow-y:auto}.tb-modal-footer{border-top:1px solid var(--tb-border);flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;padding:16px 24px;display:flex}.tb-form-group{flex-direction:column;gap:6px;margin-bottom:18px;display:flex}.tb-form-group:last-child{margin-bottom:0}.tb-form-label{color:var(--tb-text-secondary);letter-spacing:.01em;font-size:13px;font-weight:600}.tb-form-input{height:40px;font-family:var(--tb-font);color:var(--tb-text);background:var(--tb-bg);border:1px solid var(--tb-border);border-radius:var(--tb-radius-sm);transition:border-color var(--tb-transition), box-shadow var(--tb-transition);box-sizing:border-box;outline:none;padding:0 12px;font-size:14px}.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;font-family:var(--tb-font);color:var(--tb-text);background:var(--tb-bg);border:1px solid var(--tb-border);border-radius:var(--tb-radius-sm);cursor:pointer;appearance:none;transition:border-color var(--tb-transition), box-shadow var(--tb-transition);box-sizing:border-box;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-position:right 12px center;background-repeat:no-repeat;outline:none;padding:0 36px 0 12px;font-size:14px}.tb-form-select:focus{border-color:var(--tb-primary);box-shadow:0 0 0 2px #ffffff1f}.tb-form-textarea{font-family:var(--tb-font);color:var(--tb-text);background:var(--tb-bg);border:1px solid var(--tb-border);border-radius:var(--tb-radius-sm);resize:vertical;min-height:80px;transition:border-color var(--tb-transition), box-shadow var(--tb-transition);box-sizing:border-box;outline:none;padding:10px 12px;font-size:14px}.tb-form-textarea:focus{border-color:var(--tb-primary);box-shadow:0 0 0 2px #ffffff1f}.tb-form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.tb-form-toggle{cursor:pointer;color:var(--tb-text);-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:14px;display:inline-flex;position:relative}.tb-form-toggle input{opacity:0;width:0;height:0;position:absolute}.tb-form-toggle .tb-toggle-track{width:40px;height:22px;transition:background var(--tb-transition);background:#333;border-radius:11px;flex-shrink:0;position:relative}.tb-form-toggle .tb-toggle-track:after{content:"";width:16px;height:16px;transition:transform var(--tb-transition);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.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{flex-direction:column;gap:0;display:flex}.tb-activity-time{color:var(--tb-text-muted);white-space:nowrap;font-variant-numeric:tabular-nums;min-width:72px;padding-top:1px;font-size:12px}.tb-activity-text{color:var(--tb-text-secondary);font-size:13px;line-height:1.5}.tb-activity-text strong{color:var(--tb-text);font-weight:600}.tb-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:64px 24px;display:flex}.tb-empty-state-icon{color:var(--tb-text-muted);opacity:.5;margin-bottom:16px;font-size:48px}.tb-empty-state-title{color:var(--tb-text-secondary);margin:0 0 8px;font-size:18px;font-weight:600}.tb-empty-state-text{color:var(--tb-text-muted);max-width:360px;margin:0;font-size:14px}.tb-inline-edit{cursor:text;border-radius:var(--tb-radius-sm);transition:background var(--tb-transition);padding:2px 4px;position:relative}.tb-inline-edit:hover{background:#ffffff0a}.tb-inline-edit:hover:after{content:"✎";color:var(--tb-text-muted);pointer-events:none;font-size:11px;position:absolute;top:50%;right:-18px;transform:translateY(-50%)}.tb-inline-edit:focus-within{outline:1px solid var(--tb-primary);background:#ffffff0f}.tb-inline-edit:focus-within:after{display:none}.tb-toast{z-index:9500;border:1px solid var(--tb-border);border-radius:var(--tb-radius);border-left:3px solid var(--tb-text-secondary);min-width:320px;max-width:440px;box-shadow:var(--tb-shadow-lg);color:var(--tb-text);background:#1e1e1e;align-items:center;gap:10px;padding:14px 20px;font-size:13px;animation:.35s cubic-bezier(.22,1,.36,1) tb-slideInRight;display:flex;position:fixed;bottom:24px;right:24px}.tb-toast.tb-toast-exit{animation:.25s forwards tb-slideOutRight}.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{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tb-sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tb-modal-body::-webkit-scrollbar{width:6px;height:6px}.tb-table-wrapper::-webkit-scrollbar{width:6px;height:6px}.tb-modal-body::-webkit-scrollbar-track{background:0 0}.tb-table-wrapper::-webkit-scrollbar-track{background:0 0}.tb-modal-body::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.tb-table-wrapper::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.tb-modal-body::-webkit-scrollbar-thumb:hover{background:#444}.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;padding-left:44px;font-size:16px}.tb-search-icon{font-size:18px;left:14px}.tb-nav-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow-x:auto}.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{background:0 0;border:none}.tb-table,.tb-table thead,.tb-table tbody,.tb-table th,.tb-table td,.tb-table tr{display:block}.tb-table thead{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.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{border-bottom:none;justify-content:space-between;align-items:center;gap:8px;padding:6px 0;display:flex}.tb-table td:before{content:attr(data-label);color:var(--tb-text-muted);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;font-size:11px;font-weight:600}.tb-bar-row{grid-template-columns:100px 1fr 36px;gap:8px}.tb-bar-label{font-size:12px}.tb-modal-overlay{align-items:flex-end;padding:0}.tb-modal{border-radius:var(--tb-radius-lg) var(--tb-radius-lg) 0 0;max-width:100%;max-height:92vh}.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{min-width:0;max-width:none;bottom:16px;left:16px;right:16px}}.tb-app{max-width:1400px;margin:0 auto}.tb-content{min-height:400px}.tb-page-loader{justify-content:center;align-items:center;padding:60px;display:flex}.tb-spinner{border:3px solid var(--tb-border);border-top-color:var(--tb-primary);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite tb-spin}.tb-nav{border-bottom:1px solid var(--tb-border);gap:0;margin-bottom:24px;display:flex}.tb-nav .tb-nav-tab{color:var(--tb-text-secondary);cursor:pointer;font-size:14px;font-weight:500;font-family:var(--tb-font);white-space:nowrap;background:0 0;border:none;padding:12px 20px;transition:color .2s;position:relative}.tb-nav .tb-nav-tab:after{content:"";background:var(--tb-primary);border-radius:2px 2px 0 0;height:2px;transition:transform .25s cubic-bezier(.22,1,.36,1);position:absolute;bottom:-1px;left:20px;right:20px;transform:scaleX(0)}.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{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.tb-filter-dropdowns{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tb-filter-select{height:36px;font-family:var(--tb-font);color:var(--tb-text);background:var(--tb-card);border:1px solid var(--tb-border);cursor:pointer;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-position:right 10px center;background-repeat:no-repeat;border-radius:4px;outline:none;padding:0 32px 0 10px;font-size:13px;font-weight:500;transition:border-color .2s}.tb-filter-select:focus{border-color:var(--tb-primary)}.tb-filter-actions{align-items:center;gap:8px;display:flex}.tb-bulk-bar{background:#ffffff14;border:1px solid #fff3;border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;padding:12px 16px;display:flex}.tb-bulk-count{color:var(--tb-primary);margin-right:8px;font-size:13px;font-weight:600}.tb-th-check,.tb-td-check{text-align:center;width:40px}.tb-td-actions{white-space:nowrap;width:80px}.tb-td-actions .tb-btn-icon{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:14px;transition:background .15s,border-color .15s;display:inline-flex}.tb-td-actions .tb-btn-icon:hover{border-color:var(--tb-border);background:#ffffff0f}.tb-empty{text-align:center;color:var(--tb-text-muted);font-size:14px;padding:48px 16px!important}.tb-tool-name{color:var(--tb-text);font-weight:600}.tb-row{cursor:pointer}.tb-dashboard-charts{grid-template-columns:1fr 1fr;gap:16px;display:grid}@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{color:var(--tb-text);margin:0 0 20px;font-size:16px;font-weight:600}.tb-bar-track{background:#ffffff0a;border-radius:4px;flex:1;height:24px;overflow:hidden}.tb-bar-count{color:var(--tb-text);text-align:right;font-variant-numeric:tabular-nums;min-width:32px;font-size:13px;font-weight:600}.tb-activity-card{background:var(--tb-card);border:1px solid var(--tb-border);border-radius:8px;padding:24px}.tb-activity-date{color:var(--tb-text-muted);white-space:nowrap;font-variant-numeric:tabular-nums;margin-left:auto;font-size:12px}.tb-activity-item{border-bottom:1px solid #2a2a2a80;align-items:center;gap:12px;padding:10px 0;display:flex}.tb-activity-item:last-child{border-bottom:none}.tb-muted{color:var(--tb-text-muted);font-size:14px}.tb-beheer{flex-direction:column;gap:16px;display:flex}.tb-beheer-tabs{border-bottom:1px solid var(--tb-border);gap:0;margin-bottom:16px;display:flex}.tb-beheer-tab{color:var(--tb-text-secondary);cursor:pointer;font-size:14px;font-weight:500;font-family:var(--tb-font);background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 18px;transition:color .2s,border-color .2s}.tb-beheer-tab:hover{color:var(--tb-text)}.tb-beheer-tab-active{font-weight:600;color:var(--tb-primary)!important;border-bottom-color:var(--tb-primary)!important}.tb-beheer-section{flex-direction:column;gap:16px;display:flex}.tb-beheer-add-form{background:var(--tb-card);border:1px solid var(--tb-border);border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;padding:16px;display:flex}.tb-beheer-add-form .tb-form-input{flex:1;min-width:120px}.tb-form-input-small{flex:0 0 120px!important;max-width:120px!important}.tb-beheer-list{flex-direction:column;gap:4px;display:flex}.tb-beheer-item{background:var(--tb-card);border:1px solid var(--tb-border);border-radius:8px;justify-content:space-between;align-items:center;padding:12px 16px;transition:background .15s;display:flex}.tb-beheer-item:hover{background:var(--tb-card-hover)}.tb-beheer-item-content{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.tb-beheer-item-icon{flex-shrink:0;font-size:18px}.tb-beheer-item-name{color:var(--tb-text);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.tb-beheer-item-desc{color:var(--tb-text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.tb-beheer-item-meta{color:var(--tb-text-muted);white-space:nowrap;font-size:12px}.tb-beheer-item-actions{flex-shrink:0;align-items:center;gap:4px;margin-left:12px;display:flex}.tb-beheer-item-actions .tb-btn-icon{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:14px;transition:background .15s;display:inline-flex}.tb-beheer-item-actions .tb-btn-icon:hover{border-color:var(--tb-border);background:#ffffff0f}.tb-beheer-edit-form{flex-wrap:wrap;align-items:center;gap:8px;width:100%;display:flex}.tb-beheer-edit-form .tb-form-input{flex:1;min-width:100px}.tb-tool-list{flex-direction:column;gap:0;display:flex}.tb-badge:not([class*=tb-badge-]),.tb-badge-neutral{color:var(--tb-text-muted);background:#8080801f;border:1px solid #80808040}@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{flex:auto!important;max-width:none!important}}@media print{.tb-page{color:#000;background:#fff;padding:0}.tb-modal-overlay,.tb-toast,.tb-btn,.tb-search-wrapper,.tb-toolbar{display:none!important}.tb-table th,.tb-table td{color:#000;border:1px solid #ccc}.tb-kpi-card{background:#fff;border:1px solid #ccc}.tb-kpi-value{color:#000}}.tb-notif-bell{margin-left:8px;position:relative}.tb-notif-bell .tb-icon{width:18px;height:18px}.tb-notif-count{text-align:center;color:#fff;background:var(--tb-danger);pointer-events:none;border-radius:9px;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:700;line-height:18px;position:absolute;top:6px;right:10px}.tb-notif-panel{background:var(--tb-card);border-left:1px solid var(--tb-border);z-index:8000;flex-direction:column;width:400px;max-width:90vw;transition:transform .25s cubic-bezier(.22,1,.36,1);display:flex;position:fixed;top:0;bottom:0;right:0;overflow:hidden;transform:translate(100%);box-shadow:-8px 0 32px #00000080}.tb-notif-panel-open{transform:translate(0)}.tb-notif-header{border-bottom:1px solid var(--tb-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 20px 16px;display:flex}.tb-notif-title{color:var(--tb-text);align-items:center;gap:8px;margin:0;font-size:16px;font-weight:600;display:flex}.tb-notif-title .tb-icon{width:18px;height:18px}.tb-notif-close{width:32px;height:32px;color:var(--tb-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;font-size:20px;transition:color .15s,background .15s;display:flex}.tb-notif-close:hover{color:var(--tb-text);background:#ffffff0f}.tb-notif-list{flex-direction:column;flex:1;gap:12px;padding:12px 16px;display:flex;overflow-y:auto}.tb-notif-list::-webkit-scrollbar{width:4px}.tb-notif-list::-webkit-scrollbar-track{background:0 0}.tb-notif-list::-webkit-scrollbar-thumb{background:#333;border-radius:2px}.tb-notif-empty{flex:1;justify-content:center;align-items:center;padding:48px 24px;display:flex}.tb-notif-item{background:var(--tb-bg);border:1px solid var(--tb-border);border-radius:10px;flex-direction:column;gap:10px;padding:16px;transition:background .15s;animation:.3s backwards tb-slideUp;display:flex}.tb-notif-item:nth-child(2){animation-delay:50ms}.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{align-items:center;gap:8px;display:flex}.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{color:var(--tb-text);font-size:14px;font-weight:600}.tb-notif-item-desc{color:var(--tb-text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.tb-notif-chat-btn{align-self:flex-start;gap:6px;border:1px solid var(--tb-border)!important;color:var(--tb-text)!important;background:#ffffff0f!important}.tb-notif-chat-btn:hover{border-color:var(--tb-text-secondary)!important;background:#ffffff1f!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{flex-direction:column;max-width:720px;height:calc(100vh - 140px);margin:0 auto;display:flex}.tb-chat-messages{flex-direction:column;flex:1;gap:16px;padding:24px 8px;display:flex;overflow-y:auto}.tb-chat-msg{max-width:85%;animation:.25s tb-chat-fadein;display:flex}@keyframes tb-chat-fadein{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tb-chat-msg-bot{flex-direction:column;align-self:flex-start;gap:12px}.tb-chat-msg-user{align-self:flex-end}.tb-chat-bubble{border-radius:16px;padding:12px 16px;font-size:14px;line-height:1.6}.tb-chat-msg-bot .tb-chat-bubble{color:#e0e0e0;background:#1a1a1a;border-bottom-left-radius:4px}.tb-chat-msg-user .tb-chat-bubble{color:#000;background:#fff;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{border-top:1px solid #1a1a1a;gap:8px;padding:16px 8px;display:flex}.tb-chat-input{color:#fff;background:#141414;border:1px solid #2a2a2a;border-radius:12px;outline:none;flex:1;padding:12px 16px;font-size:14px;transition:border-color .2s}.tb-chat-input:focus{border-color:#444}.tb-chat-input::placeholder{color:#555}.tb-chat-mic{cursor:pointer;background:0 0;border:1px solid #333;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex}.tb-chat-mic .tb-icon{stroke:#888;width:18px;height:18px}.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:1.5s ease-in-out infinite tb-mic-pulse}.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{cursor:pointer;background:#fff;border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:opacity .2s;display:flex}.tb-chat-send:hover{opacity:.8}.tb-chat-send .tb-icon{stroke:#000;width:18px;height:18px}.tb-chat-options{flex-wrap:wrap;gap:8px;padding:4px 0;display:flex}.tb-chat-option{color:#e0e0e0;cursor:pointer;white-space:nowrap;background:#141414;border:1px solid #2a2a2a;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;transition:all .2s;display:flex}.tb-chat-option:hover{color:#fff;background:#1f1f1f;border-color:#444}.tb-chat-option:active{transform:scale(.97)}.tb-chat-option-icon{text-align:center;flex-shrink:0;width:22px;font-size:16px}.tb-chat-option-sub{color:#666;margin-left:4px;font-size:11px}.tb-thinking-bubble{min-width:60px;padding:12px 18px!important}.tb-thinking-dots{align-items:center;gap:5px;display:flex}.tb-thinking-dots span{background:#666;border-radius:50%;width:7px;height:7px;animation:1.2s infinite tb-thinking-bounce;display:block}.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:"";vertical-align:text-bottom;background:#666;width:6px;height:14px;margin-left:2px;animation:.8s infinite tb-blink;display:inline-block}@keyframes tb-blink{0%,50%{opacity:1}51%,to{opacity:0}}.tb-chat-bubble code{background:#0d0d0d;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:12px}.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:0 0}.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{white-space:nowrap;flex-shrink:0;align-items:center;gap:6px;margin-left:auto;display:inline-flex}.tb-qr-section{border-top:1px solid var(--tb-border);flex-direction:column;align-items:center;gap:12px;margin-top:20px;padding-top:20px;display:flex}.tb-qr-label{color:var(--tb-text-secondary);align-self:flex-start;font-size:13px;font-weight:600}.tb-qr-preview{border-radius:var(--tb-radius);background:#fff;justify-content:center;align-items:center;padding:16px;display:flex}.tb-qr-img{width:150px;height:150px;image-rendering:pixelated;display:block}.tb-qr-actions{gap:8px;display:flex}.tb-scanner-modal{max-width:480px}.tb-scanner-body{flex-direction:column;align-items:center;gap:16px;display:flex;padding:16px 24px!important}.tb-scanner-viewport{aspect-ratio:1;border-radius:var(--tb-radius-lg);background:#000;width:100%;max-width:400px;position:relative;overflow:hidden}.tb-scanner-viewport video{object-fit:cover;width:100%;height:100%}.tb-scanner-crosshair{pointer-events:none;width:60%;height:60%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tb-scanner-crosshair:before,.tb-scanner-crosshair:after{content:"";border-style:solid;border-color:#ffffffb3;position:absolute}.tb-scanner-crosshair:before{border-width:3px 0 0 3px;border-radius:4px 0 0;width:24px;height:24px;top:0;left:0}.tb-scanner-crosshair:after{border-width:3px 3px 0 0;border-radius:0 4px 0 0;width:24px;height:24px;top:0;right:0}.tb-scanner-viewport:before,.tb-scanner-viewport:after{content:"";z-index:2;pointer-events:none;border-style:solid;border-color:#ffffffb3;width:9%;height:9%;position:absolute}.tb-scanner-viewport:before{border-width:0 0 3px 3px;border-radius:0 0 0 4px;bottom:20%;left:20%}.tb-scanner-viewport:after{border-width:0 3px 3px 0;border-radius:0 0 4px;bottom:20%;right:20%}.tb-scanner-status{color:var(--tb-text-secondary);text-align:center;margin:0;font-size:13px}@media (max-width:640px){.tb-scanner-modal{max-width:100%}.tb-scanner-viewport{border-radius:var(--tb-radius);max-width:100%}}.tb-kosten{padding:0}.tb-kpi-grid-5{grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:24px;display:grid}.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);margin-bottom:24px;padding:20px 24px}.tb-cost-progress-header{color:var(--tb-text-secondary);justify-content:space-between;align-items:center;margin-bottom:12px;font-size:14px;display:flex}.tb-cost-progress-header span:last-child{color:var(--tb-text);font-weight:600}.tb-cost-progress-bar{background:#1a1a1a;border-radius:4px;width:100%;height:8px;margin-bottom:8px;overflow:hidden}.tb-cost-progress-fill{background:linear-gradient(90deg, var(--tb-warning), var(--tb-danger));border-radius:4px;height:100%;transition:width .6s}.tb-cost-progress-labels{color:var(--tb-text-muted);justify-content:space-between;font-size:12px;display:flex}.tb-cost-columns{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.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{align-items:center;gap:8px;margin-bottom:16px;display:flex}.tb-cost-card .tb-chart-title .tb-icon{width:18px;height:18px}.tb-cost-list{flex-direction:column;gap:2px;display:flex}.tb-cost-list-item{border-radius:var(--tb-radius);transition:background var(--tb-transition);justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.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{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.tb-cost-list-name{color:var(--tb-text);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.tb-cost-list-sub{color:var(--tb-text-muted);font-size:12px}.tb-cost-list-value{color:var(--tb-text);white-space:nowrap;margin-left:12px;font-size:14px;font-weight:600}.tb-cost-list-values{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.tb-cost-table th{text-transform:uppercase;letter-spacing:.5px;color:var(--tb-text-muted);font-size:12px}.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{flex-direction:column;gap:12px;height:calc(100vh - 180px);min-height:480px;display:flex}.tb-leaflet-map{background:#0a0a0a;border:1px solid #2a2a2a;border-radius:8px;flex:1;width:100%;overflow:hidden}.tb-map-warning{color:#ccc;background:#1a1a1a;border:1px solid #2a2a2a;border-left:3px solid #888;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;font-size:13px;display:flex}.tb-map-empty{color:#888;text-align:center;padding:16px;font-size:13px}.tb-map-pin-wrapper{background:0 0;border:none}.tb-map-pin{color:#000;background:#fff;border:2px solid #000;border-radius:50% 50% 50% 0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:relative;top:-4px;left:-2px;transform:rotate(-45deg);box-shadow:0 4px 10px #0009}.tb-map-pin-count{color:#000;font-family:inherit;font-size:13px;font-weight:700;transform:rotate(45deg)}.tb-map-popup .leaflet-popup-content-wrapper{color:#eee;background:#0d0d0d;border:1px solid #2a2a2a;border-radius:8px;padding:0;box-shadow:0 8px 24px #0009}.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;padding:6px 8px;font-size:18px}.tb-map-popup .leaflet-popup-close-button:hover{color:#fff}.tb-map-popup-title{color:#fff;margin-bottom:4px;font-size:15px;font-weight:700}.tb-map-popup-address{color:#888;margin-bottom:8px;font-size:12px}.tb-map-popup-count{color:#ccc;border-bottom:1px solid #222;margin-bottom:8px;padding-bottom:8px;font-size:12px}.tb-map-popup-list{max-height:220px;margin:0;padding:0;list-style:none;overflow-y:auto}.tb-map-popup-item{cursor:pointer;border-radius:4px;flex-direction:column;gap:2px;padding:6px 8px;transition:background .15s;display:flex}.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;text-align:center;border-top:1px solid #222;margin-top:6px;padding-top:6px;font-size:11px}.leaflet-control-zoom a{color:#fff!important;background:#1a1a1a!important;border-color:#2a2a2a!important}.leaflet-control-zoom a:hover{background:#2a2a2a!important}.leaflet-control-attribution{color:#888!important;background:#0009!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{color:#888;margin-top:2px;font-family:monospace;font-size:11px}.tb-beheer-item-coords-missing{color:#555;font-family:inherit;font-style:italic}#pdf-reader-page{background:var(--bg,#000);z-index:10;display:none;position:absolute;inset:0;overflow:hidden}#pdf-reader-page.open{flex-direction:column;display:flex}#pdf-reader-projects-view{flex:1;padding:24px;overflow-y:auto}#pdf-reader-projects-empty{text-align:center;color:#555;padding:80px 20px}#pdf-reader-projects-empty p{margin-top:12px;font-size:16px}.pdf-reader-project-card{cursor:pointer;background:#0d0d0d;border:1px solid #222;border-radius:12px;align-items:center;gap:14px;padding:18px;transition:border-color .15s,transform .15s;display:flex;position:relative}.pdf-reader-project-card:hover{border-color:#444;transform:translateY(-1px)}.pdf-reader-project-icon{background:#1a1a1a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.pdf-reader-project-info{flex:1;min-width:0}.pdf-reader-project-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:15px;font-weight:600;overflow:hidden}.pdf-reader-project-meta{color:#777;gap:12px;font-size:12px;display:flex}.pdf-reader-project-delete{color:#555;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:8px;transition:color .15s,background .15s}.pdf-reader-project-delete:hover{color:#f55;background:#1a0a0a}#pdf-reader-viewer-view{background:#000;flex-direction:column;flex:1;display:flex;overflow:hidden}.pdf-reader-toolbar{background:#0a0a0a;border-bottom:1px solid #1a1a1a;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.pdf-reader-toolbar-left,.pdf-reader-toolbar-right{align-items:center;gap:8px;min-width:0;display:flex}.pdf-reader-toolbar-center{flex-shrink:0;align-items:center;gap:8px;display:flex}.pdf-reader-doc-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;max-width:280px;font-size:14px;font-weight:500;overflow:hidden}.pdf-reader-toolbar-btn{color:#aaa;cursor:pointer;background:0 0;border:1px solid #2a2a2a;border-radius:6px;align-items:center;gap:6px;padding:7px 12px;font-size:13px;transition:border-color .15s,color .15s;display:flex}.pdf-reader-toolbar-btn:hover:not(:disabled){color:#fff;border-color:#444}.pdf-reader-toolbar-btn:disabled{opacity:.35;cursor:not-allowed}.pdf-reader-toolbar-btn.active{color:#fff;background:#1a1a1a;border-color:#fff}.pdf-reader-page-input{text-align:center;color:#fff;background:#111;border:1px solid #2a2a2a;border-radius:6px;width:50px;padding:6px 4px;font-size:13px}.pdf-reader-page-counter{color:#777;font-size:13px}.pdf-reader-zoom-display{color:#aaa;text-align:center;min-width:44px;font-size:13px}.pdf-reader-workspace{flex:1;min-height:0;display:flex;overflow:hidden}.pdf-reader-canvas-area{background:#1a1a1a;flex-direction:column;flex:1;align-items:center;gap:16px;padding:24px;display:flex;overflow:auto}.pdf-reader-page-wrapper{background:#fff;border-radius:2px;position:relative;box-shadow:0 4px 24px #0006}.pdf-reader-page-wrapper canvas{display:block}.pdf-reader-annotation-marker{pointer-events:auto;cursor:pointer;background:#facc152e;border:2px solid #facc15;border-radius:3px;transition:background .15s,border-color .15s;position:absolute}.pdf-reader-annotation-marker:hover,.pdf-reader-annotation-marker.active{background:#facc1566;border-color:#fde047}.pdf-reader-annotation-marker.is-note{color:#000;background:#facc15;border:2px solid #ca8a04;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:flex}.pdf-reader-comments-panel{background:#0a0a0a;border-left:1px solid #1a1a1a;flex-direction:column;flex-shrink:0;width:340px;display:flex;overflow:hidden}.pdf-reader-comments-header{border-bottom:1px solid #1a1a1a;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.pdf-reader-comments-title{color:#fff;font-size:14px;font-weight:600}.pdf-reader-comments-count{color:#777;background:#1a1a1a;border-radius:999px;padding:2px 8px;font-size:12px}.pdf-reader-comments-list{flex:1;padding:12px;overflow-y:auto}.pdf-reader-comments-empty{text-align:center;color:#555;padding:40px 20px;font-size:13px}.pdf-reader-comment{cursor:pointer;background:#111;border:1px solid #1f1f1f;border-radius:8px;margin-bottom:10px;padding:12px;transition:border-color .15s,background .15s}.pdf-reader-comment:hover{background:#161616;border-color:#333}.pdf-reader-comment.active{background:#1a1605;border-color:#facc15}.pdf-reader-comment-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;font-size:12px;display:flex}.pdf-reader-comment-author{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.pdf-reader-comment-page{color:#777;background:#1a1a1a;border-radius:999px;flex-shrink:0;padding:2px 8px;font-size:11px}.pdf-reader-comment-meta{color:#555;margin-bottom:6px;font-size:11px}.pdf-reader-comment-type{text-transform:uppercase;letter-spacing:.5px;color:#888;margin-right:6px;font-size:10px;display:inline-block}.pdf-reader-comment-body{color:#ccc;white-space:pre-wrap;word-wrap:break-word;font-size:13px;line-height:1.5}.pdf-reader-comment-quote{color:#888;border-left:3px solid #333;margin-top:8px;padding:6px 10px;font-size:12px;font-style:italic}.pdf-reader-dropzone{text-align:center;color:#666;border:2px dashed #2a2a2a;border-radius:12px;margin:20px 0;padding:40px;transition:border-color .15s,background .15s}.pdf-reader-dropzone.drag-over{color:#fff;background:#111;border-color:#fff}.pdf-reader-dropzone p{margin:8px 0}.pdf-reader-loading{color:#777;text-align:center;padding:40px;font-size:13px}@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{z-index:5;width:min(320px,90vw);display:flex;position:absolute;top:0;bottom:0;right:0}.pdf-reader-toolbar-btn span{display:none}}#motions-page{color:#eee;z-index:10;background:#0a0a0a;display:none;position:absolute;inset:0;overflow:hidden}#motions-page.open{flex-direction:column;display:flex}#motions-root{flex:1;min-height:0;position:relative;overflow:hidden}.motions-header-toolbar{align-items:center;gap:4px;display:flex}.motions-header-btn{color:#ccc;cursor:pointer;background:0 0;border:1px solid #2a2a2a;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;transition:border-color .12s,background .12s,color .12s;display:flex}.motions-header-btn:hover{color:#fff;border-color:#555}.motions-header-btn.active{color:#000;background:#fff;border-color:#fff}.motions-header-btn svg{fill:none;width:14px;height:14px}.motions-header-divider{background:#2a2a2a;width:1px;height:20px;margin:0 4px}.motions-header-status{letter-spacing:1px;color:#666;min-width:60px;padding:0 4px;font:11px/1 Inter,sans-serif}.motions-header-meta{letter-spacing:1px;color:#888;white-space:nowrap;padding:0 8px;font:11px/1 Inter,sans-serif}.motions-header-export{color:#000;background:#fff;border-color:#fff}.motions-header-export:hover{color:#000;background:#eee;border-color:#eee}#animations-page{color:#eee;z-index:10;background:#0a0a0a;display:none;position:absolute;inset:0;overflow:hidden}#animations-page.open{flex-direction:column;display:flex}#animations-root{flex:1;min-height:0;position:relative;overflow:hidden}.animations-editor{color:#eee;background:#0a0a0a;flex-direction:column;font-family:Inter,system-ui,sans-serif;display:flex;position:absolute;inset:0}.animations-toolbar-top{background:#0a0a0a;border-bottom:1px solid #1a1a1a;flex-shrink:0;align-items:center;gap:8px;padding:6px 12px;display:flex;overflow-x:auto}.animations-project-title{color:#ccc;white-space:nowrap;margin-right:8px;font-size:13px;font-weight:600}.animations-toolbar-tools,.animations-toolbar-add,.animations-toolbar-right{align-items:center;gap:4px;display:flex}.animations-toolbar-right{margin-left:auto}.animations-tool-btn{color:#aaa;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;align-items:center;padding:5px 7px;display:flex}.animations-tool-btn:hover{color:#fff;background:#222}.animations-tool-btn.active{color:#fff;background:#333;border-color:#555}.animations-btn{color:#ccc;cursor:pointer;white-space:nowrap;background:#1a1a1a;border:1px solid #333;border-radius:4px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;display:flex}.animations-btn:hover{color:#fff;background:#252525}.animations-btn-primary{color:#000;background:#fff;border-color:#fff;font-weight:600}.animations-btn-primary:hover{background:#ddd}.animations-zoom-label{color:#888;text-align:center;min-width:40px;font-size:11px}.animations-back-btn{color:#aaa;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;padding:4px 6px;display:flex}.animations-back-btn:hover{color:#fff;background:#222}.animations-close-btn{color:#aaa;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;margin-left:4px;padding:4px 6px;display:flex}.animations-close-btn:hover{color:#fff;background:#222}.animations-comp-tabs{background:#0a0a0a;border-bottom:1px solid #1a1a1a;flex-shrink:0;align-items:center;gap:0;padding:0 8px;display:flex;overflow-x:auto}.animations-comp-tab{color:#888;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:6px 16px;font-size:12px}.animations-comp-tab:hover{color:#ccc}.animations-comp-tab.active{color:#fff;border-bottom-color:#fff}.animations-comp-add{color:#555;padding:4px 12px;font-size:16px}.animations-comp-add:hover{color:#fff}.animations-main-area{flex:1;min-height:0;display:flex;overflow:hidden}.animations-layers-panel{background:#0a0a0a;border-right:1px solid #1a1a1a;flex-direction:column;flex-shrink:0;width:200px;display:flex}.animations-canvas-area{background:#111;flex:1;position:relative;overflow:hidden}.animations-canvas-wrapper{width:100%;height:100%;position:relative;overflow:hidden}.animations-canvas{transform-origin:0 0;position:absolute;overflow:hidden}.animations-properties-panel{background:#0a0a0a;border-left:1px solid #1a1a1a;flex-direction:column;flex-shrink:0;width:260px;display:flex;overflow-y:auto}.animations-panel-header{text-transform:uppercase;color:#666;letter-spacing:.5px;border-bottom:1px solid #1a1a1a;padding:8px 12px;font-size:11px}.animations-panel-empty{color:#555;text-align:center;padding:20px;font-size:12px}.animations-timeline{background:#0a0a0a;border-top:1px solid #1a1a1a;flex-direction:column;flex-shrink:0;height:220px;display:flex;overflow:hidden}.animations-timeline-toolbar{border-bottom:1px solid #1a1a1a;flex-shrink:0;align-items:center;gap:6px;padding:4px 10px;display:flex}.animations-timeline-area{flex:1;position:relative;overflow:auto}.animations-time-display{color:#888;margin-left:4px;font-family:Space Mono,monospace;font-size:11px}.animations-toolbar-divider{background:#2a2a2a;width:1px;height:18px;margin:0 4px}.animations-projects-shell{color:#eee;background:#0a0a0a;flex-direction:column;font-family:Inter,system-ui,sans-serif;display:flex;position:absolute;inset:0}.animations-projects-topbar{background:#0d0d0d;border-bottom:1px solid #1a1a1a;align-items:center;gap:16px;padding:12px 20px;display:flex}.animations-logo{letter-spacing:2px;font:700 18px/1 Inter,sans-serif}.animations-sub{letter-spacing:1px;color:#888;border:1px solid #2a2a2a;border-radius:999px;padding:3px 8px;font:11px/1 Inter,sans-serif}.animations-spacer{flex:1}.animations-projects-body{flex:1;padding:24px;overflow-y:auto}.animations-section-title{letter-spacing:1.5px;color:#888;margin:0 0 16px;font:700 13px/1 Inter,sans-serif}.animations-projects-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.animations-card{cursor:pointer;background:#141414;border:1px solid #222;border-radius:10px;padding:18px;transition:border-color .12s,transform .12s}.animations-card:hover{border-color:#444;transform:translateY(-2px)}.animations-card-name{color:#fff;margin-bottom:8px;font:600 16px/1.3 Inter,sans-serif}.animations-card-meta{color:#888;font:12px/1.5 Inter,sans-serif}.animations-empty{text-align:center;color:#666;padding:60px 20px}.animations-loading{text-align:center;color:#888;letter-spacing:1px;padding:60px 20px;font:12px/1.5 Inter,sans-serif}.animations-error{text-align:center;color:#f88;padding:60px 20px}.animations-modal-overlay{z-index:200;background:#000000b3;justify-content:center;align-items:center;display:none;position:absolute;inset:0}.animations-modal-overlay.open{display:flex}.animations-modal-sheet{background:#141414;border:1px solid #2a2a2a;border-radius:12px;flex-direction:column;gap:12px;width:min(480px,92vw);padding:24px;display:flex}.animations-modal-title{color:#fff;margin:0 0 8px;font:700 16px/1.2 Inter,sans-serif}.animations-input,.animations-select{color:#eee;background:#0d0d0d;border:1px solid #2a2a2a;border-radius:6px;width:100%;padding:8px 10px;font:13px/1.2 Inter,sans-serif}.animations-input:focus,.animations-select:focus{border-color:#555;outline:none}.animations-modal-row{gap:10px;display:flex}.animations-modal-field{flex-direction:column;flex:1;gap:4px;display:flex}.animations-modal-field label{color:#888;letter-spacing:.5px;font-size:11px}.animations-modal-actions{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}#pages-page{color:#eee;z-index:10;background:#0a0a0a;display:none;position:absolute;inset:0;overflow:hidden}#pages-page.open{flex-direction:column;display:flex}#pages-root{flex:1;min-height:0;position:relative;overflow:hidden}.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 #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 #pages-page.open{flex:1;min-height:0;position:relative;inset:auto}#sounds-page{background:var(--bg);z-index:10;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;display:none;position:absolute;inset:0;overflow-y:auto}#sounds-page.open{display:block}#sounds-page input,#sounds-page textarea{-webkit-user-select:text;user-select:text}.sounds-projects-view{color:#fff;background:#0a0a0a;flex:1;padding:56px 28px;font-family:Inter,-apple-system,sans-serif;overflow-y:auto}.sounds-projects-header{justify-content:space-between;align-items:center;max-width:900px;margin:0 auto 28px;display:flex}.sounds-projects-title{color:#fff;letter-spacing:-.01em;margin:0;font-size:22px;font-weight:600}.sounds-projects-new-btn{color:#000;cursor:pointer;background:#fff;border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:background .18s cubic-bezier(.4,0,.2,1),transform .18s cubic-bezier(.4,0,.2,1);display:inline-flex}.sounds-projects-new-btn:hover{background:#ddd;transform:translateY(-1px)}.sounds-projects-new-btn:active{transform:translateY(0)}.sounds-projects-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;max-width:900px;margin:0 auto;display:grid}.sounds-projects-empty{text-align:center;color:#444;letter-spacing:.02em;grid-column:1/-1;padding:96px 20px;font-size:13px}.sounds-project-card{cursor:pointer;background:#111;border:1px solid #ffffff0f;border-radius:10px;align-items:center;gap:14px;padding:16px 18px;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);display:flex}.sounds-project-card:hover{background:#1a1a1a;border-color:#2e2e2e;transform:translateY(-1px)}.sounds-project-card-icon{background:#ffffff0a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.sounds-project-card-info{flex:1;min-width:0}.sounds-project-card-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.005em;font-size:14px;font-weight:600;overflow:hidden}.sounds-project-card-meta{color:#666;letter-spacing:.02em;margin-top:4px;font-family:Space Grotesk,monospace;font-size:11px}.sounds-project-card-delete{color:#555;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:6px;transition:color .18s cubic-bezier(.4,0,.2,1),background .18s cubic-bezier(.4,0,.2,1)}.sounds-project-card-delete:hover{color:#f44;background:#ff44441a}.sounds-editor-view{flex-direction:column;height:100%;display:flex}.sounds-back-btn{color:#888;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;padding:6px;transition:color .18s cubic-bezier(.4,0,.2,1),background .18s cubic-bezier(.4,0,.2,1);display:flex}.sounds-back-btn:hover{color:#fff;background:#ffffff0a}.sounds-container{color:#fff;background:#0a0a0a;flex-direction:column;height:100%;padding:14px;font-family:Inter,-apple-system,sans-serif;display:flex;overflow:hidden}.sounds-toolbar{background:#111;border:1px solid #ffffff0f;border-radius:12px;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:14px;margin-bottom:12px;padding:10px 16px;display:flex}.sounds-toolbar-left{align-items:center;gap:10px;display:flex}.sounds-toolbar-center{align-items:center;gap:18px;display:flex}.sounds-toolbar-right{align-items:center;gap:6px;margin-left:auto;display:flex}.sounds-project-name-input{color:#fff;letter-spacing:-.005em;background:0 0;border:1px solid #0000;border-radius:6px;outline:none;width:180px;padding:5px 8px;font-family:inherit;font-size:15px;font-weight:600;transition:background .18s cubic-bezier(.4,0,.2,1),border-color .18s cubic-bezier(.4,0,.2,1)}.sounds-project-name-input:hover,.sounds-project-name-input:focus{background:#ffffff0a;border-color:#ffffff1f}.sounds-transport{align-items:center;gap:4px;display:flex}.sounds-transport-btn{color:#999;cursor:pointer;background:#161616;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;min-width:36px;height:36px;padding:0 8px;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);display:flex}.sounds-transport-btn:hover{color:#fff;background:#222;transform:translateY(-1px)}.sounds-transport-btn:active{transform:translateY(0)}.sounds-transport-btn.active{color:#fff;background:#222;border-color:#ffffff38}.sounds-record-btn{color:#f44;border-color:#ff444440;border-radius:50%}.sounds-record-btn:hover{color:#ff5a5a;background:#ff444426}.sounds-record-btn.recording{color:#f44;background:#f443;border-color:#f446;animation:1s infinite sounds-pulse}@keyframes sounds-pulse{0%,to{box-shadow:0 0 #ff44444d}50%{box-shadow:0 0 0 6px #f440}}.sounds-count-in-btn{letter-spacing:.04em;font-family:Space Grotesk,monospace;font-size:10px;font-weight:700}.sounds-count-in-btn .sounds-count-in-label{line-height:1}.sounds-count-in-btn.active{color:#fff}.sounds-count-in-btn.counting,.sounds-record-btn.counting{color:#ffd93d;background:#ffd93d1a;border-color:#ffd93d80;animation:.5s infinite sounds-pulse-ci}@keyframes sounds-pulse-ci{0%,to{box-shadow:0 0 #ffd93d66}50%{box-shadow:0 0 0 4px #ffd93d00}}.sounds-time-display{color:#fff;letter-spacing:1.5px;text-align:center;font-variant-numeric:tabular-nums;min-width:110px;font-family:Space Grotesk,monospace;font-size:20px;font-weight:700}.sounds-bpm-group{color:#666;letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.sounds-bpm-input{color:#fff;text-align:center;font-variant-numeric:tabular-nums;background:#161616;border:1px solid #ffffff14;border-radius:6px;outline:none;width:54px;padding:5px 6px;font-family:Space Grotesk,monospace;font-size:13px;transition:border-color .18s cubic-bezier(.4,0,.2,1),background .18s cubic-bezier(.4,0,.2,1)}.sounds-bpm-input:hover,.sounds-bpm-input:focus{background:#1a1a1a;border-color:#ffffff2e}.sounds-action-btn{color:#999;cursor:pointer;background:#161616;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:6px;padding:7px 12px;font-family:inherit;font-size:12px;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);display:flex}.sounds-action-btn:hover{color:#fff;background:#222;border-color:#ffffff24;transform:translateY(-1px)}.sounds-action-btn:active{transform:translateY(0)}.sounds-action-btn.is-active{color:#000;background:#fff;border-color:#fff;font-weight:600}.sounds-action-btn.is-active:hover{color:#000;background:#eee}.sounds-main{background:#0d0d0d;border:1px solid #ffffff0f;border-radius:12px;flex:1;display:flex;overflow:hidden}.sounds-headers-col{background:#111;border-right:1px solid #ffffff0f;flex-direction:column;width:220px;min-width:220px;display:flex}.sounds-headers-top{color:#666;letter-spacing:1.5px;text-transform:uppercase;border-bottom:1px solid #ffffff0f;align-items:center;height:32px;padding:0 14px;font-size:10px;font-weight:700;display:flex}.sounds-track-headers-scroll{flex:1;overflow-y:auto}.sounds-empty-state{color:#555;letter-spacing:.04em;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:260px;padding:32px 20px;font-size:12px;display:flex}.sounds-track-header{cursor:pointer;border-bottom:1px solid #ffffff0a;border-left:2px solid #0000;padding:11px 12px;transition:background .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1)}.sounds-track-header:hover{background:#ffffff06}.sounds-track-header.selected{background:#ffffff0f;border-left:2px solid #fff;box-shadow:inset 0 0 24px #ffffff0a}.sounds-audio-clip{cursor:grab;transition:opacity .18s cubic-bezier(.4,0,.2,1)}.sounds-audio-clip:hover{opacity:1}.sounds-audio-clip:active{cursor:grabbing}.sounds-track-header-top{align-items:center;gap:6px;margin-bottom:8px;display:flex}.sounds-track-name{color:#e0e0e0;letter-spacing:-.005em;background:0 0;border:none;border-radius:4px;outline:none;flex:1;padding:2px 4px;font-family:inherit;font-size:13px;font-weight:600;transition:background .18s cubic-bezier(.4,0,.2,1)}.sounds-track-name:hover,.sounds-track-name:focus{color:#fff;background:#ffffff0d}.sounds-track-controls{gap:10px;margin-bottom:6px;display:flex}.sounds-slider-group{flex:1;align-items:center;gap:6px;display:flex}.sounds-slider-group label{color:#666;letter-spacing:.08em;text-transform:uppercase;min-width:22px;font-size:9px;font-weight:700}.sounds-slider-group input[type=range]{appearance:none;background:#2a2a2a;border-radius:2px;outline:none;flex:1;height:3px}.sounds-slider-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#999;border-radius:50%;width:10px;height:10px;transition:background .18s cubic-bezier(.4,0,.2,1),transform .18s cubic-bezier(.4,0,.2,1)}.sounds-slider-group input[type=range]::-webkit-slider-thumb:hover{background:#fff;transform:scale(1.2)}.sounds-track-buttons{gap:4px;display:flex}.sounds-track-btn{color:#666;cursor:pointer;letter-spacing:.04em;background:#161616;border:1px solid #ffffff14;border-radius:4px;min-width:28px;height:22px;padding:0 6px;font-family:inherit;font-size:10px;font-weight:700;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)}.sounds-track-btn:hover{color:#fff;background:#222}.sounds-track-btn.active{border-color:#ffffff2e}.sounds-track-btn.muted{color:#ff6b6b;background:#ff6b6b1a;border-color:#ff6b6b33}.sounds-track-btn.soloed{color:#ffd93d;background:#ffd93d1a;border-color:#ffd93d33}.sounds-track-btn.armed{color:#f44;background:#ff44441f;border-color:#ff444459;animation:1.4s infinite sounds-pulse}.sounds-arm-btn:hover{color:#ff5a5a}.sounds-track-header.armed{border-left-color:#f449}.sounds-track-header.armed.selected{border-left-color:#f44}.sounds-track-btn-sm{color:#555;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:22px;height:22px;font-size:16px;transition:color .18s cubic-bezier(.4,0,.2,1),background .18s cubic-bezier(.4,0,.2,1);display:flex}.sounds-track-btn-sm:hover{color:#fff;background:#ffffff0d}.sounds-delete-btn:hover{color:#f44;background:#ff444414}.sounds-transcript{background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;max-height:80px;margin-top:8px;padding:8px 10px;overflow-y:auto}.sounds-transcript-text{color:#999;white-space:pre-wrap;font-size:11px;line-height:1.5}.sounds-add-track-bar{box-sizing:border-box;background:#0003;border-top:1px solid #ffffff0f;gap:4px;padding:8px;display:flex}.sounds-add-btn{color:#888;cursor:pointer;letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;background:#161616;border:1px solid #ffffff0f;border-radius:8px;flex:1 1 0;justify-content:center;align-items:center;gap:4px;min-width:0;padding:8px 4px;font-family:inherit;font-size:10.5px;font-weight:600;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);display:flex;overflow:hidden}.sounds-add-btn svg{flex-shrink:0}.sounds-add-btn:hover{color:#fff;background:#222;border-color:#ffffff24;transform:translateY(-1px)}.sounds-add-btn:active{transform:translateY(0)}.sounds-timeline-col{flex-direction:column;flex:1;display:flex;position:relative;overflow:auto hidden}.sounds-time-ruler-wrap{background:#00000026;border-bottom:1px solid #ffffff0f;flex-shrink:0;height:32px;overflow:hidden}.sounds-time-ruler{cursor:pointer;min-width:100%;height:100%;position:relative}.sounds-ruler-mark{border-left:1px solid #ffffff0a;height:100%;position:absolute;top:0}.sounds-ruler-mark.major{border-left:1px solid #ffffff24}.sounds-ruler-mark span{color:#666;white-space:nowrap;font-variant-numeric:tabular-nums;opacity:.5;letter-spacing:.04em;font-family:Space Grotesk,monospace;font-size:10px;position:absolute;top:9px;left:6px}.sounds-ruler-mark.major span{opacity:.85;color:#888}.sounds-loop-region{pointer-events:auto;cursor:pointer;z-index:2;background:#ffffff0f;border-left:1px solid #ffffff59;border-right:1px solid #ffffff59;position:absolute;top:0;bottom:0}.sounds-loop-region.active{background:#ffffff2e;border-left-color:#fff;border-right-color:#fff}.sounds-loop-region:before,.sounds-loop-region:after{content:"";background:#ffffff8c;width:3px;height:100%;position:absolute;top:0}.sounds-loop-region:before{left:-1px}.sounds-loop-region:after{right:-1px}.sounds-loop-region.active:before,.sounds-loop-region.active:after{background:#fff}.sounds-lanes-scroll{flex:1;position:relative;overflow-y:auto}.sounds-track-lane{border-bottom:1px solid #ffffff08;height:70px;transition:background .18s cubic-bezier(.4,0,.2,1);position:relative}.sounds-track-lane:hover{background:#ffffff04}.sounds-audio-clip{background:#ffffff0d;border:1px solid #ffffff24;border-radius:6px;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);position:absolute;top:4px;bottom:4px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f}.sounds-audio-clip:hover{background:#ffffff14;border-color:#ffffff38}.sounds-audio-clip.selected,.sounds-beat-clip.selected{border-color:#fff;box-shadow:0 0 0 1px #fff,inset 0 0 12px #ffffff14}.sounds-waveform-canvas{width:100%;height:100%;display:block}.sounds-playhead{z-index:10;pointer-events:none;background:#f44;width:1.5px;position:absolute;top:0;bottom:0;box-shadow:0 0 6px #ff444459}.sounds-playhead:before,.sounds-playhead:after{content:"";border-left:5px solid #0000;border-right:5px solid #0000;width:0;height:0;position:absolute;left:50%;transform:translate(-50%)}.sounds-playhead:before{border-top:6px solid #f44;top:0}.sounds-playhead:after{border-bottom:6px solid #f44;bottom:0}.sounds-fx-panel{background:#0d0d0d;border:1px solid #ffffff14;border-radius:12px;flex-shrink:0;height:360px;margin-top:12px;padding:0;display:none;overflow-y:auto}.sounds-fx-panel.open{display:block}.sounds-fx-header{color:#fff;letter-spacing:.05em;text-transform:uppercase;z-index:1;background:#0d0d0d;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:14px 18px;font-size:13px;font-weight:700;display:flex;position:sticky;top:0}.sounds-fx-sections{gap:28px;padding:20px;display:flex}.sounds-fx-section{background:#ffffff05;border:1px solid #ffffff0d;border-radius:10px;flex:1;padding:14px 16px}.sounds-fx-title{color:#666;letter-spacing:1.4px;text-transform:uppercase;border-bottom:1px solid #ffffff0d;margin-bottom:14px;padding-bottom:8px;font-size:10px;font-weight:700}.sounds-fx-row{align-items:center;gap:10px;margin-bottom:12px;display:flex}.sounds-fx-row label{color:#999;justify-content:space-between;min-width:90px;font-size:12px;font-weight:500;display:flex}.sounds-fx-row label span{color:#fff;font-variant-numeric:tabular-nums;font-family:Space Grotesk,monospace;font-size:11px;font-weight:600}.sounds-fx-row input[type=range]{appearance:none;background:#2a2a2a;border-radius:2px;outline:none;flex:1;height:3px}.sounds-fx-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#999;border:2px solid #222;border-radius:50%;width:12px;height:12px;transition:background .18s cubic-bezier(.4,0,.2,1),transform .18s cubic-bezier(.4,0,.2,1)}.sounds-fx-row input[type=range]::-webkit-slider-thumb:hover{background:#fff;transform:scale(1.15)}.sounds-fx-panel .sounds-fx-sections{scrollbar-width:thin;scrollbar-color:#2a2a2a transparent;flex-wrap:nowrap;gap:14px;padding:16px 18px;overflow:auto hidden}.sounds-fx-panel .sounds-fx-sections::-webkit-scrollbar{height:8px}.sounds-fx-panel .sounds-fx-sections::-webkit-scrollbar-track{background:0 0}.sounds-fx-panel .sounds-fx-sections::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:4px}.sounds-fx-panel .sounds-fx-sections::-webkit-scrollbar-thumb:hover{background:#3a3a3a}.sounds-fx-section{min-width:200px}.sounds-fx-section-wide{flex:1.6;min-width:320px}.sounds-fx-grid-2{grid-template-columns:1fr 1fr;gap:4px 14px;display:grid}.sounds-fx-select{color:#ddd;cursor:pointer;background:#1a1a1a;border:1px solid #ffffff14;border-radius:4px;outline:none;width:100%;padding:4px 6px;font-family:Space Grotesk,system-ui,sans-serif;font-size:11px}.sounds-fx-select:hover{border-color:#ffffff2e}.sounds-fx-select:focus{border-color:#ffffff4d}.sounds-fx-toggle{color:#999;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:11px;display:inline-flex}.sounds-fx-toggle input[type=checkbox]{accent-color:#fff}.sounds-fx-gr-meter{background:#1a1a1a;border:1px solid #ffffff0d;border-radius:3px;width:100%;height:6px;margin-bottom:10px;position:relative;overflow:hidden}.sounds-fx-gr-meter>.sounds-fx-gr-fill{background:#fff;width:0%;height:100%;transition:width 50ms linear;position:absolute;top:0;right:0}.sounds-fx-gr-meter-label{color:#555;letter-spacing:1.4px;text-transform:uppercase;margin-bottom:4px;font-size:9px}.sounds-fx-spectrum{background:#050505;border:1px solid #ffffff0f;border-radius:6px;width:100%;height:110px;margin-bottom:10px;display:block}.sounds-fx-browser{background:#0a0a0a;border-bottom:1px solid #ffffff0d;align-items:center;gap:14px;padding:10px 18px;display:flex}.sounds-fx-browser-label{color:#555;letter-spacing:1.4px;text-transform:uppercase;white-space:nowrap;font-size:10px;font-weight:700}.sounds-fx-browser-chips{flex-wrap:wrap;flex:1;gap:8px;display:flex}.sounds-fx-chip{color:#ccc;cursor:pointer;-webkit-user-select:none;user-select:none;letter-spacing:.03em;background:#161616;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-family:Space Grotesk,system-ui,sans-serif;font-size:11px;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.sounds-fx-chip:hover:not(:disabled){color:#fff;background:#1f1f1f;border-color:#fff3}.sounds-fx-chip.is-added{color:#fff;background:#1f1f1f;border-color:#ffffff2e}.sounds-fx-chip.is-added:hover{color:#ff8080;background:#ff50501f;border-color:#ff505059}.sounds-fx-chip-plus{color:#fff;background:#ffffff14;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.sounds-fx-chip.is-added .sounds-fx-chip-plus{color:#fff;background:#ffffff24}.sounds-fx-chip.is-added:hover .sounds-fx-chip-plus{color:#ff8080;background:#ff505040}.sounds-fx-slot{flex-direction:column;flex:none;display:flex;position:relative}.sounds-fx-slot[data-fx-name=eq]{width:640px}.sounds-fx-slot[data-fx-name=compressor]{width:300px}.sounds-fx-slot[data-fx-name=delay]{width:320px}.sounds-fx-slot[data-fx-name=reverb]{width:280px}.sounds-fx-slot>.sounds-fx-section{flex:1;width:100%;margin:0}.sounds-fx-section.sounds-fx-limiter{flex:none;width:240px}.sounds-fx-slot-controls{z-index:2;gap:3px;display:flex;position:absolute;top:8px;right:8px}.sounds-fx-slot-btn{color:#888;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;padding:0;font-size:13px;line-height:1;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.sounds-fx-slot-btn:hover:not(:disabled){color:#fff;background:#ffffff1a;border-color:#fff3}.sounds-fx-slot-btn:disabled{opacity:.25;cursor:not-allowed}.sounds-fx-slot-remove:hover:not(:disabled){color:#ff8080;background:#ff505026;border-color:#ff50504d}.sounds-fx-empty{background:#ffffff03;border:1px dashed #ffffff14;border-radius:10px;flex-direction:column;flex:1;justify-content:center;align-items:center;min-width:280px;min-height:120px;padding:30px 20px;display:flex}.sounds-fx-empty-text{color:#888;margin-bottom:4px;font-size:13px}.sounds-fx-empty-sub{color:#555;font-size:11px}.sounds-fx-limiter .sounds-fx-pinned{letter-spacing:1.2px;color:#555;background:#ffffff0a;border-radius:4px;margin-left:8px;padding:1px 6px;font-size:8px;display:inline-block}.sounds-clip-panel{opacity:0;background:#0d0d0d;border:1px solid #ffffff14;border-radius:12px;flex-shrink:0;max-height:0;margin-top:0;transition:max-height .28s cubic-bezier(.4,0,.2,1),margin-top .28s cubic-bezier(.4,0,.2,1),opacity .22s cubic-bezier(.4,0,.2,1);overflow:hidden}.sounds-clip-panel.open{opacity:1;max-height:260px;margin-top:12px}.sounds-clip-panel-header{color:#fff;letter-spacing:.12em;text-transform:uppercase;background:#0a0a0a;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:12px 18px;font-size:11px;font-weight:700;display:flex}.sounds-clip-panel-title{white-space:nowrap;text-overflow:ellipsis;max-width:60%;overflow:hidden}.sounds-clip-panel-body{grid-template-columns:1fr 320px;align-items:stretch;gap:18px;padding:14px 18px;display:grid}.sounds-clip-wave-wrap{background:#050505;border:1px solid #ffffff0f;border-radius:8px;min-height:120px;position:relative;overflow:hidden}.sounds-clip-wave-canvas{width:100%;height:120px;display:block}.sounds-clip-controls{flex-direction:column;gap:14px;display:flex}.sounds-clip-control{background:#ffffff05;border:1px solid #ffffff0d;border-radius:10px;padding:10px 14px}.sounds-clip-control-label{color:#888;letter-spacing:.14em;text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:10px;font-weight:700;display:flex}.sounds-clip-control-label span:last-child{color:#fff;font-variant-numeric:tabular-nums;letter-spacing:.04em;text-transform:none;font-family:Space Grotesk,monospace;font-size:11px;font-weight:600}.sounds-clip-control input[type=range]{appearance:none;background:#2a2a2a;border-radius:2px;outline:none;width:100%;height:3px}.sounds-clip-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#999;border:2px solid #222;border-radius:50%;width:12px;height:12px;transition:background .18s cubic-bezier(.4,0,.2,1),transform .18s cubic-bezier(.4,0,.2,1)}.sounds-clip-control input[type=range]::-webkit-slider-thumb:hover{background:#fff;transform:scale(1.15)}.sounds-clip-control-sub{gap:6px;margin-top:8px;display:flex}.sounds-clip-mini-btn{color:#aaa;cursor:pointer;letter-spacing:.04em;background:#161616;border:1px solid #ffffff14;border-radius:5px;flex:1;padding:5px 8px;font-family:Space Grotesk,monospace;font-size:10px;font-weight:600;transition:background .15s,color .15s,border-color .15s}.sounds-clip-mini-btn:hover{color:#fff;background:#222;border-color:#ffffff2e}.sounds-clip-reverse-btn{color:#ccc;cursor:pointer;letter-spacing:.02em;background:#161616;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:9px 12px;font-family:inherit;font-size:12px;font-weight:600;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);display:flex}.sounds-clip-reverse-btn:hover{color:#fff;background:#222;border-color:#fff3}.sounds-clip-reverse-btn.is-active{color:#000;background:#fff;border-color:#fff}.sounds-clip-reverse-btn.is-active:hover{color:#000;background:#ddd}@media (max-width:900px){.sounds-clip-panel-body{grid-template-columns:1fr}}.sounds-project-modal{z-index:200;-webkit-backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.sounds-project-modal.open{display:flex}.sounds-modal-content{background:#111;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;width:400px;max-height:500px;display:flex;overflow:hidden;box-shadow:0 24px 60px #0009}.sounds-modal-header{letter-spacing:-.005em;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:16px 20px;font-size:15px;font-weight:600;display:flex}.sounds-modal-list{flex:1;overflow-y:auto}.sounds-project-item{cursor:pointer;border-bottom:1px solid #ffffff08;align-items:center;padding:13px 20px;transition:background .18s cubic-bezier(.4,0,.2,1);display:flex}.sounds-project-item:hover{background:#ffffff0a}.sounds-project-item-info{flex:1}.sounds-project-item-name{color:#fff;letter-spacing:-.005em;font-size:14px;font-weight:600}.sounds-project-item-meta{color:#555;letter-spacing:.02em;margin-top:3px;font-family:Space Grotesk,monospace;font-size:11px}.sounds-zoom-bar{z-index:50;-webkit-backdrop-filter:blur(8px);background:#111111eb;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:8px;padding:6px 12px;display:flex;position:absolute;bottom:14px;right:28px;box-shadow:0 4px 12px #0000004d}.sounds-zoom-bar input[type=range]{appearance:none;background:#2a2a2a;border-radius:2px;outline:none;width:80px;height:3px}.sounds-zoom-bar input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#999;border-radius:50%;width:10px;height:10px;transition:background .18s cubic-bezier(.4,0,.2,1),transform .18s cubic-bezier(.4,0,.2,1)}.sounds-zoom-bar input[type=range]::-webkit-slider-thumb:hover{background:#fff;transform:scale(1.2)}.sounds-toast{color:#fff;z-index:300;opacity:0;pointer-events:none;background:#1a1a1a;border:1px solid #ffffff1f;border-radius:10px;padding:11px 24px;font-size:13px;font-weight:500;transition:opacity .18s cubic-bezier(.4,0,.2,1),transform .18s cubic-bezier(.4,0,.2,1);position:fixed;bottom:20px;left:50%;transform:translate(-50%)translateY(60px);box-shadow:0 8px 24px #0006}.sounds-toast.show{opacity:1;transform:translate(-50%)translateY(0)}.sounds-beat-clip{cursor:grab;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:6px;flex-direction:column;padding:4px 6px;transition:opacity .15s,background .15s;display:flex;position:absolute;top:4px;bottom:4px;overflow:hidden}.sounds-beat-clip:hover{background:#ffffff14}.sounds-beat-clip:active{cursor:grabbing}.sounds-beat-clip-label{color:#aaa;letter-spacing:1px;text-transform:uppercase;flex-shrink:0;margin-bottom:3px;font-size:9px;font-weight:600}.sounds-beat-grid-preview{flex-direction:column;flex:1;gap:1px;min-height:0;display:flex;overflow:hidden}.sounds-beat-row{flex:1;grid-auto-columns:1fr;grid-auto-flow:column;gap:1px;min-height:0;display:grid}.sounds-beat-cell{background:#ffffff0f;border-radius:1.5px}.sounds-beat-cell.beat{background:#ffffff1a}.sounds-beat-cell.on{background:#fff;box-shadow:0 0 4px #fff6}.sounds-clip-handle{cursor:ew-resize;z-index:6;width:8px;transition:background .12s;position:absolute;top:0;bottom:0}.sounds-clip-handle.left{left:0}.sounds-clip-handle.right{right:0}.sounds-clip-handle:after{content:"";opacity:0;background:#ffffff40;width:2px;transition:opacity .15s;position:absolute;top:6px;bottom:6px}.sounds-clip-handle.left:after{left:2px}.sounds-clip-handle.right:after{right:2px}.sounds-beat-clip:hover .sounds-clip-handle:after,.sounds-audio-clip:hover .sounds-clip-handle:after{opacity:1}.sounds-clip-handle:hover:after{opacity:1;background:#ffffffb3}.sounds-beat-editor-overlay{flex-shrink:0;margin-top:12px;display:flex}.sounds-beat-editor-bg{display:none}.sounds-beat-editor-panel{background:#0d0d0d;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;width:100%;height:540px;max-height:70vh;padding:14px;display:flex;position:relative}.sounds-beat-editor-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:18px;padding-bottom:14px;display:flex}.sounds-beat-editor-title{flex-direction:column;gap:4px;min-width:0;display:flex}.sounds-beat-name-input{color:#fff;background:0 0;border:none;outline:none;max-width:320px;padding:4px 0;font-family:inherit;font-size:18px;font-weight:700}.sounds-beat-editor-meta{color:#888;letter-spacing:.5px;font-size:11px}.sounds-beat-editor-controls{align-items:center;gap:12px;display:flex}.sounds-beat-bars-group{color:#888;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;font-size:11px;display:flex}.sounds-beat-bars-group select{color:#fff;background:#1a1a1a;border:1px solid #ffffff1a;border-radius:6px;padding:5px 10px;font-family:inherit;font-size:12px}.sounds-beat-pattern-bar{gap:4px;display:flex}.sounds-beat-pat-btn{color:#888;cursor:pointer;background:#1a1a1a;border:1px solid #ffffff14;border-radius:6px;width:28px;height:28px;font-family:inherit;font-size:11px;font-weight:600;transition:all .15s}.sounds-beat-pat-btn:hover{color:#fff;background:#222}.sounds-beat-pat-btn.active{color:#000;background:#fff;border-color:#fff}.sounds-beat-pat-add{color:#555;font-size:14px}.sounds-beat-editor-body{flex:1;grid-template-columns:180px 1fr;gap:12px;min-height:0;padding-top:14px;display:grid;overflow:hidden}.sounds-beat-editor-pads{flex-direction:column;gap:4px;display:flex;overflow-y:auto}.sounds-beat-pad{background:#1a1a1a;border:1px solid #ffffff0d;border-radius:8px;flex-direction:column;gap:6px;padding:8px;display:flex}.sounds-beat-pad.muted{opacity:.5}.sounds-beat-pad-name{color:#ddd;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:12px;font-weight:600}.sounds-beat-pad-name:hover{color:#fff}.sounds-beat-pad-actions{align-items:center;gap:4px;display:flex}.sounds-beat-mini-btn{color:#888;cursor:pointer;background:#0d0d0d;border:1px solid #ffffff14;border-radius:5px;width:22px;height:22px;font-family:inherit;font-size:10px;font-weight:600}.sounds-beat-mini-btn.active{color:#000;background:#fff;border-color:#fff}.sounds-beat-pad-actions input[type=range]{flex:1}.sounds-beat-editor-grid{flex-direction:column;gap:4px;padding:4px 0;display:flex;overflow:auto}.sounds-beat-editor-row{grid-template-columns:repeat(16,minmax(28px,1fr));gap:3px;height:36px;display:grid}.sounds-beat-editor-cell{cursor:pointer;background:#1a1a1a;border-radius:5px;transition:all .1s}.sounds-beat-editor-cell:hover{background:#222;transform:scale(.95)}.sounds-beat-editor-cell.beat{background:#1f1f1f}.sounds-beat-editor-cell.beat:hover{background:#2a2a2a}.sounds-beat-editor-cell.on{background:#fff;box-shadow:0 0 10px #ffffff40}.sounds-beat-pad.lib-target{border-color:#fff;box-shadow:0 0 0 1px #ffffff59}.sounds-beat-pad.sample-missing{border-style:dashed;border-color:#fff6}.sounds-beat-pad.sample-missing .sounds-beat-sample-btn:after{content:" ⚠";color:#fff;opacity:.7}.sounds-beat-pad-sample{align-items:center;gap:4px;min-width:0;display:flex}.sounds-beat-sample-btn{color:#888;cursor:pointer;text-align:left;background:#0d0d0d;border:1px solid #ffffff14;border-radius:5px;flex:1;align-items:center;gap:5px;min-width:0;padding:3px 6px;font-family:inherit;font-size:10px;font-weight:500;display:flex;overflow:hidden}.sounds-beat-sample-btn:hover{color:#fff;background:#1a1a1a}.sounds-beat-sample-btn.has-sample{color:#ddd}.sounds-beat-sample-btn.targeted{color:#000;background:#fff;border-color:#fff}.sounds-beat-sample-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.sounds-beat-library-panel{border-top:1px solid #ffffff0f;flex-direction:column;gap:8px;max-height:220px;margin-top:12px;padding-top:12px;display:flex}.sounds-beat-library-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.sounds-beat-library-header-left{align-items:center;gap:10px;min-width:0;display:flex}.sounds-beat-library-folder{color:#ddd;text-overflow:ellipsis;white-space:nowrap;max-width:360px;font-size:12px;font-weight:600;overflow:hidden}.sounds-beat-library-folder.muted{color:#666;font-weight:500}.sounds-beat-library-count{color:#666;letter-spacing:.4px;text-transform:uppercase;font-size:11px}.sounds-beat-library-header-right{align-items:center;gap:6px;display:flex}.sounds-action-btn{color:#ccc;cursor:pointer;background:#1a1a1a;border:1px solid #ffffff14;border-radius:6px;padding:5px 10px;font-family:inherit;font-size:11px;font-weight:600}.sounds-action-btn:hover{color:#fff;background:#222}.sounds-action-btn.primary{color:#000;background:#fff;border-color:#fff}.sounds-beat-library-filter{color:#fff;background:#0d0d0d;border:1px solid #ffffff1a;border-radius:6px;outline:none;min-width:180px;padding:5px 10px;font-family:inherit;font-size:12px}.sounds-beat-library-filter:focus{border-color:#ffffff4d}.sounds-beat-library-hint{color:#777;padding:4px 0;font-size:11px}.sounds-beat-library-hint.targeted{color:#fff}.sounds-beat-library-hint.flash{animation:.6s sndLibHintFlash}@keyframes sndLibHintFlash{0%{color:#fff}50%{color:#fff;background:#ffffff1a}to{color:#777}}.sounds-beat-library-error{color:#ccc;background:#ffffff0d;border:1px dashed #ffffff40;border-radius:6px;padding:6px 10px;font-size:11px}.sounds-beat-library-list{flex:1;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:4px;padding-right:4px;display:grid;overflow-y:auto}.sounds-beat-library-item{color:#ccc;cursor:pointer;text-align:left;background:#1a1a1a;border:1px solid #ffffff0f;border-radius:6px;flex-direction:column;gap:2px;min-width:0;padding:6px 10px;font-family:inherit;display:flex}.sounds-beat-library-item:hover{color:#fff;background:#222}.sounds-beat-library-item-name{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;overflow:hidden}.sounds-beat-library-item-path{color:#666;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.sounds-beat-library-empty{color:#666;text-align:center;padding:12px;font-size:12px}.sounds-piano-roll-overlay{flex-shrink:0;margin-top:12px;display:flex}.sounds-piano-roll-bg{display:none}.sounds-piano-roll-panel{background:#0d0d0d;border:1px solid #ffffff14;border-radius:12px;outline:none;flex-direction:column;width:100%;height:480px;max-height:65vh;padding:14px;display:flex;position:relative}.sounds-piano-roll-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:18px;padding-bottom:14px;display:flex}.sounds-piano-roll-title{flex-direction:column;gap:4px;min-width:0;display:flex}.sounds-piano-name-input{color:#fff;background:0 0;border:none;outline:none;max-width:360px;padding:4px 0;font-family:inherit;font-size:18px;font-weight:700}.sounds-piano-roll-meta{color:#888;letter-spacing:.5px;font-size:11px}.sounds-piano-roll-controls{align-items:center;gap:12px;display:flex}.sounds-piano-bars-group{color:#888;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;font-size:11px;display:flex}.sounds-piano-bars-group select{color:#fff;background:#1a1a1a;border:1px solid #ffffff1a;border-radius:6px;padding:5px 10px;font-family:inherit;font-size:12px}.sounds-piano-pattern-bar{gap:4px;display:flex}.sounds-piano-pat-btn{color:#888;cursor:pointer;background:#1a1a1a;border:1px solid #ffffff14;border-radius:6px;width:28px;height:28px;font-family:inherit;font-size:11px;font-weight:600;transition:all .15s}.sounds-piano-pat-btn:hover{color:#fff;background:#222}.sounds-piano-pat-btn.active{color:#000;background:#fff;border-color:#fff}.sounds-piano-pat-add{color:#555;font-size:14px}.sounds-piano-roll-body{flex:1;grid-template-rows:28px 1fr;grid-template-columns:88px 1fr;gap:0;min-height:0;padding-top:14px;display:grid;overflow:hidden}.sounds-piano-roll-keys-spacer{background:#0a0a0a;border-bottom:1px solid #ffffff0f;border-right:1px solid #ffffff14;grid-area:1/1/2/2}.sounds-piano-roll-ruler-wrap{background:#0a0a0a;border-bottom:1px solid #ffffff0f;grid-area:1/2/2/3;position:relative;overflow:hidden}.sounds-piano-ruler{height:100%;position:relative}.sounds-piano-ruler-tick{background:#ffffff0d;width:1px;position:absolute;top:0;bottom:0}.sounds-piano-ruler-tick.bar{background:#ffffff2e}.sounds-piano-ruler-label{color:#888;letter-spacing:.5px;font-size:10px;font-weight:600;position:absolute;top:4px;left:5px}.sounds-piano-keys{background:#050505;border-right:1px solid #ffffff14;grid-area:2/1/3/2;overflow:hidden}.sounds-piano-key{cursor:pointer;-webkit-user-select:none;user-select:none;color:#666;box-sizing:border-box;border-bottom:1px solid #ffffff0a;justify-content:flex-end;align-items:center;padding-right:6px;font-size:9px;transition:background .1s;display:flex;position:relative}.sounds-piano-key.white{background:#1a1a1a}.sounds-piano-key.black{color:#555;background:#050505}.sounds-piano-key.white:hover{background:#232323}.sounds-piano-key.black:hover{background:#121212}.sounds-piano-key:active{color:#000;background:#fff!important}.sounds-piano-key-label{letter-spacing:.3px;font-weight:700}.sounds-piano-grid-wrap{background:#070707;grid-area:2/2/3/3;overflow:auto}.sounds-piano-grid{position:relative}.sounds-piano-grid-rows{position:absolute;inset:0}.sounds-piano-grid-row{box-sizing:border-box;border-bottom:1px solid #ffffff08;position:relative}.sounds-piano-grid-row.white{background:#0d0d0d}.sounds-piano-grid-row.black{background:#080808}.sounds-piano-grid-row:hover{background:#161616}.sounds-piano-grid-row.black:hover{background:#101010}.sounds-piano-grid-lines{pointer-events:none;position:absolute;inset:0}.sounds-piano-grid-line{width:1px;position:absolute;top:0}.sounds-piano-grid-line.sub{background:#ffffff08}.sounds-piano-grid-line.beat{background:#ffffff14}.sounds-piano-grid-line.bar{background:#fff3}.sounds-piano-grid-notes{pointer-events:none;position:absolute;inset:0}.sounds-piano-note{cursor:grab;pointer-events:auto;box-sizing:border-box;background:#fff;border:1px solid #0006;border-radius:3px;transition:filter .1s;position:absolute;box-shadow:0 1px 4px #0006}.sounds-piano-note:hover{filter:brightness(1.1)}.sounds-piano-note:active{cursor:grabbing}.sounds-piano-note.selected{outline-offset:1px;background:#ddd;outline:1px solid #fff}.sounds-piano-note-resize{cursor:ew-resize;background:0 0;width:6px;position:absolute;top:0;bottom:0;right:0}.sounds-piano-note-resize:hover{background:#0000004d}.sounds-piano-playhead{pointer-events:none;background:#ffffff8c;width:1px;display:none;position:absolute;top:0;left:0;box-shadow:0 0 6px #fff6}.sounds-piano-roll-footer{color:#888;border-top:1px solid #ffffff0f;align-items:center;gap:16px;margin-top:12px;padding-top:12px;font-size:11px;display:flex}.sounds-piano-footer-group{align-items:center;gap:6px;display:flex}.sounds-piano-footer-group label{text-transform:uppercase;letter-spacing:.5px;color:#888;font-size:10px;font-weight:600}.sounds-piano-footer-group select{color:#fff;background:#1a1a1a;border:1px solid #ffffff1a;border-radius:5px;padding:4px 8px;font-family:inherit;font-size:11px}.sounds-piano-footer-group input[type=range]{width:120px}.sounds-piano-footer-hint{color:#555;margin-left:auto;font-size:11px}.sounds-piano-clip{cursor:grab;-webkit-user-select:none;user-select:none;background:#1a1a1a;border:1px solid #ffffff1a;border-radius:6px;position:absolute;top:4px;bottom:4px;overflow:hidden}.sounds-piano-clip.selected{border-color:#fff;box-shadow:0 0 0 1px #fff6}.sounds-piano-clip-label{color:#aaa;letter-spacing:.3px;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;font-size:10px;font-weight:600;position:absolute;top:4px;left:8px;right:8px;overflow:hidden}.sounds-piano-clip-preview{pointer-events:none;position:absolute;inset:22px 4px 6px}.sounds-piano-clip-note{background:#ffffff8c;border-radius:1px;min-width:2px;height:2px;position:absolute}.sounds-synth-panel-overlay{z-index:1100;pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.sounds-synth-panel-bg{pointer-events:auto;background:#0000008c;position:absolute;inset:0}.sounds-synth-panel{pointer-events:auto;background:#0e0e0e;border:1px solid #ffffff1f;border-radius:10px;flex-direction:column;width:480px;max-width:92vw;max-height:84vh;display:flex;position:relative;box-shadow:0 24px 64px #0009}.sounds-synth-panel-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.sounds-synth-panel-title{color:#fff;letter-spacing:.5px;align-items:baseline;gap:10px;font-size:14px;font-weight:600;display:flex}.sounds-synth-panel-meta{color:#888;font-size:12px;font-weight:400}.sounds-synth-panel-body{grid-template-columns:1fr 1fr;gap:10px 18px;padding:14px 18px;display:grid;overflow-y:auto}.sounds-synth-row{flex-direction:column;gap:4px;display:flex}.sounds-synth-row-label{color:#aaa;letter-spacing:.4px;justify-content:space-between;align-items:center;font-size:11px;display:flex}.sounds-synth-row-val{color:#fff;font-variant-numeric:tabular-nums;font-size:11px}.sounds-synth-slider{accent-color:#fff;width:100%}.sounds-synth-select{color:#fff;background:#1a1a1a;border:1px solid #ffffff1a;border-radius:4px;padding:4px 6px;font-size:12px}.sounds-meter{background:#ffffff0d;border:1px solid #ffffff14;border-radius:2px;height:5px;margin:6px 8px 2px;position:relative;overflow:visible}.sounds-meter-fill{pointer-events:none;background:linear-gradient(90deg,#ffffff8c 0%,#ffffffc7 70%,#fffffff2 88%,#ff8c8cf2 100%);border-radius:1px;width:0%;transition:width 40ms linear;position:absolute;inset:0 auto 0 0}.sounds-meter-peak{opacity:0;pointer-events:none;background:#fff;width:2px;transition:left 50ms linear,opacity .15s linear;position:absolute;top:-1px;bottom:-1px;left:0;box-shadow:0 0 4px #ffffff80}.sounds-meter-clip{pointer-events:none;background:#ffffff14;border:1px solid #ffffff1f;border-radius:50%;width:6px;height:6px;transition:background .1s,box-shadow .1s;position:absolute;top:50%;right:-10px;transform:translateY(-50%)}.sounds-meter-clip.active{background:#f44;border-color:#ff6868;box-shadow:0 0 6px #f449}.sounds-master-meter-wrap{border-left:1px solid #ffffff14;align-items:center;gap:8px;margin-left:14px;padding-left:14px;display:flex}.sounds-master-meter-label{letter-spacing:1px;opacity:.5;font-family:ui-monospace,monospace;font-size:10px}.sounds-meter--master{width:140px;height:7px;margin:0 14px 0 0}.sounds-context-menu{z-index:10000;color:#ddd;-webkit-user-select:none;user-select:none;background:#141414;border:1px solid #ffffff24;border-radius:8px;min-width:220px;padding:4px;font-size:13px;animation:80ms ease-out sounds-menu-in;position:fixed;box-shadow:0 8px 32px #0000008c,0 0 0 1px #ffffff0a}@keyframes sounds-menu-in{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.sounds-context-menu-item{cursor:pointer;border-radius:5px;justify-content:space-between;align-items:center;gap:24px;padding:7px 12px;transition:background .1s;display:flex}.sounds-context-menu-item:hover:not(.disabled){color:#fff;background:#ffffff14}.sounds-context-menu-item.disabled{opacity:.35;cursor:default}.sounds-context-menu-item.danger{color:#ff8a8a}.sounds-context-menu-item.danger:hover:not(.disabled){color:#ff9a9a;background:#ff50501f}.sounds-context-menu-label{flex:1}.sounds-context-menu-shortcut{opacity:.45;letter-spacing:.5px;font-family:ui-monospace,monospace;font-size:11px}.sounds-context-menu-sep{background:#ffffff14;height:1px;margin:4px 6px}