/*! FocalShift Ai · Mission Control shell partials · MC-SHELL-DELIVERY-2 (ruling 454 phase 2, 11 Sep 2026).
    Generated by build/externalise.py from the partial's own inline block(s) — byte-for-byte the same
    rules/code, moved out of the document so the browser can cache them. The filename carries the
    content hash; a changed file is a new name, never an overwrite. */
/* ── from public_html/_studio_new_modal.php: <style id=fsnew-style> ── */
/* Scoped to the two choosers so they carry the same look onto every page the pin lives on.
   The values are _lp_new_modal.php's language, verbatim, so the three choosers are one family.
   Light and dark both declared; no serif anywhere; no glyph sits on a filled tile. */
#fsnewform,#fsnewflow{
  --sn-panel:#fff;--sn-line:#e6e6f0;--sn-line2:#d4d4e6;--sn-ink:#23233a;--sn-faint:#82849c;
  --sn-accent:#615dfa;--sn-body:Inter,system-ui,-apple-system,sans-serif;
  --sn-display:Sora,Inter,system-ui,sans-serif}
html.fs-dark #fsnewform,.fs-dark #fsnewform,html.fs-dark #fsnewflow,.fs-dark #fsnewflow{
  --sn-panel:#1d1e2b;--sn-line:#2e2f44;--sn-line2:#3a3b56;--sn-ink:#e9e9f3;--sn-faint:#8a8ca3}
#fsnewform .sn-lbl,#fsnewflow .sn-lbl{display:block;font:600 12px var(--sn-body);color:var(--sn-ink);margin:0 0 7px}
#fsnewform .sn-kick,#fsnewflow .sn-kick{font:700 10.5px var(--sn-body);letter-spacing:.09em;
  text-transform:uppercase;color:var(--sn-faint);margin:18px 0 9px}
#fsnewform .sn-inp{width:100%;box-sizing:border-box;border:1px solid var(--sn-line);border-radius:11px;
  padding:11px 13px;font:500 13.5px var(--sn-body);color:var(--sn-ink);background:transparent}
#fsnewform .sn-inp:focus{outline:none;border-color:var(--sn-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--sn-accent) 22%,transparent)}
#fsnewform .sn-inp.bad{border-color:#d6307a}
#fsnewform .sn-hint,#fsnewflow .sn-hint{margin:7px 0 0;font:400 11.5px/1.5 var(--sn-body);color:var(--sn-faint)}
#fsnewform .sn-tiles,#fsnewflow .sn-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}
@media(max-width:760px){#fsnewform .sn-tiles,#fsnewflow .sn-tiles{grid-template-columns:repeat(2,1fr)}}
#fsnewflow .sn-tiles{grid-template-columns:repeat(2,1fr)}
#fsnewform .sn-tile,#fsnewflow .sn-tile{text-align:left;cursor:pointer;background:var(--sn-panel);
  border:1px solid var(--sn-line);border-radius:13px;padding:13px 12px;transition:border-color .14s ease}
#fsnewform .sn-tile:hover,#fsnewflow .sn-tile:hover{border-color:var(--sn-line2)}
#fsnewform .sn-tile.on,#fsnewflow .sn-tile.on{border-color:var(--sn-accent);
  background:color-mix(in srgb,var(--sn-accent) 6%,transparent)}
/* no filled plate behind a glyph — the law, and the reason "Blank" reads as an equal, not a shout */
#fsnewform .sn-tile i,#fsnewflow .sn-tile i{width:15px;height:15px;color:var(--sn-faint);display:block;margin-bottom:9px}
#fsnewform .sn-tile.on i,#fsnewflow .sn-tile.on i{color:var(--sn-accent)}
#fsnewform .sn-tile .tt,#fsnewflow .sn-tile .tt{display:block;font:600 13px var(--sn-body);color:var(--sn-ink)}
#fsnewform .sn-tile .td,#fsnewflow .sn-tile .td{display:block;margin-top:3px;font:400 11.5px/1.45 var(--sn-body);color:var(--sn-faint)}
#fsnewform .sn-tile .tg,#fsnewflow .sn-tile .tg{display:inline-flex;align-items:center;gap:5px;margin-top:7px;
  font:600 10px var(--sn-body);color:var(--sn-faint)}
