:root{color-scheme:dark;--bg:#101215;--surface:#191c21;--edge:#2c3037;--text:#edf0f4;--muted:#8d96a5;--cyan:#59e5d5}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:1px solid var(--edge);background:#23272f;border-radius:9px;padding:10px 15px}button:hover{border-color:#697582}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}aside{width:224px;position:fixed;inset:0 auto 0 0;background:#15171b;border-right:1px solid var(--edge);padding:30px 20px;display:flex;flex-direction:column}.brand{display:flex;gap:10px;align-items:center;font-size:19px;font-weight:700}.brand img{width:44px;height:44px}.brand small{display:block;font-size:9px;letter-spacing:2.2px;color:var(--muted);margin-top:5px}.nav-title{font-size:11px;color:var(--muted);margin:50px 12px 15px}.nav{display:block;text-align:left;margin-bottom:8px;padding:14px;border:none;background:transparent;border-radius:9px;font-weight:500}.nav.active{background:#233532;color:var(--cyan)}.sidebar-bottom{margin-top:auto;font-size:12px;line-height:2;color:#b1bac4}.sidebar-bottom small{color:var(--muted)}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--cyan)}main{margin-left:224px;max-width:1700px;padding:0 38px 24px}header{height:85px;display:flex;align-items:center;justify-content:space-between}.breadcrumb span{color:var(--muted)}.quiet{background:transparent;font-size:12px}.hero{background:radial-gradient(ellipse at 80% 0,#21433e80,transparent 65%),linear-gradient(120deg,#1a2a2b,#1b2229);border:1px solid #334344;border-radius:18px;padding:38px;display:flex;align-items:center;justify-content:space-between;gap:20px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--cyan)}h1{font-size:clamp(24px,3vw,38px);letter-spacing:-1px;margin:14px 0}h1 span{color:var(--cyan)}p{color:var(--muted);line-height:1.7}.hero p{margin:0}.privacy{border-left:1px solid #465256;padding-left:32px;display:grid;gap:8px}.privacy>span{font-size:27px;color:var(--cyan)}.privacy small{color:var(--muted);font-size:11px}.steps{display:flex;gap:22px;align-items:center;padding:27px 0;color:var(--muted);font-size:11px;letter-spacing:1px}.steps b{font-weight:500;letter-spacing:0;margin-left:6px}.steps i{font-style:normal;color:#48505b}.steps .current{color:var(--cyan)}.panel{background:var(--surface);border:1px solid var(--edge);border-radius:14px;padding:22px;margin-bottom:20px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px}h2{font-size:16px;margin:0;font-weight:600}.section-heading>span,.muted{color:var(--muted);font-size:12px}h2 em{font-size:11px;color:var(--muted);font-style:normal;margin-left:8px}.import-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.import-actions button{background:#20242b;padding:20px;text-align:left;display:grid;gap:8px}.import-actions span{font-size:25px;color:var(--cyan)}.import-actions strong{font-size:16px}.import-actions small{color:var(--muted);font-size:11px}.link-row{display:flex;align-items:center;gap:12px;margin-top:18px;font-size:11px;color:var(--muted)}input,textarea,select{background:#111419;border:1px solid #343b46;border-radius:7px;color:var(--text);padding:10px;min-width:0}input:focus,textarea:focus{outline:1px solid var(--cyan)}.link-row input{flex:1}.audio-info{color:var(--muted);font-size:12px;margin:16px 0 4px}audio{width:100%;height:38px;margin-top:10px}.status-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:18px 0;font-size:12px;color:var(--muted)}.chip{font-size:10px;border:1px solid #38483f;border-radius:20px;padding:7px 12px;white-space:nowrap;color:#a8d5c5}.toggle{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:7px}.toggle input{accent-color:var(--cyan)}.materials{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.empty{grid-column:1/-1;text-align:center;padding:35px 10px;color:var(--muted)}.empty>span{display:block;font-size:38px;color:#65796f;margin-bottom:12px}.empty strong{display:block;color:#b8c2c9;font-weight:500}.empty p{font-size:12px}.card{background:#22262d;border:1px solid #343941;border-radius:10px;padding:9px;min-width:0}.thumb{position:relative;aspect-ratio:9/16;display:block;width:100%;padding:0;overflow:hidden;background:#101215;border-radius:6px}.thumb img{width:100%;height:100%;object-fit:cover}.thumb span{position:absolute;right:7px;bottom:7px;background:#101215b0;font-size:10px;padding:4px;border-radius:4px}.filename{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:10px 0}.range-fields{display:flex;gap:4px;align-items:center;font-size:10px}.range-fields input{width:calc(50% - 8px);padding:6px 3px;font-size:11px}.card label{display:block;color:var(--muted);font-size:10px;margin:10px 0 5px}.card input[type=range]{padding:0;width:100%;accent-color:var(--cyan)}.card-bottom{display:flex;justify-content:space-between;align-items:center;font-size:10px}.card-bottom button{padding:5px 7px;font-size:10px;background:transparent;border:none;color:#e3a7a7}.script-area textarea{width:100%;min-height:92px;resize:vertical;line-height:1.7}.script-actions{display:flex;justify-content:flex-end;gap:10px;margin:12px 0}.primary{background:var(--cyan);color:#102522;border-color:var(--cyan);font-weight:600}.primary:hover{background:#7aeddf}.script-area>small{color:var(--muted);font-size:11px;line-height:1.8}.shots{margin-top:20px}.shot{display:grid;grid-template-columns:95px 1fr;gap:14px;padding:14px 0;border-top:1px solid var(--edge)}.shot img{width:95px;aspect-ratio:9/16;object-fit:cover;border-radius:7px}.shot-fields{display:grid;gap:7px;align-content:start}.shot-fields input{padding:7px}.shot-time{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px}.shot-time input{width:80px}.shot small{color:var(--muted);font-size:10px}.export-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:25px 0}.export-bar p{font-size:11px;margin-bottom:0}.export-options{display:flex;gap:8px;flex-wrap:wrap}.download{display:block;background:#263d34;border:1px solid #416252;padding:16px;border-radius:10px;text-align:center;color:var(--cyan)}footer{text-align:center;font-size:10px;color:var(--muted);line-height:2.2;padding-top:22px}footer a{text-decoration:underline}.progress-top{display:flex;align-items:center;gap:15px;font-size:12px}.progress-top button{margin-left:auto}progress{width:100%;height:5px;accent-color:var(--cyan);margin:12px 0 22px}dialog{color:var(--text);background:#1b1f25;border:1px solid #404650;border-radius:15px;padding:24px;max-width:760px;width:90vw}dialog::backdrop{background:#050609b0;backdrop-filter:blur(4px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.dialog-head button{border:none;background:transparent;font-size:25px;padding:0 8px}.preview-body{display:grid;grid-template-columns:1fr 230px;gap:24px}.video-wrap{position:relative;aspect-ratio:9/16;max-height:60vh;overflow:hidden;border-radius:9px;background:#000}.video-wrap video{width:100%;height:100%;object-fit:contain}.sample-caption{position:absolute;top:58%;width:100%;text-align:center;font-size:15px;color:white;text-shadow:0 1px 2px black;pointer-events:none}.sample-caption small{display:block;font-size:5px;color:#ffa800}.preview-controls{display:flex;flex-direction:column;gap:16px}.preview-controls h3{font-size:15px;margin:0}.preview-controls p,.preview-controls small{font-size:11px;margin:0;color:var(--muted)}.preview-controls label{display:grid;gap:8px;font-size:12px}.preview-controls input[type=range]{accent-color:var(--cyan)}.danger{color:#ffa6a6;border-color:#654343;background:#382727}[hidden]{display:none!important}.error{color:#ffb3aa!important}
button{min-height:44px;font-size:15px}.quiet{font-size:14px}.import-actions button{min-height:150px;padding:24px}.import-actions strong{font-size:20px}.import-actions small{font-size:13px}.script-actions button,.export-options button{min-height:50px;padding:14px 24px;font-size:16px}.efficiency-note{display:block;margin-top:16px;color:var(--muted);font-size:12px;line-height:1.8}.card-bottom button{min-height:44px;font-size:12px}.dialog-head button{min-width:44px;min-height:44px}
@media(max-width:1200px){.materials{grid-template-columns:repeat(4,minmax(0,1fr))}main{padding:0 24px 24px}.hero{padding:28px}.privacy{display:none}}
@media(max-width:850px){aside{width:78px;padding:25px 14px}.brand>span,.nav-title,.nav,.sidebar-bottom{display:none}main{margin-left:78px}.materials{grid-template-columns:repeat(3,minmax(0,1fr))}.export-bar{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){aside{display:none}main{margin:0;padding:0 14px 20px}header{height:64px}.breadcrumb{font-size:12px}.hero{padding:26px 20px}.hero p{font-size:12px}.steps{gap:8px;padding:20px 0;font-size:10px}.steps i{display:none}.steps b{font-size:10px;margin-left:3px}.panel{padding:15px;border-radius:12px}.section-heading>span{display:none}.import-actions{gap:7px}.import-actions button{padding:14px 9px}.import-actions strong{font-size:12px}.import-actions small{font-size:9px}.import-actions span{font-size:22px}.link-row{flex-wrap:wrap}.link-row>span{display:none}.link-row input{width:100%;flex-basis:100%}.link-row button{width:100%}.status-bar{flex-direction:column;align-items:flex-start}.materials{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.preview-body{grid-template-columns:1fr}.video-wrap{max-height:40vh;width:100%}.preview-controls{gap:10px}.preview-controls label{display:flex;align-items:center;justify-content:space-between}.preview-controls input{max-width:140px}dialog{max-height:90vh;overflow:auto}.shot{grid-template-columns:65px 1fr;gap:10px}.shot img{width:65px}.shot-time{gap:4px}.shot-time input{width:60px}.export-options select{font-size:12px}.export-options .primary{flex:1}.export-options{width:100%}}