.studio-preview-live{grid-template-columns:minmax(180px,24%) minmax(0,1fr) minmax(180px,23%)}.studio-preview-live .preview-sidebar,.studio-preview-live .preview-canvas,.studio-preview-live .preview-settings{min-width:0}.studio-preview-live .preview-sidebar{padding:24px 15px;gap:12px}.preview-selection{display:flex;flex-direction:column;gap:7px}.preview-selection button{display:flex;align-items:flex-start;gap:9px;border:1px solid transparent;border-radius:5px;background:transparent;text-align:left;padding:12px 9px;width:100%;min-height:50px;font-size:12px;line-height:1.5;overflow-wrap:anywhere}.preview-selection button:hover{border-color:#aeb59f;background:#fffdf760}.preview-selection button.preview-selected{background:var(--ink);color:var(--paper)}.preview-selection button small{display:block;margin-top:6px;font-size:10px;opacity:.75}.preview-scene-number{flex-shrink:0;font:10px DM Mono,monospace;padding-top:3px}.preview-create{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px;font-weight:600;padding:14px 8px;border-top:1px solid var(--line);margin-top:9px;min-height:44px}.studio-preview-live .preview-library{font-size:11px;padding:18px 8px 5px}.studio-preview-live .preview-canvas{padding:28px}.studio-preview-live h3{font-size:clamp(21px,2.4vw,30px);letter-spacing:-.035em;line-height:1.25;margin:25px 0 14px;overflow-wrap:anywhere}.studio-preview-live .preview-description{font-size:13px;line-height:1.8;letter-spacing:0;margin:0 0 16px;color:#4e574a}.preview-features{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:0;gap:7px}.preview-features li{font-size:10px;background:var(--surface);border-radius:4px;padding:6px 8px}.preview-audio{display:none}.studio-preview-live .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.studio-preview-live .preview-player{margin-top:25px;padding:12px;gap:12px;min-height:76px}.preview-play{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:46px;height:46px;border:1px solid #d7ff3f70;border-radius:6px;background:var(--signal);color:var(--ink)}.preview-play:hover{background:#edffad}.preview-progress{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.preview-progress input,.preview-volume input{width:100%;margin:0;min-height:25px;accent-color:var(--signal);cursor:pointer}.preview-progress input:disabled{cursor:default;opacity:.5}.preview-progress span{font:10px DM Mono,monospace;color:var(--paper)}.studio-preview-live .preview-playback-status{font-size:10px;line-height:1.7;letter-spacing:0;color:var(--muted);margin:10px 0 18px;min-height:17px}.studio-preview-live .preview-recording-note{font-size:11px;line-height:1.8;letter-spacing:0;color:var(--muted);margin:0 0 18px}.preview-prompt{border-top:1px solid var(--line);padding-top:12px}.preview-prompt summary{font-size:11px;font-weight:600;cursor:pointer;padding:6px 0;min-height:30px}.preview-prompt pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:260px;overflow:auto;font:11px/1.8 DM Mono,Noto Sans SC,monospace;background:var(--paper);border-radius:5px;padding:15px;margin:12px 0 0}.studio-preview-live .preview-settings{display:flex;padding:25px 20px;gap:13px}.preview-volume{display:flex;flex-direction:column;gap:8px;width:100%;font-size:11px;margin:7px 0 5px}.preview-volume>span{display:flex;align-items:center;gap:7px}.preview-volume p{font-size:10px;line-height:1.8;color:var(--muted);margin:0}.preview-volume input{accent-color:var(--ink)}.preview-facts{width:100%;display:grid;gap:15px;margin:4px 0 9px;line-height:1.5}.preview-facts dt{font-size:10px;color:var(--muted);margin-bottom:5px}.preview-facts dd{font-size:11px;font-weight:600;margin:0}.preview-action{display:flex;align-items:center;gap:7px;width:100%;min-height:40px;border:1px solid var(--line);background:var(--paper);border-radius:5px;font-size:10px;line-height:1.5;text-align:left;padding:10px}.preview-action svg{flex-shrink:0}.preview-action:hover{background:var(--signal)}.preview-copy-status{font-size:10px;line-height:1.8;color:var(--muted);margin:0;min-height:18px}.preview-empty{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:18px;padding:45px 25px;border:1px solid var(--line);border-radius:12px;font-size:13px;background:#fffdf7}.preview-empty p{width:100%;text-align:center;margin:0}.studio-preview-live :focus-visible{outline:3px solid #687f0a;outline-offset:2px}.studio-preview-live .preview-player :focus-visible{outline-color:var(--signal)}@media(max-width:1050px){.studio-preview-live{grid-template-columns:minmax(150px,25%) minmax(0,1fr)}.studio-preview-live .preview-settings{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:14px;padding:20px}.studio-preview-live .preview-settings>svg{display:none}.studio-preview-live .preview-settings>strong{grid-column:1/-1;margin:0}.preview-volume,.preview-facts{margin:0}.preview-facts{display:flex;flex-wrap:wrap;gap:15px}.preview-copy-status{grid-column:1/-1;min-height:0}}@media(max-width:640px){.studio-preview-live{grid-template-columns:minmax(0,1fr)}.studio-preview-live .preview-sidebar{display:flex;padding:19px 16px;border-bottom:1px solid var(--line);gap:9px}.studio-preview-live .preview-sidebar>strong{margin-bottom:5px}.preview-selection{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.preview-selection button{flex-direction:column;font-size:10px;padding:11px 8px;gap:7px;height:100%;min-height:97px}.preview-selection button small{font-size:9px}.preview-create{margin:3px 0 0;padding:12px 3px;font-size:11px}.studio-preview-live .preview-library{margin:0;padding:12px 3px 3px}.studio-preview-live .preview-canvas{padding:23px 19px}.studio-preview-live h3{font-size:25px;margin:22px 0 13px}.studio-preview-live .preview-description{font-size:12px;margin:0 0 16px}.preview-features li{font-size:9px}.studio-preview-live .preview-settings{grid-template-columns:repeat(2,minmax(0,1fr));padding:20px 19px;gap:15px}.preview-volume{grid-column:1/-1}.preview-facts{grid-column:1/-1;gap:15px 30px}.preview-prompt pre{font-size:10px;max-height:230px}.preview-action{font-size:10px;min-height:44px}a.preview-action:last-of-type{grid-column:1/-1}.studio-preview-live .preview-label{flex-wrap:wrap;gap:9px}}