#fsnewform .sn-tile .tg:before,#fsnewflow .sn-tile .tg:before{content:"";width:5px;height:5px;border-radius:50%;
  background:var(--sn-accent)}
#fsnewform .sn-tile .tg.quiet:before{background:var(--sn-faint)}
#fsnewform .sn-modes{display:grid;grid-template-columns:1fr 1fr;gap:9px}
@media(max-width:620px){#fsnewform .sn-modes{grid-template-columns:1fr}}
#fsnewform .sn-mode{display:flex;gap:11px;align-items:flex-start;text-align:left;cursor:pointer;
  background:var(--sn-panel);border:1px solid var(--sn-line);border-radius:13px;padding:13px 12px;
  transition:border-color .14s ease}
#fsnewform .sn-mode:hover{border-color:var(--sn-line2)}
#fsnewform .sn-mode.on{border-color:var(--sn-accent);background:color-mix(in srgb,var(--sn-accent) 6%,transparent)}
#fsnewform .sn-mode .rd{flex:none;width:14px;height:14px;border-radius:50%;border:1.5px solid var(--sn-line2);margin-top:2px}
#fsnewform .sn-mode.on .rd{border-color:var(--sn-accent);box-shadow:inset 0 0 0 3px var(--sn-accent)}
#fsnewform .sn-mode .mt{display:block;font:600 13px var(--sn-body);color:var(--sn-ink)}
#fsnewform .sn-mode .md{display:block;margin-top:3px;font:400 11.5px/1.45 var(--sn-body);color:var(--sn-faint)}
#fsnewform .sn-div,#fsnewflow .sn-div{display:flex;align-items:center;gap:11px;margin:18px 0 9px}
#fsnewform .sn-div span,#fsnewflow .sn-div span{font:700 10.5px var(--sn-body);letter-spacing:.09em;
  text-transform:uppercase;color:var(--sn-faint);white-space:nowrap}
#fsnewform .sn-div i,#fsnewflow .sn-div i{flex:1;height:1px;background:var(--sn-line)}
/* ── WO-FORM-EXISTING (8/8) — the second door: open a form you already have ──────────────
   Hans: "there should be an option for me to toggle existing forms that I have. I could
   simply click on one of those, and it opens my existing form in the design canvas."
   Same tokens, same radii, same borders as the tiles above — the toggle is a sibling of the
   chooser, not a new visual language. Light and dark both declared. */
/* ★ WO-STUDIO-POLISH (8/8) · ITEM 8 — THE AUTOMATION CHOOSER GETS THE SAME SECOND DOOR.
   Hans: the "New automation" popup "must ALSO offer existing workflows — published AND draft —
   exactly like the form popup's existing-forms toggle pattern".

   "Exactly like" is taken literally: not one rule below is re-authored for the automation
   chooser. Every selector in this block is EXTENDED with its #fsnewflow twin, so the two
   choosers are the same component by construction and can never drift into two lookalikes.
   The form chooser's markup is untouched — only the selector lists grew. */
#fsnewform .sn-switch,#fsnewflow .sn-switch{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:20px}
@media(max-width:520px){#fsnewform .sn-switch,#fsnewflow .sn-switch{grid-template-columns:1fr}}
#fsnewform .sn-sw,#fsnewflow .sn-sw{display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;
  background:var(--sn-panel);border:1px solid var(--sn-line);border-radius:11px;padding:10px 12px;
  font:600 12.5px var(--sn-body);color:var(--sn-faint);transition:border-color .14s ease,color .14s ease}
