@charset "UTF-8";:root{--brand: #60A5FA;--brand-dim: #2563EB;--brand-glow: rgba(37,99,235,.28);--accent: #F59E0B;--bg: #060D1B;--surface: #0C1628;--surface-2: #132035;--border: #1A2E4A;--border-mid: #253D5E;--text: #E6EDF3;--text-muted: #8B95A3;--text-subtle: #6B7480;--code-bg: #0D1117;--success: #3FB950;--danger: #F85149;--radius-sm: 5px;--radius: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 0 rgba(0,0,0,.3);--shadow: 0 4px 12px rgba(0,0,0,.4);--shadow-md: 0 8px 20px rgba(0,0,0,.45);--shadow-lg: 0 16px 48px rgba(0,0,0,.6)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;font-variant-ligatures:none}body,#root{font-family:Inter,sans-serif;background:var(--bg);color:var(--text);width:100vw;height:100vh;overflow:hidden;font-size:14px;line-height:1.5}h1,h2,h3,h4{font-weight:600;color:var(--text)}li{list-style:none}input,textarea{font-family:Inter,sans-serif;background:var(--bg);color:var(--text);border:1px solid var(--border-mid);border-radius:var(--radius-sm);padding:8px 10px;font-size:12px;resize:none;width:100%;transition:border-color .15s,box-shadow .15s}input:focus,textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-glow)}input::placeholder,textarea::placeholder{color:var(--text-subtle)}button{font-family:Inter,sans-serif;background:none;color:var(--text);border:none;font-size:13px;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex;align-items:center;gap:6px;border-radius:var(--radius-sm);padding:8px 14px;transition:background .12s,color .12s,opacity .12s}button:focus-visible{outline:2px solid var(--brand);outline-offset:2px}button:disabled{opacity:.4;cursor:not-allowed}.icon{font-family:Material Symbols Outlined;font-weight:300;line-height:1;font-size:18px;flex-shrink:0}main{display:flex;flex-direction:row;height:100vh;width:100vw;overflow:hidden}.sidebar{width:200px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;height:100vh;overflow:hidden}.sidebar-logo{display:flex;align-items:center;gap:9px;padding:0 16px;height:52px;flex-shrink:0;border-bottom:1px solid var(--border);font-size:14px;font-weight:700;color:var(--text);letter-spacing:-.4px}.sidebar-logo-mark{width:22px;height:22px;background:linear-gradient(135deg,#3B82F6,var(--brand-dim));border-radius:5px;flex-shrink:0}.sidebar-nav{flex:1;padding:10px 8px;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;color:var(--text-muted);width:100%;text-align:left;transition:background .1s,color .1s;position:relative}.nav-item .icon{font-size:17px;flex-shrink:0}.nav-item.active{background:#2563eb1f;color:var(--brand);font-weight:600}.nav-badge{margin-left:auto;background:var(--brand-dim);color:#fff;font-size:10px;font-weight:700;padding:1px 6px;border-radius:10px;line-height:1.5}.sidebar-user{display:flex;align-items:center;gap:8px;padding:12px 10px;border-top:1px solid var(--border);flex-shrink:0}.sidebar-user-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.sidebar-user-name{font-size:12px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-email{font-size:10px;color:var(--text-subtle);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-logout{padding:6px;color:var(--text-subtle);border-radius:var(--radius-sm);display:flex;align-items:center;text-decoration:none;transition:color .1s,background .1s;flex-shrink:0}.sidebar-logout:hover{color:var(--danger);background:#f8514914}.sidebar-logout .icon{font-size:16px}.page-content{flex:1;overflow:hidden;display:flex;flex-direction:column}.home-page{flex:1;overflow-y:auto;padding:32px 36px;background:var(--bg);display:flex;flex-direction:column;gap:28px}.home-page::-webkit-scrollbar{width:6px}.home-page::-webkit-scrollbar-thumb{background:var(--border-mid);border-radius:3px}.home-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.home-greeting{font-size:24px;font-weight:800;color:var(--text);letter-spacing:-.5px;line-height:1.1;margin-bottom:6px}.home-subtitle{font-size:13px;color:var(--text-muted);line-height:1.5}.home-cta{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;background:var(--brand-dim);color:#fff;border-radius:var(--radius-sm);font-size:13px;font-weight:600;white-space:nowrap;flex-shrink:0;transition:background .12s}.home-cta:hover{background:#1d4ed8}.home-cta .icon{font-size:18px}.home-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px 22px;display:flex;flex-direction:column;gap:4px}.stat-value{font-size:32px;font-weight:800;color:var(--text);letter-spacing:-1px;line-height:1}.stat-label{font-size:11px;color:var(--text-muted);font-weight:500}.home-section{display:flex;flex-direction:column;gap:12px}.home-section-header{display:flex;align-items:center;justify-content:space-between}.home-section-header h2{font-size:14px;font-weight:700;color:var(--text)}.home-section-link{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--brand);padding:0;background:none;transition:opacity .1s}.home-section-link:hover{opacity:.7}.home-section-link .icon{font-size:14px}.recent-drafts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.recent-draft-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;cursor:pointer;transition:border-color .12s,background .12s;display:flex;flex-direction:column;gap:6px}.recent-draft-card:hover{border-color:var(--brand-dim);background:var(--surface-2);box-shadow:var(--shadow)}.recent-draft-mode{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--brand);background:#2563eb24;padding:2px 6px;border-radius:4px;align-self:flex-start;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.recent-draft-title{font-size:13px;font-weight:600;color:var(--text);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.recent-draft-date{font-size:10px;color:var(--text-subtle);margin-top:auto;padding-top:4px}.home-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--text-muted);text-align:center;min-height:260px}.home-empty .icon{font-size:48px;font-weight:200;color:var(--text-subtle)}.home-empty p{font-size:13px;max-width:280px;line-height:1.5}.generate-view{flex:1;display:flex;flex-direction:row;overflow:hidden;position:relative}.video-pane{flex:11;display:flex;flex-direction:column;background:#010409}.docs-pane{flex:9;display:flex;flex-direction:column;overflow:hidden;background:var(--bg);border-left:1px solid var(--border);transition:opacity .2s}.docs-pane.inactive{opacity:.3;pointer-events:none}.docs-controls{padding:12px 14px;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0}.generation-controls{display:flex;flex-direction:column;gap:12px}.controls-label{font-size:10px;font-weight:600;color:var(--text-subtle);text-transform:uppercase;letter-spacing:1.2px}.modeList{display:grid;grid-template-columns:1fr 1fr;gap:4px}.mode-card{display:flex;align-items:center;padding:7px 10px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);color:var(--text-muted);font-size:11px;font-weight:500;cursor:pointer;transition:all .12s;text-align:left;line-height:1.2;gap:0}.mode-card:hover{border-color:var(--border-mid);color:var(--text);background:#1f2937}.mode-card.active{border-color:var(--brand-dim);background:#2563eb1f;color:var(--brand);font-weight:600;box-shadow:inset 3px 0 0 var(--brand-dim)}.generateButton{width:100%;justify-content:center;background:var(--brand-dim);color:#fff;font-size:13px;font-weight:600;padding:9px 16px;border-radius:var(--radius-sm);transition:background .15s ease-out,transform .1s,box-shadow .15s ease-out;letter-spacing:.1px;box-shadow:0 2px 8px #1d4ed866}.generateButton .icon{font-size:18px}.generateButton:hover:not(:disabled){background:#1d4ed8;box-shadow:0 4px 14px #1d4ed880}.generateButton:active:not(:disabled){transform:scale(.99);box-shadow:none}.custom-prompt-wrapper{display:flex;flex-direction:column;gap:6px}.btn-save-as-template{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--text-muted);padding:4px 0;background:none}.btn-save-as-template:hover{color:var(--brand)}.btn-save-as-template .icon{font-size:14px}.template-form{display:flex;flex-direction:column;gap:6px;background:var(--surface-2);border:1px solid var(--border-mid);border-radius:var(--radius-sm);padding:8px}.template-form input{font-size:12px}.template-form-actions{display:flex;gap:6px}.btn-save-template{flex:1;padding:5px 10px;background:var(--brand-dim);color:#fff;border-radius:var(--radius-sm);font-size:11px;font-weight:600;justify-content:center}.btn-save-template:hover{background:#1d4ed8}.btn-cancel{padding:5px 10px;background:var(--surface);color:var(--text-muted);border:1px solid var(--border-mid);border-radius:var(--radius-sm);font-size:11px}.btn-cancel:hover{color:var(--text)}.templates-section{display:flex;flex-direction:column;gap:4px}.templates-list{display:flex;flex-wrap:wrap;gap:4px}.template-chip{display:inline-flex;align-items:center;border:1px solid var(--border-mid);border-radius:20px;background:var(--surface-2);overflow:hidden;transition:border-color .12s}.template-chip.active{border-color:var(--brand-dim);background:#2563eb1f}.template-chip:hover{border-color:var(--brand-dim)}.template-chip-name{font-size:11px;font-weight:500;color:var(--text-muted);padding:3px 8px 3px 10px;cursor:pointer;white-space:nowrap}.template-chip.active .template-chip-name{color:var(--brand)}.template-chip-name:hover{color:var(--text)}.template-chip-del{padding:3px 6px 3px 2px;color:var(--text-subtle);border-radius:0}.template-chip-del:hover{color:var(--danger)}.template-chip-del .icon{font-size:12px}.output{flex:1;padding:16px;overflow-y:auto;line-height:1.65}.output::-webkit-scrollbar{width:6px}.output::-webkit-scrollbar-track{background:transparent}.output::-webkit-scrollbar-thumb{background:var(--border-mid);border-radius:3px}.output::-webkit-scrollbar-thumb:hover{background:#484f58}.loading{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;color:var(--text-muted);padding:24px;text-align:center;font-size:13px}.loading-note{font-size:11px;max-width:240px;color:var(--text-subtle);line-height:1.5}.spinner{width:28px;height:28px;border:2px solid var(--border-mid);border-top-color:var(--brand);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.spinner-small{width:12px;height:12px;border:2px solid var(--border-mid);border-top-color:var(--text-muted);border-radius:50%;animation:spin .7s linear infinite}.drafts-search-bar{display:flex;align-items:center;gap:6px;padding:8px 10px;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0}.drafts-search-bar .icon{font-size:15px;color:var(--text-subtle);flex-shrink:0}.drafts-search-bar input{flex:1;background:none;border:none;padding:0;font-size:12px;color:var(--text);outline:none;box-shadow:none}.search-clear{padding:2px;color:var(--text-subtle)}.search-clear:hover{color:var(--text)}.search-clear .icon{font-size:14px}.drafts-filters{display:flex;flex-wrap:wrap;gap:4px;padding:8px 10px;border-bottom:1px solid var(--border);background:var(--surface)}.filter-chip{padding:2px 8px;font-size:10px;font-weight:500;border-radius:12px;border:1px solid var(--border-mid);color:var(--text-muted);background:none;transition:all .1s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90px}.filter-chip:hover{border-color:var(--brand-dim);color:var(--brand)}.filter-chip.active{background:#2563eb24;border-color:var(--brand-dim);color:var(--brand);font-weight:600}.doc-title-row{display:flex;align-items:flex-start;gap:8px;margin-bottom:6px}.doc-title-row h1{flex:1}.edit-toggle{padding:5px 7px;border:1px solid var(--border-mid);border-radius:var(--radius-sm);color:var(--text-muted);flex-shrink:0;margin-top:2px;transition:all .12s}.edit-toggle:hover,.edit-toggle.active{border-color:var(--brand-dim);color:var(--brand);background:#2563eb1f}.edit-toggle .icon{font-size:16px}.edit-doc-title{flex:1;font-size:17px;font-weight:700;letter-spacing:-.3px;background:var(--surface-2);border:1px solid var(--brand-dim);border-radius:var(--radius-sm);padding:4px 8px;color:var(--text);box-shadow:0 0 0 3px var(--brand-glow)}.edit-summary{width:100%;font-size:12px;font-style:italic;color:var(--text-muted);background:var(--surface-2);border:1px solid var(--border-mid);border-radius:var(--radius-sm);padding:6px 8px;margin-bottom:16px;resize:vertical}.section-heading-row{display:flex;align-items:center;gap:6px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--border)}.section-heading-row h2{flex:1;margin-bottom:0;padding-bottom:0;border-bottom:none}.edit-heading{flex:1;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;background:var(--surface-2);border:1px solid var(--border-mid);border-radius:var(--radius-sm);padding:4px 8px;color:var(--text-muted)}.edit-content{width:100%;font-size:13px;background:var(--surface-2);border:1px solid var(--border-mid);border-radius:var(--radius-sm);padding:6px 8px;color:var(--text);margin-bottom:10px;resize:vertical}.edit-time{font-family:Space Mono,monospace;font-size:10px;background:#2563eb24;border:1px solid var(--brand-dim);border-radius:4px;padding:1px 6px;color:var(--brand);width:60px;flex-shrink:0;margin-top:2px;text-align:center}.edit-step-desc{flex:1;font-size:12px;background:var(--surface-2);border:1px solid var(--border-mid);border-radius:var(--radius-sm);padding:4px 8px;color:var(--text);resize:vertical;min-height:40px}.edit-code{width:calc(100% - 26px);margin:8px 0 0 26px;font-family:Space Mono,monospace;font-size:11px;background:var(--code-bg);border:1px solid var(--border-mid);border-radius:var(--radius-sm);padding:10px 12px;color:#cdd9e5;resize:vertical;min-height:50px}.edit-remove-btn{padding:4px;color:var(--text-subtle);border-radius:var(--radius-sm);flex-shrink:0;transition:color .1s,background .1s}.edit-remove-btn:hover{color:var(--danger);background:#f851491a}.edit-remove-btn .icon{font-size:15px}.step-remove{align-self:flex-start;margin-top:2px}.add-step-row{background:none!important;border:none!important;padding:4px 0!important;cursor:default!important}.add-step-btn{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-subtle);padding:4px 8px;border:1px dashed var(--border-mid);border-radius:var(--radius-sm);width:100%;justify-content:center;transition:color .12s,border-color .12s}.add-step-btn:hover{color:var(--brand);border-color:var(--brand-dim)}.add-step-btn .icon{font-size:15px}.add-section-btn{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-subtle);padding:8px 12px;border:1px dashed var(--border-mid);border-radius:var(--radius-sm);width:100%;justify-content:center;margin-top:12px;transition:color .12s,border-color .12s}.add-section-btn:hover{color:var(--brand);border-color:var(--brand-dim)}.add-section-btn .icon{font-size:16px}.document-output{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);padding:22px 22px 20px}.document-output h1{font-size:17px;font-weight:700;letter-spacing:-.3px;margin-bottom:6px;color:var(--text)}.document-output p.summary{color:var(--text-muted);font-size:12px;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--border);font-style:italic}.document-section{margin-bottom:20px}.document-section h2{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--border)}.document-section>p{font-size:13px;color:var(--text);margin-bottom:10px;line-height:1.6}.document-section ol{list-style:none;padding:0;display:flex;flex-direction:column;gap:4px}.document-section li{padding:10px 12px;border:1px solid transparent;border-radius:var(--radius-sm);background:var(--surface-2);transition:background .12s,border-color .12s;cursor:pointer}.document-section li:hover{background:#1f2937;border-color:var(--border-mid)}.document-section .step-description{display:flex;align-items:flex-start;gap:8px}.step-num{display:flex;align-items:center;justify-content:center;width:18px;height:18px;min-width:18px;border-radius:50%;background:var(--brand-dim);color:#fff;font-size:10px;font-weight:700;margin-top:2px;font-family:Inter,sans-serif}.document-section .step-description time{display:inline-flex;align-items:center;color:var(--brand);font-family:Space Mono,monospace;font-size:10px;background:#2563eb24;padding:1px 6px;border-radius:4px;white-space:nowrap;margin-top:2px;flex-shrink:0}.document-section .step-description p{flex:1;font-size:12px;line-height:1.55;color:var(--text)}.document-section pre{background:var(--code-bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;margin:8px 0 0 26px;overflow-x:auto}.document-section code{font-family:Space Mono,monospace;font-size:11px;color:#cdd9e5;white-space:pre-wrap;word-break:break-all}.step-screenshot{width:calc(100% - 26px);border-radius:var(--radius-sm);border:1px solid var(--border);margin:8px 0 0 26px;display:block}.screenshot-placeholder{width:calc(100% - 26px);height:72px;background:var(--surface-2);border:1px dashed var(--border-mid);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;gap:6px;margin:8px 0 0 26px;color:var(--text-muted);font-size:11px}.screenshot-status{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--text-muted);background:var(--surface-2);padding:7px 10px;border-radius:var(--radius-sm);margin-bottom:12px;border:1px solid var(--border)}.share-page{min-height:100vh;background:var(--bg);display:flex;flex-direction:column}.share-reading-bar{position:fixed;top:0;left:0;height:2px;width:0%;background:linear-gradient(90deg,var(--brand-dim),var(--brand));z-index:100;transition:width .1s linear;border-radius:0 1px 1px 0}.share-header{display:grid;grid-template-columns:160px 1fr 160px;align-items:center;padding:0 28px;height:54px;background:#0c1628d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);flex-shrink:0;position:sticky;top:0;z-index:50}.share-header-logo{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--text-muted);letter-spacing:-.3px;text-decoration:none;transition:color .12s}.share-header-logo:hover{color:var(--text)}.share-header-center{display:flex;align-items:center;justify-content:center;overflow:hidden}.share-header-title{font-size:13px;font-weight:600;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:400px}.share-header-right{display:flex;align-items:center;justify-content:flex-end}.share-copy-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:500;color:var(--text-muted);border:1px solid var(--border-mid);border-radius:var(--radius-sm);transition:color .12s,border-color .12s,background .12s;white-space:nowrap}.share-copy-btn:hover{color:var(--brand);border-color:#2563eb66;background:#2563eb0f}.share-copy-btn.copied{color:var(--success);border-color:#3fb95059}.share-copy-btn .icon{font-size:14px}.share-hero{background:linear-gradient(170deg,#080f1e,#0a1628 60%,#060d1b);border-bottom:1px solid var(--border);padding:56px 28px 48px}.share-hero-inner{max-width:760px;margin:0 auto}.share-hero-badges{display:flex;gap:8px;margin-bottom:20px}.share-mode-badge{display:inline-flex;align-items:center;font-size:11px;font-weight:600;background:#2563eb24;color:var(--brand);padding:3px 10px;border-radius:20px;border:1px solid rgba(37,99,235,.25);letter-spacing:.3px}.share-hero-title{font-size:clamp(22px,4vw,32px);font-weight:700;color:var(--text);letter-spacing:-.6px;line-height:1.2;margin-bottom:16px}.share-hero-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:20px}.share-hero-meta-item{display:flex;align-items:center;gap:5px;font-size:13px;color:var(--text-muted)}.share-hero-meta-item .icon{font-size:15px;color:var(--text-subtle)}.share-hero-summary{font-size:15px;color:var(--text-muted);line-height:1.65;max-width:680px;border-left:3px solid var(--brand-dim);padding-left:16px;margin-top:8px}.share-layout{flex:1;display:flex;max-width:1100px;width:100%;margin:0 auto;padding:48px 28px 64px;gap:48px;align-items:flex-start}.share-toc{flex-shrink:0;width:210px;position:sticky;top:74px;align-self:flex-start;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.share-toc-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-subtle);margin-bottom:10px}.share-toc-item{display:block;padding:6px 8px;font-size:12px;color:var(--text-muted);border-left:2px solid var(--border-mid);text-decoration:none;transition:color .12s,border-color .12s,background .12s;line-height:1.4;margin-bottom:1px;border-radius:0 var(--radius-sm) var(--radius-sm) 0}.share-toc-item:hover{color:var(--brand);border-color:var(--brand);background:#2563eb0d}.share-body{flex:1;min-width:0;max-width:760px}.share-document{box-shadow:none}.share-footer{display:flex;align-items:center;justify-content:center;gap:8px;padding:20px 28px;border-top:1px solid var(--border);font-size:12px;color:var(--text-subtle);flex-shrink:0;margin-top:auto}.share-footer-brand{display:flex;align-items:center;gap:5px;font-weight:600;color:var(--text-muted);text-decoration:none;transition:color .12s}.share-footer-brand:hover{color:var(--brand)}.share-error{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--text-muted);text-align:center;background:var(--bg)}.share-error .icon{font-size:48px;font-weight:200;color:var(--text-subtle)}.share-error h2{font-size:18px;color:var(--text)}.share-error p{font-size:13px}.share-error-cta{margin-top:4px;padding:8px 20px;font-size:13px;font-weight:600;color:var(--brand);border:1px solid rgba(37,99,235,.35);border-radius:var(--radius-sm);text-decoration:none;transition:background .12s}.share-error-cta:hover{background:#2563eb1f}.share-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.share-modal{background:var(--surface);border:1px solid var(--border-mid);border-radius:var(--radius);width:100%;max-width:480px;box-shadow:0 8px 32px #00000080}.share-modal-header{display:flex;align-items:flex-start;gap:12px;padding:20px 20px 16px;border-bottom:1px solid var(--border)}.share-modal-title-area{display:flex;align-items:flex-start;gap:12px;flex:1}.share-modal-icon{font-size:20px;color:var(--brand);margin-top:2px}.share-modal-header h3{font-size:15px;font-weight:600;color:var(--text);margin:0 0 4px}.share-modal-header p{font-size:12px;color:var(--text-muted);margin:0}.share-modal-close{color:var(--text-subtle);padding:2px;border-radius:4px;transition:color .12s,background .12s;flex-shrink:0}.share-modal-close:hover{color:var(--text);background:var(--surface-2)}.share-modal-close .icon{font-size:18px}.share-modal-body{padding:16px 20px 20px;display:flex;flex-direction:column;gap:12px}.share-modal-loading{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-muted);padding:8px 0}.share-modal-url-row{display:flex;gap:8px}.share-modal-url-input{flex:1;font-size:12px;font-family:JetBrains Mono,monospace;color:var(--text-muted);background:var(--bg);border:1px solid var(--border-mid);border-radius:var(--radius-sm);padding:8px 10px;cursor:text;min-width:0}.share-modal-url-input:focus{outline:none;border-color:var(--brand);color:var(--text)}.share-modal-copy-btn{display:flex;align-items:center;gap:5px;padding:8px 14px;font-size:12px;font-weight:600;color:#fff;background:var(--brand-dim);border-radius:var(--radius-sm);white-space:nowrap;transition:background .12s;flex-shrink:0}.share-modal-copy-btn:hover{background:var(--brand)}.share-modal-copy-btn.copied{background:var(--success)}.share-modal-copy-btn .icon{font-size:14px}.share-modal-footer-row{display:flex;align-items:center;justify-content:space-between;font-size:12px}.share-modal-status{display:flex;align-items:center;gap:5px;color:var(--success)}.share-modal-status .icon{font-size:14px}.share-modal-revoke{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-subtle);padding:4px 8px;border-radius:var(--radius-sm);transition:color .12s,background .12s}.share-modal-revoke:hover{color:var(--danger);background:#f8514914}.share-modal-revoke .icon{font-size:13px}.draft-shared-dot{display:flex;align-items:center;color:var(--text-subtle);padding:2px}.draft-shared-dot .icon{font-size:12px}.search-content-indicator{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-subtle);padding:6px 12px}.draft-confluence-btn{display:flex;align-items:center;gap:5px;padding:6px 10px;font-size:12px;font-weight:600;color:#0052cc;background:#0052cc1a;border:1px solid rgba(0,82,204,.3);border-radius:var(--radius-sm);transition:background .12s,border-color .12s}.draft-confluence-btn:hover{background:#0052cc2e;border-color:#0052cc80}.draft-confluence-btn .icon{font-size:14px}.confluence-modal{max-width:460px}.confluence-modal-icon{width:32px;height:32px;border-radius:6px;background:#0052cc;color:#fff;font-size:16px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.confluence-form{display:flex;flex-direction:column;gap:8px}.confluence-label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:4px}.confluence-label:first-child{margin-top:0}.confluence-optional{font-weight:400;text-transform:none;letter-spacing:0;color:var(--text-subtle)}.confluence-input{width:100%;padding:8px 10px;font-size:13px;color:var(--text);background:var(--bg);border:1px solid var(--border-mid);border-radius:var(--radius-sm);transition:border-color .12s}.confluence-input:focus{outline:none;border-color:#0052cc}.confluence-input option{background:var(--surface)}.confluence-loading{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-muted);padding:8px 0}.confluence-error{font-size:12px;color:var(--danger);padding:8px 10px;background:#f8514914;border:1px solid rgba(248,81,73,.2);border-radius:var(--radius-sm)}.confluence-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:4px}.confluence-publish-btn{display:flex;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:600;color:#fff;background:#0052cc;border-radius:var(--radius-sm);transition:background .12s}.confluence-publish-btn:hover:not(:disabled){background:#0065ff}.confluence-publish-btn:disabled{opacity:.5}.confluence-publish-btn .icon{font-size:15px}.confluence-success{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 0 8px;text-align:center}.confluence-success-icon{font-size:40px;color:var(--success)}.confluence-success-title{font-size:15px;font-weight:600;color:var(--text)}.confluence-success-sub{font-size:13px;color:var(--text-muted)}.confluence-success-link{display:flex;align-items:center;gap:5px;margin-top:4px;padding:8px 16px;font-size:13px;font-weight:600;color:#0052cc;background:#0052cc1a;border:1px solid rgba(0,82,204,.3);border-radius:var(--radius-sm);text-decoration:none;transition:background .12s}.confluence-success-link:hover{background:#0052cc2e}.confluence-success-link .icon{font-size:14px}.confluence-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:2px;padding:6px 8px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:12px}.confluence-breadcrumb-item{display:flex;align-items:center}.confluence-breadcrumb-sep{color:var(--text-subtle);padding:0 2px}.confluence-breadcrumb-btn{color:var(--brand);font-size:12px;padding:1px 4px;border-radius:3px;transition:background .1s}.confluence-breadcrumb-btn:hover{background:#2563eb1f}.confluence-selected-parent{display:flex;align-items:center;gap:6px;padding:7px 10px;font-size:12px;color:var(--text-muted);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm)}.confluence-selected-parent.set{border-color:#0052cc66;color:var(--text)}.confluence-selected-parent .icon{font-size:15px;color:var(--text-subtle);flex-shrink:0}.confluence-selected-parent.set .icon{color:#0052cc}.confluence-clear-parent{margin-left:auto;color:var(--text-subtle);padding:1px;border-radius:3px;transition:color .1s;flex-shrink:0}.confluence-clear-parent:hover{color:var(--danger)}.confluence-clear-parent .icon{font-size:14px}.confluence-page-list{max-height:200px;overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg)}.confluence-page-row{display:flex;align-items:center;gap:8px;padding:7px 10px;cursor:pointer;border-bottom:1px solid var(--border);transition:background .1s}.confluence-page-row:last-child{border-bottom:none}.confluence-page-row:hover{background:var(--surface-2)}.confluence-page-row.selected{background:#0052cc1a}.confluence-page-icon{font-size:15px;color:var(--text-subtle);flex-shrink:0}.confluence-page-row.selected .confluence-page-icon{color:#0052cc}.confluence-page-title{flex:1;font-size:12px;color:var(--text);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.confluence-drill-btn{flex-shrink:0;padding:2px 4px;color:var(--text-subtle);border-radius:3px;transition:color .1s,background .1s}.confluence-drill-btn:hover{color:var(--brand);background:#2563eb1f}.confluence-drill-btn .icon{font-size:16px}.confluence-empty-pages{font-size:12px;color:var(--text-subtle);padding:10px;text-align:center;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm)}.autosave-indicator{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--success);padding:4px 0}.autosave-indicator .icon{font-size:14px}.regen-section-btn{padding:3px 5px;color:var(--text-subtle);border-radius:var(--radius-sm);margin-left:auto;flex-shrink:0;transition:color .12s,background .12s}.regen-section-btn:hover:not(:disabled){color:var(--brand);background:#2563eb1f}.regen-section-btn:disabled{opacity:.4}.regen-section-btn.spinning .icon{animation:spin .7s linear infinite;display:inline-block}.regen-section-btn .icon{font-size:15px}.draft-share-btn{padding:6px 8px;color:var(--text-subtle);border:1px solid var(--border-mid);border-radius:var(--radius-sm);transition:color .12s,border-color .12s,background .12s}.draft-share-btn:hover:not(:disabled){color:var(--brand);border-color:#2563eb66;background:#2563eb1a}.draft-share-btn.active{color:var(--success);border-color:#3fb95066}.draft-share-btn .icon{font-size:15px}.copy-section{margin-top:16px;display:flex;flex-direction:column;gap:8px}.copy-section-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.copy-button-main{padding:8px 16px;background:var(--surface-2);color:var(--text-muted);border:1px solid var(--border-mid);border-radius:var(--radius-sm);font-size:12px;font-weight:500;justify-content:center;transition:background .12s,border-color .12s,color .12s}.copy-button-main:hover{background:#1f2937;border-color:var(--brand);color:var(--brand)}.save-draft-btn{padding:8px 16px;background:var(--surface-2);color:var(--text-muted);border:1px solid var(--border-mid);border-radius:var(--radius-sm);font-size:12px;font-weight:500;justify-content:center;transition:background .12s,border-color .12s,color .12s}.save-draft-btn:hover:not(:disabled){background:#1f2937;border-color:var(--success);color:var(--success)}.save-draft-btn:disabled{opacity:.6}.drafts-pane{display:flex;flex:1;overflow:hidden}.drafts-sidebar{width:210px;flex-shrink:0;border-right:1px solid var(--border);overflow-y:auto;background:var(--surface)}.drafts-sidebar::-webkit-scrollbar{width:4px}.drafts-sidebar::-webkit-scrollbar-thumb{background:var(--border-mid);border-radius:2px}.drafts-empty-state{display:flex;flex-direction:column;align-items:center;gap:8px;padding:40px 20px;color:var(--text-subtle);text-align:center}.drafts-empty-state .icon{font-size:28px;font-weight:200}.drafts-empty-state p{font-size:12px;line-height:1.4}.draft-row{display:flex;align-items:center;padding:0;border-bottom:1px solid var(--border);cursor:pointer;transition:background .1s}.draft-row:hover{background:var(--surface-2)}.draft-row.active{background:#2563eb1a;border-left:2px solid var(--brand-dim)}.draft-row-body{flex:1;padding:10px 10px 10px 12px;min-width:0;display:flex;flex-direction:column;gap:3px}.draft-row.active .draft-row-body{padding-left:10px}.draft-row-title{font-size:12px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.draft-row-meta{font-size:10px;color:var(--text-subtle);display:flex;align-items:center;gap:5px}.draft-row-mode{background:#2563eb29;color:var(--brand);padding:1px 5px;border-radius:4px;font-size:10px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px}.draft-row-delete{padding:8px 6px;color:var(--text-subtle);border-radius:0;flex-shrink:0;opacity:0;transition:opacity .1s,color .1s}.draft-row:hover .draft-row-delete{opacity:1}.draft-row-delete:hover{color:var(--danger)}.draft-row-delete .icon{font-size:14px}.draft-preview{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg)}.draft-preview-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--text-subtle)}.draft-preview-placeholder .icon{font-size:32px;font-weight:200}.draft-preview-placeholder p{font-size:12px}.draft-preview-header{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;min-height:50px}.draft-preview-title-row{flex:1;min-width:0}.draft-preview-title{font-size:13px;font-weight:600;color:var(--text);cursor:text;display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.draft-preview-title:hover .draft-edit-icon{opacity:1}.draft-edit-icon{font-size:14px;color:var(--text-muted);opacity:0;transition:opacity .12s;flex-shrink:0}.draft-title-input{font-size:13px;font-weight:600;background:var(--surface-2);border:1px solid var(--brand-dim);border-radius:var(--radius-sm);padding:5px 8px;color:var(--text);width:100%;box-shadow:0 0 0 3px var(--brand-glow)}.draft-preview-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.draft-load-btn{display:flex;align-items:center;gap:5px;padding:6px 12px;background:var(--brand-dim);color:#fff;border-radius:var(--radius-sm);font-size:11px;font-weight:600;transition:background .12s}.draft-load-btn:hover{background:#1d4ed8}.draft-load-btn .icon{font-size:14px}.draft-delete-btn{padding:6px 8px;color:var(--text-subtle);border:1px solid var(--border-mid);border-radius:var(--radius-sm);transition:color .12s,border-color .12s,background .12s}.draft-delete-btn:hover{color:var(--danger);border-color:#f8514966;background:#f8514914}.draft-delete-btn .icon{font-size:15px}.draft-preview-body{flex:1;overflow-y:auto;padding:14px}.draft-preview-body::-webkit-scrollbar{width:6px}.draft-preview-body::-webkit-scrollbar-thumb{background:var(--border-mid);border-radius:3px}.generation-error{background:#f8514914;border:1px solid rgba(248,81,73,.3);border-radius:var(--radius);padding:24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.generation-error h3{color:var(--danger);font-size:14px}.generation-error p{font-size:12px;color:var(--text-muted);max-width:380px;line-height:1.5}.generation-error button{background:var(--surface);border:1px solid var(--border-mid);font-size:12px;color:var(--text)}.generation-error button:hover{border-color:var(--brand);color:var(--brand)}video{width:100%;height:100%;object-fit:contain}.videoPlayer{flex:1;background:#010409;display:flex;align-items:stretch;flex-direction:column;font-size:0;position:relative;-webkit-user-select:none;user-select:none}.videoPlayer>div:first-child{display:flex;flex:1;position:relative}.emptyVideo{height:100%;width:100%;display:flex;align-items:center;justify-content:center;background:#010409}.emptyVideo-content{display:flex;flex-direction:column;align-items:center;gap:14px;border:1px dashed #21262D;padding:36px 44px;border-radius:var(--radius-lg);color:#484f58;text-align:center;transition:border-color .2s}.emptyVideo-content .icon{font-size:36px;color:#30363d;font-weight:200}.emptyVideo-content p{font-size:13px;max-width:200px;line-height:1.5;color:#484f58}.emptyVideo-content .or-divider{font-size:11px;color:#30363d}.emptyVideo-content .button{background:var(--brand-dim);color:#fff;font-size:12px;font-weight:600;border-radius:var(--radius-sm);padding:8px 16px}.emptyVideo-content .button:hover{background:#1d4ed8}.emptyVideo .spinner{width:24px;height:24px;border-width:2px;border-color:#21262d;border-top-color:#ffffff80}.videoCaption{background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:absolute;bottom:14px;left:14px;right:14px;text-align:center;padding:8px 12px;color:#fff;font-size:12px;border-radius:var(--radius-sm);pointer-events:none;border:1px solid rgba(255,255,255,.08)}.videoControls{font-size:12px;background:#0d1117;border-top:1px solid #21262D}.videoScrubber{height:4px;cursor:pointer}.videoScrubber input{position:relative;top:-1px;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;background-image:linear-gradient(to right,var(--brand) 0%,var(--brand) var(--pct),#21262D var(--pct),#21262D 100%);border-radius:0;border:none;transition:height .15s}.videoScrubber:hover input{height:6px}.videoScrubber input::-webkit-slider-thumb{opacity:0}.videoTime{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;font-family:Space Mono,monospace;font-size:11px;color:#7d8590}.videoTime button{font-size:20px;padding:4px;color:#7d8590}.videoTime button:hover{color:var(--text)}.timecodeMarkers,.timecodeMarker,.timecodeMarkerLabel{display:none}.drop-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d1117eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;color:var(--text)}.drop-message{text-align:center;border:1px dashed var(--border-mid);padding:40px 64px;border-radius:var(--radius-lg);animation:pulse 1.8s ease-in-out infinite}.drop-message .icon{font-size:44px;font-weight:200;color:var(--brand)}.drop-message p{font-size:16px;font-weight:500;margin-top:12px;color:var(--text-muted)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.auth-loading{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg)}.login-screen{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);background-image:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(37,99,235,.16),transparent)}.login-card{background:var(--surface);border:1px solid var(--border-mid);border-radius:var(--radius-lg);padding:40px 44px;text-align:center;max-width:360px;width:90%;display:flex;flex-direction:column;align-items:center;gap:20px}.login-logo-mark{width:48px;height:48px;background:linear-gradient(135deg,#3B82F6,var(--brand-dim));border-radius:var(--radius);display:flex;align-items:center;justify-content:center}.login-title{font-size:22px;font-weight:800;color:var(--text);letter-spacing:-.8px;line-height:1}.login-error-msg{font-size:12px;color:var(--danger);background:#f851491a;border:1px solid rgba(248,81,73,.3);border-radius:var(--radius-sm);padding:8px 14px;width:100%}.login-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--brand-dim);color:#fff;padding:11px 24px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;text-decoration:none;width:100%;transition:background .12s}.login-btn:hover{background:#1d4ed8}.login-hint{font-size:11px;color:var(--text-subtle);margin-top:-6px}.user-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#3B82F6,var(--brand-dim));color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;text-transform:uppercase}.draft-row-tags{display:flex;align-items:center;gap:4px;margin-top:2px}.draft-tag-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.draft-tag-more{font-size:10px;color:var(--text-subtle)}.draft-tags-row{display:flex;flex-wrap:wrap;align-items:center;gap:5px;padding:8px 14px;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;min-height:42px}.draft-tag-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 6px 2px 8px;border-radius:12px;border:1px solid;font-size:11px;font-weight:500;line-height:1.4}.draft-tag-remove{padding:0 2px;font-size:13px;line-height:1;color:inherit;opacity:.6;background:none;border:none;cursor:pointer;transition:opacity .1s}.draft-tag-remove:hover{opacity:1}.draft-tag-input-wrapper{flex:1;min-width:80px}.draft-tag-input{background:none;border:none;padding:2px 4px;font-size:11px;color:var(--text-muted);outline:none;box-shadow:none;width:100%}.draft-tag-input::placeholder{color:var(--text-subtle)}.tag-chip{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-page{flex:1;overflow-y:auto;padding:28px 32px;background:var(--bg);display:flex;flex-direction:column;gap:24px}.admin-page::-webkit-scrollbar{width:6px}.admin-page::-webkit-scrollbar-thumb{background:var(--border-mid);border-radius:3px}.admin-header{display:flex;align-items:center;justify-content:space-between}.admin-header h1{font-size:20px;font-weight:800;letter-spacing:-.4px}.admin-reload-btn{display:flex;align-items:center;gap:5px;padding:6px 12px;background:var(--surface);border:1px solid var(--border-mid);border-radius:var(--radius-sm);font-size:12px;color:var(--text-muted);transition:color .12s,border-color .12s}.admin-reload-btn:hover{color:var(--text);border-color:var(--border-mid)}.admin-reload-btn .icon{font-size:15px}.admin-reload-btn .spinning{animation:spin .7s linear infinite;display:inline-block}.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.admin-table-wrapper{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.admin-table{width:100%;border-collapse:collapse;font-size:12px}.admin-table thead{border-bottom:1px solid var(--border)}.admin-table th{text-align:left;padding:10px 14px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);white-space:nowrap}.admin-table td{padding:10px 14px;border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle}.admin-table tr:last-child td{border-bottom:none}.admin-table tbody tr:hover{background:var(--surface-2)}.admin-user-cell{display:flex;align-items:center;gap:9px}.admin-user-name{font-weight:600;font-size:12px;color:var(--text)}.admin-user-sub{font-size:10px;color:var(--text-subtle)}.admin-cell-muted{color:var(--text-muted)}.admin-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:20px;background:var(--surface-2);border-radius:10px;font-size:11px;font-weight:700;color:var(--text);padding:0 6px}.admin-role-badge{padding:2px 8px;border-radius:10px;font-size:10px;font-weight:700}.admin-role-badge.admin{background:#2563eb29;color:var(--brand)}.admin-role-badge.user{background:var(--surface-2);color:var(--text-muted)}.toast-container{position:fixed;bottom:24px;right:24px;z-index:2000;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--border-mid);box-shadow:var(--shadow-lg);font-size:13px;font-weight:500;color:var(--text);pointer-events:all;animation:toast-in .2s ease;max-width:340px}@keyframes toast-in{0%{opacity:0;transform:translateY(12px) scale(.95)}to{opacity:1;transform:none}}.toast-success{border-color:var(--success)}.toast-success .toast-icon{color:var(--success)}.toast-error{border-color:var(--danger)}.toast-error .toast-icon{color:var(--danger)}.toast-info .toast-icon{color:var(--brand)}.toast-icon{font-size:18px;flex-shrink:0}.toast-message{flex:1;line-height:1.4}.toast-close{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:4px;flex-shrink:0;transition:background .1s}.toast-close:hover{background:var(--surface)}.drag-handle{display:inline-flex;align-items:center;color:var(--text-subtle);cursor:grab;padding:2px 0;flex-shrink:0;opacity:0;transition:opacity .15s}.drag-handle:active{cursor:grabbing}.section-heading-row:hover .drag-handle,.step-description:hover .drag-handle{opacity:1}.step-drag-handle{margin-right:-2px}.document-section.drag-over{outline:2px dashed var(--brand);outline-offset:4px;border-radius:var(--radius)}.document-section.dragging{opacity:.4}li.drag-over{outline:2px dashed var(--brand);outline-offset:3px;border-radius:var(--radius-sm)}li.dragging{opacity:.4}.doc-title-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.find-replace-toggle{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);cursor:pointer;transition:background .15s,color .15s}.find-replace-toggle:hover{background:var(--surface-2);color:var(--text)}.find-replace-toggle.active{background:var(--brand-glow);color:var(--brand)}.find-replace-bar{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--surface-2);border:1px solid var(--border-mid);border-radius:var(--radius);margin-bottom:12px;flex-wrap:wrap}.find-replace-fields{display:flex;gap:8px;flex:1;min-width:0}.find-replace-input{width:auto;flex:1;min-width:120px;padding:6px 10px;font-size:12px}.find-replace-btn{padding:6px 14px;background:var(--brand-dim);color:#fff;border:none;border-radius:var(--radius-sm);font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;transition:opacity .15s}.find-replace-btn:hover{opacity:.85}.find-replace-btn:disabled{opacity:.4;cursor:default}.find-replace-count{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--success);white-space:nowrap}.find-replace-count .icon{font-size:15px}.step-screenshot-edit{display:flex;align-items:flex-start;gap:10px;margin-top:8px}.step-screenshot-thumb{width:160px;height:auto;border-radius:var(--radius-sm);border:1px solid var(--border-mid);object-fit:cover;flex-shrink:0}.annot-open-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;background:var(--surface-2);border:1px solid var(--border-mid);border-radius:var(--radius-sm);color:var(--text);font-size:12px;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s}.annot-open-btn:hover{background:var(--surface);border-color:var(--brand);color:var(--brand)}.annot-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;z-index:1200;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px}.annot-modal{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border-mid);border-radius:var(--radius-lg);overflow:hidden;max-width:95vw;max-height:95vh;box-shadow:var(--shadow-lg)}.annot-toolbar{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--surface-2);border-bottom:1px solid var(--border);flex-wrap:wrap}.annot-tools{display:flex;gap:4px}.annot-tool-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--border-mid);border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.annot-tool-btn:hover{background:var(--surface);color:var(--text)}.annot-tool-btn.active{background:var(--brand-glow);border-color:var(--brand);color:var(--brand)}.annot-colors{display:flex;gap:5px;align-items:center}.annot-color-btn{width:22px;height:22px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .1s,border-color .1s;flex-shrink:0}.annot-color-btn:hover{transform:scale(1.15)}.annot-color-btn.active{border-color:#fff;transform:scale(1.15);box-shadow:0 0 0 1px #888}.annot-actions{display:flex;align-items:center;gap:6px;margin-left:auto}.annot-undo-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--border-mid);border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);cursor:pointer;transition:background .15s}.annot-undo-btn:hover{background:var(--surface);color:var(--text)}.annot-save-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;background:var(--brand-dim);color:#fff;border:none;border-radius:var(--radius-sm);font-size:12px;font-weight:600;cursor:pointer;transition:opacity .15s}.annot-save-btn:hover{opacity:.85}.annot-canvas-wrapper{overflow:auto;flex:1;display:flex;align-items:flex-start;justify-content:flex-start}.annot-canvas{display:block;max-width:100%;height:auto;-webkit-user-select:none;user-select:none}.annot-sep{width:1px;height:24px;background:var(--border-mid);flex-shrink:0}.annot-widths{display:flex;align-items:center;gap:4px}.annot-width-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--border-mid);border-radius:var(--radius-sm);background:transparent;cursor:pointer;transition:background .15s,border-color .15s}.annot-width-btn:hover{background:var(--surface)}.annot-width-btn.active{background:var(--brand-glow);border-color:var(--brand)}.annot-width-dot{display:block;border-radius:50%;background:var(--text)}.annot-text-input{position:absolute;background:transparent;border:1px dashed rgba(255,255,255,.5);border-radius:2px;color:inherit;font-weight:700;font-family:Inter,sans-serif;padding:2px 4px;outline:none;min-width:80px;width:auto;z-index:10;pointer-events:all}.annot-canvas-wrapper{position:relative}.edit-mode-banner{display:flex;align-items:center;gap:8px;padding:8px 14px;background:#2563eb1a;border:1px solid rgba(37,99,235,.22);border-radius:var(--radius);font-size:12px;color:var(--brand);margin-bottom:12px}.edit-mode-banner .icon{font-size:16px}.edit-mode-banner kbd{display:inline-block;padding:1px 5px;background:#2563eb29;border:1px solid rgba(37,99,235,.3);border-radius:3px;font-family:monospace;font-size:11px;font-style:normal}.document-output.edit-active{outline:1px solid rgba(37,99,235,.16);border-radius:var(--radius-lg)}.draft-row.pending-delete{background:#f851490f;border-color:#f8514940}.draft-delete-confirm{display:flex;align-items:center;gap:8px;width:100%;padding:4px 0;flex-wrap:wrap}.draft-delete-confirm-msg{flex:1;font-size:12px;color:var(--danger);font-weight:500}.draft-delete-confirm-yes{padding:4px 10px;background:var(--danger);color:#fff;border:none;border-radius:var(--radius-sm);font-size:12px;font-weight:600;cursor:pointer;transition:opacity .15s}.draft-delete-confirm-yes:hover{opacity:.85}.draft-delete-confirm-no{padding:4px 10px;background:var(--surface-2);color:var(--text-muted);border:1px solid var(--border-mid);border-radius:var(--radius-sm);font-size:12px;cursor:pointer;transition:background .15s}.draft-delete-confirm-no:hover{background:var(--surface)}.annot-tool-number{font-weight:700;font-size:13px;color:var(--text)}.annot-number-preview{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--text-muted);color:var(--bg);font-size:11px;font-weight:800;line-height:1}.annot-tool-number.active .annot-number-preview{background:var(--brand);color:#fff}.step-screenshot-edit-actions{display:flex;flex-direction:column;gap:6px}.redact-btn{background:#f59e0b14;border-color:#f59e0b4d;color:#f59e0b}.redact-btn:hover{background:#f59e0b26;border-color:#f59e0b;color:#f59e0b}.redact-btn.loading{opacity:.7;cursor:wait}.screenshot-age-badge{display:flex;align-items:center;gap:6px;padding:6px 10px;margin-top:6px;background:#f59e0b14;border:1px solid rgba(245,158,11,.25);border-radius:var(--radius-sm);font-size:12px;color:#f59e0b;flex-wrap:wrap}.screenshot-age-badge.stale{background:#f8514914;border-color:#f8514940;color:var(--danger)}.screenshot-age-badge .icon{font-size:16px;flex-shrink:0}.verify-step-btn{display:inline-flex;align-items:center;gap:4px;margin-left:auto;padding:3px 10px;background:#3fb9501f;border:1px solid rgba(63,185,80,.3);border-radius:var(--radius-sm);color:var(--success);font-size:11px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s}.verify-step-btn:hover{background:#3fb95038}.verify-step-btn .icon{font-size:14px}.find-replace-matches{font-size:12px;color:var(--brand);white-space:nowrap;font-weight:500}.find-replace-matches.zero{color:var(--text-muted)}.share-password-wall{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg);padding:24px}.share-password-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:40px 36px 32px;width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center;gap:8px;box-shadow:var(--shadow-lg)}.share-password-icon{width:56px;height:56px;border-radius:50%;background:#818cf81f;border:1px solid rgba(129,140,248,.25);display:flex;align-items:center;justify-content:center;margin-bottom:8px}.share-password-icon .icon{font-size:26px;color:var(--brand)}.share-password-card h2{font-size:18px;font-weight:600;color:var(--text);margin-bottom:2px}.share-password-card>p{font-size:13px;color:var(--text-muted);text-align:center;margin-bottom:12px}.share-password-form{width:100%;display:flex;flex-direction:column;gap:10px}.share-password-input-row{position:relative;display:flex;align-items:center}.share-password-input{width:100%;padding:10px 44px 10px 14px;background:var(--bg);border:1px solid var(--border-mid);border-radius:var(--radius);color:var(--text);font-size:14px;font-family:Inter,sans-serif;outline:none;transition:border-color .15s}.share-password-input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-glow)}.share-password-input.error{border-color:var(--danger)}.share-password-toggle{position:absolute;right:10px;background:none;border:none;padding:4px;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;border-radius:var(--radius-sm)}.share-password-toggle:hover{color:var(--text)}.share-password-toggle .icon{font-size:18px}.share-password-error{font-size:12px;color:var(--danger);margin-top:-4px}.share-password-submit{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;background:var(--brand-dim);color:#fff;border:none;border-radius:var(--radius);font-size:14px;font-weight:600;cursor:pointer;transition:background .15s,opacity .15s;width:100%;margin-top:2px}.share-password-submit:hover:not(:disabled){background:var(--brand)}.share-password-submit:disabled{opacity:.5;cursor:default}.share-password-submit .icon{font-size:18px}.share-password-footer{display:flex;align-items:center;gap:6px;margin-top:20px;font-size:12px;color:var(--text-subtle)}.share-modal-password-section{border-top:1px solid var(--border);padding-top:14px;margin-top:4px;display:flex;flex-direction:column;gap:10px}.share-modal-password-label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.share-modal-password-label .icon{font-size:14px}.share-modal-password-row{display:flex;align-items:center;gap:8px}.share-modal-password-input{flex:1;padding:8px 12px;background:var(--bg);border:1px solid var(--border-mid);border-radius:var(--radius);color:var(--text);font-size:13px;font-family:Inter,sans-serif;outline:none;transition:border-color .15s}.share-modal-password-input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-glow)}.share-modal-password-set-btn{display:flex;align-items:center;gap:5px;padding:7px 14px;background:var(--brand-dim);color:#fff;border:none;border-radius:var(--radius);font-size:12px;font-weight:600;cursor:pointer;transition:background .15s;white-space:nowrap}.share-modal-password-set-btn:hover{background:var(--brand)}.share-modal-password-set-btn .icon{font-size:15px}.share-modal-password-active{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#3fb95014;border:1px solid rgba(63,185,80,.25);border-radius:var(--radius);font-size:12px;color:var(--success)}.share-modal-password-active .icon{font-size:16px}.share-modal-password-remove-btn{display:flex;align-items:center;gap:4px;margin-left:auto;padding:4px 10px;background:#f851491a;border:1px solid rgba(248,81,73,.25);border-radius:var(--radius-sm);color:var(--danger);font-size:11px;font-weight:600;cursor:pointer;transition:background .15s}.share-modal-password-remove-btn:hover{background:#f8514933}.share-modal-password-remove-btn .icon{font-size:13px}.doc-title-actions{display:flex;align-items:center;gap:4px}.doc-ai-btn{display:flex;align-items:center;justify-content:center;position:relative;width:30px;height:30px;background:var(--surface-2);border:1px solid var(--border-mid);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:background .15s,color .15s,border-color .15s;flex-shrink:0}.doc-ai-btn .icon{font-size:16px}.doc-ai-btn:hover:not(:disabled){background:var(--border-mid);color:var(--brand);border-color:var(--brand)}.doc-ai-btn.active{background:#2563eb29;border-color:var(--brand-dim);color:var(--brand)}.doc-ai-btn:disabled{opacity:.45;cursor:default}.doc-ai-badge{position:absolute;top:-5px;right:-5px;background:var(--danger);color:#fff;border-radius:10px;font-size:9px;font-weight:700;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;padding:0 3px;pointer-events:none}.translate-menu{position:absolute;top:calc(100% + 6px);right:0;background:var(--surface);border:1px solid var(--border-mid);border-radius:var(--radius);box-shadow:var(--shadow-md);z-index:200;min-width:130px;overflow:hidden}.translate-menu-item{display:block;width:100%;text-align:left;padding:9px 14px;font-size:13px;color:var(--text);background:none;border:none;cursor:pointer;transition:background .12s}.translate-menu-item:hover{background:var(--surface-2);color:var(--brand)}.doc-issues-panel{margin-bottom:16px;background:#f851490f;border:1px solid rgba(248,81,73,.2);border-radius:var(--radius);overflow:hidden}.doc-issues-header{display:flex;align-items:center;gap:8px;padding:10px 14px;font-size:12px;font-weight:600;color:var(--danger);border-bottom:1px solid rgba(248,81,73,.15)}.doc-issues-header .icon{font-size:16px}.doc-issues-close{margin-left:auto;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px;display:flex;align-items:center;border-radius:3px}.doc-issues-close:hover{color:var(--text);background:var(--surface-2)}.doc-issues-close .icon{font-size:14px}.doc-issue-row{display:flex;gap:10px;padding:10px 14px;border-bottom:1px solid rgba(248,81,73,.08);align-items:flex-start}.doc-issue-row:last-child{border-bottom:none}.doc-issue-row .icon{font-size:15px;flex-shrink:0;margin-top:1px}.doc-issue-error .icon{color:var(--danger)}.doc-issue-warning .icon{color:var(--accent)}.doc-issue-section{display:block;font-size:11px;font-weight:600;color:var(--text-muted);margin-bottom:3px}.doc-issue-text{font-size:12px;color:var(--text);line-height:1.5}.doc-toc{position:fixed;right:16px;top:50%;transform:translateY(-50%);width:200px;background:var(--surface);border:1px solid var(--border-mid);border-radius:var(--radius);padding:14px 0;box-shadow:var(--shadow-md);z-index:50;max-height:60vh;overflow-y:auto}.doc-toc-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-subtle);padding:0 14px 8px}.doc-toc-item{display:block;padding:6px 14px 6px 16px;font-size:12px;color:var(--text-muted);text-decoration:none;border-left:2px solid transparent;transition:color .12s,border-color .12s,background .12s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.doc-toc-item:hover{color:var(--brand);background:#2563eb0f}.doc-toc-item.active{color:var(--brand);border-left-color:var(--brand);background:#2563eb14;font-weight:600}.cmd-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding-top:15vh}.cmd-palette{width:100%;max-width:560px;background:var(--surface);border:1px solid var(--border-mid);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.cmd-search-row{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border)}.cmd-search-icon{font-size:18px;color:var(--text-muted);flex-shrink:0}.cmd-input{flex:1;background:none;border:none;outline:none;font-size:15px;color:var(--text);font-family:Inter,sans-serif}.cmd-input::placeholder{color:var(--text-subtle)}.cmd-esc-hint{font-size:10px;color:var(--text-subtle);background:var(--surface-2);border:1px solid var(--border-mid);border-radius:4px;padding:2px 6px;flex-shrink:0}.cmd-results{max-height:340px;overflow-y:auto;padding:6px}.cmd-empty{text-align:center;color:var(--text-subtle);font-size:13px;padding:24px}.cmd-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;text-align:left;transition:background .1s;color:var(--text)}.cmd-item.selected,.cmd-item:hover{background:var(--surface-2)}.cmd-item-icon{font-size:16px;color:var(--text-muted);flex-shrink:0;width:20px;text-align:center}.cmd-action .cmd-item-icon{color:var(--brand)}.cmd-section .cmd-item-icon{color:var(--accent)}.cmd-draft .cmd-item-icon{color:var(--text-muted)}.cmd-item-label{flex:1;font-size:13px;font-weight:500}.cmd-item-sub{font-size:11px;color:var(--text-subtle);background:var(--surface-2);padding:2px 7px;border-radius:10px;white-space:nowrap;border:1px solid var(--border-mid)}.cmd-footer{display:flex;gap:16px;padding:8px 16px;border-top:1px solid var(--border);font-size:11px;color:var(--text-subtle)}.cmd-footer kbd{background:var(--surface-2);border:1px solid var(--border-mid);border-radius:3px;padding:1px 5px;font-size:10px;color:var(--text-muted);margin-right:4px}:root{--radius-xs: 4px;--radius-sm: 6px;--radius: 10px;--radius-lg: 14px;--radius-xl: 20px;--blue-glow: 0 0 0 3px rgba(37,99,235,.22);--surface-3: #1a2a45}.sidebar{width:224px;background:var(--bg);border-right:1px solid var(--border)}.sidebar-logo{height:60px;padding:0 20px;gap:12px;font-size:15px;font-weight:700;letter-spacing:-.3px;border-bottom:1px solid var(--border)}.sidebar-logo-mark{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 2px 8px #1d4ed866}.sidebar-nav{padding:12px 10px;gap:2px}.nav-item{padding:9px 12px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;gap:10px;transition:background .15s ease-out,color .15s ease-out}.nav-item .icon{font-size:18px}.nav-item:hover{background:var(--surface-2);color:var(--text)}.nav-item.active{background:#2563eb26;color:var(--brand);font-weight:600}.nav-item.active:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:3px;background:var(--brand);border-radius:0 3px 3px 0}.sidebar-user{padding:14px 12px;gap:10px;border-top:1px solid var(--border)}.sidebar-user-name{font-size:13px;font-weight:600}.sidebar-user-email{font-size:11px}.home-page{padding:36px 40px;gap:32px}.home-greeting{font-size:26px;font-weight:800;letter-spacing:-.6px}.home-subtitle{font-size:14px}.home-stats{gap:16px}.stat-card{padding:22px 24px;border-radius:var(--radius);border:1px solid var(--border);gap:6px;transition:border-color .15s,box-shadow .15s}.stat-card:hover{border-color:var(--border-mid);box-shadow:var(--shadow)}.stat-card:nth-child(1){border-top:3px solid var(--brand)}.stat-card:nth-child(2){border-top:3px solid var(--success)}.stat-card:nth-child(3){border-top:3px solid var(--accent)}.stat-value{font-size:36px;font-weight:800;letter-spacing:-1.5px;line-height:1}.stat-label{font-size:12px;font-weight:500;color:var(--text-muted)}.recent-drafts-grid{gap:12px}.recent-draft-card{padding:18px 20px;border-radius:var(--radius);gap:8px}.recent-draft-card:hover{border-color:var(--brand-dim);box-shadow:var(--shadow-md)}.recent-draft-title{font-size:14px}.recent-draft-date{font-size:11px}.home-section-header h2{font-size:15px;font-weight:700}.document-output{padding:28px 32px 32px;border-radius:var(--radius)}.document-output h1{font-size:26px!important;font-weight:800!important;letter-spacing:-.6px!important;line-height:1.2!important;margin-bottom:10px!important;color:var(--text)!important}.document-output p.summary{font-size:14px!important;font-style:normal!important;color:var(--text-muted)!important;line-height:1.7!important;margin-bottom:24px!important;padding-bottom:20px!important}.document-section{margin-bottom:28px!important}.document-section h2{font-size:13px!important;font-weight:700!important;text-transform:none!important;letter-spacing:0!important;color:var(--brand)!important;margin-bottom:14px!important;padding-bottom:10px!important;border-bottom:1px solid var(--border)!important}.document-section>p{font-size:14px!important;line-height:1.7!important;margin-bottom:14px!important}.document-section ol{gap:8px!important}.document-section li{padding:14px 16px!important;border-radius:var(--radius-sm)!important;border:1px solid var(--border)!important;background:var(--surface-2)!important;transition:border-color .15s,box-shadow .15s!important}.document-section li:hover{border-color:var(--border-mid)!important;box-shadow:inset 0 0 0 1px var(--border-mid)!important;background:var(--surface-3)!important}.step-num{width:22px!important;height:22px!important;min-width:22px!important;font-size:11px!important;font-weight:800!important;border-radius:50%!important;margin-top:1px!important}.document-section .step-description p{font-size:13px!important;line-height:1.6!important}.document-section code{font-size:12px!important}.document-section pre{padding:14px 16px!important;margin:10px 0 0 30px!important;border-radius:var(--radius-sm)!important}.step-screenshot{margin:10px 0 0 30px!important;width:calc(100% - 30px)!important;border-radius:var(--radius-sm)!important}.docs-controls{padding:14px 16px}.generation-controls{gap:14px}.controls-label{letter-spacing:1px;font-size:10px}.mode-card{padding:9px 11px;font-size:12px;border-radius:var(--radius-sm);transition:border-color .15s,background .15s,color .15s}.mode-card:hover{background:var(--surface-3);border-color:var(--border-mid);color:var(--text)}.mode-card.active{box-shadow:none;border-color:var(--brand);background:#2563eb26;color:var(--brand)}.generateButton{padding:11px 20px!important;font-size:14px!important;border-radius:var(--radius-sm)!important;font-weight:600!important}.output{padding:20px}.draft-preview-header{padding:12px 16px;min-height:54px}.draft-preview-title{font-size:14px;font-weight:600}.draft-row-title{font-size:13px}.draft-row-body{padding:11px 12px}.copy-button-main,.save-draft-btn,.draft-load-btn{padding:8px 16px!important;font-size:13px!important;border-radius:var(--radius-sm)!important;font-weight:500!important}.share-modal,.confluence-modal{border-radius:var(--radius-lg)!important}.share-modal-header{padding:20px 22px!important}.share-modal-body{padding:20px 22px!important;gap:14px!important}.share-document.document-output h1{font-size:28px!important}.doc-title-row{align-items:center;gap:10px;margin-bottom:12px}.doc-title-row h1{font-size:26px}.doc-title-actions{gap:6px}.edit-doc-title{font-size:22px!important}.edit-heading{font-size:13px!important;text-transform:none!important;letter-spacing:0!important;color:var(--text)!important}.section-heading-row{margin-bottom:14px;padding-bottom:10px}button{transition:background .15s ease-out,color .15s ease-out,border-color .15s ease-out,box-shadow .15s ease-out,opacity .15s ease-out}.settings-page{flex:1;overflow-y:auto;padding:36px 40px;background:var(--bg);display:flex;flex-direction:column;gap:28px;max-width:680px}.settings-header{display:flex;flex-direction:column;gap:4px}.settings-title{font-size:22px;font-weight:800;color:var(--text);letter-spacing:-.4px}.settings-subtitle{font-size:13px;color:var(--text-muted)}.settings-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 24px;display:flex;flex-direction:column;gap:18px}.settings-section-header{display:flex;align-items:flex-start;gap:12px}.settings-section-title{font-size:15px;font-weight:700;color:var(--text);margin-bottom:2px}.settings-section-desc{font-size:12px;color:var(--text-muted);line-height:1.5;max-width:480px}.settings-confluence-connected{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:12px 16px}.settings-creds-info{display:flex;align-items:center;gap:10px}.settings-creds-label{font-size:13px;color:var(--text)}.settings-creds-url{font-size:11px;color:var(--text-subtle);margin-top:2px}.btn-danger-sm{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;background:#f851491a;color:var(--danger);border:1px solid rgba(248,81,73,.25);border-radius:var(--radius-sm);font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}.btn-danger-sm:hover{background:#f851492e}.btn-danger-sm .icon{font-size:15px}.settings-confluence-form{display:flex;flex-direction:column;gap:12px}.settings-form-field{display:flex;flex-direction:column;gap:5px}.settings-form-field label{font-size:11px;font-weight:600;color:var(--text-subtle);text-transform:uppercase;letter-spacing:.8px}.settings-form-field input{background:var(--surface-2);border:1px solid var(--border-mid);border-radius:var(--radius-sm);color:var(--text);font-size:13px;padding:9px 12px;outline:none;transition:border-color .15s}.settings-form-field input:focus{border-color:var(--brand)}.settings-form-help{font-size:11px;color:var(--brand);margin-top:2px}.settings-form-error{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--danger);background:#f8514914;border:1px solid rgba(248,81,73,.2);border-radius:var(--radius-sm);padding:8px 12px}.settings-form-error .icon{font-size:16px}.btn-primary{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;background:var(--brand-dim);color:#fff;border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;align-self:flex-start;transition:background .15s}.btn-primary:hover{background:#1d4ed8}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.btn-primary .icon{font-size:16px}.sidebar-bottom{padding:4px 10px;border-top:1px solid var(--border);margin-top:auto}.nav-item-sm{font-size:12px!important}.generate-view{display:flex!important;overflow:hidden}.video-strip{display:flex;flex-direction:row;flex-shrink:0;overflow:hidden}.video-pane{flex:1 1 0;min-width:0;min-height:0;position:relative}.controls-col{flex-shrink:0;background:var(--surface);border-left:1px solid var(--border);display:flex;flex-direction:column;overflow-y:auto;padding:14px 12px}.controls-col .generation-controls{display:flex;flex-direction:column;gap:12px}.controls-col .controls-label{font-size:10px;font-weight:700;color:var(--text-subtle);text-transform:uppercase;letter-spacing:1.2px;margin-bottom:4px;display:block}.controls-col .modeList{display:flex;flex-direction:column;gap:3px}.controls-col .mode-card{font-size:11px;padding:7px 10px}.controls-col .generateButton{width:100%;justify-content:center;margin-top:4px}.output-col{min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:var(--bg)}.gv-empty{flex-direction:column!important}.gv-processing{flex-direction:row!important}.gv-processing .video-strip{flex:1}.gv-ready{flex-direction:row!important}.gv-ready .video-strip{flex:11}.gv-ready .controls-col{width:250px}.gv-ready .controls-col .modeList{display:grid!important;grid-template-columns:1fr 1fr;gap:4px}.gv-ready .controls-col .mode-card{justify-content:center!important;text-align:center!important;font-size:11px!important}.gv-ready .controls-col .generateButton{font-size:13px!important;padding:11px 16px!important}.gv-ready .output-col{flex:9}.gv-generated{flex-direction:column!important}.gv-generated .video-strip{height:200px;border-bottom:1px solid var(--border);width:100%}.gv-generated .video-pane{flex:1}.gv-generated .controls-col{width:220px;height:200px;border-right:none;padding:10px 12px;justify-content:space-between}.gv-generated .controls-col .modeList{display:grid!important;grid-template-columns:1fr 1fr;gap:3px}.gv-generated .controls-col .mode-card{padding:5px 6px!important;font-size:10px!important;justify-content:center!important;text-align:center!important}.gv-generated .controls-col .generateButton{font-size:12px!important;padding:8px 12px!important}.gv-generated .controls-col .custom-prompt-wrapper textarea{rows:2;font-size:11px}.gv-generated .output-col{flex:1}.video-processing-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#060d1be0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:20;display:flex;align-items:center;justify-content:center}.vpo-inner{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;max-width:260px;padding:0 16px}.vpo-spinner{width:60px;height:60px;border-radius:50%;background:#2563eb24;display:flex;align-items:center;justify-content:center;margin-bottom:2px}.vpo-title{font-size:15px;font-weight:700;color:var(--text);letter-spacing:-.2px}.vpo-sub{font-size:11px;color:var(--text-muted);margin-top:-4px}.vpo-steps{display:flex;flex-direction:column;gap:5px;margin-top:6px;align-self:stretch;background:#ffffff0a;border:1px solid var(--border);border-radius:var(--radius);padding:10px 14px}.vpo-step{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--text-subtle)}.vpo-step .icon{font-size:14px}.vpo-step.done,.vpo-step.done .icon{color:#4ade80}.vpo-step.active{color:var(--text)}.vpo-step.active .icon{color:var(--brand);animation:pulse-icon 1.5s ease-in-out infinite}@keyframes pulse-icon{0%,to{opacity:1}50%{opacity:.4}}.upload-landing{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:40px 32px;background:var(--bg);overflow-y:auto}.upload-dropzone{width:100%;max-width:500px;background:var(--surface);border:2px dashed var(--border-mid);border-radius:var(--radius-xl);padding:48px 40px 40px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;transition:border-color .2s,background .2s,transform .15s}.upload-dropzone.dragging{border-color:var(--brand);background:#2563eb0f;transform:scale(1.01)}.upload-dropzone--processing{gap:14px;border-style:solid;border-color:var(--border)}.upload-dropzone-icon{width:68px;height:68px;border-radius:50%;background:#2563eb1f;display:flex;align-items:center;justify-content:center;margin-bottom:2px}.upload-dropzone-icon .icon{font-size:32px;color:var(--brand);font-weight:200}.upload-dropzone-title{font-size:20px;font-weight:700;color:var(--text);letter-spacing:-.3px}.upload-dropzone-desc{font-size:13px;color:var(--text-muted);margin-top:-2px}.upload-dropzone-btn{display:inline-flex;align-items:center;gap:7px;padding:10px 22px;background:var(--brand-dim);color:#fff;border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;margin-top:4px;transition:background .15s}.upload-dropzone-btn:hover{background:#1d4ed8}.upload-dropzone-btn .icon{font-size:18px}.upload-dropzone-formats{font-size:11px;color:var(--text-subtle);margin-top:2px}.upload-landing-info{display:flex;gap:10px;max-width:500px;width:100%;flex-wrap:wrap}.upload-info-card{flex:1;min-width:130px;display:flex;align-items:flex-start;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px}.upload-info-card .icon{font-size:20px;color:var(--brand);flex-shrink:0;margin-top:1px}.upload-info-card strong{display:block;font-size:12px;font-weight:700;color:var(--text);margin-bottom:3px}.upload-info-card p{font-size:11px;color:var(--text-muted);line-height:1.5}.doc-ai-toolbar{display:flex;align-items:center;gap:6px;padding:8px 20px;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;flex-wrap:wrap;position:sticky;top:0;z-index:10}.doc-ai-toolbar-group{display:flex;align-items:center;gap:4px}.doc-ai-toolbar-label{font-size:9px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--brand);background:#2563eb1f;padding:2px 6px;border-radius:4px;margin-right:2px}.doc-ai-toolbar-sep{width:1px;height:18px;background:var(--border-mid);margin:0 4px}.doc-ai-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;background:var(--surface-2);border:1px solid var(--border);border-radius:20px;color:var(--text-muted);font-size:11px;font-weight:500;cursor:pointer;transition:all .15s ease-out;white-space:nowrap}.doc-ai-pill .icon{font-size:14px}.doc-ai-pill:hover{background:var(--surface-3,#1a2a45);border-color:var(--border-mid);color:var(--text)}.doc-ai-pill.active{background:#2563eb26;border-color:#2563eb66;color:var(--brand)}.doc-ai-pill.edit-pill.active{background:#22c55e1f;border-color:#22c55e59;color:#4ade80}.doc-ai-pill:disabled{opacity:.5;cursor:not-allowed}.translate-wrapper{position:relative}.output-col .output{flex:1;overflow-y:auto;padding:24px 28px}.output-placeholder{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--text-subtle);text-align:center;padding:48px 40px;height:100%;justify-content:center}.output-placeholder .icon{font-size:52px;color:var(--border-mid);font-weight:200}.output-placeholder p{font-size:13px;color:var(--text-subtle);max-width:200px;line-height:1.5}.gv-generated.gv-empty-video .video-strip{display:none!important}.gv-no-video-output{flex:1;display:flex;flex-direction:column;overflow:hidden}.gv-no-video-bar{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--surface);border-bottom:1px solid var(--border);font-size:12px;color:var(--text-subtle);flex-shrink:0}.gv-no-video-bar .icon{font-size:16px}.gv-attach-video-btn{display:inline-flex;align-items:center;gap:5px;margin-left:auto;padding:5px 12px;background:var(--surface-2);border:1px solid var(--border-mid);border-radius:var(--radius-sm);font-size:11px;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all .15s}.gv-attach-video-btn:hover{border-color:var(--brand);color:var(--brand)}.gv-attach-video-btn .icon{font-size:14px}.gv-empty,.gv-processing,.gv-ready,.gv-generated,.generate-view{all:unset}.gvl{display:grid;grid-template-rows:clamp(300px,42vh,520px) 1fr;width:100%;height:100%;overflow:hidden;position:relative;background:var(--bg)}.gvl--doc-only .gvl-output{grid-row:1 / -1}.gvl-hero{grid-row:1 / -1;display:grid;grid-template-columns:1fr 268px;width:100%;height:100%;background:var(--bg);overflow:hidden}.gvl-hero-upload{display:flex;align-items:center;justify-content:center;padding:48px 64px;border-right:1px solid var(--border);overflow-y:auto}.gvl-hero-upload-inner{display:flex;flex-direction:column;gap:24px;width:100%;max-width:480px}.gvl-hero-heading h1{font-size:21px;font-weight:700;color:var(--text);letter-spacing:-.5px;margin-bottom:6px;line-height:1.25}.gvl-hero-heading p{font-size:13px;color:var(--text-muted);line-height:1.55}.gvl-drop{display:flex;flex-direction:column;align-items:center;gap:14px;padding:36px 28px;border:1.5px dashed var(--border-mid);border-radius:10px;cursor:pointer;text-align:center;transition:border-color .18s,background .18s;background:var(--surface)}.gvl-drop:hover,.gvl-drop.dragging{border-color:var(--brand);background:#2563eb0a}.gvl-drop-icon{font-size:34px;font-weight:300;color:var(--border-mid);transition:color .18s}.gvl-drop:hover .gvl-drop-icon,.gvl-drop.dragging .gvl-drop-icon{color:var(--brand)}.gvl-drop-text strong{display:block;font-size:14px;font-weight:600;color:var(--text);margin-bottom:3px}.gvl-drop-text span{font-size:12px;color:var(--text-muted)}.gvl-drop-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;background:var(--brand-dim);color:#fff;border-radius:var(--radius-sm);font-size:12px;font-weight:600;cursor:pointer;transition:background .15s}.gvl-drop-btn:hover{background:#1d4ed8}.gvl-drop-btn .icon{font-size:14px}.gvl-drop-formats{font-size:11px;color:var(--text-subtle);letter-spacing:.3px}.gvl-hero-sidebar{display:flex;flex-direction:column;background:var(--surface);overflow:hidden}.gvl-hero-sidebar-inner{display:flex;flex-direction:column;gap:8px;padding:18px 12px;height:100%;overflow:hidden}.gvl-hero-sidebar-label{font-size:10px;font-weight:700;color:var(--text-subtle);text-transform:uppercase;letter-spacing:1.2px;flex-shrink:0;margin-bottom:2px}.gvl-top{display:grid;grid-template-columns:1fr 268px;border-bottom:1px solid var(--border);overflow:hidden;min-height:0}.gvl-video{background:#010409;border-right:1px solid var(--border);position:relative;overflow:hidden;display:flex;flex-direction:column}.gvl-video .videoPlayer{flex:1}.gvl-proc-stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:36px;padding:40px 48px;background:#06101f}.gvl-proc-header{display:flex;align-items:center;gap:14px}.gvl-proc-ring{width:40px;height:40px;flex-shrink:0}.gvl-proc-ring svg{width:100%;height:100%;animation:vpo-rotate 1.6s linear infinite}.gvl-proc-title{font-size:15px;font-weight:700;color:var(--text);letter-spacing:-.3px}.gvl-proc-sub{font-size:11px;color:var(--text-subtle);margin-top:2px}.gvl-proc-timeline{display:flex;flex-direction:column;width:100%;max-width:300px}.gvl-proc-step{display:flex;align-items:flex-start;gap:14px}.gvl-proc-col{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.gvl-proc-dot{width:28px;height:28px;border-radius:50%;border:1.5px solid var(--border-mid);background:var(--surface);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color .3s,background .3s,box-shadow .3s}.gvl-proc-step.done .gvl-proc-dot{border-color:#22c55e;background:#22c55e1a}.gvl-proc-step.done .gvl-proc-dot .icon{font-size:14px;color:#22c55e}.gvl-proc-step.active .gvl-proc-dot{border-color:var(--brand);background:#2563eb1f;animation:proc-pulse 2s ease-in-out infinite}@keyframes vpo-rotate{to{transform:rotate(360deg)}}@keyframes proc-pulse{0%,to{box-shadow:0 0 0 4px #2563eb1f}50%{box-shadow:0 0 0 8px #2563eb0a}}.gvl-proc-spin{width:12px;height:12px;border:2px solid rgba(96,165,250,.3);border-top-color:var(--brand);border-radius:50%;animation:spin .8s linear infinite}.gvl-proc-line{width:1.5px;flex:1;min-height:24px;background:var(--border);margin:3px 0;border-radius:1px}.gvl-proc-step.done .gvl-proc-line{background:#22c55e59}.gvl-proc-step.active .gvl-proc-line{background:linear-gradient(to bottom,rgba(37,99,235,.4),var(--border))}.gvl-proc-label{padding-top:4px;padding-bottom:18px}.gvl-proc-label strong{display:block;font-size:12px;font-weight:600;color:var(--text-subtle);margin-bottom:2px}.gvl-proc-step.done .gvl-proc-label strong{color:var(--text-muted)}.gvl-proc-step.active .gvl-proc-label strong{color:var(--text)}.gvl-proc-label span{font-size:11px;color:var(--text-subtle);line-height:1.4}.gvl-proc-step.active .gvl-proc-label span{color:var(--text-muted)}.gvl-proc-step:last-child .gvl-proc-label{padding-bottom:0}.vpo-track{fill:none;stroke:#60a5fa26;stroke-width:3}.vpo-arc{fill:none;stroke:#60a5fa;stroke-width:3;stroke-linecap:round;stroke-dasharray:60 113;animation:vpo-dash 1.6s ease-in-out infinite}@keyframes vpo-dash{0%{stroke-dasharray:10 113;stroke-dashoffset:0}50%{stroke-dasharray:80 113;stroke-dashoffset:-20}to{stroke-dasharray:10 113;stroke-dashoffset:-113}}.gvl-panel{background:var(--surface);border-left:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;padding:14px 12px;gap:10px}.gvl-mode-panel{display:flex;flex-direction:column;gap:10px;height:100%;overflow:hidden}.gvl-mode-panel-head{flex-shrink:0}.gvl-mode-panel-title{font-size:13px;font-weight:700;color:var(--text);letter-spacing:-.2px;margin-bottom:2px}.gvl-mode-panel-sub{font-size:11px;color:var(--text-muted)}.gvl-panel-regen{display:flex;flex-direction:column;gap:8px;height:100%;overflow:hidden}.gvl-panel-sep{border-top:1px solid var(--border);flex-shrink:0;margin:2px 0}.gvl-panel-actions{display:flex;flex-direction:column;gap:4px;flex-shrink:0}.gvl-panel-actions .copy-button-main,.gvl-panel-actions .save-draft-btn{width:100%;justify-content:flex-start;font-size:12px!important}.gvl-panel-actions .autosave-indicator{font-size:11px}.panel-mode-list{display:flex;flex-direction:column;gap:1px;flex:1;overflow-y:auto;min-height:0}.panel-mode-item{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;padding:7px 9px!important;border-radius:6px!important;font-size:12px!important;font-weight:500!important;color:var(--text-muted)!important;text-align:left!important;transition:background .1s,color .1s!important;background:transparent!important}.panel-mode-item:hover{background:var(--surface-2)!important;color:var(--text)!important}.panel-mode-item.active{background:#2563eb1a!important;color:var(--brand)!important;font-weight:600!important}.panel-mode-item-name{flex:1;line-height:1.4}.generation-controls{display:flex;flex-direction:column;gap:10px;height:100%;overflow:hidden}.controls-label{font-size:10px;font-weight:700;color:var(--text-subtle);text-transform:uppercase;letter-spacing:1.2px;display:block;flex-shrink:0}.generateButton{width:100%;justify-content:center!important;background:var(--brand-dim)!important;color:#fff!important;padding:9px 16px!important;border-radius:var(--radius-sm)!important;font-weight:600!important;font-size:13px!important;transition:background .15s!important;flex-shrink:0}.generateButton:hover:not(:disabled){background:#1d4ed8!important}.generateButton:disabled{opacity:.45!important}.gvl-output{display:flex;flex-direction:column;overflow:hidden;min-height:0;background:var(--bg);position:relative}.gvl-output .output{flex:1;overflow-y:auto;padding:24px 32px;display:flex;flex-direction:column}.gvl-output .output::-webkit-scrollbar{width:6px}.gvl-output .output::-webkit-scrollbar-thumb{background:var(--border-mid);border-radius:3px}.gvl-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--text-subtle);text-align:center}.gvl-placeholder .icon{font-size:44px;color:var(--border-mid);font-weight:200}.gvl-placeholder p{font-size:12px;max-width:220px;line-height:1.5;color:var(--text-subtle)}.gvl-placeholder strong{color:var(--text-muted)}