@layer views{.demo-script{height:var(--app-height);overflow-y:auto;overscroll-behavior:contain;background:var(--canvas);color:var(--fg)}.demo-script__inner{display:grid;gap:22px;width:min(1180px,100%);margin:0 auto;padding:44px 32px calc(64px + var(--safe-bottom))}.demo-script__head{display:grid;gap:10px;justify-items:start;padding:6px 0 2px}.demo-script__head .eyebrow{margin-top:8px}.script-back{display:inline-flex;align-items:center;gap:6px;width:max-content;min-height:38px;margin-bottom:6px;padding:0 17px 0 12px;border:1px solid var(--hairline);border-radius:var(--r-pill);background:color-mix(in srgb,var(--steel-300) 4%,transparent);color:var(--steel-300);font-size:var(--fs-meta);font-weight:600;box-shadow:var(--bevel);transition:border-color var(--dur-2) var(--ease-out),color var(--dur-2) var(--ease-out)}.script-back:hover{border-color:color-mix(in srgb,var(--accent) 36%,transparent);color:var(--fg)}.script-back svg{width:15px}.demo-script__head h1{margin:0;font-size:var(--fs-title);font-weight:600;letter-spacing:var(--tighten-display);line-height:1.05}.demo-script__head p{max-width:680px;margin:0;color:var(--fg-mist);font-size:var(--fs-body);line-height:1.6}.script-panel{padding:24px;border:1px solid var(--glass-border);border-radius:var(--r-card);background:linear-gradient(165deg,var(--ink-2),var(--ink-1));box-shadow:var(--shadow-high),var(--bevel)}.script-panel h2{margin:8px 0 2px;font-size:var(--fs-heading);font-weight:600;letter-spacing:-.015em}.script-panel h3{margin:6px 0 4px;font-size:var(--fs-body-lg);font-weight:600;letter-spacing:-.01em}.script-columns{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:22px;align-items:start}.script-windows{display:grid;grid-template-columns:1.15fr 1.45fr .7fr;gap:26px;align-items:end;margin-top:20px}.script-window{display:grid;justify-items:center;gap:3px;text-align:center}.script-window strong{font-size:var(--fs-detail);font-weight:600}.script-window p{margin:0;color:var(--fg-mist);font-size:var(--fs-meta)}.script-window__frame{position:relative;display:grid;place-items:center;width:100%;margin-bottom:16px;border:1px solid var(--hairline-strong);border-radius:10px;background:linear-gradient(150deg,color-mix(in srgb,var(--steel-300) 10%,transparent),transparent 62%),linear-gradient(165deg,var(--panel),var(--ink-1));box-shadow:var(--bevel)}.script-window--laptop .script-window__frame{aspect-ratio:16/10}.script-window--laptop .script-window__frame:after{content:"";position:absolute;bottom:-9px;left:50%;width:114%;height:7px;transform:translateX(-50%);border-radius:3px 3px 9px 9px;background:color-mix(in srgb,var(--steel-500) 36%,var(--ink-2))}.script-window--tv .script-window__frame{aspect-ratio:16/9}.script-window--tv .script-window__frame:after{content:"";position:absolute;bottom:-13px;left:50%;width:36%;height:13px;transform:translateX(-50%);background:linear-gradient(color-mix(in srgb,var(--steel-500) 36%,var(--ink-2)),color-mix(in srgb,var(--steel-500) 36%,var(--ink-2))) 50% 100% /100% 4px no-repeat,linear-gradient(color-mix(in srgb,var(--steel-500) 26%,var(--ink-2)),color-mix(in srgb,var(--steel-500) 26%,var(--ink-2))) 50% 0 /16% 13px no-repeat}.script-window--phone .script-window__frame{width:min(96px,100%);aspect-ratio:9/18;border-radius:16px;overflow:hidden}.script-window--phone .script-window__frame img{border-radius:6px}.preflight-list{display:grid;gap:8px;margin:16px 0 0;padding:0;list-style:none}.preflight-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--hairline);border-radius:var(--r-inset);background:color-mix(in srgb,var(--steel-300) 3%,transparent);transition:border-color var(--dur-3) var(--ease-out),background-color var(--dur-3) var(--ease-out)}.preflight-item[data-status=ok]{border-color:var(--chip-success-border);background:color-mix(in srgb,var(--jade-500) 5%,transparent)}.preflight-item[data-status=warn]{border-color:var(--chip-hold-border);background:color-mix(in srgb,var(--gold-500) 6%,transparent)}.preflight-item strong{font-size:var(--fs-detail);font-weight:600}.preflight-item p{margin:3px 0 0;color:var(--fg-mist);font-size:var(--fs-meta);line-height:1.5}.preflight-item__badge{color:var(--fg-mute);font-size:var(--fs-chip);font-weight:700;letter-spacing:var(--track-1);text-transform:uppercase;white-space:nowrap}.preflight-item[data-status=ok] .preflight-item__badge{color:var(--chip-success-ink)}.preflight-item[data-status=warn] .preflight-item__badge{color:var(--chip-hold-ink)}.script-reset,.script-surfaces{margin-top:20px;padding-top:18px;border-top:1px solid var(--hairline)}.script-reset p{margin:0 0 12px;color:var(--fg-mist);font-size:var(--fs-meta);line-height:1.55}.script-surfaces__links{display:grid;margin-top:6px}.script-surfaces__links>a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;padding:11px 2px;border-bottom:1px solid var(--hairline);text-align:left;transition:background-color var(--dur-2) var(--ease-out)}.script-surfaces__links>a:last-child{border-bottom:0}.script-surfaces__links>a:hover{background:color-mix(in srgb,var(--steel-300) 3%,transparent)}.script-surfaces__links>a>span{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:11px;background:var(--chip-keynote-bg);color:var(--accent-300)}.script-surfaces__links svg{width:17px}.script-surfaces__links strong{font-size:var(--fs-detail);font-weight:600}.script-surfaces__links p{margin:3px 0 0;color:var(--fg-mist);font-size:var(--fs-meta)}.script-surfaces__links>a>svg{color:var(--fg-mute)}.script-runsheet{display:grid;margin:14px 0 0;padding:0;list-style:none}.script-step{display:grid;grid-template-columns:56px minmax(0,1fr);gap:14px;padding:13px 2px;border-bottom:1px solid var(--hairline)}.script-step:last-child{border-bottom:0;padding-bottom:4px}.script-step__time{padding-top:1px;color:var(--accent-300);font-size:var(--fs-detail);font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:var(--track-1)}.script-step strong{font-size:var(--fs-detail);font-weight:600}.script-step p{margin:4px 0 0;color:var(--fg-mist);font-size:var(--fs-meta);line-height:1.55}@media (max-width:980px){.script-columns{grid-template-columns:minmax(0,1fr)}}@media (max-width:820px){.demo-script__inner{gap:16px;padding:22px 16px calc(48px + var(--effective-safe-bottom, var(--safe-bottom)))}.script-panel{padding:20px 17px}.script-windows{grid-template-columns:minmax(0,1fr);gap:30px;align-items:stretch}.script-window--phone .script-window__frame{width:96px}}}