:root{--sv-ink:#242424;--sv-paper:#fff;--sv-line:#dedede}
.sv-pilot-page{margin:0;background:#f3f3f3;color:var(--sv-ink);font:16px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.sv-pilot-nav{display:flex;justify-content:space-between;align-items:center;padding:20px 5vw;border-bottom:1px solid var(--sv-line);background:#fff}
.sv-pilot-nav strong{letter-spacing:.2em;font-weight:500}.sv-pilot-nav a{color:inherit;text-decoration:none}
.sv-pilot-main{max-width:1150px;margin:0 auto;padding:36px 28px 64px}.sv-pilot-main h1{font:clamp(32px,5vw,54px)/1.15 Georgia,serif;font-weight:400;margin:12px 0 20px}.sv-pilot-main>p{max-width:760px;color:#545454}
.sv-eyebrow{font:600 11px/1.4 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:.16em;color:#555}.sv-group{margin:28px 0}.sv-group h2{font-size:15px;font-weight:600;margin:0 0 12px}
.sv-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.sv-tile{display:flex;flex-direction:column;align-items:flex-start;gap:8px;text-align:left;padding:20px;background:#fff;border:1px solid var(--sv-line);border-radius:10px;color:var(--sv-ink);cursor:pointer;min-height:136px;font:inherit}.sv-tile:hover{border-color:#666;background:#fafafa}.sv-tile strong{font-weight:500;font-size:19px}.sv-tile-icon{font-size:24px}.sv-tile-detail{color:#666;font-size:12px}
.sv-viewer,.sv-picker{box-sizing:border-box;color:var(--sv-ink);background:#f4f4f4;border:1px solid #ccc;border-radius:16px;box-shadow:0 24px 90px #0005;font:14px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.sv-viewer{width:min(1080px,90vw);height:min(780px,84dvh);max-width:90vw;max-height:84dvh;padding:0;overflow:hidden}.sv-viewer[open]{display:flex;flex-direction:column}.sv-viewer[data-kind="radio"],.sv-viewer[data-mode="compact"]{width:min(660px,90vw);height:auto}
.sv-viewer::backdrop,.sv-picker::backdrop{background:#0006;backdrop-filter:blur(3px)}.sv-bar{display:flex;align-items:center;gap:16px;justify-content:space-between;padding:14px 20px 10px;flex-shrink:0}.sv-identity h2{font:23px/1.2 Georgia,serif;margin:4px 0 0}.sv-host{color:#666;font-size:11px;overflow-wrap:anywhere}
.sv-viewer button,.sv-picker button:not(.sv-tile),[data-studios-viewer-pilot]{padding:9px 13px;border:1px solid #ccc;border-radius:7px;background:#fff;color:#242424;font:inherit;cursor:pointer;min-height:44px}.sv-viewer button:hover,.sv-picker button:hover{background:#e8e8e8}.sv-close{white-space:nowrap}.sv-actions{display:flex;flex-wrap:wrap;gap:8px;padding:0 20px;flex-shrink:0}.sv-actions button{font-size:12px;min-height:36px}.sv-viewer [hidden]{display:none!important}.sv-status{padding:0 20px;margin:7px 0 10px;color:#555;font-size:12px;flex-shrink:0;min-height:18px}
.sv-inset{position:relative;flex:1;min-height:0;display:flex;padding:0 18px 0 28px}.sv-stage{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#242424;color:white;text-align:center;overflow:auto;gap:12px;padding:28px;border-radius:10px}.sv-stage h3{font:32px/1.15 Georgia,serif;margin:0;color:inherit}.sv-stage p{max-width:430px;margin:0;color:#ccc}.sv-stage.sv-has-frame{padding:0;display:block;background:#fff}.sv-stage iframe{display:block;border:0;width:100%;height:100%;background:white;border-radius:10px}.sv-viewer[data-kind="video"]:not([data-mode="compact"]){height:auto}.sv-viewer[data-kind="video"] .sv-stage.sv-has-frame{aspect-ratio:16/9;max-height:calc(84dvh - 168px)}
.sv-radio-stage{min-height:240px;box-sizing:border-box;background:radial-gradient(ellipse at 75% 0%,#4c4c4c 0%,#292929 45%,#171717 100%);gap:13px;padding:24px}.sv-radio-label{font-size:10px;letter-spacing:.18em;color:#c8c8c8}.sv-radio-mark{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;border:1px solid #ffffff40;font:32px Georgia,serif;color:white}.sv-stage audio{width:min(420px,100%);margin-top:8px;color-scheme:dark}.sv-viewer[data-mode="compact"] .sv-stage{min-height:165px;box-sizing:border-box}.sv-empty-mark{font-size:30px;color:#ccc}
.sv-viewer .sv-back-rail{position:absolute;left:0;top:0;bottom:0;width:28px;min-height:0;padding:0;border:0;border-radius:0;background:transparent;color:#888;font-size:22px;touch-action:pan-y;z-index:1}.sv-viewer .sv-back-rail:hover{background:#e5e5e5;color:#242424}
.sv-footer{padding:10px 20px 12px;font-size:11px;color:#666;text-align:center;flex-shrink:0}.sv-picker{width:min(1000px,90vw);max-height:88dvh;padding:24px;overflow:auto}.sv-picker>.sv-close{float:right}.sv-picker>h2{font:32px Georgia,serif;font-weight:400}.sv-picker .sv-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sv-pilot-note{border-top:1px solid #ddd;padding-top:24px;font-size:13px;color:#555}
.sv-viewer button:focus-visible,.sv-tile:focus-visible,.sv-picker button:focus-visible,[data-studios-viewer-pilot]:focus-visible{outline:3px solid #555;outline-offset:2px}
@media(max-width:650px){.sv-pilot-main{padding:26px 18px}.sv-grid,.sv-picker .sv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sv-tile{padding:16px;min-height:124px}.sv-viewer,.sv-viewer[data-kind="radio"],.sv-viewer[data-mode="compact"]{width:94vw;max-width:94vw;max-height:88dvh;border-radius:13px}.sv-viewer{height:80dvh}.sv-bar{padding:12px 12px 10px;gap:8px}.sv-host{display:none}.sv-identity h2{font-size:21px}.sv-close{font-size:11px!important;padding:8px 10px!important}.sv-actions{padding:0 12px;gap:6px}.sv-viewer button{font-size:11px;padding:7px 10px}.sv-status{padding:0 12px;font-size:11px;margin:7px 0 9px}.sv-inset{padding-right:10px}.sv-stage{padding:20px 14px}.sv-radio-stage{min-height:230px}.sv-stage h3{font-size:29px}.sv-stage p{font-size:12px}.sv-footer{padding:9px 12px 11px;font-size:10px}.sv-picker{padding:16px;width:94vw}.sv-picker>.sv-close{float:none}.sv-picker>h2{font-size:27px}.sv-viewer[data-kind="video"] .sv-stage.sv-has-frame{min-height:190px;aspect-ratio:16/9}}
@media(prefers-reduced-motion:reduce){.sv-viewer::backdrop,.sv-picker::backdrop{backdrop-filter:none}}
/* Explicit inset heights keep auto-sized dialogs compact in native dialog layout. */
.sv-viewer[data-kind="radio"]:not([data-mode="compact"]) .sv-inset{flex:none;height:260px}
.sv-viewer[data-mode="compact"] .sv-inset{flex:none;height:200px}
.sv-viewer[data-kind="video"]:not([data-mode="compact"]) .sv-inset{flex:none;height:min(580px,calc((90vw - 48px)*.5625),calc(84dvh - 190px));min-height:180px}
.sv-viewer[data-kind="video"] .sv-stage.sv-has-frame{aspect-ratio:auto;max-height:none;height:100%;box-sizing:border-box}
@media(max-width:650px){.sv-viewer[data-kind="radio"]:not([data-mode="compact"]) .sv-inset{height:240px}.sv-viewer[data-mode="compact"] .sv-inset{height:190px}.sv-viewer[data-kind="video"]:not([data-mode="compact"]) .sv-inset{height:calc((94vw - 40px)*.5625);min-height:190px}}
.sv-viewer[data-kind="radio"]:not([data-mode="compact"]){height:440px}
.sv-viewer[data-mode="compact"]{height:365px}
.sv-viewer[data-kind="video"]:not([data-mode="compact"]){height:min(780px,calc(50.625vw + 163px),84dvh)}
@media(max-width:650px){.sv-viewer[data-kind="radio"]:not([data-mode="compact"]){height:425px}.sv-viewer[data-mode="compact"]{height:360px}.sv-viewer[data-kind="video"]:not([data-mode="compact"]){height:min(410px,calc(52.875vw + 168px),84dvh)}}