#fsnewform .sn-sw:hover,#fsnewflow .sn-sw:hover{border-color:var(--sn-line2)}
#fsnewform .sn-sw.on,#fsnewflow .sn-sw.on{border-color:var(--sn-accent);color:var(--sn-ink);
  background:color-mix(in srgb,var(--sn-accent) 6%,transparent)}
#fsnewform .sn-sw i,#fsnewflow .sn-sw i,#fsnewform .sn-sw svg,#fsnewflow .sn-sw svg{width:14px;height:14px;flex:none;color:var(--sn-faint)}
#fsnewform .sn-sw.on i,#fsnewflow .sn-sw.on i,#fsnewform .sn-sw.on svg,#fsnewflow .sn-sw.on svg{color:var(--sn-accent)}
#fsnewform #sn-fmine .sn-kick:first-child,#fsnewflow #sn-wmine .sn-kick:first-child{margin-top:0}
#fsnewform .sn-list,#fsnewflow .sn-list{display:flex;flex-direction:column;gap:7px;max-height:322px;overflow:auto}
#fsnewform .sn-row,#fsnewflow .sn-row{display:flex;align-items:center;gap:11px;width:100%;box-sizing:border-box;
  text-align:left;cursor:pointer;background:var(--sn-panel);border:1px solid var(--sn-line);
  border-radius:12px;padding:11px 13px;transition:border-color .14s ease}
#fsnewform .sn-row:hover,#fsnewflow .sn-row:hover{border-color:var(--sn-accent);
  background:color-mix(in srgb,var(--sn-accent) 5%,transparent)}
#fsnewform .sn-row .rw,#fsnewflow .sn-row .rw{flex:1;min-width:0}
#fsnewform .sn-row .rn,#fsnewflow .sn-row .rn{display:block;font:600 13px var(--sn-body);color:var(--sn-ink);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* status is a small dot and neutral text — never a coloured pill */
#fsnewform .sn-row .rm,#fsnewflow .sn-row .rm{display:flex;align-items:center;gap:6px;margin-top:3px;
  font:400 11.5px var(--sn-body);color:var(--sn-faint)}
#fsnewform .sn-row .dot,#fsnewflow .sn-row .dot{width:5px;height:5px;border-radius:50%;background:var(--sn-faint);flex:none}
#fsnewform .sn-row .dot.on,#fsnewflow .sn-row .dot.on{background:var(--sn-accent)}
#fsnewform .sn-row>i,#fsnewflow .sn-row>i,#fsnewform .sn-row>svg,#fsnewflow .sn-row>svg{width:14px;height:14px;flex:none;color:var(--sn-faint)}
#fsnewform .sn-row:hover>i,#fsnewflow .sn-row:hover>i,#fsnewform .sn-row:hover>svg,#fsnewflow .sn-row:hover>svg{color:var(--sn-accent)}
#fsnewform .sn-empty,#fsnewflow .sn-empty{border:1px dashed var(--sn-line2);border-radius:13px;padding:24px 16px;text-align:center}
#fsnewform .sn-empty i,#fsnewflow .sn-empty i,#fsnewform .sn-empty svg,#fsnewflow .sn-empty svg{width:18px;height:18px;color:var(--sn-faint);
  display:block;margin:0 auto 10px}
#fsnewform .sn-empty .et,#fsnewflow .sn-empty .et{display:block;font:600 13px var(--sn-body);color:var(--sn-ink)}
#fsnewform .sn-empty .ed,#fsnewflow .sn-empty .ed{display:block;margin-top:4px;font:400 11.5px/1.5 var(--sn-body);color:var(--sn-faint)}
#fsnewform .sn-empty .eb,#fsnewflow .sn-empty .eb{margin-top:14px;cursor:pointer;background:transparent;
  border:1px solid var(--sn-accent);border-radius:10px;padding:8px 15px;
  font:600 12px var(--sn-body);color:var(--sn-accent)}