:root{--bg:#f7f8f5;--paper:#fff;--ink:#223a31;--muted:#7c867e;--green:#254d40;--lime:#dceeae;--line:#e5e9e2;--orange:#be743c;--danger:#b34d46;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;font-size:14px;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,textarea,select{outline-offset:4px}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button{border:0;background:none;color:inherit}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.shell{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100vh}.sidebar{background:#fff;border-right:1px solid var(--line);padding:35px 20px 20px;position:fixed;width:232px;height:100vh;display:flex;flex-direction:column;z-index:2}.brand{display:flex;gap:10px;align-items:center;font-size:26px;font-weight:800;letter-spacing:-1px;padding:0 14px}.brand img{width:34px;height:34px}.workspace{margin:30px 4px 28px;padding:13px;border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;gap:10px;font-size:12px;background:#fafbf8}.avatar{width:31px;height:31px;background:#eff2e8;border-radius:8px;display:grid;place-items:center;font-weight:700;color:#587148}.tiny{font-size:11px;color:var(--muted);line-height:1.6}.nav-label{font-size:10px;letter-spacing:1.5px;color:#9ba398;margin:0 15px 13px}.nav-item{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:7px;margin:3px 0;text-align:left;width:100%;font-size:13px;color:#69766e}.nav-item.active{background:#edf2e8;color:var(--green);font-weight:700}.nav-item svg{width:18px;height:18px}.nav-item .count{margin-left:auto;border-radius:5px;background:#fff;padding:1px 6px;font-size:11px}.sidebar-bottom{margin-top:auto}.private{margin:24px 12px 14px;display:flex;gap:7px;align-items:center;color:#849080;font-size:10px}.main{grid-column:2;min-width:0}.topbar{height:78px;padding:0 42px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(255,255,255,.65);font-size:12px;color:#7d877e}.topbar b{color:#47574c;font-weight:500}.pill{display:inline-flex;gap:7px;align-items:center;padding:5px 9px;border-radius:5px;background:#eef2e9;font-size:11px;color:#60745b}.dot{width:6px;height:6px;display:inline-block;border-radius:50%;background:#739368}.page{max-width:1480px;margin:auto;padding:38px 42px 60px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--orange);font-weight:700;margin-bottom:12px}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:28px}h1{font-size:27px;letter-spacing:-.7px;font-weight:650;margin:0 0 11px}h2{font-size:17px;font-weight:650;margin:0}h3{font-size:15px;margin:0 0 12px}.subtitle{color:var(--muted);font-size:12px;line-height:1.9;margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:7px;background:#fff;min-height:39px;padding:9px 15px;font-size:12px;white-space:nowrap}.btn svg{width:15px;height:15px}.btn.primary{background:var(--green);border-color:var(--green);color:#fff}.btn.primary:hover{background:#34614f}.btn:hover{filter:brightness(.98)}.btn.subtle{background:transparent}.btn.danger{color:var(--danger);border-color:#ead8d4}.btn.small{min-height:30px;padding:5px 9px;font-size:11px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:27px}.stat{background:white;border:1px solid var(--line);border-radius:9px;padding:19px 21px;position:relative}.stat-label{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:7px}.stat-number{font-size:29px;letter-spacing:-1px;font-weight:600;margin-top:10px}.stat-number small{font-size:11px;font-weight:400;letter-spacing:0;color:var(--muted);margin-left:6px}.stat-icon{position:absolute;right:20px;top:20px;color:#a6b0a0}.stat-icon svg{width:18px;height:18px}.upload-hero{display:grid;grid-template-columns:1.2fr 1fr;border:1px solid #dce4d5;border-radius:11px;background:#f0f4e9;overflow:hidden;margin-bottom:34px}.hero-copy{padding:30px 31px;position:relative}.hero-copy h2{font-size:21px;line-height:1.6;letter-spacing:-.4px;margin-bottom:12px}.hero-copy p{font-size:12px;line-height:1.9;color:#788372;margin:0}.hero-step{display:flex;align-items:center;gap:9px;font-size:10px;color:#849179;margin-top:21px}.hero-step span{background:#fff9;padding:4px 8px;border-radius:4px}.drop-area{margin:22px;border:1px dashed #b8c6ac;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:22px;text-align:center;cursor:pointer;background:#ffffff6b;transition:.2s}.drop-area:hover,.drop-area.drag{background:white;border-color:var(--green)}.drop-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;background:white;color:#587c4b;margin-bottom:13px}.drop-icon svg{width:22px;height:22px}.drop-area strong{font-size:12px;font-weight:550;line-height:1.8}.drop-area em{font-style:normal;color:var(--green);text-decoration:underline;text-underline-offset:3px}.drop-area small{color:#939c8c;font-size:10px;margin-top:11px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px;gap:12px}.section-head h2{font-size:16px}.section-head h2 small{font-weight:400;margin-left:9px;font-size:11px;color:var(--muted)}.toolbar{display:flex;gap:12px;align-items:center;margin-bottom:20px}.tabs{display:flex;gap:3px;align-items:center;padding:4px;background:#eaf0e5;border-radius:7px;width:fit-content}.tab{font-size:11px;border-radius:5px;padding:7px 12px;color:#7b8675}.tab.active{color:#37533c;background:white;box-shadow:0 1px 3px #00000008}.search{margin-left:auto;position:relative}.search input{width:220px;background:#fff;font-size:11px;padding:10px 13px 10px 32px;border-radius:7px;border:1px solid var(--line)}.search svg{position:absolute;left:11px;top:11px;width:14px;height:14px;color:#95a18f}.material-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.material-card{background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden;transition:.2s}.material-card:hover{border-color:#bdcdb7;box-shadow:0 4px 18px #263f2b09}.thumbnail{height:155px;position:relative;background:linear-gradient(125deg,#e9eeda,#d1dec6);overflow:hidden;display:grid;place-items:center}.thumbnail img{width:100%;height:100%;object-fit:cover;position:absolute}.thumbnail .placeholder-mark{color:#9caf8a;opacity:.6;width:42px;height:42px}.thumbnail .play{z-index:1;display:grid;place-items:center;width:38px;height:38px;background:#ffffffd9;color:var(--green);border-radius:50%;box-shadow:0 2px 8px #0001}.thumbnail .play svg{width:17px;height:17px}.duration{position:absolute;right:10px;bottom:9px;background:#1e302bd9;color:white;border-radius:4px;padding:3px 6px;font-size:10px;z-index:1}.card-body{padding:16px}.card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.badge{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:500;padding:4px 7px;border-radius:4px;background:#f1f3ef;color:#7c8577}.badge.ready{background:#ecf3e5;color:#668052}.badge.processing{background:#fbf2e4;color:#ad8956}.badge.failed{background:#faeae7;color:#af6158}.badge.purple{background:#f0ecf6;color:#8a76a3}.card-title{margin:13px 0 7px;font-size:13px;font-weight:650;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-meta{color:#9aa192;font-size:10px;display:flex;gap:10px}.card-footer{border-top:1px solid #eff1ec;margin-top:16px;padding-top:13px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#85917f}.card-footer b{color:#5d7154;font-weight:500}.empty{background:white;border:1px dashed #dce3d5;border-radius:10px;padding:50px 24px;text-align:center;grid-column:1/-1}.empty-icon{color:#9aaf89;margin:0 auto 18px;width:40px;height:40px}.empty h3{font-size:14px;font-weight:550;margin-bottom:9px}.empty p{font-size:12px;color:var(--muted);line-height:1.9;margin:0 auto;max-width:430px}.tip{display:flex;gap:9px;align-items:center;font-size:11px;color:#9a9f92;margin-top:24px}.tip svg{width:14px;height:14px}.panel{background:white;border:1px solid var(--line);border-radius:9px;padding:24px;margin-bottom:20px}.settings-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr);gap:24px;align-items:start}.panel-heading{display:flex;align-items:center;gap:10px;margin-bottom:8px}.panel-heading svg{width:20px;height:20px;color:#8b9d7e}.divider{border:0;border-top:1px solid var(--line);margin:22px 0}label.field{display:block;margin-top:20px;font-size:12px;font-weight:500}.field input,.field textarea,.field select{display:block;width:100%;margin-top:8px;border:1px solid #dfe5d9;border-radius:6px;background:#fff;padding:11px 12px;color:var(--ink);font-size:12px;line-height:1.6}.field textarea{resize:vertical;min-height:85px}.field small{font-weight:400;display:block;color:var(--muted);font-size:10px;line-height:1.8;margin-top:7px}.input-row{display:flex;gap:10px;align-items:end}.input-row .field{flex:1}.form-actions{display:flex;align-items:center;gap:10px;margin-top:24px}.notice{padding:13px 15px;border-radius:6px;background:#f2f5eb;border:1px solid #e3e9d9;font-size:11px;color:#78876a;line-height:1.9;margin:16px 0}.notice.warn{color:#a08047;background:#fcf6e8;border-color:#f2e4c9}.notice.error{color:#ad6057;background:#fbefeb;border-color:#efd9d4}.summary-list{display:grid;grid-template-columns:1fr auto;gap:15px;font-size:11px;margin-top:22px}.summary-list span:nth-child(odd){color:var(--muted)}.steps{display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--line);padding:0 0 20px;margin-bottom:25px;font-size:11px;color:#98a28f}.steps span{display:flex;align-items:center;gap:8px}.steps b{border-radius:50%;background:#edf1e7;font-size:10px;width:22px;height:22px;display:grid;place-items:center;font-weight:500}.steps .current{color:var(--green)}.steps .current b{background:var(--green);color:#fff}.editor-grid{display:grid;grid-template-columns:280px minmax(0,1fr);gap:22px}.candidate-list{display:flex;flex-direction:column;gap:10px}.candidate-item{border:1px solid var(--line);border-radius:8px;background:#fff;padding:16px;text-align:left;width:100%}.candidate-item.active{border-color:#7f9a6c;background:#f1f5ec;box-shadow:none}.candidate-item h3{font-size:12px;line-height:1.8;margin:10px 0}.candidate-item .tiny{display:flex;justify-content:space-between}.video-wrap{background:#1c2c26;border-radius:8px;overflow:hidden;position:relative}.video-wrap video{width:100%;display:block;max-height:430px;aspect-ratio:16/9}.video-info{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:var(--muted);margin:11px 0 20px}.range-row{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end}.range-row .field{margin-top:0}.segment-tools{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.edit-tabs{display:flex;border-bottom:1px solid var(--line);gap:20px;margin:24px 0 0}.edit-tab{padding:10px 2px;font-size:12px;color:#88927f}.edit-tab.active{border-bottom:2px solid var(--green);color:var(--green);font-weight:600}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.evidence{font-size:12px;line-height:1.9;border-left:2px solid #d5e2c5;padding:8px 14px;margin-top:15px;background:#f8faf5}.decision-row{display:flex;gap:7px;margin-top:18px;flex-wrap:wrap}.decision{font-size:11px;padding:8px 12px;border:1px solid var(--line);border-radius:6px;background:white}.decision.active{border-color:#789865;background:#edf4e5;color:#557046}.bottom-actions{position:sticky;bottom:14px;background:#ffffffed;backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:8px;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;margin-top:20px;box-shadow:0 4px 20px #2340220b}.transcript-row{display:grid;grid-template-columns:60px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.transcript-row .time{color:#7b9468;font-size:11px;padding-top:4px;text-align:left}.transcript-row textarea{width:100%;border:1px solid #e9ede5;padding:8px;border-radius:5px;font-size:12px;line-height:1.8;resize:vertical;min-height:68px;color:var(--ink)}.transcript-label{font-size:10px;color:#88917f;margin-bottom:5px}.speaker-row{display:grid;grid-template-columns:1fr 110px;gap:10px;margin-bottom:9px}.speaker-row input,.speaker-row select{width:100%;padding:8px;border:1px solid var(--line);border-radius:5px;color:var(--ink);font-size:11px}.history-item{display:flex;align-items:start;gap:12px;padding:15px 0;border-bottom:1px solid var(--line);font-size:11px}.history-item p{margin:0 0 5px}.history-item small{font-size:10px;color:var(--muted)}.table-wrap{overflow:auto}.data-table{border-collapse:collapse;width:100%;font-size:11px}.data-table th{text-align:left;color:#8b9584;font-weight:400;padding:14px 12px;border-bottom:1px solid var(--line);white-space:nowrap}.data-table td{padding:17px 12px;border-bottom:1px solid var(--line);line-height:1.7}.data-table td:first-child{font-weight:500}.review-check{display:flex;align-items:start;gap:9px;font-size:12px;line-height:1.8;margin:20px 0}.review-check input{accent-color:var(--green);margin-top:5px}.versions{display:flex;gap:8px;align-items:center;margin-bottom:15px;flex-wrap:wrap}.versions select{border:1px solid var(--line);border-radius:6px;padding:8px;font-size:11px;color:var(--ink);background:white}dialog{border:1px solid var(--line);border-radius:13px;padding:28px;max-width:550px;width:calc(100% - 40px);color:var(--ink);box-shadow:0 15px 80px #142b2b22}dialog::backdrop{background:#182e265c;backdrop-filter:blur(3px)}dialog h2{font-size:19px;margin-bottom:8px}.modal-close{position:absolute;right:16px;top:15px;color:#94a08a}.upload-file{padding:17px;background:#f2f5ec;border-radius:7px;display:flex;align-items:center;gap:12px;margin-top:22px;font-size:12px;word-break:break-all}.upload-progress{height:5px;background:#e9eedf;margin-top:20px;border-radius:8px;overflow:hidden}.upload-progress div{height:100%;width:0;background:#799666;transition:width .15s}#toast{position:fixed;bottom:27px;left:calc(50% + 116px);transform:translateX(-50%);padding:12px 21px;border-radius:8px;background:#244a3d;color:white;box-shadow:0 4px 30px #0002;font-size:12px;z-index:10;opacity:0;pointer-events:none;transition:.2s;max-width:80vw;line-height:1.7}#toast.show{opacity:1}#toast.error{background:#8f4f43}.auth-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-aside{background:#254d40;display:flex;flex-direction:column;justify-content:center;padding:10vw 7vw;color:#eef4e8}.auth-aside .brand{padding:0;font-size:34px;color:white;margin-bottom:55px}.auth-aside h1{font-size:36px;line-height:1.7;letter-spacing:-1px;font-weight:500}.auth-aside p{color:#b5c8b5;font-size:13px;line-height:2.2}.auth-aside .eyebrow{color:var(--lime)}.auth-form{padding:50px;display:flex;align-items:center;justify-content:center}.auth-card{width:350px}.auth-card h2{font-size:24px;margin-bottom:13px}.auth-card .btn{width:100%;margin-top:24px}.auth-art{margin-top:30px;display:flex;align-items:center;gap:12px}.auth-art i{display:block;height:40px;width:6px;border-radius:5px;background:#779e66}.auth-art i:nth-child(2n){height:75px;background:#a7c58a}.auth-art i:nth-child(3n){height:100px;background:#d3e6aa}.no-margin{margin:0}.row{display:flex;gap:10px;align-items:center}.spacer{flex:1}.loading{padding:50px;text-align:center;font-size:12px;color:var(--muted)}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.mobile-brand{display:none}.inline-error{color:var(--danger);font-size:11px;line-height:1.8;margin-top:12px}.confirm-box{background:#f7f9f3;border:1px solid var(--line);border-radius:6px;padding:14px;font-size:11px;line-height:1.9;word-break:break-all}.due{color:#b8804b}.dirty{color:#ad854f}.key-state{margin-left:auto;font-size:10px}.key-state.ok{color:#6d8a58}.link-button{text-decoration:underline;text-underline-offset:3px;font-size:11px;color:#6c8658}.help-list{padding-left:18px;font-size:11px;line-height:2.3;color:var(--muted)}.detail-heading{margin-bottom:20px}.back-link{color:#839078;font-size:11px;margin-bottom:18px;display:inline-flex;gap:5px;align-items:center}.badge-count{font-size:11px;color:#8b9981}.subtitle strong{color:#59734b}.preview-empty{padding:45px;text-align:center;background:#f0f3ea;border-radius:8px;line-height:2;font-size:12px}.status-line{font-size:10px;color:#9b885c;margin-top:12px}.danger-zone{border-color:#eadcd6}.danger-zone h3{color:#a46955}.file-note{font-size:10px;color:#8e9985;line-height:1.9;margin-top:16px}button:focus-visible,a:focus-visible{outline:2px solid #779a57}.table-title{max-width:280px;min-width:180px}.table-title small{font-weight:400;display:block;color:var(--muted);margin-top:3px}.job-error{max-width:300px;color:#ad6157;word-break:break-word}.version-box{border:1px solid var(--line);border-radius:8px;padding:20px;margin-top:20px}.help-banner{display:flex;align-items:center;justify-content:space-between;border:1px solid #e8dfd0;background:#fbf7ed;border-radius:8px;padding:13px 17px;margin-bottom:24px;font-size:11px;color:#978059;gap:10px}@media(min-width:1550px){.thumbnail{height:200px}}@media(max-width:1150px){.page{padding:30px 26px}.topbar{padding:0 26px}.material-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-grid{grid-template-columns:220px minmax(0,1fr)}.settings-grid{grid-template-columns:1fr}.upload-hero{grid-template-columns:1fr 1fr}.hero-copy{padding:25px}.hero-copy h2{font-size:18px}.stats{gap:10px}.stat{padding:16px}.stat-icon{display:none}}@media(max-width:800px){.shell{grid-template-columns:74px minmax(0,1fr)}.sidebar{width:74px;padding:24px 9px}.brand{padding:0;justify-content:center}.brand span,.workspace,.nav-label,.nav-item span,.sidebar-bottom .tiny,.private{display:none}.nav-item{justify-content:center;padding:15px 0}.sidebar nav{margin-top:35px}.main{grid-column:2}.topbar{height:61px;padding:0 18px}.page{padding:27px 18px}.stats{grid-template-columns:1fr 1fr}.upload-hero{grid-template-columns:1fr}.hero-copy{padding:24px 24px 0}.drop-area{min-height:160px}.editor-grid{grid-template-columns:1fr}.candidate-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.candidate-list>h3{grid-column:1/-1}.page-heading{flex-wrap:wrap}h1{font-size:23px}.search input{width:170px}.auth-page{grid-template-columns:1fr}.auth-aside{padding:35px}.auth-aside .brand{margin-bottom:25px;justify-content:start}.auth-aside h1{font-size:25px}.auth-aside p,.auth-art{display:none}.auth-form{padding:35px 25px}#toast{left:calc(50% + 37px)}.bottom-actions{flex-wrap:wrap}.panel{padding:18px}.steps{gap:8px;flex-wrap:wrap;font-size:10px}.steps b{width:19px;height:19px}}@media(max-width:520px){.material-grid{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}.search{margin-left:0;width:100%}.search input{width:100%}.page-heading>.btn{width:100%}.stat-number{font-size:25px}.form-grid{grid-template-columns:1fr}.range-row{grid-template-columns:1fr 1fr}.range-row>.btn{grid-column:1/-1}.candidate-list{grid-template-columns:1fr}.tabs{flex-wrap:wrap}.topbar .pill{font-size:9px}.topbar{font-size:10px}.hero-step{gap:4px;font-size:9px}.hero-step span{padding:4px}.page{padding:25px 13px}.bottom-actions .row{flex-wrap:wrap}.auth-form{padding:30px 20px}}

svg{width:18px;height:18px;flex-shrink:0} .brand img{flex-shrink:0} .history-item>svg{color:#91a382;width:15px;height:15px} .help-banner>span{display:flex;gap:9px;align-items:center}

.output-card{display:flex;flex-direction:column}.output-preview{background:#1c2c26;aspect-ratio:16/9;overflow:hidden}.output-preview video{display:block;width:100%;height:100%;object-fit:contain}.output-card .card-body{display:flex;flex-direction:column;flex:1}.output-title{font-size:inherit;font-weight:inherit;line-height:inherit;text-align:left;padding:0;width:100%}.output-title:hover{color:#5d7a4a}.output-source{display:flex;gap:6px;align-items:center;font-size:11px;color:var(--muted);margin:2px 0 10px;min-width:0}.output-source svg{width:13px;height:13px}.output-source span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.output-card .card-meta{flex-wrap:wrap;row-gap:5px}.output-card .card-footer{margin-top:auto;padding-top:14px}.output-card .card-meta{padding-bottom:16px}.output-grid{align-items:stretch}

.single-review{max-width:1140px}.single-review h1{font-size:23px;line-height:1.65}.single-review .versions{margin-top:0!important}.single-review .video-wrap video{max-height:none}.single-review .page-heading{align-items:center}

.readonly-details{margin:28px 0 0}.readonly-detail{margin:0 0 24px}.readonly-detail:last-child{margin-bottom:0}.readonly-detail dt{font-size:13px;font-weight:550;margin-bottom:10px}.readonly-detail dd{margin:0;padding:17px 19px;border:1px solid var(--line);border-radius:7px;background:#fafbf8;font-size:13px;line-height:1.95;white-space:pre-wrap;overflow-wrap:anywhere}

.output-toolbar{justify-content:flex-end}.output-toolbar .search{width:min(100%,360px)}.output-toolbar .search input{width:100%}.output-card[hidden],#output-search-empty[hidden]{display:none}

.output-card{cursor:pointer;color:inherit;text-decoration:none}.output-card:hover{text-decoration:none}.output-card .output-preview video{pointer-events:none}.output-card:focus-visible{outline:2px solid #779a57;outline-offset:4px}

.sidebar>.brand{margin-bottom:32px}

.topbar{height:48px}@media(max-width:800px){.topbar{height:42px}}

.output-preview{position:relative}.output-duration{position:absolute;right:10px;bottom:10px;z-index:1;background:#17271fe6;color:#fff;border-radius:4px;padding:4px 7px;font-size:11px;font-weight:550;font-variant-numeric:tabular-nums;pointer-events:none}

.hover-video-popup{position:fixed;z-index:30;display:block;border:1px solid #d8e0d1;border-radius:12px;overflow:hidden;background:#fff;color:var(--ink);box-shadow:0 14px 55px #152e3040;max-height:calc(100vh - 24px);text-decoration:none;animation:preview-pop .16s ease-out;transform-origin:center}.hover-video-popup:hover{text-decoration:none}.hover-video-frame{position:relative;background:#17271f;aspect-ratio:16/9}.hover-video-frame video{width:100%;height:100%;display:block;object-fit:contain;pointer-events:none}.hover-video-copy{padding:18px 20px}.hover-video-copy h3{font-size:15px;line-height:1.7;margin:0 0 9px}.hover-video-copy p{font-size:12px;line-height:1.9;color:#72816d;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:12px 0 0}.hover-play-mark{position:absolute;left:12px;bottom:10px;width:29px;height:29px;background:#ffffffdd;color:#254d40;display:grid;place-items:center;border-radius:50%;pointer-events:none}.hover-play-mark svg{width:14px;height:14px}@keyframes preview-pop{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.hover-video-popup{animation:none}}


/* Sidebar header and compact icon rail */
.topbar{position:sticky;top:0;z-index:10;background:#fff;justify-content:flex-start}
.sidebar{padding:16px 12px;width:232px}
.sidebar-header{height:40px;display:flex;align-items:center;gap:9px;margin:0 0 24px;padding:0 3px;flex-shrink:0}
.sidebar-header .brand{padding:0;margin:0;justify-content:flex-start;font-size:23px;gap:8px;letter-spacing:-.9px}
.sidebar-header .brand img{width:28px;height:28px}
.sidebar-toggle{width:32px;height:32px;min-width:32px;display:grid;place-items:center;padding:6px;border:0;border-radius:7px;background:transparent;color:#84917e;flex-shrink:0;transition:background .15s,color .15s}
.sidebar-toggle svg{width:19px;height:19px}
.sidebar-toggle:hover{background:#edf2e8;color:#254d40}
.sidebar-toggle:focus-visible{outline:2px solid #779a57;outline-offset:2px}
.sidebar nav{margin-top:0}
.sidebar .nav-item{height:44px;padding:12px 15px;margin:4px 0;gap:12px}
.shell.menu-closed{grid-template-columns:64px minmax(0,1fr)}
.shell.menu-closed .sidebar{display:flex;width:64px;padding:16px 8px}
.shell.menu-closed .sidebar-header{padding:0;justify-content:center}
.shell.menu-closed .sidebar-header .brand{display:none}
.shell.menu-closed .sidebar .nav-item{justify-content:center;padding:12px 0}
.shell.menu-closed .sidebar .nav-item span,.shell.menu-closed .sidebar .private,.shell.menu-closed .sidebar hr{display:none}
.shell.menu-closed .sidebar-bottom{margin-top:auto}
body:has(.shell.menu-closed) #toast{left:calc(50% + 32px)}
@media(max-width:800px){
 .shell{grid-template-columns:64px minmax(0,1fr)}
 .sidebar{width:64px;padding:16px 8px}
 .sidebar-header{justify-content:center;padding:0}
 .sidebar-header .brand{display:none}
 .sidebar .nav-item{justify-content:center;padding:12px 0}
 .shell:not(.menu-closed) .sidebar{width:232px;padding:16px 12px;box-shadow:12px 0 40px #19322218;z-index:20}
 .shell:not(.menu-closed) .sidebar-header{justify-content:flex-start;padding:0 3px}
 .shell:not(.menu-closed) .sidebar-header .brand{display:flex}
 .shell:not(.menu-closed) .sidebar-header .brand span{display:inline}
 .shell:not(.menu-closed) .sidebar .nav-item{justify-content:flex-start;padding:12px 15px}
 .shell:not(.menu-closed) .sidebar .nav-item span{display:inline}
}
@media(prefers-reduced-motion:reduce){.sidebar-toggle{transition:none}}

.shorts-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.shorts-grid .output-preview,.vertical-popup .hover-video-frame{aspect-ratio:9/16}.vertical-review .video-wrap{max-width:360px;margin:0 auto}.vertical-review .video-wrap video{aspect-ratio:9/16;max-height:none}@media(max-width:520px){.shorts-grid{grid-template-columns:1fr}}

/* One-at-a-time vertical video feed */
.shorts-shell .main{height:100dvh;overflow:hidden}.shorts-feed-layout{height:100%;position:relative;display:flex;flex-direction:column;background:#f7f8f5}.shorts-feed-header{height:62px;min-height:62px;display:flex;align-items:center;gap:18px;padding:0 38px}.shorts-feed-header h1{font-size:18px;margin:0}.shorts-feed{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scroll-snap-type:y mandatory;scrollbar-width:none;outline-offset:-3px}.shorts-feed::-webkit-scrollbar{display:none}.shorts-slide{height:100%;width:100%;position:relative;scroll-snap-align:start;scroll-snap-stop:always;display:flex;align-items:center;justify-content:center;gap:14px;padding:8px 70px 16px 70px}.shorts-player{position:relative;height:100%;max-width:100%;aspect-ratio:9/16;flex-shrink:1;background:#152820;border-radius:12px;overflow:hidden}.shorts-video{width:100%;height:100%;display:block;object-fit:contain;cursor:pointer}.shorts-player-top{position:absolute;left:15px;top:15px;display:flex;gap:9px}.shorts-round{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#15221fa8;backdrop-filter:blur(5px);color:#fff;font-size:18px;font-weight:700}.shorts-round:hover{background:#13261fe8}.shorts-player-caption{position:absolute;left:18px;right:18px;bottom:42px;color:white;pointer-events:none;text-shadow:0 1px 4px #0005}.shorts-player-caption:before{content:'';position:absolute;inset:-40px -18px -42px;z-index:0;background:linear-gradient(transparent,#08140dc9);pointer-events:none}.shorts-player-caption>span,.shorts-player-caption>h2{position:relative;z-index:1}.shorts-player-caption>span{font-size:11px;color:#e4eada}.shorts-player-caption h2{font-size:15px;line-height:1.65;margin:9px 0 0;font-weight:600}.shorts-progress{position:absolute;bottom:10px;left:14px;right:14px;display:flex;gap:8px;align-items:center;color:#fff;font-size:10px;font-variant-numeric:tabular-nums}.shorts-progress input{min-width:0;flex:1;accent-color:#c6e79d;height:3px;cursor:pointer}.shorts-actions{align-self:flex-end;margin-bottom:52px;display:flex;flex-direction:column;gap:16px}.shorts-action{display:flex;flex-direction:column;align-items:center;gap:7px;font-size:10px}.shorts-action>svg{width:44px;height:44px;padding:12px;border-radius:50%;background:#e8ede2;color:#3e5744}.shorts-action:hover>svg{background:#dce7d1}.shorts-scroll-nav{position:absolute;right:22px;top:50%;display:flex;flex-direction:column;gap:12px}.shorts-scroll-nav button{width:44px;height:44px;background:#e9eee3;border-radius:50%;display:grid;place-items:center}.shorts-scroll-nav button:hover{background:#dce7d1}.shorts-scroll-nav button:first-child svg{transform:rotate(90deg)}.shorts-scroll-nav button:last-child svg{transform:rotate(-90deg)}.shorts-scroll-nav button:disabled{opacity:.25}@media(max-width:800px){.shorts-feed-header{height:48px;min-height:48px;padding:0 16px}.shorts-slide{padding:4px 12px 10px;gap:0}.shorts-player{max-width:100%}.shorts-actions{position:absolute;right:19px;bottom:100px;margin:0}.shorts-action>svg{background:#fff2;color:#fff;backdrop-filter:blur(5px)}.shorts-action>span{color:white;text-shadow:0 1px 3px #0009}.shorts-scroll-nav{display:none}.shorts-player-caption{right:58px}.shorts-player{border-radius:8px}}@media(max-width:520px){.shorts-slide{padding:0}.shorts-player{width:100%;height:100%;aspect-ratio:auto;border-radius:0}.shorts-player-caption h2{font-size:13px}.shorts-feed-header h1{font-size:16px}}

.mobile-nav,.mobile-account-actions{display:none}
@media(max-width:800px){
 :root{--mobile-nav-height:calc(64px + env(safe-area-inset-bottom,0px))}
 .shell,.shell.menu-closed{display:block;min-height:100dvh}
 .shell .sidebar#sidebar-menu{display:none}
 .shell .main{width:100%;padding-bottom:var(--mobile-nav-height)}
 .mobile-nav{display:flex;position:fixed;inset:auto 0 0;z-index:25;height:var(--mobile-nav-height);padding:5px 8px calc(5px + env(safe-area-inset-bottom,0px));background:#fffffff5;backdrop-filter:blur(14px);border-top:1px solid #e3e8dd;justify-content:space-around;box-shadow:0 -3px 16px #20382405}
 .mobile-nav .nav-item{flex:1;min-width:0;height:54px;padding:6px 2px;margin:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;border-radius:8px;font-size:10px;color:#85917d}
 .mobile-nav .nav-item span{display:inline;white-space:nowrap;line-height:1.3}
 .mobile-nav .nav-item svg{width:21px;height:21px}
 .mobile-nav .nav-item.active{background:#edf3e6;color:#254d40}
 .shorts-shell .main{height:calc(100dvh - var(--mobile-nav-height));padding-bottom:0}
 .bottom-actions{bottom:calc(var(--mobile-nav-height) + 10px)}
 body:has(.shell) #toast,body:has(.shell.menu-closed) #toast{left:50%;bottom:calc(var(--mobile-nav-height) + 12px);max-width:calc(100vw - 24px)}
 .mobile-account-actions{display:flex;gap:10px;padding:0 18px 24px}
}

/* Black theme shared by the studio, library and public viewing pages. */
:root{color-scheme:dark;--bg:#0c0f14;--paper:#161b23;--ink:#ededf0;--muted:#a1a1aa;--green:#ef626b;--lime:#ffabb0;--line:#303946;--orange:#e2a46f;--danger:#f19595}
body{background:var(--bg);color:var(--ink)}
.sidebar,.topbar{background:#10141b}
.panel,.material-card,.stat,.empty,dialog,.hover-video-popup{background:var(--paper);color:var(--ink);border-color:var(--line)}
.workspace,.readonly-detail dd,.confirm-box,.preview-empty,.upload-file,.evidence{background:#1b222c;border-color:var(--line)}
.nav-item,.sidebar-toggle,.back-link,.edit-tab,.tab,.card-meta,.card-footer,.file-note,.private,.transcript-label,.nav-label,.tip,.hero-copy p,.hero-step,.drop-area small,.hover-video-copy p{color:var(--muted)}
.nav-item:hover,.sidebar-toggle:hover{background:#202733;color:var(--ink)}
.nav-item.active,.mobile-nav .nav-item.active,.tab.active,.decision.active,.candidate-item.active{background:#382024;color:#ffb3b8;border-color:#8c3c45}
.nav-item .count,.avatar,.tabs,.steps b{background:#252d39;color:var(--muted)}
.btn,.decision,.candidate-item{background:#202733;border-color:var(--line);color:var(--ink)}
.btn:hover{background:#2a3442;filter:none}
.btn.subtle{background:transparent}.btn.subtle:hover{background:#252d39}
.btn.primary{background:#e54853;border-color:#e54853;color:#ffffff;font-weight:600}
.btn.primary:hover{background:#ffb3b8;border-color:#ffb3b8}
.btn.danger,.danger-zone{border-color:#654044}.btn.danger,.danger-zone h3{color:var(--danger)}
input,select,textarea,.field input,.field select,.field textarea,.search input,.transcript-row textarea,.speaker-row input,.speaker-row select,.versions select{background:#10141b;border-color:#404b5c;color:var(--ink)}
input::placeholder,textarea::placeholder{color:#898992}
input:focus,textarea:focus,select:focus{outline:2px solid #ef626b;outline-offset:2px}
input[type=checkbox],input[type=range]{accent-color:#e54853}
.readonly-detail dt,.card-title,.panel h3{color:var(--ink)}
.card-footer{border-color:var(--line)}.card-footer b,.link-button,.subtitle strong,.key-state.ok,.transcript-row .time{color:#f28b93}
.material-card:hover{border-color:#657186;box-shadow:0 8px 24px #0005}
.thumbnail{background:linear-gradient(125deg,#292023,#3c282e)}
.thumbnail .play,.hover-play-mark{background:#242429e8;color:#fff0f1}
.output-title:hover{color:#ffb3b8}
.video-wrap,.output-preview,.hover-video-frame,.shorts-player{background:#0c0f14}
.hover-video-popup{box-shadow:0 18px 65px #000a}
.upload-hero{background:#211719;border-color:#4d3036}.drop-area{background:#1c1416;border-color:#71414b}.drop-area:hover,.drop-area.drag{background:#302024;border-color:#ef626b}.drop-icon,.hero-step span{background:#3b242a;color:#ffb3b8}
.badge{background:#2b2b30;color:#c1c1c9}.badge.ready{background:#3c242a;color:#f4b1b8}.badge.processing{background:#3c3020;color:#ebc385}.badge.failed{background:#3c2528;color:#f0a4a4}.badge.purple{background:#332b42;color:#d4baef}
.notice{background:#302024;border-color:#59343d;color:#e2bfc6}.notice.warn,.help-banner{background:#30291c;border-color:#57462b;color:#e8c58c}.notice.error{background:#342226;border-color:#624047;color:#f0b0b0}
.bottom-actions{background:#161b23ed;box-shadow:0 4px 24px #0004}
.pill{background:#39232a;color:#e8b9c2}.due,.dirty,.status-line{color:#e3bc80}
.auth-aside{background:#241418}.auth-form{background:var(--bg)}
dialog::backdrop{background:#000a;backdrop-filter:blur(5px)}
.shorts-feed-layout{background:var(--bg)}.shorts-action>svg,.shorts-scroll-nav button{background:#252e3b;color:var(--ink)}.shorts-action:hover>svg,.shorts-scroll-nav button:hover{background:#404b5c}
.mobile-nav{background:#10141bf5;border-color:var(--line)}.mobile-nav .nav-item{color:var(--muted)}
button:focus-visible,a:focus-visible{outline-color:#e54853}
@media(max-width:800px){.shorts-action>svg{background:#1b1b20b8;color:white}.shorts-action:hover>svg{background:#35353bd9}}

/* Red accents on the black theme. */
.btn.primary:hover{background:#f2606a;border-color:#f2606a;color:#fff}
.auth-art i{background:#b63745}.auth-art i:nth-child(2n){background:#e54853}.auth-art i:nth-child(3n){background:#ff9da5}
.shorts-progress input{accent-color:#ef626b}.upload-progress div{background:#ef626b}
.dot{background:#ef626b}.steps .current b{background:#e54853;color:#fff}
#toast{background:#7e2934}#toast.error{background:#a73340}

/* Compact spacing keeps the content prominent on the black canvas. */
.page{max-width:none;padding:22px 24px 32px}
.page-heading{margin-bottom:18px;gap:14px}h1{margin-bottom:7px}
.section-head{margin-bottom:12px}.toolbar{margin-bottom:12px}
.material-grid{gap:14px}.card-body{padding:12px}.card-title{margin:9px 0 6px}
.output-source{margin:2px 0 7px}.output-card .card-meta{padding-bottom:0;gap:6px}
.panel{padding:18px;margin-bottom:14px}.settings-grid{gap:16px}
.readonly-details{margin-top:20px}.readonly-detail{margin-bottom:16px}.readonly-detail dt{margin-bottom:7px}.readonly-detail dd{padding:12px 14px}
.single-review{max-width:1280px}.single-review .back-link{margin-bottom:10px}
.sidebar-header{margin-bottom:12px}.sidebar .nav-item{margin:2px 0}
.divider{margin:16px 0}.private{margin-top:16px;margin-bottom:10px}
.output-page-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.output-page-title{display:flex;align-items:baseline;gap:12px;flex-shrink:0}.output-page-title h1{margin:0}
.output-page-header .output-toolbar{display:flex;align-items:center;gap:16px;margin:0;flex:1}
.output-page-header .search{width:min(100%,340px);margin-left:0}
@media(min-width:1800px){.output-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1150px){.page{padding:20px 20px 28px}.output-page-header .output-sort{display:none}}
@media(max-width:800px){.page{padding:16px 14px 24px}.panel{padding:14px}.output-page-header{flex-wrap:wrap;gap:12px;margin-bottom:14px}.output-page-header .output-toolbar{min-width:220px}.output-page-title h1{font-size:22px}.material-grid{gap:12px}}
@media(max-width:520px){.page{padding:14px 10px 20px}.output-page-header .output-toolbar{flex-basis:100%;min-width:0}.output-page-header .search{width:100%}.output-page-header{gap:10px}.material-grid{gap:12px}.card-body{padding:11px}.readonly-detail dd{padding:10px 12px}.single-review h1{font-size:20px}}

.shorts-round{background:#0c0f14b8}.shorts-round:hover{background:#0c0f14ed}.shorts-player-caption:before{background:linear-gradient(transparent,#0c0f14cc)}
.like-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;min-width:54px;padding:7px 10px;border:1px solid var(--line);border-radius:20px;background:#202733;color:var(--muted);font-size:12px;cursor:pointer;font-variant-numeric:tabular-nums}.like-button svg{width:18px;height:18px}.like-button:hover{background:#30313b;color:#ffabb0}.like-button.is-liked{color:#ff8c98;border-color:#78404b;background:#382024}.like-button.is-liked svg{fill:currentColor}.output-card-wrap{position:relative;display:flex;min-width:0}.output-card-wrap .output-card{width:100%;padding-bottom:42px}.output-card-wrap>.like-button{position:absolute;right:12px;bottom:10px;z-index:1}.output-card-wrap[hidden]{display:none}.shorts-actions>.like-button{flex-direction:column;border:0;background:transparent;gap:7px;padding:0;font-size:10px}.shorts-actions>.like-button svg{width:44px;height:44px;padding:12px;background:#252e3b;border-radius:50%}.shorts-actions>.like-button.is-liked svg{background:#382024}.versions{flex-wrap:wrap}

/* Appearance preferences */
.theme-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}
.theme-option{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:9px;cursor:pointer;background:var(--paper)}
.theme-option:has(input:checked){border-color:#e54853;box-shadow:0 0 0 1px #e54853}.theme-option input{margin:0;flex-shrink:0}.theme-option strong{display:block;font-size:12px}.theme-option small{display:block;font-size:11px;color:var(--muted);margin-top:5px}
.theme-swatch{display:flex;gap:4px;align-items:center;width:48px;height:36px;border-radius:5px;padding:7px;border:1px solid #4b505a;flex-shrink:0}.theme-swatch.dark{background:#0c0f14}.theme-swatch.light{background:#fff;border-color:#d9dde3}.theme-swatch i{width:13px;height:20px;background:#303946;border-radius:2px}.theme-swatch.light i{background:#e5e7eb}.theme-swatch i:first-child{background:#e54853;width:7px}
:root[data-theme=light]{color-scheme:light;--bg:#fff;--paper:#fff;--ink:#242932;--muted:#656c78;--green:#c92b3b;--lime:#bd2638;--line:#dfe3e9;--orange:#995925;--danger:#b12e3b}
html[data-theme=light] :is(.sidebar,.topbar){background:#f7f8fa}
html[data-theme=light] :is(.workspace,.readonly-detail dd,.confirm-box,.preview-empty,.upload-file,.evidence){background:#f6f7f9}
html[data-theme=light] :is(.nav-item:hover,.sidebar-toggle:hover,.btn,.decision,.candidate-item,.like-button){background:#f3f4f6;color:var(--ink);border-color:var(--line)}
html[data-theme=light] :is(.nav-item.active,.mobile-nav .nav-item.active,.tab.active,.decision.active,.candidate-item.active,.like-button.is-liked){background:#fff0f2;color:#ba2436;border-color:#e6a1aa}
html[data-theme=light] :is(.nav-item .count,.avatar,.tabs,.steps b){background:#eceef2;color:var(--muted)}
html[data-theme=light] .btn:hover{background:#e9ecf0}html[data-theme=light] .btn.subtle{background:transparent}html[data-theme=light] .btn.subtle:hover{background:#f1f3f5}
html[data-theme=light] .btn.primary{background:#cf3143;border-color:#cf3143;color:#fff}html[data-theme=light] .btn.primary:hover{background:#b72235;border-color:#b72235}
html[data-theme=light] :is(input,select,textarea,.field input,.field select,.field textarea,.search input,.transcript-row textarea,.speaker-row input,.speaker-row select,.versions select){background:#fff;border-color:#cbd1da;color:var(--ink)}
html[data-theme=light] :is(.card-footer b,.link-button,.subtitle strong,.key-state.ok,.transcript-row .time,.output-title:hover){color:#b72b3c}
html[data-theme=light] .material-card:hover{border-color:#aab1be;box-shadow:0 5px 18px #17203312}
html[data-theme=light] .hover-video-popup{box-shadow:0 16px 50px #17203330}
html[data-theme=light] .upload-hero{background:#fff7f8;border-color:#edd7dc}html[data-theme=light] .drop-area{background:#fff;border-color:#d5a4ad}html[data-theme=light] :is(.drop-area:hover,.drop-area.drag){background:#fff0f3}html[data-theme=light] :is(.drop-icon,.hero-step span){background:#ffe6eb;color:#b72b3c}
html[data-theme=light] .badge{background:#eceef2;color:#59616f}html[data-theme=light] .badge.ready{background:#ffe9ee;color:#a4263c}html[data-theme=light] .badge.processing{background:#fff2db;color:#845714}html[data-theme=light] .badge.failed{background:#ffeaeb;color:#ab2836}html[data-theme=light] .badge.purple{background:#eee9fa;color:#67508c}
html[data-theme=light] .notice{background:#f7f0f2;border-color:#ead9de;color:#6f4854}html[data-theme=light] :is(.notice.warn,.help-banner){background:#fff7e8;border-color:#eedab4;color:#825b22}html[data-theme=light] .notice.error{background:#fff0f0;border-color:#efc6cd;color:#a02e3d}
html[data-theme=light] .bottom-actions{background:#fffffff2;box-shadow:0 4px 20px #1720330c}html[data-theme=light] .pill{background:#ffeaf0;color:#a52b42}html[data-theme=light] :is(.due,.dirty,.status-line){color:#895b20}
html[data-theme=light] .mobile-nav{background:#fffffff5;border-color:var(--line)}html[data-theme=light] :is(.shorts-action>svg,.shorts-scroll-nav button,.shorts-actions>.like-button svg){background:#edf0f4;color:var(--ink)}html[data-theme=light] .shorts-actions>.like-button.is-liked svg{background:#ffe4e9;color:#c52b40}
html[data-theme=light] .auth-aside{background:#fff0f3;color:var(--ink)}html[data-theme=light] .auth-aside :is(.brand,p){color:var(--ink)}
@media(max-width:800px){html[data-theme=light] .shorts-action>svg{background:#0c0f14b8;color:#fff}}
@media(max-width:520px){.theme-options{grid-template-columns:1fr}}

.settings-grid.settings-only{grid-template-columns:minmax(0,1fr)}

.brand{gap:5px}.sidebar-header .brand{gap:3px}
.save-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:7px 10px;border:1px solid var(--line);border-radius:20px;background:#202733;color:var(--muted);font-size:12px;cursor:pointer}.save-button svg{width:17px;height:17px}.save-button:hover{color:#ffabb0}.save-button.is-saved{color:#ff8c98;border-color:#78404b;background:#382024}.save-button.is-saved svg{fill:currentColor}.output-card-wrap>.save-button{position:absolute;right:12px;bottom:10px;z-index:1}.output-card-wrap>.like-button{right:106px}.shorts-actions>.save-button{flex-direction:column;border:0;background:transparent;gap:7px;padding:0;font-size:10px}.shorts-actions>.save-button svg{width:44px;height:44px;padding:12px;background:#252e3b;border-radius:50%}.shorts-actions>.save-button.is-saved svg{background:#382024}html[data-theme=light] .save-button{background:#f3f4f6;color:var(--ink);border-color:var(--line)}html[data-theme=light] .save-button.is-saved{background:#fff0f2;color:#ba2436;border-color:#e6a1aa}html[data-theme=light] .shorts-actions>.save-button{background:transparent}html[data-theme=light] .shorts-actions>.save-button svg{background:#edf0f4}html[data-theme=light] .shorts-actions>.save-button.is-saved svg{background:#ffe4e9}
@media(max-width:520px){.mobile-nav .nav-item{font-size:9px}.mobile-nav{padding-left:2px;padding-right:2px}}

.studio-actions{justify-content:flex-end}.output-page-header .output-toolbar{justify-content:space-between}.shorts-feed-layout>.shorts-feed{padding-top:0}

.shared-header{margin-bottom:22px}.shared-brand{padding:0;justify-content:flex-start;font-size:23px;gap:3px;letter-spacing:-.9px}.shared-brand img{width:28px;height:28px}.shared-brand .brand-dot{color:#ef626b}.shared-brand span{display:inline}

.shell:not(.menu-closed) .sidebar-header{justify-content:flex-start}.shell:not(.menu-closed) .sidebar-header .sidebar-toggle{margin-left:auto}.shell.menu-closed .sidebar-header .sidebar-toggle{margin-left:0}

/* Shorts: the circular surface belongs to the heart, not its count. */
.shorts-actions>.like-button,
.shorts-actions>.like-button:hover,
.shorts-actions>.like-button.is-liked,
html[data-theme=light] .shorts-actions>.like-button,
html[data-theme=light] .shorts-actions>.like-button:hover,
html[data-theme=light] .shorts-actions>.like-button.is-liked{background:transparent;border:0;border-radius:0;box-shadow:none}

/* Shared Shorts controls on desktop and mobile. */
.shorts-actions>.shorts-action,.shorts-actions>.like-button,.shorts-actions>.save-button{opacity:.4;transition:opacity .15s ease}
.shorts-actions>.shorts-action:hover,.shorts-actions>.shorts-action:focus-visible,.shorts-actions>.like-button:hover,.shorts-actions>.like-button:focus-visible,.shorts-actions>.save-button:hover,.shorts-actions>.save-button:focus-visible{opacity:1}

.output-preview>img{width:100%;height:100%;display:block;object-fit:contain}.output-card-wrap{content-visibility:auto;contain-intrinsic-size:auto 390px}

/* Mobile launch: emblem first, then the wordmark. Only transform/opacity animate. */
.startup-splash{display:none}
@media(max-width:800px){
 .startup-splash{display:grid;place-items:center;position:fixed;inset:0;z-index:1000;background:var(--bg);color:var(--ink);pointer-events:none;animation:startup-exit .3s ease 1.55s both}
 .startup-lockup{position:relative;width:300px;height:90px}
 .startup-emblem{position:absolute;top:5px;left:110px;width:80px;height:80px;animation:startup-emblem 1.25s cubic-bezier(.22,1,.36,1) both;will-change:transform,opacity}
 .startup-wordmark{position:absolute;left:119px;top:23px;font-size:36px;line-height:1.2;font-weight:800;letter-spacing:-1.5px;white-space:nowrap;animation:startup-wordmark .55s cubic-bezier(.22,1,.36,1) .65s both;will-change:transform,opacity}
 .startup-wordmark>span{color:#e54853}
}
@keyframes startup-emblem{0%{opacity:0;transform:scale(.65)}25%{opacity:1;transform:scale(1.06)}42%{opacity:1;transform:scale(1)}55%{transform:translateX(0) scale(1)}100%{opacity:1;transform:translateX(-84px) scale(.86)}}
@keyframes startup-wordmark{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}
@keyframes startup-exit{0%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden}}
@media(prefers-reduced-motion:reduce){.startup-splash{display:none}.startup-emblem,.startup-wordmark{animation:none}}

.shorts-progress-toggle{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;padding:8px;border-radius:50%;color:#fff;background:#0c0f1480;touch-action:manipulation}.shorts-progress-toggle:hover,.shorts-progress-toggle:focus-visible{background:#0c0f14cc}.shorts-progress-toggle svg{width:18px;height:18px}

.password-reset-page{width:min(100%,480px);margin:0 auto;padding:40px 20px}.password-reset-page>.brand{margin-bottom:24px}.password-reset-page .panel{padding:24px}

/* Minimal library cards: thumbnail, title and source. */
.outputs-page .output-card-wrap{contain-intrinsic-size:auto 290px}
.outputs-page .output-card-wrap .output-card,.outputs-page .output-card-wrap .output-card:hover{border:0;border-radius:0;background:transparent;box-shadow:none;padding-bottom:0;overflow:visible}
.outputs-page .output-preview{border-radius:12px;overflow:hidden}
.outputs-page .output-card .card-body{padding:10px 0 0}
.outputs-page .output-card .card-title{font-size:14px;line-height:1.6;margin:0 0 5px;-webkit-line-clamp:2}
.outputs-page .output-source{font-size:12px;min-height:30px;margin:0;padding-right:94px;align-items:center}
.outputs-page .output-card-wrap>.like-button,.outputs-page .output-card-wrap>.save-button{bottom:0;min-height:30px;height:30px;border:0;background:transparent;border-radius:6px;padding:5px;gap:4px;color:var(--muted)}
.outputs-page .output-card-wrap>.like-button{right:36px;min-width:44px}
.outputs-page .output-card-wrap>.save-button{right:0;width:30px;min-width:30px}
.outputs-page .output-card-wrap>.save-button>span{display:none}
.outputs-page .output-card-wrap>.like-button:hover,.outputs-page .output-card-wrap>.save-button:hover{background:#ef626b12;color:var(--ink)}
.outputs-page .output-card-wrap>.is-liked,.outputs-page .output-card-wrap>.is-saved{color:var(--green)}
.outputs-page .output-grid{column-gap:18px;row-gap:24px}
@media(max-width:520px){.outputs-page .output-grid{row-gap:20px}.outputs-page .output-card .card-title{font-size:14px}}

.hover-learning{margin-top:14px}.hover-learning>strong{display:block;font-size:12px;font-weight:650}.hover-video-copy .hover-learning p{display:block;margin:7px 0 0;padding:10px 12px;background:var(--bg);border:1px solid var(--line);border-radius:6px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.hover-video-popup{overflow-y:auto;overscroll-behavior:contain}

/* Learning copy should read as primary content in the preview. */
.hover-learning>strong{font-size:13px;line-height:1.6;margin-bottom:8px;color:var(--ink)}
.hover-video-copy .hover-learning p{font-size:14px;font-weight:400;line-height:1.9;letter-spacing:.015em;color:var(--ink);background:var(--paper);border:0;border-left:3px solid #e54853;border-radius:0;padding:3px 0 3px 13px;margin:0}
.hover-video-copy .hover-learning p{border-left:0;padding-left:0}

.single-review>section.panel{border:0;box-shadow:none;background:transparent;padding:0}.review-video-heading{gap:10px;align-items:center}.review-video-heading h1{flex:1;min-width:180px;font-size:22px;line-height:1.5;margin:0}.review-video-heading>.spacer{display:none}@media(max-width:520px){.review-video-heading h1{flex-basis:100%;font-size:20px}}

.output-page-header .output-toolbar{justify-content:flex-start}.output-page-header .output-sort{display:inline;white-space:nowrap}@media(max-width:520px){.output-page-header .output-toolbar{flex-wrap:wrap;gap:10px}.output-page-header .search{width:min(100%,340px);flex:1;min-width:170px}}

.studio-toolbar{justify-content:space-between;flex-wrap:nowrap;gap:12px}.studio-toolbar .search{margin-left:0;flex:1;max-width:340px;min-width:0}.studio-toolbar .search input{width:100%}.studio-toolbar #new-upload{margin-left:auto;flex-shrink:0}@media(max-width:520px){.studio-toolbar #new-upload{padding:9px 10px;font-size:11px}.studio-toolbar{gap:8px}}

.studio-card{position:relative;cursor:pointer}.studio-card .card-title a:after{content:"";position:absolute;inset:0;z-index:1}.studio-card [data-delete]{position:relative;z-index:2}.studio-card:has(.card-title a:focus-visible){outline:2px solid #e54853;outline-offset:3px}

.clip-time-field{min-width:0;margin:0;padding:0;border:0}.clip-time-field legend{padding:0;margin-bottom:8px;font-size:12px;font-weight:500}.clip-time-inputs{display:flex;gap:10px}.clip-time-inputs label{display:flex;align-items:center;gap:7px;min-width:0;flex:1;font-size:12px;color:var(--muted)}.clip-time-inputs input{width:100%;min-width:0;border:1px solid var(--line);border-radius:6px;padding:11px 10px;font-size:13px;color:var(--ink);line-height:1.6}

.range-row:has(.clip-time-field){grid-template-columns:max-content max-content max-content;justify-content:start;column-gap:24px}
.clip-time-inputs label{flex:0 0 auto}.clip-time-inputs input{width:4.5em;padding:9px 8px;text-align:center;font-variant-numeric:tabular-nums}
@media(max-width:520px){.range-row:has(.clip-time-field){grid-template-columns:max-content max-content;column-gap:16px;row-gap:12px}.range-row:has(.clip-time-field)>.btn{justify-self:start}}

.editor-video-actions{display:flex;justify-content:flex-end;align-items:center;gap:16px;margin-bottom:14px}.editor-video-actions .row{justify-content:flex-end;flex-wrap:wrap}@media(max-width:520px){.editor-video-actions{gap:8px;flex-wrap:wrap}.editor-video-actions>.tiny{font-size:10px}.editor-video-actions .btn{padding:8px 10px;font-size:11px}}

.candidate-list{gap:8px}.candidate-item{padding:11px 12px}.candidate-item h3{margin:0 0 7px;font-size:12px;line-height:1.65}.candidate-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px}.candidate-footer .badge{padding:3px 6px;font-size:10px}
.range-row:has(.clip-time-field){grid-template-columns:max-content max-content minmax(0,1fr)}
.range-row:has(.clip-time-field)>#play-clip{justify-self:end}
@media(max-width:520px){.range-row:has(.clip-time-field){grid-template-columns:max-content max-content}.range-row:has(.clip-time-field)>#play-clip{grid-column:1/-1;justify-self:end}}
.editor-grid>section>.panel{border:0;box-shadow:none;background:transparent;padding:0}

.studio-table-scroll{overflow-x:auto;width:100%;-webkit-overflow-scrolling:touch}.studio-table{border-collapse:collapse;width:100%;text-align:left;font-size:12px}.studio-table th{padding:12px 14px;color:var(--muted);font-size:11px;font-weight:500;border-bottom:1px solid var(--line);white-space:nowrap}.studio-table td{padding:14px;border-bottom:1px solid var(--line);vertical-align:middle}.studio-table tbody tr{cursor:pointer}.studio-table tbody tr:hover,.studio-table tbody tr:focus-within{background:var(--paper)}html[data-theme=light] .studio-table tbody tr:hover,html[data-theme=light] .studio-table tbody tr:focus-within{background:#f7f8fa}.studio-material-name{display:flex;align-items:center;gap:12px;min-width:240px}.studio-material-name img{display:block;width:72px;height:41px;object-fit:cover;border-radius:5px;flex-shrink:0;background:#0c0f14}.studio-material-name a{font-weight:600;line-height:1.6}.studio-material-name .tiny{margin-top:3px}.studio-number{white-space:nowrap;font-variant-numeric:tabular-nums}.studio-date{white-space:nowrap;color:var(--muted)}.studio-job-note{max-width:220px;min-width:100px;line-height:1.6}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:520px){.studio-table th,.studio-table td{padding:10px}.studio-material-name{min-width:210px;gap:9px}.studio-material-name img{width:56px;height:32px}}

.tag-filter-bar,.video-tags{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 18px}.tag-chip{display:inline-flex;align-items:center;padding:6px 11px;border:1px solid var(--line);border-radius:18px;font-size:11px;line-height:1.5;background:var(--paper);color:var(--muted)}button.tag-chip:hover{color:var(--ink)}.tag-chip.selected{border-color:var(--green);background:#e5485315;color:var(--green)}.editor-tag-section{margin-top:24px}.editor-tag-section input{width:100%;border:1px solid var(--line);border-radius:6px;padding:11px 12px;color:var(--ink)}.editor-tag-section .section-head{margin-bottom:8px}.editor-tag-section .tiny{line-height:1.8}.tag-suggestions{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:10px}#auto-tag-all{margin-left:auto}.output-page-header .output-toolbar{flex-wrap:wrap}

/* Two-level discovery: category first, then the relevant tags. */
.tag-filter-bar{display:block;margin-bottom:20px}.tag-category-nav{display:flex;gap:22px;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}.tag-category-nav::-webkit-scrollbar{display:none}.tag-category{position:relative;flex-shrink:0;padding:0 0 11px;font-size:12px;color:var(--muted);font-weight:500}.tag-category:hover{color:var(--ink)}.tag-category.active{color:var(--ink);font-weight:650}.tag-category.active:after{content:'';position:absolute;inset:auto 0 0;height:2px;background:var(--green);border-radius:2px}.tag-category-options{display:flex;gap:8px;flex-wrap:wrap;padding:12px 0 0;min-height:44px}.selected-tag-filters{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:13px;padding-top:11px;border-top:1px solid var(--line)}.selected-tag{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:5px;padding:5px 8px;font-size:11px;color:var(--ink);background:var(--paper)}.selected-tag>span{font-size:14px;line-height:1;color:var(--muted)}.selected-tag:hover{border-color:var(--green)}.clear-tag-filters{margin-left:5px}.selected-tag-hint{margin-left:auto}@media(max-width:520px){.tag-category-nav{gap:18px}.tag-category{font-size:11px}.tag-category-options{gap:6px}.selected-tag-hint{width:100%;margin-left:0}}

.ai-search-form{display:flex;align-items:center;gap:10px;flex:1;max-width:820px}.ai-search-form .search{flex:1;width:auto;max-width:none}.ai-search-form .btn{white-space:nowrap}.ai-search-results[hidden],.output-grid[hidden]{display:none}.ai-search-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:24px 0}.ai-search-heading h2{font-size:20px;margin:0 0 8px}.ai-recommendation{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:28px;padding:24px 0;border-bottom:1px solid var(--line)}.ai-recommendation video{width:100%;aspect-ratio:16/9;object-fit:contain;background:#0c0f14;border-radius:12px}.ai-recommendation-copy h3{font-size:20px;line-height:1.6;margin:8px 0 18px}.ai-recommendation-copy strong{font-size:13px}.ai-recommendation-reason{line-height:1.9;white-space:pre-line;margin:8px 0 18px}.ai-recommendation-copy .link-button{display:inline-block;margin-top:16px}.ai-search-status{padding:48px 0;text-align:center;color:var(--muted)}
@media(max-width:800px){.ai-search-form{flex-basis:100%;max-width:none;flex-wrap:wrap}.ai-search-form .search{min-width:100%}.ai-search-form .btn{margin-left:auto}.ai-recommendation{grid-template-columns:1fr;gap:16px;padding:20px 0}.ai-recommendation-copy h3{font-size:18px;margin-bottom:12px}.ai-search-heading{align-items:flex-start}.output-toolbar{flex-wrap:wrap}}
.ai-search-form .search input,.ai-search-form #ai-search-submit{height:36px;min-height:36px}.ai-search-form #ai-search-submit{padding:0 14px;font-size:11px;line-height:1.4}
.analytics-page h1{margin:0}.analytics-page section{margin-top:32px}.analytics-page section>h2{margin-bottom:12px}.analytics-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:24px 0}.analytics-stats>div{padding:18px;background:var(--paper);border:1px solid var(--line);border-radius:10px}.analytics-stats strong{display:block;font-size:30px;margin-top:8px}.analytics-table-wrap{overflow:auto;margin-top:12px}.analytics-table{border-collapse:collapse;width:100%;text-align:left;font-size:12px}.analytics-table th,.analytics-table td{padding:13px 12px;border-bottom:1px solid var(--line);vertical-align:top}.analytics-table th{color:var(--muted);white-space:nowrap}.analytics-table td{min-width:70px;max-width:520px;overflow-wrap:anywhere}.analytics-table a{color:var(--green);text-decoration:underline}.analytics-pagination{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:14px}.analytics-bars{max-height:260px;overflow:auto}.analytics-bars>div{display:grid;grid-template-columns:90px minmax(0,1fr) 40px;align-items:center;gap:12px;font-size:11px;margin:10px 0}.analytics-bars i{display:block;background:var(--green);height:9px;border-radius:3px}.analytics-page select{padding:8px;border:1px solid var(--line);border-radius:6px}@media(max-width:650px){.analytics-stats{grid-template-columns:1fr 1fr}.analytics-page .section-head{flex-wrap:wrap}.analytics-table{min-width:600px}}

.analytics-controls{display:flex;align-items:center;gap:8px}.analytics-page .analytics-controls select{height:36px;min-height:36px;padding:0 32px 0 12px;font-size:12px;line-height:1.4;border:1px solid var(--line);border-radius:8px;background-color:var(--paper);color:var(--ink);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23818a98' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center;cursor:pointer}.analytics-controls #analytics-refresh{height:36px;min-height:36px;padding:0 12px;gap:6px;border-radius:8px;font-size:12px;background:var(--paper)}.analytics-controls #analytics-refresh svg{width:14px;height:14px}.analytics-controls :is(select,button):hover{border-color:var(--muted)}
.analytics-sort{display:inline-flex;align-items:center;gap:8px;padding:0;min-height:24px;font:inherit;font-weight:inherit;color:inherit;white-space:nowrap}.analytics-sort span{font-size:12px;opacity:.45}.analytics-sort:hover,.analytics-table th[aria-sort=ascending],.analytics-table th[aria-sort=descending]{color:var(--green)}.analytics-table th[aria-sort=ascending] span,.analytics-table th[aria-sort=descending] span{opacity:1}
.daily-chart{margin-top:20px;font-size:11px;color:var(--muted)}.daily-chart-y-title{margin-bottom:12px}.daily-chart-body{display:flex;gap:12px}.daily-chart-y{width:30px;flex-shrink:0;height:180px;display:flex;flex-direction:column;justify-content:space-between;text-align:right;transform:translateY(-6px)}.daily-chart-scroll{flex:1;min-width:0;overflow-x:auto;padding-top:14px;margin-top:-14px}.daily-chart-plot{position:relative;height:218px}.daily-chart-grid{position:absolute;inset:0 0 auto;height:180px;display:flex;flex-direction:column;justify-content:space-between}.daily-chart-grid i{display:block;border-top:1px solid var(--line)}.daily-chart-columns{position:relative;display:flex;justify-content:space-around;height:100%}.daily-chart-column{flex:1;min-width:64px;display:flex;flex-direction:column;align-items:center}.daily-chart-bar-space{height:180px;width:100%;display:flex;align-items:flex-end;justify-content:center}.daily-chart-bar{position:relative;width:36px;max-width:60%;background:var(--green);border-radius:5px 5px 0 0;min-height:1px}.daily-chart-bar b{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);padding-bottom:5px;font-weight:500;color:var(--ink)}.daily-chart-date{padding-top:12px;white-space:nowrap}.daily-chart-x-title{text-align:center;margin-top:4px}
.help-guide{font-size:13px;line-height:1.8}.help-role-switch{display:flex;gap:4px;border-bottom:1px solid var(--line);margin:22px 0}.help-role-switch button{flex:1;padding:10px 12px;color:var(--muted);border-bottom:2px solid transparent;font-size:13px}.help-role-switch button[aria-selected=true]{color:var(--green);border-bottom-color:var(--green);font-weight:600}.help-guide [hidden]{display:none}.help-steps{padding-left:24px;margin:0}.help-steps li{padding-left:5px;margin-bottom:20px}.help-steps li::marker{color:var(--green);font-weight:600}.help-steps strong{font-size:14px}.help-steps p,.help-dashboard p{margin:6px 0 0;color:var(--muted);line-height:1.9}.help-steps .help-example{font-size:12px;padding:8px 12px;background:var(--bg);border-radius:6px}.help-dashboard{border-top:1px solid var(--line);padding-top:18px;margin-top:22px}.help-footnote{color:var(--muted);font-size:12px}
.settings-page{max-width:1000px;margin-left:0}.settings-page-heading{margin-bottom:28px}.settings-page-heading h1{font-size:25px;margin-bottom:8px}.settings-page .settings-only{display:block;max-width:none}.settings-section{border-bottom:1px solid var(--line);background:transparent;margin:0}.settings-section:first-child{border-top:1px solid var(--line)}.settings-section>summary{list-style:none;display:flex;align-items:center;gap:20px;padding:22px 0;cursor:pointer}.settings-section>summary::-webkit-details-marker{display:none}.settings-section-copy{flex:1;min-width:0}.settings-section .panel-heading{margin:0;gap:10px;display:flex;align-items:center}.settings-section .panel-heading h2{font-size:15px}.settings-section .panel-heading>svg{width:18px;height:18px;color:var(--muted)}.settings-section-copy>.subtitle{margin:6px 0 0 28px;font-size:12px}.settings-section-arrow svg{width:15px;height:15px;color:var(--muted);transition:transform .15s}.settings-section[open] .settings-section-arrow svg{transform:rotate(90deg)}.settings-section-body{padding:0 0 24px 28px;max-width:800px}.settings-section-body .field{margin-top:18px;font-size:12px}.settings-section-body :is(input,select){min-height:38px;padding:9px 11px;font-size:13px;border-radius:7px}.settings-section-body .field small,.settings-section-body .file-note{font-size:11px;line-height:1.8}.settings-section-body .form-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:20px}.settings-section-body .btn{min-height:36px;padding:8px 13px;font-size:12px}.settings-section-body .notice{font-size:11px;line-height:1.8;padding:12px 14px;background:var(--bg);color:var(--muted);border:0;margin-top:20px}.settings-section-body #retention-days{max-width:160px}.settings-section .key-state{font-size:11px}.settings-section-body .form-grid{column-gap:20px;row-gap:0}.settings-section-body .theme-options{margin-top:0}.settings-section-body .theme-option{padding:14px}.settings-section-body .theme-option strong{font-size:13px}@media(max-width:600px){.settings-section-body{padding-left:0}.settings-section-copy>.subtitle{margin-left:0}.settings-section>summary{padding:18px 0}.settings-section-body .form-grid{grid-template-columns:1fr}.settings-section .key-state{margin-left:auto}.settings-page-heading{margin-bottom:20px}}