.watch-shell{height:100%;display:flex;flex-direction:column;background:var(--bg);overflow:hidden}.watch-topbar{height:56px;flex-shrink:0;border-bottom:1px solid var(--line-soft);display:flex;align-items:center;gap:14px;padding:0 22px}.watch-back{display:flex;color:var(--ink-2);background:none;border:none;cursor:pointer;padding:4px}.watch-back:hover{color:var(--ink)}.watch-crumb{font-size:13px;font-weight:560;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:560px}.watch-share-btn{display:flex;align-items:center;gap:7px;height:32px;padding:0 14px;border-radius:var(--radius-field);background:var(--accent);color:var(--accent-ink);font-size:12.5px;font-weight:620;border:none;cursor:pointer;font-family:inherit}.watch-share-btn:hover{background:var(--accent-hover)}.watch-body{flex-grow:1;min-height:0;display:flex;overflow-y:auto}.watch-left{flex-grow:1;min-width:0;display:flex;flex-direction:column;padding:18px 20px 24px 22px;gap:16px}.watch-right{width:360px;flex-shrink:0;border-left:1px solid var(--line-soft);background:var(--surface);display:flex;flex-direction:column;padding:18px 18px 0;gap:18px}.watch-right-section{display:flex;flex-direction:column;gap:8px}.watch-right-body{font-size:12.5px;color:var(--ink-2);line-height:1.6;text-wrap:pretty;white-space:pre-wrap}.watch-comments-empty{padding:16px 14px;border:1px dashed var(--line);border-radius:10px;font-size:11.5px;color:var(--ink-3);line-height:1.55}.watch-title{font-size:19px;font-weight:640;letter-spacing:-.02em;line-height:1.3;text-wrap:pretty}.watch-meta-row{display:flex;align-items:center;gap:9px}.watch-owner-dot{width:20px;height:20px;border-radius:50%;background:#5679bb;flex-shrink:0}.watch-owner-name{font-size:12.5px;color:var(--ink-2)}.watch-meta-text{font-size:11.5px;color:var(--ink-3)}.watch-description{font-size:12.5px;color:var(--ink-2);line-height:1.6;text-wrap:pretty;white-space:pre-wrap}.watch-status-panel{position:relative;border-radius:11px;overflow:hidden;background:#0a0d13;aspect-ratio:16 / 9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:30px}.watch-status-icon{width:44px;height:44px;border-radius:13px;background:var(--surface-2);display:flex;align-items:center;justify-content:center;color:var(--ink-3)}.watch-status-icon.tone-processing{color:var(--accent)}.watch-status-icon.tone-processing svg{animation:watch-spin 1.1s linear infinite}.watch-status-icon.tone-failed{color:#fe8b83}@keyframes watch-spin{to{transform:rotate(360deg)}}.watch-status-title{font-size:14.5px;font-weight:600}.watch-status-body{font-size:12px;color:var(--ink-3);line-height:1.55;max-width:360px;text-wrap:pretty}.player{position:relative;border-radius:11px;overflow:hidden;background:#030407;aspect-ratio:16 / 9;outline:none}.player video{width:100%;height:100%;display:block;background:#030407}.player-big-play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#02030647;border:none;cursor:pointer;padding:0}.player-big-play-circle{width:60px;height:60px;border-radius:50%;background:#f8f8f8f0;display:flex;align-items:center;justify-content:center}.player-fatal{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:30px;background:#06070b;color:var(--ink-2);font-size:12.5px}.player-controls{position:absolute;left:0;right:0;bottom:0;padding:14px 16px 12px;background:linear-gradient(0deg,#020306f0,#02030600);display:flex;flex-direction:column;gap:12px;opacity:1;transition:opacity .18s ease}.player.is-idle .player-controls{opacity:0;pointer-events:none}.player-seek{position:relative;height:4px;border-radius:3px;background:#fff3;cursor:pointer}.player-seek-buffered{position:absolute;left:0;top:0;bottom:0;border-radius:3px;background:#ffffff29}.player-seek-played{position:absolute;left:0;top:0;bottom:0;border-radius:3px;background:var(--accent)}.player-seek-thumb{position:absolute;top:-4px;width:12px;height:12px;border-radius:50%;background:#f8f8f8;transform:translate(-6px)}.player-row{display:flex;align-items:center;gap:15px}.player-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;color:#dedede;cursor:pointer;padding:2px}.player-btn:hover{color:#fff}.player-time{font-size:12px;color:#e4e4e4}.player-spacer{flex-grow:1}.player-pill{position:relative}.player-pill button{font-size:11.5px;color:#d7d7d7;padding:3px 8px;border:1px solid oklch(1 0 0 / .22);border-radius:5px;background:none;cursor:pointer;font-family:inherit}.player-pill button:hover{border-color:#fff6}.player-menu{position:absolute;bottom:34px;right:0;display:flex;flex-direction:column;min-width:118px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);box-shadow:0 12px 30px #00000080;overflow:hidden;z-index:2}.player-menu button{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 11px;font-size:12px;color:var(--ink-2);background:none;border:none;cursor:pointer;text-align:left;font-family:inherit}.player-menu button:hover{background:var(--surface);color:var(--ink)}.player-menu button.is-active,.player-btn.is-active{color:var(--accent)}.player-stats{position:absolute;top:12px;right:12px;display:flex;flex-direction:column;gap:6px;min-width:210px;padding:10px 12px;border-radius:8px;background:#030304e0;border:1px solid oklch(1 0 0 / .12);font-size:11px;color:#dedede;z-index:2}.player-stats-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.player-stats-row>span:first-child{color:#9e9e9e}.player-stats-renditions{display:flex;flex-direction:column;gap:4px;padding-top:4px;margin-top:2px;border-top:1px solid oklch(1 0 0 / .12)}.player-stats-renditions>span:first-child{color:#9e9e9e;font-size:10.5px;margin-bottom:2px}.share-shell{height:100%;display:flex;flex-direction:column;background:var(--bg)}.share-topbar{height:56px;flex-shrink:0;border-bottom:1px solid var(--line-soft);display:flex;align-items:center;gap:9px;padding:0 22px}.share-topbar span{font-size:14px;font-weight:640;letter-spacing:-.02em}.share-body{flex-grow:1;min-height:0;overflow-y:auto;display:flex;justify-content:center;padding:30px 22px}.share-column{width:100%;max-width:900px;display:flex;flex-direction:column;gap:16px}.share-dialog-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#030305b8;display:flex;align-items:center;justify-content:center;z-index:50;padding:24px}.share-dialog{width:560px;max-width:100%;max-height:88vh;overflow-y:auto;border:1px solid var(--line);border-radius:var(--radius-dialog);background:var(--surface);box-shadow:0 24px 60px #0009;display:flex;flex-direction:column}.share-dialog-header{padding:20px 22px 16px;border-bottom:1px solid var(--line-soft);display:flex;align-items:flex-start;gap:16px}.share-dialog-header-title{font-size:16px;font-weight:640;letter-spacing:-.02em}.share-dialog-header-sub{font-size:12.5px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:420px}.share-dialog-close{background:none;border:none;color:var(--ink-3);cursor:pointer;padding:2px;flex-shrink:0}.share-dialog-close:hover{color:var(--ink)}.share-section{padding:16px 22px 4px}.share-levels{padding:10px 16px 6px;display:flex;flex-direction:column;gap:4px}.share-level{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line-soft);border-radius:9px;background:transparent;cursor:pointer;text-align:left;font-family:inherit;width:100%}.share-level:hover{border-color:var(--line)}.share-level.is-selected{border-color:var(--accent);background:#11212c}.share-level:disabled{cursor:default;opacity:.6}.share-level-icon{width:28px;height:28px;border-radius:7px;background:var(--surface-2);color:var(--ink-2);display:flex;align-items:center;justify-content:center;flex-shrink:0}.share-level.is-selected .share-level-icon{background:var(--accent);color:var(--accent-ink)}.share-level-body{flex-grow:1;min-width:0;display:flex;flex-direction:column;gap:2px}.share-level-name{font-size:13px;font-weight:560;color:var(--ink-2)}.share-level.is-selected .share-level-name{color:var(--ink)}.share-level-desc{font-size:11.5px;color:var(--ink-3)}.share-level-dot{width:16px;height:16px;border-radius:50%;border:1.5px solid var(--line);display:flex;align-items:center;justify-content:center;flex-shrink:0}.share-level.is-selected .share-level-dot{border-color:var(--accent)}.share-level-dot-fill{width:8px;height:8px;border-radius:50%;background:var(--accent)}.share-people{padding:12px 22px 4px;display:flex;flex-direction:column;gap:10px}.share-people-chips{display:flex;flex-wrap:wrap;gap:7px;padding:9px 10px;border:1px solid var(--line-soft);border-radius:9px;background:var(--surface-2);min-height:40px;align-items:center}.share-chip{display:flex;align-items:center;gap:7px;padding:3px 8px 3px 9px;border-radius:999px;background:var(--surface);font-size:12px;color:var(--ink-2)}.share-chip button{display:flex;background:none;border:none;color:var(--ink-3);cursor:pointer;padding:0}.share-chip button:hover{color:var(--ink)}.share-people-input{display:flex;gap:8px}.share-people-input input{flex-grow:1;height:32px;padding:0 10px;border:1px solid var(--line-soft);border-radius:8px;background:var(--surface-2);color:var(--ink);font-size:12px;font-family:inherit}.share-people-input input:focus{outline:none;border-color:var(--accent);box-shadow:var(--focus-ring)}.share-people-hint{font-size:10.5px;color:var(--ink-3)}.share-link-row{padding:14px 22px 0;display:flex;align-items:center;gap:9px}.share-link-field{flex-grow:1;height:34px;display:flex;align-items:center;padding:0 12px;border:1px solid var(--line-soft);border-radius:8px;background:var(--surface-2);font-size:12px;color:var(--ink-2);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.share-link-btn{display:flex;align-items:center;gap:7px;height:34px;padding:0 14px;border-radius:8px;background:var(--accent);color:var(--accent-ink);font-size:12.5px;font-weight:620;border:none;cursor:pointer;font-family:inherit;flex-shrink:0;white-space:nowrap}.share-link-btn:hover{background:var(--accent-hover)}.share-link-btn:disabled{opacity:.5;cursor:not-allowed}.share-link-revoke{flex-shrink:0;height:34px;padding:0 14px;border-radius:8px;border:1px solid var(--line);background:transparent;color:var(--ink-2);font-size:12.5px;font-weight:560;cursor:pointer;font-family:inherit;white-space:nowrap}.share-link-revoke:hover{border-color:var(--danger-border);color:var(--danger)}.share-dialog-footer{margin-top:18px;padding:14px 22px;border-top:1px solid var(--line-soft);display:flex;align-items:center;gap:14px}.share-footnote{display:flex;align-items:center;gap:8px;flex-grow:1}.share-footnote span{font-size:12px;color:var(--ink-3)}.share-dialog-done{height:32px;display:flex;align-items:center;padding:0 16px;border-radius:8px;border:1px solid var(--line);font-size:12.5px;font-weight:560;color:var(--ink-2);background:none;cursor:pointer;font-family:inherit}.share-dialog-done:hover{background:var(--surface-2);color:var(--ink)}.share-dialog-error{margin:0 22px;padding:9px 12px;border:1px solid var(--danger-border);border-radius:8px;font-size:11.5px;color:var(--danger)}.noaccess-shell{height:100%;display:flex;flex-direction:column;background:var(--bg)}.noaccess-topbar{height:58px;flex-shrink:0;border-bottom:1px solid var(--line-soft);display:flex;align-items:center;gap:12px;padding:0 26px}.noaccess-topbar span{font-size:14px;font-weight:640;letter-spacing:-.02em}.noaccess-body{flex-grow:1;display:flex;align-items:center;justify-content:center;padding:30px}.noaccess-card{width:460px;max-width:100%;display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}.noaccess-icon{width:52px;height:52px;border-radius:15px;background:var(--surface-2);display:flex;align-items:center;justify-content:center;color:var(--ink-3)}.noaccess-title{font-size:21px;font-weight:640;letter-spacing:-.025em;line-height:1.3}.noaccess-text{font-size:13px;color:var(--ink-2);line-height:1.6;text-wrap:pretty}.noaccess-footnote{font-size:11.5px;color:var(--ink-3);line-height:1.6;text-wrap:pretty}.lib-shell{height:100%;display:flex;background:var(--bg)}.lib-sidebar{width:232px;flex-shrink:0;border-right:1px solid var(--line-soft);background:var(--surface);display:flex;flex-direction:column}.lib-logo{display:flex;align-items:center;gap:9px;padding:18px 16px 6px}.lib-logo span{font-size:14px;font-weight:640;letter-spacing:-.02em}.lib-org{margin:12px 12px 4px;display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line-soft);border-radius:var(--radius-control);background:var(--surface-2)}.lib-org-logo{width:22px;height:22px;border-radius:6px;flex-shrink:0;background:linear-gradient(150deg,#9470cd,#646fbf 50%,#486eb7,#1f6cb0)}.lib-org-body{min-width:0;flex-grow:1}.lib-org-name{font-size:12.5px;font-weight:560;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lib-org-switch{font-size:10.5px;color:var(--ink-3)}.lib-org-switch:hover{color:var(--accent)}.lib-nav{padding:10px 10px 0;display:flex;flex-direction:column;gap:2px}.lib-nav-item{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:7px;font-size:13px;color:var(--ink-2);background:transparent;border:none;width:100%;text-align:left;cursor:pointer;font-family:inherit}.lib-nav-item:hover,.lib-nav-item.is-active{background:var(--surface-2);color:var(--ink)}.lib-sidebar-spacer{flex-grow:1}.lib-record-cta{margin:14px;display:flex;align-items:center;justify-content:center;gap:8px;height:34px;border-radius:var(--radius-field);background:var(--accent);color:var(--accent-ink);font-size:12.5px;font-weight:620}.lib-record-cta:hover{background:var(--accent-hover)}.lib-main{flex-grow:1;min-width:0;display:flex;flex-direction:column;overflow-y:auto}.lib-topbar{height:56px;flex-shrink:0;border-bottom:1px solid var(--line-soft);display:flex;align-items:center;gap:14px;padding:0 26px}.lib-topbar-user{font-size:11.5px;color:var(--ink-3)}.lib-avatar{width:26px;height:26px;border-radius:50%;background:linear-gradient(150deg,#00a6ad,#009fad,#1296ac 25%,#2c85a9 50%,#3f62a2);background:linear-gradient(150deg,color(xyz 0.209 0.305 0.454),color(xyz 0.197 0.277 0.442),#1296ac 25%,#2c85a9 50%,#3f62a2);flex-shrink:0}.lib-header{padding:24px 28px 16px;display:flex;align-items:flex-end;gap:20px}.lib-header-title{font-size:22px;font-weight:640;letter-spacing:-.025em}.lib-filter-toggle{display:flex;align-items:center;height:30px;border:1px solid var(--line-soft);border-radius:var(--radius-control);overflow:hidden;flex-shrink:0}.lib-filter-toggle button{height:100%;padding:0 13px;border:none;background:transparent;color:var(--ink-3);font-size:12px;font-weight:560;cursor:pointer;font-family:inherit}.lib-filter-toggle button.is-active{background:var(--surface-2);color:var(--ink)}.lib-grid{padding:6px 28px 28px;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;align-content:start}.gloom-card{display:flex;flex-direction:column;gap:11px;padding:10px;border:1px solid var(--line-soft);border-radius:var(--radius-card);background:var(--surface);color:inherit;transition:border-color .12s ease}.gloom-card:hover{border-color:var(--line)}.gloom-card:hover .gloom-card-shade{opacity:1}.gloom-card-thumb{position:relative;aspect-ratio:16 / 10;border-radius:7px;overflow:hidden;background:var(--surface-2)}.gloom-card-thumb img{width:100%;height:100%;object-fit:cover;display:block}.gloom-card-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:#07090d6b;opacity:0;display:flex;align-items:center;justify-content:center;transition:opacity .12s ease}.gloom-card-play{width:40px;height:40px;border-radius:50%;background:#f8f8f8f0;display:flex;align-items:center;justify-content:center}.gloom-card-duration{position:absolute;right:8px;bottom:8px;padding:2px 6px;border-radius:4px;background:#07090dd1;font-size:10.5px;color:#eee}.gloom-card-body{display:flex;flex-direction:column;gap:7px;padding:0 3px 4px}.gloom-card-title{font-size:13.5px;font-weight:560;letter-spacing:-.01em;line-height:1.35;text-wrap:pretty;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.gloom-card-meta{display:flex;align-items:center;gap:9px}.gloom-card-owner-dot{width:18px;height:18px;border-radius:50%;background:var(--surface-2);flex-shrink:0}.gloom-card-meta-text{font-size:11.5px;color:var(--ink-3);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-grow:1}.vis-chip{flex-shrink:0;font-family:var(--mono);font-size:9.5px;letter-spacing:.11em;text-transform:uppercase;padding:3px 7px;border-radius:var(--radius-chip);background:#2b2e34;color:var(--ink-2)}.vis-chip.is-public{background:#143748;color:#b7def3}.status-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:var(--radius-pill);font-size:10.5px;font-weight:540}.status-chip.tone-processing{background:#132633;border:1px solid oklch(.38 .05 240);color:var(--accent)}.status-chip.tone-failed{background:#391917;border:1px solid oklch(.4 .08 25);color:#fe8b83}.status-chip .spin-icon{animation:lib-spin 1.1s linear infinite}@keyframes lib-spin{to{transform:rotate(360deg)}}.gloom-card-processing-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(155deg,#20303b,#11161f)}.lib-empty{margin:10px 28px 28px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;padding:60px 22px;border:1px dashed var(--line);border-radius:12px;text-align:center}.lib-empty-icon{width:42px;height:42px;border-radius:11px;background:var(--surface-2);display:flex;align-items:center;justify-content:center;color:var(--ink-3)}.lib-empty-title{font-size:13.5px;font-weight:560}.lib-empty-body{font-size:11.5px;color:var(--ink-3);line-height:1.55;max-width:300px;text-wrap:pretty}.lib-skeleton-card{display:flex;flex-direction:column;gap:10px;padding:10px;border:1px solid var(--line-soft);border-radius:var(--radius-card);background:var(--surface)}.lib-skeleton-thumb{aspect-ratio:16 / 10;border-radius:7px;background:linear-gradient(100deg,#1d1f24,#26292f 45%,#1d1f24);background-size:200% 100%;animation:lib-shimmer 1.6s ease-in-out infinite}.lib-skeleton-line{height:9px;border-radius:3px;background:#212429}@keyframes lib-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.lib-error{margin:10px 28px 0;display:flex;align-items:flex-start;gap:12px;padding:13px 15px;border:1px solid oklch(.36 .07 25);border-radius:10px;background:var(--surface)}.lib-error-body{flex-grow:1;display:flex;flex-direction:column;gap:4px;min-width:0}.lib-error-title{font-size:12.5px;font-weight:560;color:#fe8b83}.lib-error-detail{font-size:11.5px;color:var(--ink-3);line-height:1.5}.lib-load-more{display:flex;justify-content:center;padding:4px 28px 28px}.rec-shell{min-height:100%;display:flex;flex-direction:column}.rec-topbar{height:56px;flex-shrink:0;border-bottom:1px solid var(--line-soft);display:flex;align-items:center;gap:12px;padding:0 24px}.rec-topbar .spacer{flex-grow:1}.rec-avatar{width:26px;height:26px;border-radius:50%;background:linear-gradient(150deg,#00a6ad,#009fad,#1296ac 25%,#2c85a9 50%,#3f62a2);background:linear-gradient(150deg,color(xyz 0.209 0.305 0.454),color(xyz 0.197 0.277 0.442),#1296ac 25%,#2c85a9 50%,#3f62a2);flex-shrink:0}.rec-body{flex-grow:1;display:flex;justify-content:center;padding:34px 24px}.rec-layout{width:100%;max-width:940px;display:flex;gap:26px;align-items:flex-start}.rec-main{flex-grow:1;min-width:0;display:flex;flex-direction:column;gap:16px}.rec-heading{display:flex;flex-direction:column;gap:7px}.rec-heading h1{margin:0;font-size:21px;font-weight:640;letter-spacing:-.025em}.rec-heading p{margin:0;font-size:12.5px;color:var(--ink-3);line-height:1.55}.rec-preview{position:relative;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;border:1px solid var(--line-soft);background:linear-gradient(155deg,#192f46,#0b121d);display:flex;align-items:center;justify-content:center}.rec-preview video{width:100%;height:100%;object-fit:cover;display:block}.rec-preview-placeholder{font-size:12px;color:var(--ink-3);text-align:center;padding:0 30px}.rec-preview-badge{position:absolute;right:14px;top:14px;padding:4px 9px;border-radius:6px;background:#040609cc;color:var(--ink-2)}.rec-preview-rec{position:absolute;left:14px;top:14px;display:flex;align-items:center;gap:8px;padding:6px 11px;border-radius:999px;background:#040609db;border:1px solid oklch(.5 .12 25 / .6)}.rec-preview-rec .dot{width:8px;height:8px;border-radius:50%;background:var(--rec);animation:rec-pulse 1.4s ease-in-out infinite}@keyframes rec-pulse{0%,to{opacity:1}50%{opacity:.35}}.rec-countdown{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0203068c;font-size:64px;font-weight:640;color:var(--ink);font-family:var(--mono)}.rec-controls{display:flex;align-items:center;gap:11px}.rec-start-btn{display:flex;align-items:center;gap:9px;height:38px;padding:0 17px;border-radius:11px;background:var(--rec);color:#fff6f5;font-size:13px;font-weight:640;border:none;cursor:pointer}.rec-start-btn:disabled{opacity:.5;cursor:not-allowed}.rec-start-btn .dot{width:10px;height:10px;border-radius:50%;background:snow;background:oklch(.99 .01 25)}.rec-hint{font-size:11.5px;color:var(--ink-3)}.rec-elapsed{font-size:13px;color:var(--ink-2)}.rec-sidebar{width:300px;flex-shrink:0;display:flex;flex-direction:column;gap:12px}.rec-mode-toggle{display:flex;flex-wrap:wrap;gap:8px}.rec-mode-btn{flex:1 1 calc(50% - 4px);display:flex;align-items:center;justify-content:center;gap:7px;height:34px;border-radius:9px;border:1px solid var(--line-soft);background:transparent;color:var(--ink-2);font-size:12px;font-weight:560;cursor:pointer;white-space:nowrap}.rec-mode-btn:last-child:nth-child(odd){flex-basis:100%}.rec-mode-btn.is-active{border-color:var(--accent);background:#0f1f2a;color:var(--ink)}.rec-source-row{display:flex;align-items:center;gap:11px;padding:11px 12px;border:1px solid var(--line-soft);border-radius:10px;background:transparent}.rec-source-row.is-active{border-color:var(--accent);background:#0f1f2a}.rec-source-icon{color:var(--ink-2);flex-shrink:0;display:flex}.rec-source-row.is-active .rec-source-icon{color:var(--accent)}.rec-source-body{flex-grow:1;min-width:0;display:flex;flex-direction:column;gap:2px}.rec-source-name{font-size:12.5px;color:var(--ink)}.rec-source-select{width:100%;margin-top:2px;height:26px;font-size:11px;background:var(--surface-2);color:var(--ink-2);border:1px solid var(--line-soft);border-radius:6px;padding:0 6px}.rec-meter{display:flex;align-items:flex-end;gap:2px;height:13px;flex-shrink:0}.rec-meter .bar{width:3px;border-radius:1px;background:#35383e;transition:height .06s linear,background-color .12s ease;min-height:2px}.rec-meter .bar.is-live{background:var(--accent)}.rec-upsell{display:flex;flex-direction:column;gap:11px;padding:13px 14px;border:1px solid var(--line-soft);border-radius:11px;background:var(--surface);margin-top:6px}.rec-upsell-title{display:flex;align-items:center;gap:9px;font-size:12.5px;font-weight:560}.rec-upsell-body{font-size:11.5px;color:var(--ink-2);line-height:1.55}.rec-poststop{display:flex;flex-direction:column;gap:14px}.rec-poststop-title{display:flex;align-items:center;gap:9px;height:40px;padding:0 13px;border:1px solid var(--line-soft);border-radius:10px;background:var(--surface-2)}.rec-poststop-title input{flex-grow:1;background:transparent;border:none;outline:none;color:var(--ink);font-size:15px;font-weight:560}.rec-upload-card{display:flex;flex-direction:column;gap:11px;padding:15px 16px;border:1px solid var(--line-soft);border-radius:11px;background:var(--surface)}.rec-meter-row{display:flex;flex-direction:column;gap:8px}.rec-meter-row-top{display:flex;align-items:baseline;justify-content:space-between}.rec-meter-row-top span:first-child{font-size:11.5px;color:var(--ink-2)}.rec-meter-row-top span:last-child{font-size:11px;color:var(--ink-3)}.rec-progress-track{height:4px;border-radius:3px;background:#2b2e33;overflow:hidden}.rec-progress-fill{height:100%;border-radius:3px;background:var(--accent);transition:width .2s ease}.rec-progress-fill.is-good{background:var(--good)}.rec-progress-fill.is-indeterminate{background:linear-gradient(90deg,oklch(.3 .01 262),var(--accent),oklch(.3 .01 262));background-size:200% 100%;animation:rec-indeterminate 1.4s linear infinite}@keyframes rec-indeterminate{0%{background-position:200% 0}to{background-position:-200% 0}}.rec-poststop-actions{display:flex;gap:9px}.proc-steps{display:flex;flex-direction:column;gap:12px;padding:15px 16px;border:1px solid var(--line-soft);border-radius:11px;background:var(--surface)}.proc-step{display:flex;align-items:center;gap:11px}.proc-step-icon{flex-shrink:0;display:flex;color:var(--ink-3)}.proc-step-icon.is-done{color:#9bdda8}.proc-step-icon.is-active{color:var(--accent);animation:proc-spin 1.1s linear infinite}@keyframes proc-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.proc-step-name{font-size:12px;color:var(--ink-2);flex-grow:1}.proc-step-name.is-active{color:var(--ink)}.proc-step-state{font-size:10.5px;color:var(--ink-3)}.proc-note{font-size:11px;color:var(--ink-3);line-height:1.55;padding-top:2px}.proc-fail{border-color:var(--danger-border)}.client-transcode-notice{display:flex;align-items:flex-start;gap:9px;padding:11px 13px;border:1px solid var(--line-soft);border-radius:9px;background:var(--surface);font-size:11.5px;line-height:1.55;color:var(--ink-2)}.client-transcode-spin{flex-shrink:0;display:flex;color:var(--accent);margin-top:1px;animation:proc-spin 1.1s linear infinite}:root{--bg: oklch(.155 .008 262);--surface: oklch(.198 .009 262);--surface-2: oklch(.238 .01 262);--line: oklch(.3 .012 262);--line-soft: oklch(.255 .01 262);--ink: oklch(.96 .004 260);--ink-2: oklch(.74 .008 260);--ink-3: oklch(.575 .01 262);--accent: oklch(.72 .13 232);--accent-soft: oklch(.42 .075 232);--rec: oklch(.66 .17 25);--warn: oklch(.8 .12 78);--good: oklch(.74 .11 150);--accent-hover: oklch(.78 .12 232);--accent-active: oklch(.66 .13 232);--accent-ink: oklch(.16 .02 262);--danger: oklch(.72 .14 25);--danger-border: oklch(.55 .14 25);--sans: system-ui, -apple-system, "Segoe UI", "Noto Sans", sans-serif;--mono: ui-monospace, "SF Mono", "JetBrains Mono", "Cascadia Mono", Menlo, monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--radius-chip: 5px;--radius-control: 8px;--radius-field: 9px;--radius-card: 11px;--radius-dialog: 14px;--radius-pill: 999px;--focus-ring: 0 0 0 3px oklch(.42 .075 232 / .35)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-size:13px}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}button{font-family:inherit}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.lbl{font-family:var(--mono);font-size:10px;letter-spacing:.11em;text-transform:uppercase;color:var(--ink-3)}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-control)}.auth-page{min-height:100%;display:flex;align-items:center;justify-content:center;padding:40px}.auth-card{width:404px;max-width:100%;display:flex;flex-direction:column;gap:26px}.auth-logo{display:flex;align-items:center;gap:9px}.auth-logo span{font-size:15px;font-weight:640;letter-spacing:-.02em}.auth-heading{display:flex;flex-direction:column;gap:8px}.auth-heading h1{margin:0;font-size:22px;font-weight:640;letter-spacing:-.025em;line-height:1.25;text-wrap:pretty}.auth-heading p{margin:0;font-size:12.5px;color:var(--ink-3);line-height:1.55;text-wrap:pretty}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-footer{font-size:11px;color:var(--ink-3);line-height:1.6;text-wrap:pretty}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:11.5px;color:var(--ink-2)}.field-input{height:36px;padding:0 12px;border:1px solid var(--line-soft);border-radius:var(--radius-field);background:var(--surface-2);color:var(--ink);font-size:12.5px;font-family:inherit;width:100%;transition:border-color .12s ease,box-shadow .12s ease}.field-input::placeholder{color:var(--ink-3)}.field-input:focus{outline:none;border-color:var(--accent);box-shadow:var(--focus-ring)}.field-input.is-error{border-color:var(--danger-border)}.field-input.is-error:focus{box-shadow:0 0 0 3px #b54a4647}.field-input:disabled{opacity:.5;cursor:not-allowed}.field-help{min-height:14px;font-size:10.5px;color:var(--ink-3);line-height:1.4}.field-help.is-error{color:var(--danger)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;padding:0 15px;border-radius:var(--radius-field);border:1px solid transparent;font-size:12.5px;font-weight:620;cursor:pointer;transition:background-color .12s ease,color .12s ease,border-color .12s ease}.btn:disabled{cursor:not-allowed;opacity:.38}.btn-block{width:100%}.btn-primary{background:var(--accent);color:var(--accent-ink);border-color:transparent}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-primary:active:not(:disabled){background:var(--accent-active)}.btn-secondary{background:transparent;color:var(--ink-2);border-color:var(--line);font-weight:560}.btn-secondary:hover:not(:disabled){background:var(--surface-2);color:var(--ink)}.btn-secondary:active:not(:disabled){background:var(--surface)}.btn-ghost{background:transparent;color:var(--ink-3);border-color:transparent;font-weight:560}.btn-ghost:hover:not(:disabled){background:var(--surface-2);color:var(--ink-2)}.btn-ghost:active:not(:disabled){background:var(--surface)}.notice{display:flex;align-items:flex-start;gap:11px;padding:12px 13px;border:1px solid var(--line-soft);border-radius:var(--radius-card);background:var(--surface)}.notice-icon{margin-top:1px;color:var(--accent);flex-shrink:0}.notice-body{font-size:11.5px;color:var(--ink-2);line-height:1.5;text-wrap:pretty}.notice-error{border-color:var(--danger-border)}.notice-error .notice-icon{color:var(--danger)}.status-row{display:flex;align-items:center;gap:7px;font-size:11.5px;color:var(--ink-2)}.choice-list{display:flex;flex-direction:column;gap:9px}.choice-row{display:flex;align-items:center;gap:12px;padding:12px 13px;border:1px solid var(--line-soft);border-radius:var(--radius-card);background:transparent;width:100%;text-align:left;cursor:pointer;color:inherit;font-family:inherit;transition:border-color .12s ease,background-color .12s ease}.choice-row:hover{background:var(--surface)}.choice-row:disabled{cursor:default;opacity:.6}.choice-icon{width:32px;height:32px;border-radius:var(--radius-field);background:var(--surface-2);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--ink-2)}.choice-logo{width:32px;height:32px;border-radius:var(--radius-field);flex-shrink:0;background:linear-gradient(150deg,#0085b4,#006f97,#005a7b);background:linear-gradient(150deg,color(xyz 0.166 0.201 0.465),color(xyz 0.072 0.088 0.216))}.choice-body{flex-grow:1;min-width:0;display:flex;flex-direction:column;gap:3px}.choice-title{font-size:13px;font-weight:560}.choice-note{font-size:11px;color:var(--ink-3)}.choice-cta{height:30px;display:flex;align-items:center;padding:0 13px;border-radius:var(--radius-control);background:var(--accent);color:var(--accent-ink);font-size:12px;font-weight:600;flex-shrink:0}.center-page{min-height:100%;display:flex;align-items:center;justify-content:center;padding:40px;color:var(--ink-3);font-size:12.5px}