:root,[data-theme=dark]{color-scheme:dark;--bg-page: #0f0f0f;--bg-card: #1a1a1a;--bg-elevated: #1e1e1e;--bg-hover: #222;--bg-input: #2d2f31;--border: #2a2a2a;--border-mid: #333;--border-strong: #444;--text: #e0e0e0;--text-2: #ccc;--text-muted: #888;--text-dim: #666;--text-dimmer: #555;--text-faint: #aaa;--overlay-light: rgba(255, 255, 255, .06);--overlay-light2: rgba(255, 255, 255, .04);--overlay-light3: rgba(255, 255, 255, .03);--overlay-light4: rgba(255, 255, 255, .08)}[data-theme=light]{color-scheme:light;--bg-page: #f1f1f1;--bg-card: #ffffff;--bg-elevated: #f8f8f8;--bg-hover: #e8e8e8;--bg-input: #efefef;--border: #e0e0e0;--border-mid: #d0d0d0;--border-strong: #bdbdbd;--text: #1a1a1a;--text-2: #444;--text-muted: #666;--text-dim: #888;--text-dimmer: #999;--text-faint: #aaa;--overlay-light: rgba(0, 0, 0, .04);--overlay-light2: rgba(0, 0, 0, .05);--overlay-light3: rgba(0, 0, 0, .06);--overlay-light4: rgba(0, 0, 0, .08)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--bg-page);color:var(--text);min-height:100vh}.auth-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:1rem}.auth-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:2.5rem;width:100%;max-width:400px}.auth-card h1{font-size:1.5rem;margin-bottom:1.5rem;text-align:center}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.375rem;font-size:.875rem;color:var(--text-faint)}.form-group input{width:100%;padding:.625rem .75rem;background:var(--bg-page);border:1px solid var(--border-mid);border-radius:6px;color:var(--text);font-size:.9375rem;outline:none;transition:border-color .15s}.form-group input:focus{border-color:#4a9eff}.error-message{background:#2d1515;border:1px solid #5c2020;color:#ff6b6b;padding:.625rem .75rem;border-radius:6px;font-size:.875rem;margin-bottom:1rem}.success-message{color:#4a9eff;font-size:1rem;margin-bottom:1rem;text-align:center}.hint-text{color:var(--text-muted);font-size:.875rem;line-height:1.5;text-align:center;margin-bottom:1.5rem}.hint-text strong{color:var(--text-2)}button[type=submit]{width:100%;padding:.625rem;background:#4a9eff;color:#fff;border:none;border-radius:6px;font-size:1rem;cursor:pointer;margin-top:.5rem;transition:background .15s}button[type=submit]:hover{background:#3a8eef}button[type=submit]:disabled{background:var(--border-mid);cursor:not-allowed}.toggle-text{text-align:center;margin-top:1.25rem;font-size:.875rem;color:var(--text-muted)}.toggle-button{background:none;border:none;color:#4a9eff;cursor:pointer;font-size:.875rem;padding:0;text-decoration:underline}.toggle-button:hover{color:#3a8eef}.link-button{display:block;width:100%;padding:.625rem;background:var(--border-mid);color:var(--text);border:1px solid var(--border-strong);border-radius:6px;font-size:.875rem;cursor:pointer;text-align:center;margin-top:1rem}.link-button:hover{background:var(--border-strong)}.dashboard{height:100vh;display:flex;flex-direction:column;overflow:hidden}.dashboard-body{display:flex;flex:1;min-height:0;overflow:hidden}.dashboard-content{flex:1;min-width:0;max-width:960px;width:100%;margin:0 auto;padding:1.5rem;overflow-y:auto}.tabs{display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:1.5rem}.tab{padding:.625rem 1.25rem;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-muted);font-size:.9375rem;cursor:pointer;transition:color .15s,border-color .15s}.tab:hover{color:var(--text-2)}.tab-active{color:var(--text);border-bottom-color:#4a9eff}.tab-empty{text-align:center;color:var(--text-dim);padding:3rem 1rem;font-size:.9375rem}.dashboard-toolbar{display:flex;align-items:center;justify-content:flex-end;margin-bottom:1rem}.upload-button{padding:.5rem 1rem;background:#4a9eff;color:#fff;border:none;border-radius:6px;font-size:.875rem;cursor:pointer;transition:background .15s}.upload-button:hover{background:#3a8eef}.upload-button:disabled{background:var(--border-mid);cursor:not-allowed}.upload-menu-wrapper{position:relative}.upload-menu{position:absolute;top:100%;right:0;margin-top:.375rem;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px #0000004d;z-index:100;min-width:200px;overflow:hidden}.upload-menu-item{display:flex;align-items:center;gap:.625rem;width:100%;padding:.625rem 1rem;background:none;border:none;color:var(--text);font-size:.8125rem;cursor:pointer;text-align:left}.upload-menu-item:hover{background:var(--bg-hover)}.upload-menu-item+.upload-menu-item{border-top:1px solid var(--border)}.upload-menu-icon{font-size:1rem;width:20px;text-align:center}.upload-link-row{display:flex;gap:.5rem;margin-bottom:1rem}.upload-link-input{flex:1;background:var(--bg-page);border:1px solid var(--border-mid);border-radius:6px;color:var(--text);padding:.5rem .75rem;font-size:.8125rem;font-family:SF Mono,Fira Code,Menlo,monospace;outline:none}.public-upload-page{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:2rem;background:var(--bg-page)}.public-upload-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:2rem;max-width:500px;width:100%}.public-upload-card h1{margin:0 0 .5rem;font-size:1.25rem;color:var(--text)}.public-upload-hint{font-size:.8125rem;color:var(--text-muted);margin-bottom:1rem}.public-upload-files{display:flex;flex-direction:column;gap:.5rem;margin:1rem 0;max-height:300px;overflow-y:auto;border:1px solid var(--border);border-radius:6px;padding:.5rem}.public-upload-file{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;background:var(--bg-hover);border-radius:6px;font-size:.8125rem}.public-upload-filename{flex:1;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.public-upload-size{color:var(--text-muted);flex-shrink:0}.public-upload-progress{color:#4a9eff;font-weight:600;flex-shrink:0;width:40px;text-align:right}.public-upload-remove{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1.125rem;padding:0;line-height:1}.public-upload-remove:hover{color:#ff6b6b}.upload-status{color:#4a9eff;font-size:.875rem;margin-bottom:1rem}.topbar{display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;height:48px;background:var(--bg-card);border-bottom:1px solid var(--border)}.vive-logo{display:flex;align-items:center;gap:10px}.vive-logo-icon{width:48px;height:37px}.vive-wordmark{display:flex;flex-direction:column;gap:1px}.vive-brand-name{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:800;font-size:26px;letter-spacing:-1.5px;line-height:1;background:linear-gradient(135deg,#00f5c4,#7b4fff,#ff2d78);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 6px rgba(123,79,255,.4))}.vive-tagline{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:6px;letter-spacing:2.5px;text-transform:uppercase;padding-left:1px;background:linear-gradient(90deg,#00f5c4,#7b4fff 60%,#ff2d78);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 3px rgba(123,79,255,.3))}.vive-bar{animation:vive-pulse 1.4s ease-in-out 3;transform-origin:center}.vive-bar:nth-child(3){animation-delay:0s}.vive-bar:nth-child(4){animation-delay:.2s}.vive-bar:nth-child(5){animation-delay:.4s}.vive-bar:nth-child(6){animation-delay:.15s}.vive-bar:nth-child(7){animation-delay:.35s}@keyframes vive-pulse{0%,to{transform:scaleY(1);opacity:.7}50%{transform:scaleY(1.4);opacity:1}}.vive-play-fill{animation:vive-shimmer 1.67s ease-in-out 3;animation-fill-mode:forwards}@keyframes vive-shimmer{0%,to{opacity:.1}50%{opacity:.25}}.topbar-logo{height:36px;width:auto;display:block}.topbar-right{position:relative}.topbar-user-button{background:none;border:none;color:var(--text-2);font-size:.875rem;cursor:pointer;display:flex;align-items:center;gap:.375rem}.topbar-user-button:hover{color:#fff}.topbar-caret{font-size:.625rem}.topbar-dropdown{position:absolute;top:100%;right:0;margin-top:.25rem;background:var(--bg-card);border:1px solid var(--border-mid);border-radius:6px;min-width:120px;overflow:hidden;z-index:10}.topbar-dropdown-item{width:100%;padding:.5rem .75rem;background:none;border:none;color:var(--text-2);font-size:.875rem;cursor:pointer;text-align:left}.topbar-dropdown-item:hover{background:var(--border);color:#fff}.clip-list-empty{text-align:center;color:var(--text-dim);padding:3rem 1rem;font-size:.9375rem}.clip-item{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;margin-bottom:.5rem}.clip-processing-bar{height:2px;background:var(--border);overflow:hidden;border-radius:8px 8px 0 0}.clip-processing-bar-fill{height:100%;width:30%;background:#6b7dff;border-radius:1px;animation:clip-processing-slide 1.6s ease-in-out infinite}@keyframes clip-processing-slide{0%{transform:translate(-200%)}to{transform:translate(500%)}}.clip-header{position:relative;display:flex;align-items:center;padding:.75rem 1rem;cursor:pointer;gap:.75rem}.clip-header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;background:var(--bg-hover);opacity:0;transition:opacity .1s;pointer-events:none;z-index:-1}.clip-item:has(.shot-list) .clip-header:before{border-radius:8px 8px 0 0}.clip-header:hover:before{opacity:1}.clip-expand-icon{font-size:.65rem;color:var(--text-dimmer);flex-shrink:0;line-height:1}.clip-download-btn{font-size:.75rem;color:var(--text-dimmer);flex-shrink:0;line-height:1;padding:2px 5px;border-radius:3px;text-decoration:none}.clip-download-btn:hover{color:var(--text);background:var(--surface-raised)}.clip-info{flex:1;display:flex;align-items:center;gap:.75rem;min-width:0}.clip-title{font-size:.9375rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clip-duration{font-size:.75rem;color:var(--text-muted);white-space:nowrap}.clip-type-icon,.clip-dialog-icon{position:relative;cursor:default;flex-shrink:0;white-space:nowrap;font-size:.7rem;padding:.125rem .35rem;border-radius:4px}.clip-type-icon{background:var(--bg-elevated);color:var(--text-muted)}.clip-dialog-icon{background:#0d1f2d;color:#5ba8d4}.clip-source-badge{font-size:.7rem;padding:.125rem .4rem;border-radius:4px;background:#1a0a2e;color:#a67fff;border:1px solid #3d1f7a;white-space:nowrap;flex-shrink:0}.clip-status{font-size:.75rem;padding:.125rem .5rem;border-radius:4px;white-space:nowrap}.clip-status-processing{background:#2a2a00;color:#eeb800}.clip-status-ready{background:#0a2a0a;color:#4caf50}.clip-status-error{background:#2d1515;color:#ff6b6b}.delete-button{background:none;border:none;color:var(--text-dim);font-size:1.25rem;cursor:pointer;padding:0 .25rem;line-height:1;flex-shrink:0}.delete-button:hover{color:#ff6b6b}.delete-button-small{font-size:1rem}.shot-list{border-top:1px solid var(--border);padding:.5rem 1rem .75rem 2.75rem}.clip-video-preview{margin-bottom:.75rem}.clip-video-preview video{width:100%;max-height:360px;border-radius:8px;background:#000}.clip-image-preview{width:100%;max-height:360px;object-fit:contain;border-radius:8px;background:var(--bg-card);display:block}.clip-audio-preview{width:100%}.clip-description{color:var(--text-muted);font-size:.8125rem;margin-bottom:.5rem;line-height:1.4}.shot-list-empty{color:var(--text-dimmer);font-size:.8125rem;padding:.25rem 0}.shot-item{display:flex;align-items:center;padding:.375rem 0;border-bottom:1px solid #1f1f1f}.shot-item:last-child{border-bottom:none}.shot-info{flex:1;display:flex;align-items:flex-start;gap:.75rem;min-width:0}.shot-text{flex:1;min-width:0}.shot-title{display:block;font-size:.8125rem;color:var(--text-2)}.shot-description{display:block;font-size:.75rem;color:#777;line-height:1.4;margin-top:.125rem}.shot-time{font-size:.75rem;color:var(--text-dim);white-space:nowrap}.clip-tabs{display:flex;gap:0;margin-bottom:.5rem;border-bottom:1px solid var(--border)}.clip-tab{background:none;border:none;color:var(--text-dim);font-size:.75rem;padding:.375rem .75rem;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s,border-color .15s}.clip-tab:hover{color:var(--text-faint)}.clip-tab-active{color:#4a9eff;border-bottom-color:#4a9eff}.clip-transcript-panel{display:flex;flex-direction:column;gap:.625rem}.clip-transcript-shot{padding:.375rem 0;border-bottom:1px solid #1f1f1f}.clip-transcript-shot:last-child{border-bottom:none}.clip-transcript-shot-header{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.25rem}.clip-transcript-shot-title{font-size:.75rem;color:#999;font-weight:600}.clip-transcript-shot-time{font-size:.6875rem;color:var(--text-dimmer)}.clip-transcript-dialog{display:flex;flex-direction:column;gap:.25rem}.dialog-line{font-size:.8125rem;line-height:1.5}.dialog-speaker{color:#4a9eff;margin-right:.375rem;font-weight:600}.dialog-text{color:var(--text-2)}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100}.confirm-dialog{background:var(--bg-card);border:1px solid var(--border-mid);border-radius:10px;padding:1.5rem;max-width:340px;width:90%;text-align:center}.confirm-dialog p{font-size:.9375rem;margin-bottom:1.25rem;color:var(--text)}.confirm-actions{display:flex;gap:.75rem;justify-content:center}.confirm-cancel{padding:.5rem 1.25rem;background:var(--border-mid);color:var(--text-2);border:1px solid var(--border-strong);border-radius:6px;font-size:.875rem;cursor:pointer}.confirm-cancel:hover{background:var(--border-strong)}.confirm-delete{padding:.5rem 1.25rem;background:#d32f2f;color:#fff;border:none;border-radius:6px;font-size:.875rem;cursor:pointer}.confirm-delete:hover{background:#b71c1c}.new-project-dialog{background:var(--bg-card);border:1px solid var(--border-mid);border-radius:10px;padding:1.5rem;max-width:480px;width:90%}.new-project-dialog h3{font-size:1.125rem;font-weight:600;margin-bottom:1.25rem;color:var(--text)}.new-project-prompt{width:100%;padding:.625rem .75rem;background:var(--bg-page);border:1px solid var(--border-mid);border-radius:6px;color:var(--text);font-size:.9375rem;font-family:inherit;outline:none;resize:vertical;transition:border-color .15s}.new-project-prompt:focus{border-color:#4a9eff}.confirm-save{padding:.5rem 1.25rem;background:#4a9eff;color:#fff;border:none;border-radius:6px;font-size:.875rem;cursor:pointer}.confirm-save:hover{background:#3a8eef}.confirm-save:disabled{background:var(--border-mid);cursor:not-allowed}.render-button{padding:.5rem 1.5rem;background:#2a7a3a;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.875rem}.project-detail-actions{margin-left:auto;display:flex;gap:.5rem;align-items:center}.project-detail-actions .render-button{z-index:1}.render-button:hover{background:#35914a}.render-button:disabled{background:var(--border-mid);color:var(--text-dim);cursor:not-allowed}.render-result-dialog{background:var(--bg-card);border:1px solid var(--border-mid);border-radius:12px;padding:1.5rem;max-width:600px;width:90%;max-height:70vh;display:flex;flex-direction:column}.render-result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.render-result-header h3{margin:0;color:#fff}.render-result-content{color:var(--text-2);line-height:1.6;overflow-y:auto;font-size:.9rem}.render-result-content h4{color:#fff;margin:1rem 0 .5rem;font-size:.95rem}.render-result-content h4:first-child{margin-top:0}.render-error{color:#ff6b6b}.project-expanded{padding:.75rem 1rem}.project-detail{display:flex;gap:1rem;align-items:flex-start}.project-prompt-section{flex:1;min-width:0}.project-prompt-section .clip-description{margin:0}.project-action-bar{display:flex;gap:.5rem;margin-top:.75rem}.download-button{padding:.25rem .75rem;background:#2a5a8a;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.8rem;text-decoration:none;display:inline-block}.download-button:hover{background:#356fa3}.download-button.disabled{background:var(--border-mid);color:var(--text-dim);cursor:not-allowed;pointer-events:none}.edit-button{padding:.2rem .6rem;background:transparent;color:var(--text-muted);border:1px solid var(--border-strong);border-radius:4px;cursor:pointer;font-size:.75rem;white-space:nowrap;flex-shrink:0}.edit-button:hover{color:#fff;border-color:var(--text-dim)}.project-prompt-edit{display:flex;flex-direction:column;gap:.5rem}.project-prompt-textarea{width:100%;background:var(--bg-hover);color:var(--text-2);border:1px solid var(--border-strong);border-radius:6px;padding:.5rem;font-size:.85rem;font-family:inherit;resize:vertical;box-sizing:border-box}.project-prompt-textarea:focus{outline:none;border-color:#4a9eff}.project-prompt-actions{display:flex;gap:.5rem;justify-content:flex-end}.project-video-thumb{flex:0 0 25%;border-radius:6px;overflow:hidden;background:#000}.project-video-thumb video{display:block;width:100%;border-radius:6px}.render-video-loading{text-align:center;padding:1.5rem;color:#4a9eff;font-size:.9rem}.render-video-player{margin-bottom:1rem;border-radius:8px;overflow:hidden;background:#000}.render-video-player video{display:block;border-radius:8px}.timeline-list{list-style:none;padding:0;margin:0;counter-reset:timeline}.timeline-entry{display:flex;flex-direction:column;gap:.25rem;padding:.5rem .75rem;margin-bottom:.5rem;background:var(--bg-hover);border-radius:6px;border-left:3px solid #4a9eff;counter-increment:timeline}.timeline-entry:before{content:counter(timeline);font-size:.7rem;color:#4a9eff;font-weight:600}.timeline-label{color:#fff;font-weight:500}.timeline-ids{display:flex;gap:1rem;font-size:.75rem;color:var(--text-dim);font-family:monospace}.render-explanation p{margin:0;color:var(--text-faint)}.render-json-details{margin-top:1rem}.render-json-details summary{cursor:pointer;color:var(--text-dim);font-size:.8rem}.render-json{background:var(--bg-page);border:1px solid var(--border-mid);border-radius:6px;padding:.75rem;font-size:.75rem;color:#4a9eff;overflow-x:auto;white-space:pre;margin-top:.5rem}.clip-action-bar{display:flex;gap:.5rem;margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border)}.split-shots-button{padding:.25rem .75rem;background:#5a3a8a;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.8rem}.split-shots-button:hover{background:#6b4a9e}.split-shots-button:disabled{background:var(--border-mid);color:var(--text-dim);cursor:not-allowed}.split-result-dialog{background:var(--bg-card);border:1px solid var(--border-mid);border-radius:12px;padding:1.5rem;max-width:900px;width:90%;max-height:80vh;display:flex;flex-direction:column}.split-result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.split-result-header h3{margin:0;color:#fff}.split-comparison{display:flex;gap:1rem;overflow-y:auto;flex:1;min-height:0}.split-column{flex:1;min-width:0;display:flex;flex-direction:column}.split-column h4{color:#fff;margin:0 0 .5rem;font-size:.95rem;flex-shrink:0}.split-json{background:var(--bg-page);border:1px solid var(--border-mid);border-radius:6px;padding:.75rem;font-size:.75rem;color:#4a9eff;overflow:auto;white-space:pre;flex:1;margin:0}.loading{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:1.125rem;color:var(--text-muted)}.project-dialog{background:var(--bg-card);border:1px solid var(--border-mid);border-radius:12px;width:95vw;height:90vh;max-width:1400px;display:flex;flex-direction:column;overflow:hidden}.project-dialog-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border);flex-shrink:0}.project-dialog-header h2{margin:0;font-size:1.125rem;color:#fff}.project-detail-page{display:flex;flex-direction:column;flex:1;min-height:0}.project-detail-nav{display:flex;align-items:center;gap:1rem;padding:.5rem 0;margin-bottom:.5rem}.project-detail-title{font-size:1.125rem;color:#fff;font-weight:500}.project-dialog-body{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.project-dialog-left{flex:1;display:flex;flex-direction:column;min-height:0}.spec-unified{display:flex;flex-direction:column;gap:.75rem}.spec-settings{display:flex;gap:.5rem;flex-wrap:wrap;padding:.5rem .75rem;background:#181818;border:1px solid var(--border);border-radius:6px}.spec-setting-item{font-size:.6875rem;color:var(--text-muted);background:var(--bg-hover);padding:.15rem .5rem;border-radius:3px;font-family:SF Mono,Fira Code,Menlo,monospace}.spec-shot-detail{display:flex;align-items:baseline;gap:.5rem;font-size:.75rem;margin-top:.25rem}.spec-detail-label{color:var(--text-dim);font-size:.6875rem;text-transform:uppercase;letter-spacing:.03em;font-weight:600;min-width:4.5rem;flex-shrink:0}.spec-detail-value{color:var(--text-faint)}.spec-shot-captions{margin-top:.25rem;font-size:.75rem}.spec-captions-list{margin-top:.25rem;display:flex;flex-direction:column;gap:.2rem;padding-left:5rem}.spec-caption-item{color:#999;line-height:1.5}.spec-caption-speaker{color:#4a9eff;font-weight:600}.spec-caption-text{color:#bbb;font-style:italic}.spec-caption-time{color:var(--text-dimmer);font-size:.6875rem;margin-left:.5rem}.spec-caption-meta{color:var(--text-dim);font-size:.6875rem;margin-left:.5rem;font-style:italic}.spec-audio-section{padding:.75rem;background:#1c1c22;border:1px solid #2a2a3a;border-radius:6px;border-left:3px solid #a86be8}.spec-audio-header{font-size:.8125rem;font-weight:600;color:#a86be8;margin-bottom:.375rem}.spec-audio-details{display:flex;flex-direction:column;gap:.125rem}.project-dialog-left-content{flex:1;overflow-y:auto;padding:1rem;min-height:0}.render-error{color:#ff6b6b;font-size:.8125rem;padding:.5rem .75rem;margin:0 0 .5rem;background:#ff6b6b1a;border-radius:6px;border:1px solid rgba(255,107,107,.2)}.view-render-button{padding:.4rem .75rem;background:transparent;color:#4a9eff;border:1px solid #4a9eff;border-radius:6px;cursor:pointer;font-size:.8125rem;font-weight:500}.view-render-button:hover{background:#4a9eff1a}.video-popup{background:var(--bg-card);border-radius:12px;border:1px solid var(--border);max-width:900px;width:90vw;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.video-popup-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--border)}.video-popup-title{font-size:1rem;font-weight:500;color:var(--text)}.video-popup-close{background:none;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;padding:0 .25rem;line-height:1}.video-popup-close:hover{color:var(--text)}.video-popup video{width:100%;max-height:70vh;background:#000}.video-popup-actions{display:flex;justify-content:flex-end;padding:.75rem 1rem;border-top:1px solid var(--border)}.video-popup-download{padding:.4rem 1rem;background:#4a9eff;color:#fff;border-radius:6px;text-decoration:none;font-size:.8125rem;font-weight:500}.video-popup-download:hover{background:#3a8eef}.video-popup-date{font-size:.75rem;color:var(--text-muted)}.renders-panel{flex:1;display:flex;flex-direction:column;overflow-y:auto;padding:1rem;min-height:0}.renders-list{display:flex;flex-direction:column;gap:.5rem}.render-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;cursor:default}.render-item-done{cursor:pointer}.render-item-done:hover{border-color:var(--border-mid);background:var(--bg-hover)}.render-item-info{flex:1;display:flex;align-items:center;gap:.75rem;min-width:0}.render-item-date{font-size:.8125rem;color:var(--text);white-space:nowrap}.render-item-status{font-size:.75rem;font-weight:600;padding:.125rem .5rem;border-radius:3px;white-space:nowrap}.render-item-status-rendering{color:#f0a030;background:#f0a0301a}.render-item-status-done{color:#4caf50;background:#4caf501a}.render-item-status-error{color:#ff6b6b;background:#ff6b6b1a}.render-item-error{font-size:.75rem;color:#ff6b6b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.render-item-actions{flex-shrink:0}.render-item-download{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:4px;color:var(--text-muted);text-decoration:none;font-size:1rem;font-weight:700}.render-item-download:hover{background:var(--bg-hover);color:var(--text)}.generate-spec-btn{margin-top:1rem;padding:.5rem 1.25rem;background:#4a9eff;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500}.generate-spec-btn:hover{background:#3a8eef}.prompt-popup{background:var(--bg-card);border-radius:12px;border:1px solid var(--border);padding:1.5rem;max-width:560px;width:90vw}.prompt-popup h3{margin:0 0 .25rem;font-size:1.125rem;color:var(--text)}.prompt-popup-hint{margin:0 0 1rem;font-size:.8125rem;color:var(--text-muted)}.prompt-popup-input{width:100%;background:var(--bg-page);border:1px solid var(--border-mid);border-radius:6px;color:var(--text);padding:.625rem .75rem;font-size:.875rem;font-family:inherit;resize:vertical;outline:none;margin-bottom:1rem;box-sizing:border-box}.prompt-popup-input:focus{border-color:#4a9eff}.spec-settings-edit{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.875rem;padding:0 .25rem;margin-left:auto}.spec-settings-edit:hover{color:var(--text)}.settings-popup{background:var(--bg-card);border-radius:12px;border:1px solid var(--border);padding:1.5rem;max-width:420px;width:90vw}.settings-popup h3{margin:0 0 1rem;font-size:1.125rem;color:var(--text)}.settings-grid{display:grid;grid-template-columns:80px 1fr;gap:.75rem 1rem;align-items:center;margin-bottom:1.25rem}.settings-grid label{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.settings-grid select,.settings-grid input[type=number]{background:var(--bg-page);border:1px solid var(--border-mid);border-radius:4px;color:var(--text);padding:.375rem .5rem;font-size:.8125rem;font-family:inherit;outline:none}.settings-grid select:focus,.settings-grid input[type=number]:focus{border-color:#4a9eff}.settings-resolution{display:flex;align-items:center;gap:.5rem}.settings-resolution input{width:80px}.settings-resolution span{color:var(--text-muted)}.settings-presets{display:flex;gap:.375rem;flex-wrap:wrap}.settings-preset-btn{padding:.25rem .5rem;font-size:.6875rem;border:1px solid var(--border-mid);border-radius:3px;background:var(--bg-page);color:var(--text-muted);cursor:pointer}.settings-preset-btn:hover{border-color:#4a9eff;color:var(--text)}.settings-preset-active{border-color:#4a9eff;background:#4a9eff1a;color:#4a9eff}.track-timeline{display:flex;gap:0;min-height:200px;position:relative}.track-ruler{width:48px;flex-shrink:0;position:relative;border-right:1px solid var(--border)}.track-ruler-mark{position:absolute;right:6px;font-size:.625rem;color:var(--text-dimmer);font-family:SF Mono,Fira Code,Menlo,monospace;transform:translateY(-50%);white-space:nowrap}.track-ruler-mark:after{content:"";position:absolute;right:-6px;top:50%;width:4px;height:1px;background:var(--border)}.track-column{flex:1;display:flex;flex-direction:column;min-width:0;border-right:1px solid var(--border)}.track-column:last-child{border-right:none}.track-column-header{padding:.375rem .5rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);text-align:center;border-bottom:2px solid;flex-shrink:0;background:var(--bg-card);position:sticky;top:0;z-index:1}.track-column-body{position:relative;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 149px,var(--border) 149px,var(--border) 150px)}.track-shot{position:absolute;left:4px;right:4px;background:var(--bg-card);border:1px solid var(--border);border-left:3px solid;border-radius:4px;padding:.25rem .375rem;overflow:hidden;display:flex;flex-direction:column;gap:1px;cursor:default;transition:background .1s}.track-shot:hover{background:var(--bg-hover);z-index:1}.track-shot-title{font-size:.6875rem;font-weight:500;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-shot-time{font-size:.5625rem;color:var(--text-dimmer);font-family:SF Mono,Fira Code,Menlo,monospace}.track-shot-clip{font-size:.5625rem;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.script-panel{flex:1;display:flex;flex-direction:column;min-height:0}.script-toolbar{display:flex;justify-content:flex-end;gap:.5rem;padding:.5rem 1rem;border-bottom:1px solid var(--border);flex-shrink:0}.script-editor{flex:1;width:100%;background:var(--bg-page);color:var(--text);border:none;padding:1rem;font-family:SF Mono,Fira Code,Menlo,monospace;font-size:.8125rem;line-height:1.6;resize:none;outline:none;box-sizing:border-box;min-height:0}.skills-panel{flex:1;display:flex;flex-direction:column;padding:1rem;min-height:0;overflow:hidden}.skills-columns{display:flex;gap:1rem;flex:1;min-height:0}.skills-column{flex:1;display:flex;flex-direction:column;border:1px solid var(--border);border-radius:6px;overflow:hidden;min-height:0}.skills-column-header{padding:.5rem .75rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);border-bottom:1px solid var(--border);background:var(--bg-card);flex-shrink:0}.skills-list{flex:1;overflow-y:auto;padding:.5rem}.skills-empty{padding:1rem;text-align:center;font-size:.8125rem;color:var(--text-dimmer)}.skill-item{display:flex;flex-direction:column;padding:.5rem .75rem;border-radius:4px;margin-bottom:.25rem}.skill-item-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.skill-item-row:hover{background:var(--bg-hover);border-radius:4px}.skill-item-title{font-size:.8125rem;color:var(--text);cursor:pointer;flex:1}.skill-item-content{margin:.5rem 0 0;padding:.75rem;background:var(--bg-page);border:1px solid var(--border);border-radius:4px;font-family:SF Mono,Fira Code,Menlo,monospace;font-size:.75rem;line-height:1.5;color:var(--text-2);white-space:pre-wrap;word-break:break-word;max-height:300px;overflow-y:auto}.skill-add-btn,.skill-remove-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;border:none;cursor:pointer;font-size:1rem;font-weight:700;flex-shrink:0}.skill-add-btn{background:#4a9eff1a;color:#4a9eff}.skill-add-btn:hover{background:#4a9eff33}.skill-remove-btn{background:#ff6b6b1a;color:#ff6b6b}.skill-remove-btn:hover{background:#ff6b6b33}.skill-item-active{background:#4a9eff0d;border:1px solid rgba(74,158,255,.15)}.skill-edit-title{width:100%;background:var(--bg-page);border:1px solid var(--border-mid);border-radius:6px;color:var(--text);padding:.5rem .75rem;font-size:.875rem;font-family:inherit;outline:none;margin-bottom:.75rem;box-sizing:border-box}.skill-edit-title:focus{border-color:#4a9eff}.skill-edit-content{width:100%;background:var(--bg-page);border:1px solid var(--border-mid);border-radius:6px;color:var(--text);padding:.625rem .75rem;font-family:SF Mono,Fira Code,Menlo,monospace;font-size:.8125rem;line-height:1.5;resize:vertical;outline:none;margin-bottom:.75rem;box-sizing:border-box}.skill-edit-content:focus{border-color:#4a9eff}.skill-readonly-title{border-color:transparent;background:transparent;cursor:default}.skill-readonly-content{white-space:pre-wrap;overflow-y:auto;cursor:default}.script-placeholder{color:var(--text-dim);font-style:italic}.skills-page{display:flex;flex-direction:column;flex:1;min-height:0}.skills-grid{display:flex;flex-direction:column;gap:.5rem;padding:0 .5rem}.skill-card{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;cursor:pointer}.skill-card:hover{border-color:var(--border-mid);background:var(--bg-hover)}.skill-card-info{flex:1;display:flex;flex-direction:column;gap:.25rem;min-width:0}.skill-card-title{font-size:.875rem;font-weight:500;color:var(--text)}.skill-card-preview{font-size:.75rem;color:var(--text-muted);line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.skill-editor-page{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.skill-editor-fields{display:flex;flex-direction:column;flex:1;min-height:0;padding:1rem;gap:.75rem;overflow:hidden}.skill-editor-fields .script-editor{flex:1;min-height:300px;border:1px solid var(--border);border-radius:6px}.project-dialog-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-dimmer);font-size:.9rem}.project-dialog-timeline{display:flex;flex-direction:column;gap:.5rem}.project-dialog-shot{display:flex;gap:.75rem;padding:.75rem;background:var(--bg-hover);border-radius:6px;border-left:3px solid #4a9eff}.project-dialog-shot-number{color:#4a9eff;font-weight:600;font-size:.75rem;min-width:1.5rem;text-align:center;padding-top:.125rem}.project-dialog-shot-content{flex:1;min-width:0}.project-dialog-shot-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.25rem}.project-dialog-shot-title{font-size:.875rem;color:var(--text);font-weight:500}.project-dialog-shot-time{font-size:.75rem;color:var(--text-dim)}.project-dialog-shot-label{font-size:.75rem;color:#999;display:block;margin-bottom:.25rem}.project-dialog-shot-desc{font-size:.75rem;color:#777;margin:.25rem 0;line-height:1.4}.project-dialog-shot-transcript{margin-top:.375rem;padding-top:.375rem;border-top:1px solid var(--border)}.generate-button{padding:.5rem 1rem;background:#5a3a8a;color:#fff;border:none;border-radius:6px;font-size:.875rem;cursor:pointer;transition:background .15s}.generate-button:hover{background:#6b4a9e}.generate-dialog{background:var(--bg-card);border:1px solid var(--border-mid);border-radius:10px;padding:1.5rem;max-width:560px;width:90%}.generate-dialog h3{font-size:1.125rem;font-weight:600;margin-bottom:1.25rem;color:var(--text)}.generate-controls{display:flex;align-items:flex-end;gap:1rem;margin-bottom:1rem}.generate-duration{display:flex;align-items:center;gap:.5rem}.generate-duration label{font-size:.875rem;color:var(--text-faint);white-space:nowrap}.generate-duration select{background:var(--border);color:var(--text);border:1px solid var(--border-strong);border-radius:6px;padding:.4rem .5rem;font-size:.875rem;cursor:pointer}.generate-loading{text-align:center;padding:1.5rem;color:#4a9eff;font-size:.875rem}.generate-preview{margin-bottom:1rem;border-radius:8px;overflow:hidden;background:#000}.generate-preview video{display:block;width:100%;border-radius:8px}.generate-preview-placeholder{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--text-dim);font-size:.875rem}.dashboard-toolbar{gap:.5rem}.character-thumb{width:36px;height:36px;border-radius:50%;object-fit:cover;margin-right:.5rem;flex-shrink:0}.character-nickname{color:var(--text-muted);font-weight:400;font-size:.85em}.character-detail{padding:.75rem 1rem 1rem 2.25rem}.character-description{color:var(--text-2);font-size:.875rem;margin-bottom:.75rem;line-height:1.4}.character-images{display:flex;gap:1rem;margin-bottom:.75rem;flex-wrap:wrap}.character-image-wrap{flex:1;min-width:200px}.character-image-wrap label{display:block;font-size:.75rem;color:var(--text-muted);margin-bottom:.25rem}.character-image{width:100%;border-radius:6px;border:1px solid var(--border-mid)}.character-profile-section{margin-bottom:1rem}.character-profile-section-title{font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);font-weight:600;margin:0 0 .375rem}.character-profile-appearance{font-size:.8125rem;color:var(--text-2);line-height:1.6}.character-sheet-section label{display:block;font-size:.75rem;color:var(--text-muted);margin-bottom:.25rem}.character-no-image{width:200px;height:200px;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border:1px solid var(--border-mid);border-radius:6px;color:var(--text-dim);font-size:.8125rem}.character-sheet-section{margin-top:.5rem}.character-unified{display:flex;flex-direction:column;gap:1rem}.character-detail-page{display:flex;flex-direction:column;flex:1;min-height:0}.character-detail-nav{display:flex;align-items:center;gap:1rem;padding:.5rem 0;margin-bottom:.5rem}.character-back-btn{background:none;border:none;color:#4a9eff;cursor:pointer;font-size:.875rem;padding:.375rem 0;white-space:nowrap}.character-back-btn:hover{color:#3a8eef;text-decoration:underline}.character-detail-name{flex:1;min-width:0}.character-detail-title{margin:0;font-size:1.25rem;color:#fff;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:background .15s}.character-detail-title:hover{background:var(--border)}.character-name-edit{display:flex;align-items:center;gap:.5rem}.character-name-edit input{font-size:1.25rem;background:var(--bg-hover);border:1px solid #4a9eff;border-radius:4px;color:#fff;padding:.25rem .5rem;flex:1;min-width:0}.character-detail-body{flex:1;overflow-y:auto;min-height:0}.character-detail-tabs{display:flex;gap:0;border-bottom:1px solid var(--border)}.character-detail-tab{background:none;border:none;color:var(--text-muted);font-size:.875rem;padding:.625rem 1rem;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s,border-color .15s}.character-detail-tab:hover{color:var(--text-2)}.character-detail-tab-active{color:#4a9eff;border-bottom-color:#4a9eff}.character-profile{display:flex;gap:1.25rem;padding:1rem}.character-profile-image{flex-shrink:0}.character-profile-image img{width:200px;height:200px;object-fit:cover;border-radius:8px;border:1px solid var(--border-mid)}.character-profile-info{flex:1;min-width:0}.character-profile-info h3{font-size:1.125rem;font-weight:600;color:var(--text);margin-bottom:.375rem}.character-profile-nickname{font-size:.875rem;color:var(--text-muted);margin-bottom:.75rem}.character-profile-description{font-size:.875rem;color:var(--text-2);line-height:1.5;margin-bottom:.75rem}.character-sheet-content{padding:1rem}.character-sheet-image{width:100%;max-width:900px;border-radius:8px;border:1px solid var(--border-mid)}.character-sheet-placeholder{text-align:center;color:var(--text-dim);padding:2rem 1rem;font-size:.9375rem}.appearances-content{padding:1rem}.appearances-list{display:flex;flex-direction:column;gap:1rem}.appearance-clip{background:var(--bg-hover);border-radius:6px;padding:.75rem}.appearance-clip-title{font-size:.9375rem;font-weight:500;color:var(--text);margin-bottom:.5rem}.appearance-range{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.75rem}.appearance-range:last-child{margin-bottom:0}.appearance-range-time{font-size:.8125rem;color:#4a9eff;font-weight:500}.appearance-range-desc{margin:.25rem 0 0;font-size:.8125rem;color:var(--text-2);line-height:1.4}.appearance-range-dialog{margin-top:.375rem;padding:.5rem .75rem;background:var(--bg-hover);border-radius:4px;border-left:2px solid #4a9eff}.appearance-dialog-line{font-size:.75rem;color:var(--text-muted);line-height:1.5}.face-list{display:flex;flex-direction:column;gap:1rem}.face-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem}.face-card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;overflow:hidden;position:relative;transition:border-color .15s}.face-card:hover{border-color:var(--border-strong)}.face-card-image{aspect-ratio:1;overflow:hidden;background:var(--bg-page)}.face-card-image img{width:100%;height:100%;object-fit:cover}.face-card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-dimmer);font-size:.8125rem}.face-card-info{padding:.5rem .625rem;display:flex;flex-direction:column;gap:.25rem}.face-card-label{font-size:.875rem;font-weight:500;color:var(--text);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.face-card-label:hover{color:#4a9eff}.face-card-meta{font-size:.75rem;color:var(--text-muted)}.face-card-delete{position:absolute;top:.25rem;right:.25rem;background:#0009;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--text-2);font-size:1rem;cursor:pointer;opacity:0;transition:opacity .15s}.face-card:hover .face-card-delete{opacity:1}.face-card-delete:hover{background:#d32f2fcc;color:#fff}.face-card-edit{display:flex;gap:.25rem;align-items:center}.face-card-edit input{flex:1;min-width:0;padding:.25rem .375rem;background:var(--bg-page);border:1px solid #4a9eff;border-radius:4px;color:var(--text);font-size:.8125rem;outline:none}.face-card-edit .confirm-save,.face-card-edit .confirm-cancel{padding:.2rem .5rem;font-size:.75rem}.multi-select-checkbox{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px;height:18px;border:2px solid var(--text-dimmer);border-radius:4px;background:var(--bg-page);cursor:pointer;flex-shrink:0;transition:all .15s}.multi-select-checkbox:checked{background:#4a9eff;border-color:#4a9eff;background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");background-size:12px;background-position:center;background-repeat:no-repeat}.multi-select-checkbox:hover{border-color:#4a9eff}.selection-toolbar{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;background:#1a2a3a;border:1px solid #2a4a6a;border-radius:6px;margin-bottom:.75rem}.selection-toolbar-count{font-size:.875rem;color:#4a9eff;font-weight:500;margin-right:auto}.selection-toolbar-actions{display:flex;gap:.5rem}.selection-toolbar-actions button{padding:.3rem .75rem;border:none;border-radius:4px;font-size:.8125rem;cursor:pointer}.selection-toolbar .select-all-btn{background:none;border:none;color:#4a9eff;cursor:pointer;font-size:.8125rem;padding:0;text-decoration:underline}.selection-toolbar .select-all-btn:hover{color:#3a8eef}.bulk-reprocess-btn{background:#2a3a5a;color:#8ab4f8}.bulk-reprocess-btn:hover{background:#334a72}.bulk-delete-btn{background:#d32f2f;color:#fff}.bulk-delete-btn:hover{background:#b71c1c}.bulk-action-btn{background:var(--border-mid);color:var(--text-2);border:1px solid var(--border-strong)!important}.bulk-action-btn:hover{background:var(--border-strong);color:#fff}.face-card .multi-select-checkbox{position:absolute;top:.25rem;left:.25rem;z-index:1;opacity:0;transition:opacity .15s}.face-card:hover .multi-select-checkbox,.face-card .multi-select-checkbox:checked{opacity:1}.projects-loading-state{display:flex;align-items:center;justify-content:center;min-height:40vh}.projects-loading-text{color:var(--text-dimmer);font-size:.9375rem}.projects-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.projects-page-title{font-size:1.375rem;font-weight:700;color:var(--text);letter-spacing:-.02em}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.project-card{background:#141414;border:1px solid #242424;border-radius:10px;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;transition:border-color .15s,transform .12s,box-shadow .15s}.project-card:hover{border-color:#3a3a3a;transform:translateY(-2px);box-shadow:0 8px 24px #0006}.project-card-strip{height:3px;flex-shrink:0;background:linear-gradient(90deg,#7b4fff,#4a9eff)}.project-card:nth-child(3n+1) .project-card-strip{background:linear-gradient(90deg,#7b4fff,#4a9eff)}.project-card:nth-child(3n+2) .project-card-strip{background:linear-gradient(90deg,#00f5c4,#4a9eff)}.project-card:nth-child(3n) .project-card-strip{background:linear-gradient(90deg,#ff2d78,#7b4fff)}.project-card-body{padding:1.125rem 1.25rem .875rem;flex:1}.project-card-name{font-size:1rem;font-weight:600;color:var(--text);margin-bottom:.375rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.project-card-date{font-size:.75rem;color:var(--text-dimmer);letter-spacing:.01em}.project-card-footer{display:flex;align-items:center;justify-content:space-between;padding:.625rem 1.25rem;border-top:1px solid var(--bg-elevated);opacity:0;transition:opacity .15s}.project-card:hover .project-card-footer{opacity:1}.project-card-open{font-size:.8125rem;color:#4a9eff;font-weight:500}.project-card-delete-btn{background:none;border:none;color:var(--border-strong);cursor:pointer;font-size:1.125rem;line-height:1;padding:0 .125rem;transition:color .12s}.project-card-delete-btn:hover{color:#ff6b6b}.projects-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 2rem;text-align:center;gap:.625rem}.projects-empty-icon{font-size:2.5rem;color:var(--border);margin-bottom:.5rem;line-height:1}.projects-empty-title{font-size:1.0625rem;color:var(--text-dimmer);font-weight:500}.projects-empty-subtitle{font-size:.875rem;color:#3a3a3a;max-width:280px;line-height:1.5}.projects-empty-cta{margin-top:.75rem}.project-breadcrumb{display:flex;align-items:center;gap:.5rem;margin-bottom:1.25rem}.project-back-btn{background:none;border:none;color:#4a9eff;cursor:pointer;font-size:.875rem;padding:0;line-height:1;transition:color .12s}.project-back-btn:hover{color:#3a8eef;text-decoration:underline}.project-breadcrumb-sep{color:var(--border-mid);font-size:.875rem;-webkit-user-select:none;user-select:none}.project-breadcrumb-name{font-size:.875rem;color:#777;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}.upload-progress-dialog{background:var(--bg-card);border:1px solid var(--border-mid);border-radius:12px;padding:1.75rem;width:90%;max-width:460px}.upload-progress-title{font-size:1rem;font-weight:600;color:var(--text);margin-bottom:1.25rem}.upload-progress-list{display:flex;flex-direction:column;gap:.75rem;max-height:320px;overflow-y:auto;padding-right:.25rem}.upload-progress-item{display:flex;flex-direction:column;gap:.35rem}.upload-progress-item-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.upload-progress-filename{font-size:.875rem;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.upload-progress-phase{font-size:.8125rem;flex-shrink:0}.upload-progress-phase-uploading{color:var(--text-muted)}.upload-progress-phase-processing{color:var(--text-muted);display:flex;align-items:center}.upload-progress-spinner{display:inline-block;width:12px;height:12px;border:2px solid var(--border-strong);border-top-color:#8ab4f8;border-radius:50%;animation:upload-spin .75s linear infinite}@keyframes upload-spin{to{transform:rotate(360deg)}}.upload-progress-phase-ready{color:#4caf50;font-weight:600}.upload-progress-phase-error{color:#f44336;font-weight:600}.upload-progress-track{height:3px;background:var(--border);border-radius:2px;overflow:hidden}.upload-progress-fill{height:100%;background:#6b7dff;border-radius:2px;transition:width .2s ease}@keyframes progress-slide{0%{transform:translate(-100%)}to{transform:translate(400%)}}.upload-progress-indeterminate{height:100%;width:25%;background:var(--border-strong);border-radius:2px;animation:progress-slide 1.4s ease-in-out infinite}.chat-sidebar{display:flex;flex-direction:column;align-items:flex-start;flex-shrink:0;padding:.5rem .5rem 0}.chat-toggle-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;padding:0;background:var(--bg-card);border:1px solid var(--border-mid);border-radius:6px;color:var(--text-faint);cursor:pointer;transition:border-color .15s,color .15s;flex-shrink:0}.chat-toggle-btn:hover{border-color:#4a9eff;color:var(--text)}.chat-toggle-btn-active{border-color:#4a9eff;color:#4a9eff;background:#0d1f35}.chat-panel{width:360px;flex:1;min-height:0;display:flex;flex-direction:column;border-left:1px solid var(--border);background:var(--bg-page);overflow:hidden}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--border);flex-shrink:0}.chat-header-title{display:flex;align-items:baseline;gap:.5rem}.chat-header-project{font-size:.8rem;font-weight:500;color:var(--text-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.chat-close-btn{background:none;border:none;color:var(--text-dim);font-size:1.1rem;cursor:pointer;padding:.1rem .3rem;border-radius:4px;line-height:1}.chat-close-btn:hover{color:var(--text);background:var(--bg-hover)}.chat-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.625rem}.chat-empty{color:var(--text-dimmer);font-size:.8rem;text-align:center;margin-top:2rem}.chat-bubble{max-width:88%;padding:.5rem .75rem;border-radius:10px;font-size:.85rem;line-height:1.5;word-break:break-word}.chat-bubble-assistant p{margin:0 0 .5rem}.chat-bubble-assistant p:last-child{margin-bottom:0}.chat-bubble-assistant h1,.chat-bubble-assistant h2,.chat-bubble-assistant h3{font-size:.9rem;font-weight:600;margin:.6rem 0 .3rem;color:silver}.chat-bubble-assistant ul,.chat-bubble-assistant ol{margin:.3rem 0 .5rem 1.2rem;padding:0}.chat-bubble-assistant li{margin-bottom:.2rem}.chat-bubble-assistant strong{color:#e8e8e8}.chat-bubble-assistant hr{border:none;border-top:1px solid var(--border-mid);margin:.6rem 0}.chat-bubble-assistant code{background:var(--border);border-radius:3px;padding:.1em .3em;font-size:.8rem;font-family:monospace}.chat-bubble-assistant pre{background:var(--bg-card);border-radius:6px;padding:.6rem;overflow-x:auto;margin:.4rem 0}.chat-bubble-assistant pre code{background:none;padding:0}.chat-bubble-user{align-self:flex-end;background:#1a3a5c;color:#d0e8ff;border-bottom-right-radius:3px;white-space:pre-wrap}.chat-bubble-assistant{align-self:flex-start;background:var(--bg-elevated);color:var(--text);border-bottom-left-radius:3px}.chat-bubble-streaming{opacity:.9}.chat-cursor{display:inline-block;width:2px;height:.9em;background:#4a9eff;margin-left:2px;vertical-align:text-bottom;animation:blink .8s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.chat-tool-indicator{align-self:flex-start;font-size:.75rem;font-style:italic;color:var(--text-dimmer);padding:.15rem .5rem}.chat-error{align-self:flex-start;font-size:.8rem;color:#ff6b6b;padding:.4rem .6rem;background:#2a1010;border-radius:6px;max-width:88%}.chat-input-row{display:flex;gap:.5rem;padding:.75rem;border-top:1px solid var(--border);flex-shrink:0;align-items:flex-end}.chat-textarea{flex:1;resize:none;background:var(--bg-card);border:1px solid var(--border-mid);border-radius:8px;color:var(--text);font-size:.85rem;font-family:inherit;padding:.5rem .75rem;line-height:1.4;outline:none;transition:border-color .15s}.chat-textarea:focus{border-color:#4a9eff}.chat-textarea:disabled{opacity:.5}.chat-send-btn{background:#1a3a5c;border:1px solid #2a5a8c;border-radius:8px;color:#4a9eff;font-size:.85rem;padding:.45rem .75rem;cursor:pointer;transition:background .15s,color .15s;flex-shrink:0}.chat-send-btn:hover:not(:disabled){background:#214a78;color:#80c0ff}.chat-send-btn:disabled{opacity:.4;cursor:not-allowed}.chat-stop-btn{background:#2a1010;border:1px solid #5c2a2a;border-radius:8px;color:#ff6b6b;font-size:.7rem;padding:.45rem .75rem;cursor:pointer;transition:background .15s;flex-shrink:0}.chat-stop-btn:hover{background:#3a1515}.chat-question{align-self:flex-start;max-width:92%;display:flex;flex-direction:column;gap:.5rem}.chat-question-text{font-size:.85rem;color:silver;padding:.1rem .2rem}.chat-question-options{display:flex;flex-direction:column;gap:.35rem}.chat-question-btn{background:#1a1a2e;border:1px solid #3a3a6a;border-radius:8px;color:#9090e0;font-size:.82rem;padding:.45rem .75rem;text-align:left;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.chat-question-btn:hover{background:#252545;border-color:#6060c0;color:#c0c0ff}.gcp-page{max-width:960px;margin:0 auto;padding:2rem 2.5rem;color:var(--text)}.gcp-breadcrumb{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--text-muted);margin-bottom:1.5rem}.gcp-breadcrumb-link{background:none;border:none;color:#8ab4f8;cursor:pointer;font-size:.8rem;padding:0}.gcp-breadcrumb-link:hover{text-decoration:underline}.gcp-breadcrumb-sep{color:#5f6368}.gcp-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.gcp-page-title{font-size:1.375rem;font-weight:400;color:var(--text);letter-spacing:0}.gcp-page-desc{font-size:.8125rem;color:var(--text-muted);margin-bottom:1.5rem;line-height:1.5}.gcp-inline-code{font-family:Roboto Mono,monospace;font-size:.775rem;background:var(--bg-input);padding:.1em .35em;border-radius:3px;color:var(--text-2)}.gcp-btn-primary{background:#8ab4f8;border:none;border-radius:4px;color:#202124;cursor:pointer;font-size:.875rem;font-weight:500;padding:0 1.25rem;height:36px;display:inline-flex;align-items:center;gap:.25rem;white-space:nowrap;transition:background .15s}.gcp-btn-primary:hover{background:#aecbfa}.gcp-btn-primary:disabled{opacity:.5;cursor:not-allowed}.gcp-banner{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;border-radius:4px;padding:1rem 1.25rem;margin-bottom:1.25rem;font-size:.875rem}.gcp-banner-error{background:#3c1f1f;border:1px solid #f28b82;color:#f28b82}.gcp-banner-info{background:#1a2840;border:1px solid #8ab4f8;color:var(--text)}.gcp-banner-body{flex:1}.gcp-banner-title{font-size:.875rem;margin-bottom:.25rem;color:var(--text)}.gcp-banner-subtitle{font-size:.775rem;color:var(--text-muted);margin-bottom:.75rem}.gcp-key-token-row{display:flex;align-items:center;gap:.75rem;background:#161b22;border:1px solid #30363d;border-radius:4px;padding:.6rem .9rem}.gcp-key-token{flex:1;font-family:Roboto Mono,Courier New,monospace;font-size:.775rem;color:#8ab4f8;word-break:break-all}.gcp-copy-btn{display:inline-flex;align-items:center;gap:.35rem;background:none;border:1px solid #8ab4f8;border-radius:3px;color:#8ab4f8;cursor:pointer;font-size:.775rem;padding:.3rem .65rem;white-space:nowrap;transition:background .15s}.gcp-copy-btn:hover{background:#8ab4f81a}.gcp-banner-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1rem;line-height:1;padding:0;flex-shrink:0}.gcp-banner-close:hover{color:var(--text)}.gcp-card{background:var(--bg-elevated);border:1px solid var(--bg-input);border-radius:4px;overflow:hidden}.gcp-table{width:100%;border-collapse:collapse;font-size:.8125rem}.gcp-table thead{background:#202124}.gcp-table th{text-align:left;color:var(--text-muted);font-weight:500;font-size:.75rem;padding:0 1rem;height:40px;border-bottom:1px solid var(--bg-input);letter-spacing:.01em;text-transform:uppercase}.gcp-table td{padding:0 1rem;height:48px;border-bottom:1px solid var(--bg-input);color:var(--text);vertical-align:middle}.gcp-table tbody tr:last-child td{border-bottom:none}.gcp-table tbody tr:hover{background:#272a2d}.gcp-row-highlight td{background:#1a2840!important}.gcp-td-name{font-weight:400;color:#8ab4f8}.gcp-key-prefix{font-family:Roboto Mono,monospace;font-size:.775rem;color:var(--text-2);background:var(--bg-input);padding:.2em .5em;border-radius:3px}.gcp-td-meta{color:var(--text-muted);font-size:.8rem}.gcp-never{color:#5f6368}.gcp-td-actions{text-align:right;width:56px}.gcp-icon-btn{background:none;border:none;border-radius:50%;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;transition:background .15s}.gcp-icon-btn-danger{color:var(--text-muted)}.gcp-icon-btn-danger:hover{background:#f28b821a;color:#f28b82}.gcp-icon-btn:disabled{opacity:.4;cursor:not-allowed}.gcp-table-empty{padding:3rem 1.5rem;text-align:center;color:var(--text-muted);font-size:.875rem}.settings-tabs{display:flex;border-bottom:1px solid #3c4043;margin-bottom:1.5rem}.settings-tab{background:none;border:none;border-bottom:2px solid transparent;color:var(--text-muted);cursor:pointer;font-size:.875rem;padding:.6rem 1.25rem;margin-bottom:-1px;transition:color .15s,border-color .15s}.settings-tab:hover{color:var(--text)}.settings-tab-active{color:#8ab4f8;border-bottom-color:#8ab4f8}.gcp-section-title{font-size:1rem;font-weight:500;color:var(--text);margin:1.75rem 0 .75rem}.credits-balance-card{display:flex;flex-direction:column;gap:.5rem}.credits-balance-label{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.credits-balance-value{font-size:2.5rem;font-weight:600;color:#8ab4f8;font-variant-numeric:tabular-nums}.credits-balance-negative{color:#f28b82}.credits-balance-warning{font-size:.8rem;color:#f28b82}.credits-packages{display:flex;gap:1rem;flex-wrap:wrap}.credits-package-card{background:var(--bg-elevated);border:1px solid #3c4043;border-radius:8px;padding:1.25rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:130px}.credits-package-minutes{font-size:1.25rem;font-weight:600;color:var(--text)}.credits-package-price{font-size:.9rem;color:var(--text-muted);margin-bottom:.25rem}.credits-ar-card{display:flex;flex-direction:column;gap:1rem}.credits-ar-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.credits-ar-label{font-size:.875rem;color:var(--text-2);display:flex;align-items:center;gap:.5rem;cursor:pointer}.credits-ar-input{background:var(--bg-input);border:1px solid #5f6368;border-radius:4px;color:var(--text);font-size:.875rem;padding:.3rem .5rem;width:80px}.credits-ar-select{background:var(--bg-input);border:1px solid #5f6368;border-radius:4px;color:var(--text);font-size:.875rem;padding:.3rem .5rem}.credits-ar-unit{font-size:.8rem;color:var(--text-muted)}.credits-ar-note{color:var(--text-muted)}.credits-tx-badge{display:inline-block;font-size:.7rem;padding:.15em .5em;border-radius:3px;text-transform:uppercase;letter-spacing:.04em;font-weight:600}.credits-tx-purchase{background:#8ab4f826;color:#8ab4f8}.credits-tx-auto{background:#81c99526;color:#81c995}.credits-tx-usage{background:#9aa0a61a;color:var(--text-muted)}.credits-tx-positive{color:#81c995;font-variant-numeric:tabular-nums}.credits-tx-negative{color:#f28b82;font-variant-numeric:tabular-nums}.credits-invoice-link{font-size:.75rem;color:#8ab4f8;text-decoration:none;white-space:nowrap}.credits-invoice-link:hover{text-decoration:underline}.nav{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;height:56px;background:var(--bg-page);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--overlay-light2);flex-shrink:0}.nav-left{display:flex;align-items:center;gap:2rem}.nav-logo-link{display:flex;align-items:center;text-decoration:none;flex-shrink:0}.nav-logo{height:32px;width:auto;display:block}.nav-links{display:flex;align-items:center;gap:.25rem}.nav-link{font-size:.875rem;font-weight:500;color:var(--text-muted);text-decoration:none;padding:.35rem .75rem;border-radius:6px;transition:color .15s,background .15s}.nav-link:hover{color:var(--text);background:var(--overlay-light)}.nav-link-active{color:var(--text);background:var(--overlay-light3)}.nav-right{display:flex;align-items:center;gap:1rem}.nav-user-name{font-size:.85rem;color:var(--text-dim)}.nav-theme-toggle{background:none;border:none;cursor:pointer;font-size:1rem;padding:.35rem .5rem;border-radius:6px;line-height:1;transition:background .15s}.nav-theme-toggle:hover{background:var(--overlay-light)}.nav-logout{font-size:.85rem;font-weight:500;color:var(--text-muted);background:none;border:none;cursor:pointer;padding:.35rem .75rem;border-radius:6px;transition:color .15s,background .15s}.nav-logout:hover{color:var(--text);background:var(--overlay-light)}.nav-credits{font-size:.8rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text-faint);text-decoration:none;padding:.3rem .7rem;border:1px solid var(--overlay-light4);border-radius:6px;transition:background .15s,border-color .15s,color .15s}.nav-credits:hover{background:var(--overlay-light);border-color:#fff3;color:var(--text)}.nav-credits-low{color:#f28b82;border-color:#f28b824d}.nav-credits-low:hover{background:#f28b8214;border-color:#f28b8280;color:#f28b82}.nav-sign-in{font-size:.85rem;font-weight:500;color:#4a9eff;text-decoration:none;padding:.35rem .9rem;border:1px solid rgba(74,158,255,.35);border-radius:6px;transition:background .15s,border-color .15s}.nav-sign-in:hover{background:#4a9eff1a;border-color:#4a9eff99}.landing{background:#0a0a0a;color:var(--text);min-height:100vh;font-family:system-ui,-apple-system,sans-serif;overflow-x:hidden}.landing-hero{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:7rem 2rem 6rem;overflow:hidden}.landing-hero-inner{position:relative;z-index:1;max-width:720px}.landing-hero-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);width:700px;height:500px;background:radial-gradient(ellipse at center,rgba(74,158,255,.15) 0%,transparent 70%);pointer-events:none}.landing-badge{display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#4a9eff;background:#4a9eff1a;border:1px solid rgba(74,158,255,.25);border-radius:100px;padding:.3rem .9rem;margin-bottom:1.75rem}.landing-hero-headline{font-size:clamp(2.5rem,6vw,4rem);font-weight:800;line-height:1.1;letter-spacing:-.03em;color:#fff;margin:0 0 1.25rem}.landing-hero-sub{font-size:1.1rem;line-height:1.7;color:#999;margin:0 0 2.5rem}.landing-hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:1.25rem}.landing-hero-note{font-size:.8rem;color:var(--text-dimmer);margin:0}.landing-btn-primary{display:inline-block;font-size:.9rem;font-weight:600;color:#fff;background:#4a9eff;text-decoration:none;padding:.7rem 1.75rem;border-radius:8px;transition:background .15s,transform .1s}.landing-btn-primary:hover{background:#3a8eef;transform:translateY(-1px)}.landing-btn-large{font-size:1rem;padding:.85rem 2.25rem}.landing-btn-ghost{display:inline-block;font-size:.9rem;font-weight:500;color:var(--text-faint);text-decoration:none;padding:.7rem 1.5rem;border:1px solid var(--overlay-light4);border-radius:8px;transition:color .15s,border-color .15s}.landing-btn-ghost:hover{color:var(--text);border-color:#ffffff40}.landing-section{padding:6rem 2rem}.landing-section-alt{background:#ffffff05;border-top:1px solid var(--overlay-light);border-bottom:1px solid var(--overlay-light)}.landing-section-inner{max-width:1080px;margin:0 auto}.landing-eyebrow{font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#4a9eff;margin:0 0 .75rem}.landing-section-title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;letter-spacing:-.025em;color:#fff;margin:0 0 3rem;max-width:600px}.landing-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5px;background:var(--overlay-light2);border:1px solid var(--overlay-light2);border-radius:12px;overflow:hidden}.landing-feature-card{background:#0a0a0a;padding:2rem;transition:background .2s}.landing-feature-card:hover{background:var(--bg-page)}.landing-feature-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;background:#4a9eff1a;color:#4a9eff;margin-bottom:1.25rem}.landing-feature-card h3{font-size:1rem;font-weight:600;color:#fff;margin:0 0 .6rem}.landing-feature-card p{font-size:.875rem;line-height:1.65;color:#777;margin:0}.landing-steps{display:flex;align-items:flex-start;gap:0}.landing-step{flex:1;display:flex;flex-direction:column;gap:1rem}.landing-step-connector{width:80px;height:1px;background:linear-gradient(to right,#4a9eff66,#4a9eff1a);margin-top:1.25rem;flex-shrink:0}.landing-step-num{font-size:2.5rem;font-weight:800;color:#4a9eff40;line-height:1;letter-spacing:-.04em}.landing-step-body h3{font-size:1.05rem;font-weight:600;color:#fff;margin:0 0 .5rem}.landing-step-body p{font-size:.875rem;line-height:1.65;color:#777;margin:0}.landing-cta-section{padding:6rem 2rem;text-align:center;background:radial-gradient(ellipse at 50% 0%,rgba(74,158,255,.08) 0%,transparent 70%);border-top:1px solid var(--overlay-light)}.landing-cta-inner{display:flex;flex-direction:column;align-items:center}.landing-cta-headline{font-size:clamp(2rem,5vw,3rem);font-weight:800;letter-spacing:-.03em;color:#fff;margin:0 0 1rem}.landing-cta-sub{font-size:1rem;color:#777;margin:0 0 2.5rem}.landing-footer{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-top:1px solid var(--overlay-light);font-size:.8rem;color:var(--text-dimmer)}.landing-footer-logo{font-weight:700;color:var(--text-muted)}@media(max-width:700px){.landing-steps{flex-direction:column;gap:2.5rem}.landing-step-connector{display:none}.landing-footer{flex-direction:column;gap:.5rem;text-align:center}}.sys-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.sys-card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;overflow:hidden}.sys-card-header{padding:.5rem .75rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);border-bottom:1px solid var(--border);background:var(--bg-hover)}.sys-card-body{padding:.75rem;display:flex;flex-direction:column;gap:.5rem}.sys-stat-row{display:flex;justify-content:space-between;align-items:baseline;font-size:.8125rem}.sys-stat-sub{font-size:.6875rem;color:var(--text-dimmer)}.sys-label{color:var(--text-muted)}.sys-value{color:var(--text);font-weight:500;font-family:SF Mono,Fira Code,Menlo,monospace;font-size:.8125rem}.sys-value-lg{font-size:1.25rem}.sys-bar{width:100%;height:6px;background:var(--bg-page);border-radius:3px;overflow:hidden}.sys-bar-fill{height:100%;border-radius:3px;transition:width .5s ease}