.st-app{--text:var(--ink);--muted:var(--ink-2);--border:var(--line);--surface:var(--paper-2);--bg:var(--paper);width:min(1280px,100%);color:var(--text,#242722);margin:auto;padding:36px 24px 64px}.st-intro{margin-bottom:28px}.st-eyebrow{letter-spacing:.18em;color:var(--muted,#747a70);font:11px monospace}.st-intro h1{letter-spacing:-.04em;margin:12px 0;font-size:clamp(25px,4vw,36px);font-weight:500}.st-intro p,.st-hint{color:var(--muted,#777);font-size:13px;line-height:1.8}.st-layout{grid-template-columns:360px minmax(0,1fr);align-items:start;gap:22px;display:grid}.st-panel{border:1px solid var(--border,#ddd);background:var(--surface,#fff);border-radius:16px;overflow:hidden}.st-setup{padding:22px}.st-drop{text-align:center;border:1px dashed var(--border,#bbb);cursor:pointer;background:var(--bg,#f8f8f5);border-radius:10px;flex-direction:column;align-items:center;gap:10px;padding:28px 16px;display:flex;position:relative}.st-drop strong{overflow-wrap:anywhere;max-width:100%;font-size:14px;font-weight:500}.st-drop>span:last-of-type{color:var(--muted,#777);font-size:12px}.st-plus{color:#648573;font-size:28px}.st-drop input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.st-drop:focus-within{outline-offset:3px;outline:2px solid #648573}.st-disabled{opacity:.5;cursor:default}.st-fields{border:0;gap:16px;margin:20px 0;padding:0;display:grid}.st-fields label{gap:7px;font-size:12px;display:grid}.st-app select,.st-app button,.st-app textarea{font:inherit;color:inherit}.st-app select{border:1px solid var(--border,#ddd);background:var(--bg,#fafaf8);border-radius:7px;width:100%;padding:10px;font-size:13px}.st-actions{flex-wrap:wrap;gap:8px;display:flex}.st-app button{border:1px solid var(--border,#ddd);cursor:pointer;background:0 0;border-radius:7px;padding:9px 12px;font-size:12px}.st-app button:hover:not(:disabled){background:var(--bg,#f4f5f0)}.st-app button:disabled{opacity:.4;cursor:not-allowed}.st-app button.st-primary{color:#fff;background:#365e49;border-color:#365e49}.st-stop{width:100%}.st-status{overflow-wrap:anywhere;margin-top:22px;font-size:12px}.st-status p{line-height:1.7}.st-status small{color:var(--muted,#777);line-height:1.6;display:block}.st-status progress{accent-color:#648573;width:100%;height:5px;margin-bottom:10px}.st-error{color:#bc5151;overflow-wrap:anywhere;background:#a3393912;padding:12px;font-size:12px;line-height:1.8}.st-result-head{border-bottom:1px solid var(--border,#ddd);justify-content:space-between;align-items:center;gap:12px;padding:20px;display:flex}.st-result-head h2{margin:0;font-size:15px;font-weight:500}.st-result-head h2 span{color:var(--muted,#777);margin-left:8px;font:12px monospace}.st-result-head small{color:var(--muted,#777);font-size:11px}.st-exports{flex-wrap:wrap;gap:6px;display:flex}.st-exports button{padding:7px 9px;font-size:11px}.st-empty{text-align:center;color:var(--muted,#777);padding:85px 20px}.st-empty>span{opacity:.35;font:42px Georgia,serif}.st-empty h3{color:var(--text,#333);font-size:14px;font-weight:400}.st-empty p{font-size:12px;line-height:1.9}.st-preview{background:#141814}.st-preview video{width:100%;min-height:72px;max-height:320px;display:block}.st-caption{text-align:center;color:#fff;white-space:pre-wrap;min-height:52px;margin:0;padding:15px;font-size:14px}.st-cues{max-height:600px;overflow:auto}.st-cue{border-bottom:1px solid var(--border,#ddd);grid-template-columns:112px 1fr;gap:12px;padding:16px;display:grid}.st-cue>button{text-align:left;color:var(--muted,#777);border:0;align-content:start;gap:4px;padding:3px;font:11px monospace;display:grid}.st-cue>button span{color:#648573;margin-bottom:5px}.st-cue textarea{resize:vertical;background:0 0;border:1px solid #0000;border-radius:5px;width:100%;min-height:60px;padding:5px;font-size:14px;line-height:1.7}.st-cue textarea:focus{border-color:#648573;outline:none}.st-active{background:#64857312}.st-app :focus-visible{outline-offset:2px;outline:2px solid #648573}@media (width<=800px){.st-layout{grid-template-columns:1fr}.st-app{padding:24px 14px 40px}.st-setup{padding:18px}.st-empty{padding:48px 15px}.st-result-head{padding:16px}.st-cue{grid-template-columns:96px 1fr;gap:5px}.st-preview video{max-height:260px}}