*{box-sizing:border-box}body{margin:0;background:var(--ns-bg,#fff);color:var(--ns-text,#202124);font:16px/1.5 Arial,system-ui,sans-serif}a{color:var(--ns-gold,#1967d2)}button,select,input{font:inherit}button,a,select{touch-action:manipulation}button,select{min-height:44px}button{cursor:pointer;border:1px solid var(--ns-border,#dadce0);border-radius:8px;padding:8px 14px;background:var(--ns-surface,#f8f9fa);color:inherit}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid var(--ns-gold,#1967d2);outline-offset:3px}[hidden]{display:none!important}.studio-header{display:flex;align-items:center;gap:24px;padding:16px 32px;border-bottom:1px solid var(--ns-border,#dadce0)}.studio-header>a:first-child{font-size:22px;font-weight:700;text-decoration:none}.studio-header>form,.studio-header>a:last-child{margin-left:auto}.studio-header label{margin-right:8px}.studio-main{max-width:1320px;margin:auto;padding:32px}.studio-title h1{font-size:32px;font-weight:500;line-height:1.2;margin:0 0 12px}.studio-title p{color:var(--ns-text-2,#5f6368);margin:0 0 24px}.studio-navigation{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;border-bottom:1px solid var(--ns-border,#dadce0);padding-bottom:16px;margin-bottom:24px}.studio-navigation button{border-color:transparent;background:transparent}.studio-navigation [aria-pressed=true]{background:var(--ns-gold-glow,#e8f0fe);color:var(--ns-gold,#1967d2);border-color:var(--ns-gold,#1967d2)}.studio-columns{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px}.studio-workbench{min-width:0}.studio-workbench h2,.studio-audition h2{margin:0 0 8px;font-size:22px;font-weight:500}.studio-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:24px 0}.studio-tools>a,.studio-tool-unavailable{display:flex;justify-content:center;flex-direction:column;min-height:58px;padding:12px 16px;border:1px solid var(--ns-border,#dadce0);border-radius:10px;text-decoration:none;overflow-wrap:anywhere}.studio-tools>a:hover{background:var(--ns-surface,#f8f9fa)}.studio-tools [aria-current=true]{border-color:var(--ns-gold,#1967d2)}.studio-tool-unavailable{color:var(--ns-text-2,#5f6368)}.studio-tool-unavailable small{font-size:13px}.studio-field{display:flex;flex-direction:column;gap:6px;max-width:400px;margin:20px 0}.studio-field select,.studio-header select{border:1px solid var(--ns-border,#dadce0);border-radius:8px;padding:8px;background:var(--ns-bg,#fff);color:inherit;max-width:100%}.studio-skill-group{border:0;margin:18px 0;padding:0}.studio-skill-group legend{font-weight:600;margin-bottom:4px}.studio-check{display:flex;align-items:center;gap:10px;min-height:48px}.studio-check input{width:18px;height:18px}.studio-save{margin:24px 0;border-top:1px solid var(--ns-border,#dadce0);padding-top:20px}.studio-save button{background:var(--ns-gold,#1967d2);color:var(--ns-on-accent,#fff)}.studio-save p,.studio-preview-note{font-size:14px;color:var(--ns-text-2,#5f6368)}.studio-audition{position:sticky;top:24px;align-self:start;min-width:0}.studio-audition>p{font-size:14px}.studio-audition #ns-content-live-host{position:relative;inset:auto;width:100%;max-width:100%;height:auto;transform:none;margin:20px 0}.studio-audition #ns-content-live-host .ns-face{width:100%;height:240px}.studio-audition #ns-content-live-host .ns-captions{max-width:100%;white-space:normal}.studio-editor{border-top:1px solid var(--ns-border,#dadce0);padding-top:20px}.studio-editor-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.studio-editor iframe{display:block;width:100%;height:680px;border:1px solid var(--ns-border,#dadce0);border-radius:12px;background:var(--ns-bg,#fff)}.studio-editor-status{font-size:14px}.studio-editor [data-studio-import]{margin-top:12px}@media(max-width:767px){.studio-header{padding:12px 16px;gap:12px;flex-wrap:wrap}.studio-header>span{font-size:14px}.studio-header>form{width:100%;margin:0;display:flex;align-items:center}.studio-header select{flex:1;min-width:0}.studio-main{padding:24px 16px}.studio-title h1{font-size:26px}.studio-navigation{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.studio-columns{display:flex;flex-direction:column;gap:24px}.studio-audition{position:relative;top:0;order:-1;width:100%;border-bottom:1px solid var(--ns-border,#dadce0);padding-bottom:16px}.studio-audition #ns-content-live-host{margin:12px 0}.studio-audition #ns-content-live-host .ns-face{height:170px}.studio-audition .studio-preview-note{margin:8px 0}.studio-editor iframe{height:600px}.studio-tools{gap:8px}.studio-tools>a,.studio-tool-unavailable{padding:10px;font-size:14px}.studio-editor-heading h2{font-size:20px}}@media(prefers-color-scheme:dark){:where(:root:not([data-ns-theme-switch])) body{background:var(--ns-bg,#202124);color:var(--ns-text,#e8eaed)}:where(:root:not([data-ns-theme-switch])) button{background:var(--ns-surface,#292a2d)}:where(:root:not([data-ns-theme-switch])) .studio-navigation [aria-pressed=true]{background:var(--ns-gold-glow,#253858)}:where(:root:not([data-ns-theme-switch])) a{color:var(--ns-gold,#8ab4f8)}}
/* theme-twin:begin dark (derived from the @media block above by App\Support\Ui\ThemeTwins; edit that block, then run php scripts/ui/theme-twins.php) */
:where(:root[data-ns-theme-switch][data-bs-theme="dark"]) body{background:var(--ns-bg,#202124);color:var(--ns-text,#e8eaed)}:where(:root[data-ns-theme-switch][data-bs-theme="dark"]) button{background:var(--ns-surface,#292a2d)}:where(:root[data-ns-theme-switch][data-bs-theme="dark"]) .studio-navigation [aria-pressed=true]{background:var(--ns-gold-glow,#253858)}:where(:root[data-ns-theme-switch][data-bs-theme="dark"]) a{color:var(--ns-gold,#8ab4f8)}/* theme-twin:end */

/* Keep the preview a character with a plain caption, using the container’s existing menu. */
[data-studio-workspace]{padding-bottom:0!important}.studio-audition #ns-content-live-host{display:block;color:var(--ns-text);z-index:2}.studio-audition #ns-content-live-host .ns-face{display:block;height:auto;min-height:180px}.studio-audition #ns-content-live-host :is([data-ns-stage-face],.ns-face-live){width:100%;height:150px;margin:0;max-width:100%;flex:none}.studio-audition #ns-content-live-host .ns-captions{padding:10px 0;margin:0;border:0;border-radius:0;box-shadow:none;background:transparent;color:var(--ns-text);width:100%;font-size:14px}.studio-audition .ns-content-host-menu :is(button,label,[data-ns-own-one-menu-panel]){background:var(--ns-surface);color:var(--ns-text)}

/* Line 17590 (studio_hero_host): the house host stands in the hero's empty right half on desktop, in her own screen with her one
   menu inside it; on a phone the hero is one column and she keeps the house dock (content-page-live-host.css), so the page
   gives back the dock's safe space under the tools. */
@media(min-width:768px){.studio-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:center;margin-bottom:16px}.studio-hero .studio-title p{margin:0}.studio-hero-host{display:flex;justify-content:flex-end;min-width:0}:root:not([data-nsb-min]) .studio-hero-host #ns-content-live-host{position:relative;inset:auto;width:100%;max-width:440px;height:auto;transform:none;margin:0;padding:0;border:0;background:transparent;color:var(--ns-text,#202124);display:block;z-index:2}.studio-hero-host #ns-content-live-host .ns-face{display:block;height:auto}.studio-hero-host #ns-content-live-host :is([data-ns-stage-face],.ns-face-live){width:100%;height:220px;max-width:100%;margin:0;flex:none}.studio-hero-host #ns-content-live-host .ns-captions{margin:16px 0 0;padding:0 4px;border:0;border-radius:0;box-shadow:none;background:transparent;color:var(--ns-text,#202124);width:100%;max-width:100%;white-space:normal;text-align:center;font-size:15px}.studio-hero-host .ns-content-host-menu{top:12px;right:12px}.studio-hero-host .ns-content-host-menu [data-ns-own-one-menu-panel]{top:48px;bottom:auto}.studio-hero-host .ns-content-host-menu :is(button,label,[data-ns-own-one-menu-panel]){background:var(--ns-bg,#fff);color:var(--ns-text,#202124)}}[data-studio-hero-host] .studio-columns{grid-template-columns:minmax(0,1fr)}@media(min-width:1024px){[data-studio-hero-host] .studio-tools{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:767px){[data-studio-workspace][data-studio-hero-host]{padding-bottom:var(--ns-content-host-safe-height,180px)!important}}

/* Line 17810: on a phone her one menu button sits at the dock's right edge; her caption keeps clear of it so no word hides under it. */
@media(max-width:767px){[data-studio-workspace] #ns-content-live-host .ns-captions{padding-right:58px}}

/* Line 20770 (studio-happy-face-never-covers-its-own-controls-r1): in the hero the factory pane is in the page's flow, not its
   fixed rail, so her stage has no height of its own and her face spilled over Talk, Camera, Mute, Volume and the size row.
   Her stage holds her face box (per pane size, factory-pane.css) and five lines of her caption (her live greeting is five),
   so the bar always sits under her face and her question is never cut.
   Minimized she is the pane's own bubble in the corner (the hero override above stands aside), never a 0 px face. The pane's
   rail and dock pad the body for a fixed pane (300 px to 72vw on the left, the dock's height below); in the hero that padding
   only squeezed the page (at Max into a 130 px column under a 380 px face), so the hero gives it back. */
@media(min-width:768px) and (max-width:899.98px){:root[data-ns-factory-pane]:not([data-nsb-free]):not([data-nsb-min]) .studio-hero-host aside.ns-fp>.ns-fp-stage{flex:none;height:max(var(--nsfp-face-dock,96px),98px)}:root[data-ns-factory-pane]:is([data-nsb-size="half"],[data-nsb-size="max"]):not([data-nsb-free]):not([data-nsb-min]) .studio-hero-host aside.ns-fp>.ns-fp-stage{height:calc(var(--nsfp-face-dock,200px) + 120px)}}
@media(min-width:900px){:root[data-ns-factory-pane]:not([data-nsb-free]):not([data-nsb-min]) .studio-hero-host aside.ns-fp>.ns-fp-stage{flex:none;height:calc(var(--nsfp-face,220px) + 128px)}}
@media(min-width:768px){:root[data-ns-factory-pane]:not(:has(aside.ns-fp[hidden])):not([data-nsb-free]):not([data-nsb-min]) body[data-studio-hero-host]{padding-left:0!important;padding-bottom:0!important}}

/* The live composer is injected after this page renders. Constrain every row
   and flex child here so its intrinsic widths cannot push a tablet canvas
   sideways; keep its words readable and its interactive rows finger-sized. */
[data-studio-workspace] #ns-chat-root,
[data-studio-workspace] #ns-chat-root :is(.ns-cmp,.ns-frm,.ns-in,.ns-media-consent-line,.ns-vol-wrap){box-sizing:border-box;max-width:100%;min-width:0}
[data-studio-workspace] #ns-chat-root .ns-frm{width:100%;flex-wrap:wrap}
[data-studio-workspace] #ns-chat-root :is(.ns-in,.ns-media-consent-line,.ns-vol-wrap){width:100%;flex:1 1 100%;overflow-wrap:anywhere}
[data-studio-workspace] #ns-chat-root :is(.ns-st,.ns-ab,.ns-lbl){font-size:max(12px,var(--ns-text-xs,12px))}
[data-studio-workspace] #ns-chat-root :is(a,button,input,textarea,select){min-height:44px}

.studio-field input[type=number]{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--ns-border);border-radius:8px;background:var(--ns-surface);color:var(--ns-text)}
.studio-field input[type=number]:focus-visible{outline:3px solid var(--ns-gold);outline-offset:3px}

/* Line 30449 (studio_one_guided_journey): the six steps on one page. One step on screen, its count, its one question and one
   filled button; the numbered spine above (the voice site's studio-next). The guide stays in her column, in the page's flow,
   so she never covers the step's words: on a phone she is a compact strip above the step, her face beside her caption. */
.studio-journey-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.studio-journey-progress{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;list-style:none;margin:0 0 24px;padding:0}
.studio-journey-progress a{display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 10px;border:1px solid var(--ns-border,#dadce0);border-radius:8px;color:var(--ns-text-2,#5f6368);font-size:14px;line-height:1.25;text-decoration:none}
.studio-journey-progress a[aria-current=step]{border-color:var(--ns-gold,#1967d2);background:var(--ns-gold-glow,#e8f0fe);color:var(--ns-gold,#1967d2)}
.studio-journey-progress-n{display:inline-grid;place-items:center;flex:none;width:24px;height:24px;border:1px solid currentColor;border-radius:50%;font-size:13px}
.studio-journey-count{margin:0 0 4px;color:var(--ns-text-2,#5f6368);font-size:14px}
.studio-journey-step h2{margin:0 0 8px;font-size:28px;font-weight:500;line-height:1.2}
.studio-journey-step h2:focus{outline:none}
.studio-journey-lead{margin:0 0 20px;color:var(--ns-text-2,#5f6368)}
.studio-journey-answer{min-width:0;margin:0;padding:0;border:0}
.studio-journey-answer legend{margin:0 0 12px;padding:0;font-size:18px;font-weight:500}
.studio-journey-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.studio-journey-choice{display:flex;align-items:center;gap:12px;min-height:56px;margin:0 0 10px;padding:12px 16px;border:1px solid var(--ns-border,#dadce0);border-radius:12px;cursor:pointer;overflow-wrap:anywhere}
.studio-journey-choices .studio-journey-choice{margin:0}
.studio-journey-choice:has(input:checked){border-color:var(--ns-gold,#1967d2);background:var(--ns-gold-glow,#e8f0fe)}
.studio-journey-choice input{flex:none;width:20px;height:20px;margin:0;accent-color:var(--ns-gold,#1967d2)}
.studio-journey .studio-field{max-width:480px;margin:16px 0}
.studio-journey .studio-field input{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--ns-border,#dadce0);border-radius:8px;background:var(--ns-bg,#fff);color:inherit;font:inherit}
.studio-journey .studio-field input:focus-visible,.studio-journey-choice:focus-within{outline:3px solid var(--ns-gold,#1967d2);outline-offset:2px}
.studio-journey-summary{display:grid;gap:10px;margin:0}
.studio-journey-summary div{display:flex;justify-content:space-between;gap:16px;padding:12px 16px;border:1px solid var(--ns-border,#dadce0);border-radius:12px}
.studio-journey-summary dt{color:var(--ns-text-2,#5f6368)}
.studio-journey-summary dd{margin:0;font-weight:500;text-align:right;overflow-wrap:anywhere}
.studio-journey-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:28px 0 16px}
.studio-journey-back{display:inline-flex;align-items:center;min-height:44px;padding:8px 4px;text-decoration:none}
.studio-journey-primary{display:inline-flex;align-items:center;justify-content:center;min-height:48px;margin-left:auto;padding:12px 28px;border-radius:24px;background:var(--ns-gold,#1967d2);color:var(--ns-on-accent,#fff)!important;font-weight:500;text-align:center;text-decoration:none}
.studio-journey-primary:hover{filter:brightness(1.08)}
.studio-journey-more{margin-top:8px;padding-top:4px;border-top:1px solid var(--ns-border,#dadce0)}
.studio-journey-more summary{display:flex;align-items:center;min-height:44px;color:var(--ns-text-2,#5f6368);cursor:pointer}
.studio-journey-more .studio-tools{margin:8px 0 16px}
@media(max-width:767px){
.studio-journey-progress{gap:4px;margin:0 0 16px}
.studio-journey-progress a{justify-content:center;padding:6px 0}
.studio-journey-progress-title{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.studio-journey-step h2{font-size:24px}
.studio-journey-choices{grid-template-columns:minmax(0,1fr)}
.studio-journey-actions{margin:24px 0 12px}
.studio-journey-primary{flex:1 1 auto}
.studio-journey .studio-audition{padding-bottom:12px}
.studio-journey .studio-audition #ns-content-live-host{margin:0}
.studio-journey .studio-audition #ns-content-live-host .ns-face{display:flex;align-items:center;gap:12px;min-height:0}
.studio-journey .studio-audition #ns-content-live-host :is([data-ns-stage-face],.ns-face-live){order:2;flex:none;width:88px;height:88px}
.studio-journey .studio-audition #ns-content-live-host .ns-captions{flex:1 1 auto;min-width:0;padding:0 0 0 0;font-size:14px}
}
@media(prefers-color-scheme:dark){:where(:root:not([data-ns-theme-switch])) .studio-journey-progress a[aria-current=step],:where(:root:not([data-ns-theme-switch])) .studio-journey-choice:has(input:checked){background:var(--ns-gold-glow,#253858)}:where(:root:not([data-ns-theme-switch])) .studio-journey .studio-field input{background:var(--ns-surface,#292a2d)}}
/* theme-twin:begin dark (derived from the @media block above by App\Support\Ui\ThemeTwins; edit that block, then run php scripts/ui/theme-twins.php) */
:where(:root[data-ns-theme-switch][data-bs-theme="dark"]) .studio-journey-progress a[aria-current=step],:where(:root[data-ns-theme-switch][data-bs-theme="dark"]) .studio-journey-choice:has(input:checked){background:var(--ns-gold-glow,#253858)}:where(:root[data-ns-theme-switch][data-bs-theme="dark"]) .studio-journey .studio-field input{background:var(--ns-surface,#292a2d)}/* theme-twin:end */
/* Line 30928: on white the gold fill (--ns-gold) reads at 1.9:1, so links and the chosen tab and step take the accent ink (--ns-gold-light). */
@media(prefers-color-scheme:light){:where(:root:not([data-ns-theme-switch])) a,:where(:root:not([data-ns-theme-switch])) .studio-navigation [aria-pressed=true],:where(:root:not([data-ns-theme-switch])) .studio-journey-progress a[aria-current=step]{color:var(--ns-gold-light,#1967d2)}}
/* theme-twin:begin light (derived from the @media block above by App\Support\Ui\ThemeTwins; edit that block, then run php scripts/ui/theme-twins.php) */
:where(:root[data-ns-theme-switch][data-bs-theme="light"]) a,:where(:root[data-ns-theme-switch][data-bs-theme="light"]) .studio-navigation [aria-pressed=true],:where(:root[data-ns-theme-switch][data-bs-theme="light"]) .studio-journey-progress a[aria-current=step]{color:var(--ns-gold-light,#1967d2)}/* theme-twin:end */