:root{color-scheme:light;font-family:Noto Sans SC,PingFang SC,sans-serif;line-height:1.5;font-weight:400;color:#21313d;background:radial-gradient(circle at top left,rgba(203,116,69,.18),transparent 28%),linear-gradient(180deg,#f7f1e6,#f3ece1 42%,#ebe4da);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea{font:inherit}a{color:inherit}.boot-shell,.gate-shell{min-height:100vh;display:grid;place-items:center;padding:2rem}.gate-card{width:min(28rem,100%);padding:2rem;border-radius:1.75rem;background:#fffcf7eb;border:1px solid rgba(118,78,50,.12);box-shadow:0 26px 70px #4b342124}.gate-card h1,.panel-head h2,.topbar h1,.modal-card h3{margin:0;font-family:"Noto Serif SC",Songti SC,serif;letter-spacing:-.04em}.gate-card p{color:#5f6e79}.return-link{display:inline-flex;margin-top:1rem;text-decoration:none;color:#8e4a2b;font-weight:700}.app-shell{width:min(1380px,calc(100vw - 2rem));height:100vh;margin:0 auto;padding:1.4rem 0 2rem}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.topbar-copy h1{font-size:clamp(1.8rem,3vw,2.8rem)}.topbar-copy p{margin:.25rem 0 0;color:#6b5b4f;font-size:.95rem}.topbar-tools{display:flex;align-items:center;gap:.85rem}.topbar-link{text-decoration:none}.avatar-chip,.row-avatar{border-radius:999px;display:grid;place-items:center;overflow:hidden}.avatar-chip{width:3rem;height:3rem;background:linear-gradient(135deg,#314859,#233747);color:#f5ede4;font-weight:700;box-shadow:0 14px 30px #25303b29}.avatar-chip.image,.row-avatar.image{object-fit:cover}.row-avatar{width:2rem;height:2rem;background:#3148591f;color:#33485b;font-size:.85rem;font-weight:700}.status-strip,.panel,.modal-card{border-radius:1.6rem;background:#fffbf5e6;border:1px solid rgba(123,84,55,.12);box-shadow:0 18px 44px #4a331f17}.status-strip{margin-bottom:1rem;padding:.95rem 1.15rem;font-weight:700}.status-toast{position:fixed;top:1.25rem;right:1.25rem;z-index:80;min-width:13rem;max-width:min(24rem,calc(100vw - 2rem));padding:.9rem 1rem;border-radius:1rem;border:1px solid rgba(33,111,64,.14);background:#ebfaeef5;box-shadow:0 20px 40px #20492f24;color:#14532d;font-weight:700;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.status-strip[data-tone=success]{color:#14532d;background:#ebfaeef0}.status-strip[data-tone=error]{color:#8a1c1c;background:#ffefeff2}.workspace-grid{display:grid;grid-template-columns:minmax(320px,420px) minmax(0,1fr);gap:1rem;align-items:start}.panel{padding:1.35rem}.upload-panel{position:sticky;top:1rem}.panel-head{margin-bottom:1rem}.panel-head-row{display:flex;align-items:start;justify-content:space-between;gap:1rem}.panel-subtle{display:block;margin-top:.3rem;color:#7a6759;font-size:.84rem}.panel-head p,.modal-kicker{margin:0 0 .35rem;color:#8f5a3a;font-size:.82rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.upload-form,.editor-grid{display:grid;gap:.9rem}.upload-form label,.editor-grid label{display:grid;gap:.38rem}.upload-form span,.editor-grid span{color:#6a5242;font-size:.9rem;font-weight:700}.dropzone{position:relative;width:100%;display:grid;place-items:center;gap:.35rem;min-height:13rem;padding:1.25rem;border:1.5px dashed rgba(145,102,71,.34);border-radius:1.3rem;background:linear-gradient(180deg,#fffcf7f0,#f7efe5f0),radial-gradient(circle at top,rgba(203,116,69,.12),transparent 52%);color:#5e4d42;text-align:center;transition:transform .18s ease,border-color .18s ease}.dropzone-shell{position:relative}.dropzone-idle,.dropzone-fallback{display:grid;justify-items:center;gap:.35rem}.dropzone .material-symbols-outlined{font-size:2.3rem;color:#9a5633}.dropzone strong{font-size:1rem;color:#243341}.dropzone-preview{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.dropzone-preview img{display:block;width:auto;max-width:100%;height:auto;max-height:13rem;object-fit:contain;border-radius:1rem;box-shadow:0 14px 30px #42302224}.dropzone-fallback strong{max-width:min(100%,18rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropzone.has-preview{padding:0;border:none;background:transparent}.dropzone.has-preview:hover,.dropzone.has-preview.active{border-color:transparent}.dropzone-meta-pills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:.65rem;width:100%}.dropzone-meta-pill{display:inline-flex;align-items:center;justify-content:center;padding:.42rem .72rem;border-radius:999px;background:#f3ebe1f2;border:1px solid rgba(122,87,58,.12);color:#725a49;font-size:.8rem;font-weight:700}.upload-inline-hint{margin:0;color:#7a6759;font-size:.88rem;font-weight:600}.dropzone-idle span:last-child{font-size:.88rem;color:#7a6759;font-weight:500}.dropzone.active,.dropzone:hover{transform:translateY(-1px);border-color:#9a5633b8}input,textarea{width:100%;border:1px solid rgba(126,95,70,.18);border-radius:1rem;padding:.88rem 1rem;background:#ffffffeb;color:#23313e}textarea{resize:vertical}.form-meta,.modal-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.form-meta div,.modal-meta div{padding:.88rem .95rem;border-radius:1rem;background:#f3ebe1e6}.form-meta span,.modal-meta span{display:block;color:#806151;font-size:.76rem;text-transform:uppercase;letter-spacing:.08em}.form-meta strong,.modal-meta strong{margin:.35rem 0 0;font-weight:700}.primary-button,.ghost-button,.video-row{border:none;cursor:pointer;transition:transform .16s ease,opacity .16s ease}.upload-actions{display:flex;gap:.75rem;flex-wrap:wrap}.upload-actions .primary-button,.upload-actions .ghost-button{width:100%}.primary-button,.ghost-button{border-radius:.95rem;padding:.68rem 1.35rem}.primary-button{background:linear-gradient(135deg,#b76036,#8f4524);color:#fff8f2;font-weight:700}.primary-button.compact,.ghost-button.compact-icon{padding-inline:1rem}.ghost-button{background:#ffffffeb;color:#274051;border:1px solid rgba(121,87,58,.14)}.ghost-button.compact-icon{min-width:2.75rem;padding-inline:.8rem}.modal-close-button{width:2.75rem;height:2.75rem;padding:0;display:grid;place-items:center;flex:0 0 auto;overflow:hidden}.modal-close-button .material-symbols-outlined{width:1.1rem;height:1.1rem;display:grid;place-items:center;font-size:1.1rem;line-height:1;margin:0;transform:none}button:disabled{opacity:.58;cursor:not-allowed}button:not(:disabled):hover{transform:translateY(-1px)}.video-list{display:grid;gap:.75rem}.empty-card{border-radius:1.25rem;background:#ffffffd1;border:1px solid rgba(122,87,58,.12);padding:1rem;color:#687687}.empty-card p{margin:0}.video-row{position:relative;width:100%;display:block;padding:.95rem 1rem;border-radius:1.15rem;background:#ffffffd1;border:1px solid rgba(122,87,58,.12);text-align:left;overflow:hidden}.video-row:hover{transform:translateY(-1px)}.video-row-uploading{cursor:default}.video-row-copy{display:flex;flex-direction:column;justify-content:center;gap:.12rem;min-height:2rem;padding-right:20rem}.video-row-title{display:flex;align-items:center;gap:.32rem;min-width:0}.video-row-title strong{display:inline-block;max-width:100%;color:#22313d;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-row-duration{color:#8793a0;font-size:.76rem;font-weight:600;line-height:1;white-space:nowrap}.video-row-creator{position:absolute;top:50%;right:10.4rem;width:8rem;display:grid;grid-template-columns:1.95rem minmax(0,1fr);align-items:center;gap:.6rem;color:#556777;min-width:0;transform:translateY(-50%)}.video-row-creator span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-row-status{position:absolute;top:50%;right:1rem;display:flex;align-items:center;gap:.55rem;transform:translateY(-50%)}.video-row-note{display:block;max-width:min(100%,34rem);color:#64564ac7;font-size:.68rem;font-weight:400;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-cluster{display:grid;grid-template-columns:auto 1.15rem;align-items:center;gap:.5rem}.status-pill{padding:.45rem .75rem;border-radius:999px;background:#24415614;color:#28445a;font-size:.84rem;font-weight:700;white-space:nowrap;border:1px solid rgba(122,87,58,.12)}.status-pill[data-tone=progress]{background:#fff8f2fa;color:#8d4a28;border-color:#b760362e}.status-pill[data-tone=success]{background:#f4fcf7fa;color:#237444;border-color:#31a36a2e}.status-pill[data-tone=error]{background:#fff5f3fa;color:#9a3427;border-color:#b33c2d2e}.row-retry-button{border:none;background:transparent;color:#9a3427;font-size:.74rem;font-weight:700;cursor:pointer;padding:0}.row-play-button{display:inline-flex;align-items:center;gap:.3rem;border:1px solid rgba(49,163,106,.18);background:#f4fcf7fa;color:#237444;border-radius:.9rem;padding:.46rem .9rem;font-size:.78rem;font-weight:700;cursor:pointer}.row-play-button .material-symbols-outlined{font-size:1rem;line-height:1}.status-indicator{position:relative;width:1.15rem;height:1.15rem;border-radius:999px;justify-self:end}.status-indicator[data-kind=upload]{background:conic-gradient(from -90deg,#31a36a 0deg,#31a36a var(--progress-deg),rgba(204,214,223,.72) var(--progress-deg),rgba(204,214,223,.72) 360deg)}.status-indicator[data-kind=upload]:after,.status-indicator[data-kind=spinner]:after{content:"";position:absolute;inset:.22rem;border-radius:999px;background:#fffffffa}.status-indicator[data-kind=spinner]{border:2px solid rgba(196,173,154,.45);border-top-color:#b76036;animation:indicator-spin .9s linear infinite}.status-indicator[data-kind=success]{background:radial-gradient(circle at center,#31a36a 0 45%,#31a36a2e 46% 100%)}.status-indicator[data-kind=error]{background:radial-gradient(circle at center,#b33c2d 0 45%,#b33c2d2e 46% 100%)}.modal-shell{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:1rem}.confirm-dialog-shell{position:absolute;inset:0;z-index:3;display:grid;place-items:center}.confirm-dialog-backdrop{position:absolute;inset:0;border:none;background:#1c16113d}.confirm-dialog-card{position:relative;z-index:1;width:min(26rem,calc(100vw - 3rem));padding:1.2rem;border-radius:1.2rem;background:#fffbf5fa;border:1px solid rgba(123,84,55,.12);box-shadow:0 24px 48px #291c122e}.confirm-dialog-kicker{margin:0 0 .35rem;color:#9a3427;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.confirm-dialog-card h4{margin:0;color:#243341;font-size:1.05rem}.confirm-dialog-card p:last-of-type{margin:.7rem 0 0;color:#6f5b4c;font-size:.9rem;line-height:1.5}.confirm-dialog-actions{display:flex;justify-content:flex-end;gap:.7rem;margin-top:1rem}.modal-backdrop{position:absolute;inset:0;background:#241c1461;border:none}.modal-card{position:relative;z-index:1;width:min(820px,calc(100vw - 2rem));max-height:calc(100vh - 2rem);overflow:auto;padding:1.35rem}.modal-head{display:flex;align-items:start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.modal-meta,.modal-actions{margin-top:1rem}.preview-modal-card{width:min(960px,calc(100vw - 2rem))}.preview-audio-switch{display:flex;justify-content:flex-end;gap:.65rem;margin-top:1rem}.preview-audio-switch .ghost-button[data-active=true]{background:#fff8f2fa;color:#8d4a28;border-color:#b760362e}.preview-player-shell{margin-top:1rem;border-radius:1.2rem;overflow:hidden;background:#111920;box-shadow:inset 0 0 0 1px #ffffff0d}.preview-video{display:block;width:100%;height:auto;max-height:min(68vh,720px);background:#111920}.modal-remark,.modal-error{margin:1rem 0 0}.modal-remark{color:#506170;white-space:pre-wrap}.modal-error{color:#9a2c22;font-weight:700}.step-timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-top:1rem}.step-item{position:relative;display:grid;justify-items:center;gap:.45rem;text-align:center}.step-item:not(:last-child):after{content:"";position:absolute;top:.5rem;left:calc(50% + .8rem);width:calc(100% - 1.6rem);height:2px;background:#ad927c59}.step-circle{width:1rem;height:1rem;border-radius:999px;border:2px solid rgba(134,105,84,.28);background:#ffffffe0}.step-label{color:#6f5b4c;font-size:.85rem;font-weight:700}.step-item[data-state=success] .step-circle{border-color:#216f402e;background:#1f8f50}.step-item[data-state=in_progress] .step-circle{border-color:#b760362e;background:#b76036;box-shadow:0 0 0 6px #b7603624;animation:step-breathe 1.5s ease-in-out infinite}.step-item[data-state=failed] .step-circle{border-color:#a034252e;background:#b33c2d}.step-item[data-state=pending] .step-circle{background:#ffffffe0}.delete-progress-card{position:relative;margin-top:1rem;padding:.95rem 1rem;border-radius:1rem;overflow:hidden;background:#fcf0ecf0;border:1px solid rgba(180,76,55,.14)}.delete-progress-track{position:absolute;inset:0;background:#b44c3714}.delete-progress-fill{height:100%;background:linear-gradient(90deg,#be4e36eb,#e2a084eb),repeating-linear-gradient(-45deg,#ffffff29 0 18px,#ffffff08 18px 36px);transition:width .18s ease}.delete-progress-card strong,.delete-progress-card span{position:relative;z-index:1}.delete-progress-card strong{display:block;color:#8f2f25;font-size:1rem}.delete-progress-card span{display:block;margin-top:.2rem;color:#8b4a3e;font-weight:700}.editor-span-full{grid-column:1 / -1}.editor-actions,.modal-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end}.danger-button{color:#8e2a1d;border-color:#a0342529;background:#fff4f1f5}.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:1180px){.workspace-grid{grid-template-columns:1fr}.upload-panel{position:static}.video-row{padding-right:1rem}.video-row-copy{padding-right:17.25rem}.video-row-creator{right:9.7rem;width:7rem}}@media(max-width:860px){.video-row{padding:.88rem .85rem}.video-row-copy{padding-right:14rem}.video-row-title strong{font-size:.95rem}.video-row-duration,.video-row-creator span:last-child,.status-pill,.row-play-button{font-size:.74rem}.video-row-creator{right:8.7rem;width:5.7rem;gap:.4rem}.video-row-status{right:.85rem}.video-row-note{max-width:100%;font-size:.66rem}}@media(max-width:720px){.app-shell{width:min(100vw - 1rem,100%);height:auto;padding-top:1rem}.topbar{align-items:start;flex-direction:column}.topbar-tools{width:100%;justify-content:space-between}.panel,.modal-card{padding:1rem}.form-meta,.modal-meta{grid-template-columns:1fr}.panel-head-row{align-items:stretch;flex-direction:column}.video-row-copy{padding-right:8.5rem}.video-row-creator,.video-row-note{display:none}.video-row-status{right:.85rem;transform:translateY(-50%)}.status-toast{top:.75rem;right:.75rem;left:.75rem;max-width:none;min-width:0}.step-timeline{grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem}.step-item{gap:.32rem}.step-item:not(:last-child):after{top:.5rem;left:calc(50% + .55rem);width:calc(100% - 1.1rem)}.step-label{font-size:.72rem}.preview-audio-switch{justify-content:stretch}.preview-audio-switch .ghost-button{flex:1 1 0}}@keyframes indicator-spin{to{transform:rotate(360deg)}}@keyframes step-breathe{0%,to{transform:scale(1);box-shadow:0 0 0 6px #b7603624}50%{transform:scale(1.15);box-shadow:0 0 0 10px #b7603617}}