/* Cinematic editorial system (see index.html) applied to the working studio.
     Old token names kept — the app JS injects inline var() references. */
  :root{
    --paper:#f4f1e9; --bg:#f4f1e9; --bg2:#e8e4d8;
    --panel:#fbf9f2; --panel2:#f1ede2; --card:#fbf9f2; --card2:#f1ede2;
    --line:rgba(23,22,28,.16); --line2:rgba(23,22,28,.08); --ink:#17161c; --dim:#54525e; --faint:#8b8894;
    --accent:#d8442a; --accent2:#ef6b2e; --glow:rgba(216,68,42,.14);
    --lime:rgba(216,68,42,.07); --acid:rgba(216,68,42,.07); --amber:#f5b84d;
    --zap:#d8442a; --zapdeep:#ef6b2e; --zaptint:rgba(216,68,42,.07);
    --pop:#ff6f4d; --pre:#2c2b33;
    --good:#e4f4e8; --goodink:#1e7a38; --warn:#fdf2d8; --warnink:#8f660f; --bad:#fbe4e0; --badink:#c03422;
    --fx-dot:110,60,44; --fx-glow:#d8442a; --fx-star:23,22,28;
    --r:14px;
    --spring:cubic-bezier(.2,.9,.3,1);
    --serif:"Instrument Serif", Georgia, "Times New Roman", serif;
  }
  html[data-theme="dark"]{
    --paper:#08080c; --bg:#08080c; --bg2:#12121a;
    --panel:#101018; --panel2:#14141e; --card:#101018; --card2:#14141e;
    --line:rgba(240,238,231,.15); --line2:rgba(240,238,231,.07); --ink:#f0eee7; --dim:#b3b0bf; --faint:#66646f;
    --accent:#e2512c; --accent2:#ff6f4d; --glow:rgba(255,111,77,.22);
    --lime:rgba(255,111,77,.10); --acid:rgba(255,111,77,.10);
    --zap:#e2512c; --zapdeep:#ff6f4d; --zaptint:rgba(255,111,77,.10);
    --pre:#d9d7e2;
    --good:rgba(94,222,128,.15); --goodink:#79e5a0;
    --warn:rgba(245,184,77,.15); --warnink:#f4c76a;
    --bad:rgba(248,113,113,.15); --badink:#f89b9b;
    --fx-dot:255,203,184; --fx-glow:#ef6440; --fx-star:240,238,231;
  }
  *{box-sizing:border-box}
  html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
  body{margin:0;font:15px/1.65 "Inter", ui-sans-serif, system-ui, sans-serif;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}
  #bgstars{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
  .wrap{position:relative;z-index:1;max-width:860px;margin:0 auto;padding:28px 20px 90px}
  .meta-strip{display:flex;justify-content:space-between;gap:12px;color:var(--faint);border-bottom:1px solid var(--line2);padding:4px 2px 12px;font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase}
  .meta-strip .mr{color:var(--accent)}
  @media (max-width:560px){ .meta-strip .mr{display:none} }
  header h1{font-family:var(--serif);font-size:clamp(40px,6.4vw,58px);font-weight:400;letter-spacing:0;margin:26px 0 8px;line-height:1.02;text-wrap:balance}
  header h1 .hl{font-style:italic;color:var(--accent);animation:sweep .6s .15s ease backwards}
  @keyframes sweep{from{opacity:0;filter:blur(6px)}to{opacity:1;filter:blur(0)}}
  header p{color:var(--dim);margin:0 0 24px;font-size:15px;text-wrap:pretty}
  h2{font-size:12px;font-weight:600;letter-spacing:.18em;margin:0;text-transform:uppercase;color:var(--faint)}
  .settings{display:grid;grid-template-columns:1fr 1fr;gap:12px;background:var(--panel2);border:1px solid var(--line2);border-radius:var(--r);padding:14px}
  .settings .full{grid-column:1/-1}
  label{display:block;font-size:12.5px;font-weight:550;color:var(--dim);margin:0 0 6px}
  input,textarea{width:100%;background:transparent;color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:10px 14px;font:inherit;font-size:16px;transition:border-color .18s}
  input::placeholder,textarea::placeholder{color:var(--faint)}
  input:focus,textarea:focus{outline:none;border-color:var(--accent)}
  textarea{resize:vertical;min-height:150px}
  .hint{font-size:13px;color:var(--faint);margin-top:6px;text-wrap:pretty}
  .site-bar{position:sticky;top:0;z-index:24;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;margin:18px 0 16px;padding:12px;border:1px solid var(--line);border-radius:16px;background:rgba(251,249,242,.92);box-shadow:0 18px 50px rgba(0,0,0,.12);backdrop-filter:blur(16px)}
  html[data-theme="dark"] .site-bar{background:rgba(16,16,24,.9)}
  .site-bar label{margin:0;color:var(--ink);font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
  .site-bar input{background:var(--panel);min-height:48px;font-weight:650}
  .site-bar button.go{margin-top:0;min-height:48px;white-space:nowrap}
  .site-bar .hint{grid-column:2/-1;margin:0;min-height:18px}
  .site-loaded-card{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid var(--line2);border-radius:14px;background:var(--panel2);padding:12px 13px;margin-top:14px}
  .site-loaded-card span{display:block;font-size:10px;font-weight:800;color:var(--faint);letter-spacing:.12em;text-transform:uppercase}
  .site-loaded-card b{display:block;font-size:14px;color:var(--ink);overflow-wrap:anywhere}
  .studio-actions{margin:-10px 0 16px}
  .media-result{margin-top:8px}
  .media-result video{max-width:300px;width:100%;border-radius:14px;outline:1px solid rgba(0,0,0,.1);outline-offset:-1px;background:#000;display:block}
  html[data-theme="dark"] .media-result video{outline-color:rgba(255,255,255,.1)}
  .media-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:8px}
  .media-link{display:inline-flex;align-items:center;min-height:40px;border:1px solid var(--line);border-radius:99px;padding:9px 12px;color:var(--ink);text-decoration:none;font:600 12.5px/1.2 "Inter",sans-serif;transition-property:border-color,background-color,transform;transition-duration:.15s;transition-timing-function:ease-out}
  .media-link:hover{border-color:var(--faint);background:var(--zaptint);transform:translateY(-1px)}
  .media-link:active{transform:scale(.96)}
  .sound-note{margin-top:7px;font-size:12.5px;color:var(--dim);text-wrap:pretty}
  .progress{margin:0 0 14px}
  .progress .track{height:5px;background:var(--bg2);border-radius:99px;overflow:hidden}
  .progress .bar{height:100%;width:0;background:var(--accent);border-radius:99px;transition:width .5s ease}
  .progress .plabel{font-size:12px;color:var(--faint);margin-top:6px}
  /* The journey: three step nodes joined by lines that fill as you go. */
  .journey{display:flex;align-items:flex-start;margin:4px 0 22px;max-width:560px}
  .jstep{background:none;border:0;padding:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:7px;flex:0 0 auto;font:inherit}
  .jdot{width:46px;height:46px;border-radius:50%;background:var(--card);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:17px;font-weight:400;color:var(--ink);transition:transform .3s var(--spring),background-color .2s,box-shadow .2s,color .2s,border-color .2s}
  .jstep:hover:not(.locked) .jdot{transform:translateY(-2px);border-color:var(--faint)}
  .jstep.active .jdot{background:var(--accent);border-color:transparent;color:#fff;box-shadow:0 10px 30px var(--glow);animation:jpulse 2.6s ease infinite}
  .jstep.done .jdot{background:var(--ink);border-color:transparent;color:var(--paper);font-size:19px}
  .jstep.locked{cursor:not-allowed}
  .jstep.locked .jdot{opacity:.4}
  .jlab{font-size:10.5px;font-weight:600;color:var(--faint);transition:color .2s;text-transform:uppercase;letter-spacing:.14em}
  .jstep.active .jlab,.jstep.done .jlab{color:var(--ink)}
  .jline{flex:1;height:1px;background:var(--line);border-radius:99px;margin:23px 10px 0;overflow:hidden;min-width:24px}
  .jline span{display:block;height:100%;width:0;background:var(--accent);transition:width .7s cubic-bezier(.2,.8,.2,1)}
  .jline.on span{width:100%}
  @keyframes jpulse{0%,100%{box-shadow:0 10px 30px var(--glow)}50%{box-shadow:0 10px 30px var(--glow),0 0 0 8px rgba(255,111,77,.12)}}
  .panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:24px}
  section.panel{margin-bottom:22px}
  button.go{margin-top:14px;background:var(--accent);color:#fff;border:0;border-radius:99px;padding:12px 24px;font:inherit;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 10px 34px var(--glow);transition-property:background-color,transform;transition-duration:.18s;transition-timing-function:ease-out}
  @media(hover:hover) and (pointer:fine){button.go:hover:not(:disabled){background:var(--accent2);transform:translateY(-1px)}}
  button.go:active:not(:disabled){transform:scale(.96)}
  button.go:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
  button.copy{background:transparent;color:var(--ink);border:1px solid var(--line);border-radius:99px;padding:6px 13px;font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;transition-property:border-color,background-color,transform;transition-duration:.15s;transition-timing-function:ease-out}
  @media(hover:hover) and (pointer:fine){button.copy:hover{border-color:var(--faint);background:var(--zaptint);transform:translateY(-1px)}}
  button.copy:active{transform:scale(.96)}
  .slides{display:flex;gap:12px;overflow-x:auto;padding:6px 0 2px}
  .slide{flex:0 0 auto;width:220px}
  .slide img{width:220px;height:275px;border:1px solid var(--line);border-radius:12px;display:block;cursor:zoom-in;transition:transform .12s;object-fit:cover}
  .slide img:hover{transform:translateY(-2px)}
  .slide .dl{display:flex;gap:6px;margin-top:6px}
  .slide .dl button{flex:1}
  .lightbox{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;background:rgba(8,8,14,.9);padding:40px;overflow:auto}
  .lightbox.open{display:flex}
  .lb-stage{position:relative;display:grid;justify-items:center;gap:10px;max-width:min(94vw,1120px)}
  .lb-stage.real-ad-mode{grid-template-columns:minmax(0,1fr) minmax(290px,360px);align-items:center;justify-items:stretch;gap:18px;width:min(94vw,1120px)}
  .lb-media{position:relative;display:grid;place-items:center;min-width:0}
  .lightbox img{display:block;max-height:min(84vh,1350px);max-width:92vw;width:auto;height:auto;object-fit:contain;border-radius:14px;background:#fff;box-shadow:0 24px 70px rgba(0,0,0,.45);cursor:default;outline:1px solid rgba(255,255,255,.1);outline-offset:-1px}
  .lb-stage.real-ad-mode img{max-width:100%;max-height:82vh}
  .lb-close{position:absolute;top:-16px;right:-16px;width:40px;height:40px;border:0;border-radius:50%;background:#fff;color:#17161c;font-size:17px;font-weight:700;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.3)}
  .lb-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:#17161c;font-size:24px;font-weight:700;line-height:1;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.3)}
  .lb-prev{left:-22px} .lb-next{right:-22px}
  .lb-dl{position:absolute;top:-16px;left:-16px;height:40px;border:0;border-radius:99px;background:#fff;color:#17161c;font:700 13px/1 "Inter",sans-serif;padding:0 16px;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.3)}
  .lb-close:hover,.lb-nav:hover,.lb-dl:hover{background:#e8e4d8}
  .lb-cap{color:#fff;font:700 13px/1.25 "Inter",sans-serif;text-align:center;text-wrap:balance;max-width:min(92vw,760px);text-shadow:0 1px 8px rgba(0,0,0,.55)}
  .lb-stage.real-ad-mode .lb-cap{display:none}
  .lb-details{display:none;border-radius:16px;background:var(--panel);color:var(--ink);padding:18px;box-shadow:0 0 0 1px rgba(255,255,255,.1),0 24px 70px rgba(0,0,0,.34);text-align:left}
  .lb-stage.real-ad-mode .lb-details{display:block}
  .lb-detail-kicker{font:800 9px/1 "Inter",sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}
  .lb-details h3{margin:7px 0 14px;font-family:var(--serif);font-size:28px;line-height:1.03;text-wrap:balance}
  .lb-detail-block{padding:11px 0;border-top:1px solid var(--line2)}
  .lb-detail-block span{display:block;margin-bottom:5px;font:800 9px/1 "Inter",sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}
  .lb-detail-block strong,.lb-detail-block p{display:block;margin:0;font-size:12px;line-height:1.42;text-wrap:pretty}
  .lb-detail-block strong{font-size:14px}
  .lb-detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}
  .lb-use,.lb-source{display:flex;align-items:center;justify-content:center;min-height:42px;border-radius:10px;padding:0 12px;font:800 11px/1 "Inter",sans-serif;letter-spacing:0;text-decoration:none;cursor:pointer;transition-property:background-color,color,box-shadow,filter,scale;transition-duration:.15s;transition-timing-function:ease-out}
  .lb-use{border:0;background:var(--accent);color:#fff;box-shadow:0 10px 28px var(--glow)}
  .lb-source{border:1px solid var(--line);background:transparent;color:var(--ink)}
  .lb-use:hover{filter:brightness(1.05)}
  .lb-source:hover{background:var(--panel2)}
  .lb-use:active,.lb-source:active{scale:.96}
  .lb-detail-actions.solo{grid-template-columns:1fr}
  @media (max-width:720px){
    .lightbox{align-items:flex-start;padding:54px 14px 24px}
    .lb-stage.real-ad-mode{grid-template-columns:1fr;width:min(94vw,520px);gap:12px}
    .lightbox img,.lb-stage.real-ad-mode img{max-height:54vh;max-width:94vw;border-radius:12px}
    .lb-details{padding:15px;border-radius:14px}
    .lb-details h3{font-size:23px}
    .lb-prev{left:8px}.lb-next{right:8px}.lb-close{top:8px;right:8px}.lb-dl{top:8px;left:8px}
  }
  .card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:18px;margin-top:14px}
  .card h3{margin:0;font-family:var(--serif);font-size:18px;font-weight:400;letter-spacing:0;color:var(--ink);display:flex;justify-content:space-between;align-items:center;gap:8px;text-wrap:balance}
  .card pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0 0;font:14px/1.65 "Inter", ui-sans-serif, system-ui, sans-serif;color:var(--pre);text-wrap:pretty}
  .badge{display:inline-block;font-size:10px;font-weight:700;padding:3px 10px;border-radius:99px;text-transform:uppercase;letter-spacing:.07em}
  .b-good{background:var(--good);color:var(--goodink)} .b-bad{background:var(--bad);color:var(--badink)} .b-warn{background:var(--warn);color:var(--warnink)}
  .angle-chip{display:inline-block;font-size:10px;font-weight:700;padding:2px 10px;border-radius:99px;background:var(--zaptint);color:var(--accent2);border:1px solid var(--accent);vertical-align:middle;cursor:help;text-transform:uppercase;letter-spacing:.07em}
  .mode{font-size:12px;color:var(--faint);margin-top:8px}
  ul.flags{margin:8px 0 0;padding-left:18px} ul.flags li{color:var(--warnink);font-size:13px}
  table{width:100%;border-collapse:collapse;margin-top:10px;font-size:13px}
  th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line2);vertical-align:top}
  th{color:var(--faint);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.08em}
  details > summary{cursor:pointer;user-select:none;color:var(--dim)}
  details > summary:hover{color:var(--ink)}
  .chan-pick{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
  .chan{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:transparent;border-radius:99px;padding:9px 16px;cursor:pointer;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.1em;user-select:none;transition:background-color .15s,color .15s,border-color .15s,transform .2s var(--spring)}
  .chan:hover{border-color:var(--faint);transform:translateY(-1px)}
  .chan:active{transform:none}
  .chan:has(.chan-cb:checked){background:var(--accent);border-color:transparent;color:#fff;box-shadow:0 8px 26px var(--glow);animation:chip-pop .35s var(--spring)}
  .chan:has(.chan-cb:checked) input{accent-color:#fff}
  @keyframes chip-pop{0%{transform:scale(.94)}55%{transform:scale(1.05)}100%{transform:scale(1)}}
  .chan input{width:15px;height:15px;accent-color:var(--accent);margin:0;cursor:pointer}
  .hidden{display:none}
  .err{color:var(--badink);font-size:13px;margin-top:10px;font-weight:550}
  /* Guided interview (Step 1): one question per screen with dot progress. */
  .wiz-prog{display:flex;align-items:center;gap:7px;margin:0 0 16px;font-size:10.5px;font-weight:600;color:var(--faint);letter-spacing:.14em;min-height:10px;text-transform:uppercase}
  .wdot{width:9px;height:9px;border-radius:99px;background:var(--bg2);border:1px solid var(--line);transition:width .35s var(--spring),background-color .25s}
  .wdot.done{background:var(--accent2)}
  .wdot.cur{width:30px;background:var(--accent);border-color:transparent}
  .wiz-count{margin-left:6px}
  /* Each ask of the flow is a physical 3D card: the interview panel becomes a
     transparent "deck" surface and the active question is a tilting card that
     rotates in from the side you're travelling toward, with the next card's
     edge peeking out behind it. (Pointer tilt comes from fx.js [data-tilt].) */
  .deck{background:transparent;border:0;padding:6px 2px;perspective:1400px}
  .wq{display:none}
  .wq.on{display:block;position:relative;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:26px 24px 24px;transform-style:preserve-3d;box-shadow:0 30px 70px rgba(0,0,0,.16),0 1px 0 rgba(255,255,255,.05) inset;animation:wq-in .3s ease}
  .wq.on::before{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid var(--line);background:var(--panel);opacity:.55;transform:translateZ(-48px) translate(11px,13px) rotate(1.4deg);pointer-events:none}
  .wq.on.fwd{animation:wq-fwd .42s cubic-bezier(.2,.9,.3,1)}
  .wq.on.back{animation:wq-back .42s cubic-bezier(.2,.9,.3,1)}
  .promo-q,#paste-mode,#ghost{animation:wq-in .3s ease}
  @keyframes wq-in{from{opacity:0;transform:translateY(10px) rotateX(5deg)}to{opacity:1;transform:none}}
  @keyframes wq-fwd{from{opacity:0;transform:translateX(60px) rotateY(-9deg)}to{opacity:1;transform:none}}
  @keyframes wq-back{from{opacity:0;transform:translateX(-60px) rotateY(9deg)}to{opacity:1;transform:none}}
  /* Brand-read stage checklist + template gallery */
  @keyframes kit-spin{to{transform:rotate(360deg)}}
  .spin{display:inline-block;animation:kit-spin 1s linear infinite}
  .tpl-source-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0;padding:10px;border:1px solid var(--line2);border-radius:14px;background:var(--panel2)}
  .tpl-source-strip div,.tpl-kit-fact{min-width:0}
  .tpl-source-strip span,.tpl-kit-k,.tpl-rail-title{display:block;font:800 9px/1 "Inter",sans-serif;letter-spacing:.09em;text-transform:uppercase;color:var(--faint)}
  .tpl-source-strip b,.tpl-kit-v{display:block;margin-top:4px;font-size:12px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .tpl-workbench{display:grid;grid-template-columns:126px minmax(0,1fr);gap:12px;margin-top:10px;align-items:start}
  .tpl-workbench.no-rail{grid-template-columns:1fr}
  .tpl-rail{position:sticky;top:86px;display:flex;flex-direction:column;gap:7px;max-height:620px;overflow:auto}
  .tpl-rail-card{width:100%;border:1px solid var(--line2);border-radius:10px;background:var(--panel2);color:var(--ink);padding:7px;text-align:left;cursor:pointer;font-family:inherit}
  .tpl-rail-card.on{border-color:var(--accent);box-shadow:0 0 0 2px var(--glow)}
  .tpl-rail-mini{min-height:78px;border-radius:8px;background:var(--panel);border:1px solid var(--line2);padding:8px;display:flex;flex-direction:column;justify-content:center}
  .tpl-rail-mini b{font-size:11px;line-height:1.1}
  .tpl-rail-mini span{font-size:9.5px;line-height:1.25;color:var(--dim);margin-top:4px}
  .tpl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(238px,1fr));gap:10px;margin-top:10px}
  .tpl-card{position:relative;border:1px solid var(--line);border-radius:12px;padding:12px;cursor:pointer;text-align:left;background:var(--panel2);color:var(--ink);font-family:inherit;transition:transform .18s var(--spring),border-color .15s,box-shadow .2s,background-color .15s;min-height:236px;display:flex;flex-direction:column;gap:9px;overflow:hidden}
  .tpl-card:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 10px 26px var(--glow)}
  .tpl-card.on{border-color:var(--accent);box-shadow:0 0 0 3px var(--glow)}
  .tpl-top{display:flex;justify-content:space-between;align-items:center;gap:8px}
  .tpl-source{font:800 9px/1 "Inter",sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .tpl-tag,.tpl-formula-tag{display:inline-flex;align-items:center;min-height:20px;font:800 8.5px/1 "Inter",sans-serif;letter-spacing:.08em;text-transform:uppercase;border-radius:99px;padding:4px 7px}
  .tpl-tag{color:var(--accent);border:1px solid currentColor}
  .tpl-formula-tag{color:var(--ink);background:var(--paper)}
  .tpl-name{font-weight:850;font-size:14px;line-height:1.2}
  .tpl-preview{border:1px solid var(--line2);border-radius:10px;background:var(--panel);padding:12px 11px;min-height:92px;display:flex;flex-direction:column;justify-content:center}
  .tpl-h{font-weight:850;font-size:16px;line-height:1.12;text-wrap:balance}
  .tpl-s{font-size:11.5px;color:var(--dim);margin-top:6px;line-height:1.35;text-wrap:pretty}
  .tpl-recipe{font-size:11px;color:var(--dim);line-height:1.35;text-wrap:pretty}
  .tpl-footer{margin-top:auto;display:flex;gap:6px;flex-wrap:wrap;align-items:center}
  .tpl-reference-kit{margin-top:12px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(240px,.9fr);gap:10px;align-items:stretch}
  .tpl-ref{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end;border:1px solid var(--line2);border-radius:14px;background:var(--panel2);padding:10px}
  .tpl-ref label{grid-column:1/-1;font:800 9px/1 "Inter",sans-serif;letter-spacing:.09em;text-transform:uppercase;color:var(--faint)}
  .tpl-ref textarea{width:100%;min-height:58px;resize:vertical;border:1px solid var(--line2);border-radius:12px;background:var(--panel);color:var(--ink);padding:10px 11px;font:12px/1.45 "Inter",sans-serif}
  .tpl-kit{border:1px solid var(--line2);border-radius:14px;background:var(--panel2);padding:10px}
  .tpl-kit-head{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:8px}
  .tpl-kit-head b{font-size:13px}
  .tpl-kit-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .tpl-kit-rules{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
  .tpl-kit-rules span{border:1px solid var(--line2);border-radius:99px;padding:5px 8px;font-size:10px;color:var(--dim);background:var(--panel)}
  .tpl-selected{margin-top:12px;border:1px solid var(--line2);border-radius:14px;background:var(--zaptint);padding:11px 12px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}
  .tpl-selected b{display:block;font-size:13px;line-height:1.25}
  .tpl-selected span{display:block;font-size:11px;color:var(--dim);line-height:1.35;margin-top:3px}
  .remix-result{margin-top:12px;display:grid;grid-template-columns:230px minmax(0,1fr);gap:14px;align-items:flex-start}
  .remix-result img{width:230px;max-width:100%;border-radius:12px;border:1px solid var(--line2);background:#fff}
  .recipe-box{margin-top:10px;border:1px solid var(--line2);border-radius:12px;padding:9px 10px;background:var(--panel2);font-size:11.5px;color:var(--dim)}
  .recipe-box summary{color:var(--ink);font-weight:800}
  .recipe-box p{margin:8px 0 0;line-height:1.45}
  .hero-swatches{display:flex;gap:7px;margin:0 0 16px;height:54px;align-items:flex-end;overflow:hidden}
  .hero-swatches i{display:block;width:64px;height:46px;border-radius:13px;box-shadow:0 12px 30px rgba(0,0,0,.12);transform:rotate(var(--rot,0deg));background:var(--c);outline:1px solid rgba(0,0,0,.1);outline-offset:-1px}
  .hero-swatches i:nth-child(2){height:58px}.hero-swatches i:nth-child(4){height:56px}
  .brain-panel{margin:-2px 0 16px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,var(--panel),var(--panel2));padding:16px 16px 14px;box-shadow:0 18px 46px rgba(0,0,0,.08)}
  .brain-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
  .brain-title{font-family:var(--serif);font-size:25px;line-height:1.05;text-wrap:balance}
  .brain-sub{color:var(--dim);font-size:13px;margin-top:4px;text-wrap:pretty}
  .brain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}
  .brain-fact{border:1px solid var(--line2);border-radius:12px;padding:10px 11px;background:rgba(255,255,255,.26);min-height:86px}
  html[data-theme="dark"] .brain-fact{background:rgba(255,255,255,.03)}
  .brain-k{font-size:9.5px;font-weight:800;color:var(--faint);letter-spacing:.11em;text-transform:uppercase}
  .brain-v{font-size:13px;color:var(--ink);line-height:1.45;margin-top:5px;text-wrap:pretty}
  .brain-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;align-items:center}
  .source-pill,.confidence-pill{display:inline-flex;align-items:center;min-height:24px;border-radius:99px;padding:4px 8px;font:800 9px/1 "Inter",sans-serif;letter-spacing:.08em;text-transform:uppercase}
  .source-pill{color:var(--accent);border:1px solid currentColor}
  .confidence-pill{color:var(--goodink);background:var(--good)}
  .correction-bar{margin-top:12px;border-top:1px solid var(--line2);padding-top:10px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}
  .brain-checklist{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:7px;margin-top:14px}
  .brain-check{border:1px solid var(--line2);border-radius:12px;background:rgba(255,255,255,.24);padding:8px 8px 9px;min-height:68px}
  html[data-theme="dark"] .brain-check{background:rgba(255,255,255,.035)}
  .brain-check .dot{width:18px;height:18px;border-radius:99px;display:flex;align-items:center;justify-content:center;margin-bottom:6px;border:1px solid var(--line);color:var(--faint);font:800 10px/1 "Inter",sans-serif}
  .brain-check.done .dot{background:var(--good);border-color:transparent;color:var(--goodink)}
  .brain-check.run .dot{background:var(--warn);border-color:transparent;color:var(--warnink)}
  .brain-check b{display:block;font-size:11px;line-height:1.25;color:var(--ink);text-wrap:balance}
  .brain-check span{display:block;font-size:10.5px;line-height:1.25;color:var(--faint);margin-top:2px}
  .brain-review{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);gap:12px;margin-top:14px}
  .brain-review-main,.brain-review-side{border:1px solid var(--line2);border-radius:14px;padding:12px;background:rgba(255,255,255,.24)}
  html[data-theme="dark"] .brain-review-main,html[data-theme="dark"] .brain-review-side{background:rgba(255,255,255,.035)}
  .brain-section-title{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin:0 0 8px}
  .brain-product-list{display:grid;gap:8px}
  .brain-product-mini{border:1px solid var(--line2);border-radius:12px;padding:10px;background:var(--panel)}
  .brain-product-mini b{display:block;font-size:13px;line-height:1.25}
  .brain-product-mini .hint{font-size:11.5px;margin-top:3px}
  .brain-rule-list{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
  .brain-rule-list span{border:1px solid var(--line2);border-radius:99px;padding:5px 8px;font-size:10.5px;color:var(--dim);background:var(--panel2)}
  .brain-psychology{display:grid;gap:7px}
  .brain-psych-row{display:grid;grid-template-columns:90px minmax(0,1fr);gap:8px;padding-bottom:7px;border-bottom:1px solid var(--line2)}
  .brain-psych-row span,.brain-angle-list>span{color:var(--faint);font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
  .brain-psych-row b{font-size:11px;line-height:1.35;color:var(--ink)}
  .brain-angle-list{display:grid;gap:6px;margin-top:3px}
  .brain-angle-list button{display:grid;gap:3px;text-align:left}
  .brain-angle-list button b{font-size:11px}.brain-angle-list button em{overflow:hidden;color:var(--dim);font-size:10px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}
  .feedback-strip{margin-top:12px;border-top:1px solid var(--line2);padding-top:10px;display:flex;gap:7px;flex-wrap:wrap;align-items:center}
  .feedback-strip span:first-child{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}
  .feedback-strip .fb-msg{font-size:11px;color:var(--goodink);min-height:16px}
  .creator-shell{margin:0 0 18px;border:1px solid var(--line);border-radius:18px;padding:16px;background:var(--panel);box-shadow:0 18px 46px rgba(0,0,0,.08)}
  .creator-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}
  .creator-title{font-family:var(--serif);font-size:25px;line-height:1.05;text-wrap:balance}
  .creator-tabs,.style-rail{display:flex;gap:7px;flex-wrap:wrap;align-items:center}
  .finetune{margin-top:14px;border:1px solid var(--line2);border-radius:12px;padding:0;background:var(--panel2)}
  .finetune>summary{cursor:pointer;user-select:none;padding:11px 14px;font:700 11px/1 "Inter",sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);list-style:none;display:flex;align-items:center;gap:8px}
  .finetune>summary::before{content:'⚙';font-size:13px}
  .finetune>summary::-webkit-details-marker{display:none}
  .finetune[open]>summary{color:var(--ink);border-bottom:1px solid var(--line2)}
  .finetune[open]{padding-bottom:12px}
  .finetune>*:not(summary){margin-left:14px;margin-right:14px}
  .pack-rail{display:flex;gap:8px;flex-wrap:wrap}
  .real-ad-cat-tag{display:inline-block;margin-left:5px;font:700 8.5px/1 "Inter",sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);border:1px solid var(--line2);border-radius:99px;padding:3px 7px}
  .video-ad-virality{display:block;margin-top:4px;font-size:10.5px;color:var(--goodink,#2e7d32)}
  .realad-rail{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px}
  .realad-card{flex:0 0 200px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--panel2)}
  .realad-card img{width:100%;height:110px;object-fit:cover;display:block;background:#ddd}
  .realad-body{padding:9px 11px}
  .realad-brand{font:700 9.5px/1 "Inter",sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}
  .realad-copy{font-size:12px;font-weight:600;margin-top:5px;line-height:1.35}
  .pack-card{display:flex;flex-direction:column;align-items:flex-start;gap:3px;border:1px solid var(--line);border-radius:11px;padding:9px 11px;background:transparent;color:var(--ink);font-family:inherit;cursor:pointer;transition:transform .15s var(--spring),border-color .15s}
  .pack-card:hover{transform:translateY(-1px);border-color:var(--faint)}
  .pack-card.on{border-color:var(--accent);box-shadow:0 8px 22px var(--glow)}
  .pack-swatch{display:inline-flex;width:34px;height:22px;border-radius:6px;border:1px solid var(--line2);overflow:hidden}
  .pack-swatch span{display:block;width:40%;margin-left:auto;height:100%}
  .pack-name{font-weight:700;font-size:11.5px}
  .pack-mood{font-size:9.5px;color:var(--dim)}
  .creator-tabs{margin:0 0 10px}
  .creator-tab,.style-chip{min-height:40px;border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:99px;padding:9px 13px;font:700 11px/1 "Inter",sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition-property:background-color,border-color,color,transform;transition-duration:.15s;transition-timing-function:ease-out}
  .creator-tab:hover,.style-chip:hover{border-color:var(--faint);transform:translateY(-1px)}
  .creator-tab.on,.style-chip.on{background:var(--ink);border-color:var(--ink);color:var(--paper)}
  .creator-tab:active,.style-chip:active{transform:scale(.96)}
  .style-rail{margin:0 0 12px;padding:8px;border:1px solid var(--line2);border-radius:14px;background:var(--panel2)}
  .style-note{font-size:12px;color:var(--dim);margin-left:auto;text-wrap:pretty}
  .creator-pane{border-top:1px solid var(--line2);padding-top:12px}
  .skill-loop{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin:0 0 16px;padding:7px;border:1px solid var(--line2);border-radius:14px;background:var(--panel2)}
  .skill-loop span{display:flex;align-items:center;justify-content:center;min-height:32px;border-radius:10px;background:var(--panel);font:800 9px/1 "Inter",sans-serif;letter-spacing:0;text-transform:uppercase;color:var(--dim);text-align:center}
  .skill-loop span.on{background:var(--accent);color:#fff;box-shadow:0 8px 24px var(--glow)}
  .quick-examples{margin:-2px 0 18px}
  .quick-examples-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:10px}
  .quick-examples-title{font-family:var(--serif);font-size:25px;line-height:1.05;text-wrap:balance}
  .video-ad-picker{border:0;border-radius:16px;background:var(--panel2);padding:14px;margin:0 0 16px;box-shadow:0 0 0 1px var(--line2),0 16px 46px rgba(0,0,0,.07)}
  .video-ad-picker-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
  .video-ad-picker-title{font-family:var(--serif);font-size:27px;line-height:1.04;text-wrap:balance}
  .video-ad-picker-head .hint{max-width:620px;text-wrap:pretty}
  .ad-ref-filter-row{display:flex;gap:6px;overflow-x:auto;padding:2px 2px 7px;margin:0 -2px 6px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .ad-ref-filter-row::-webkit-scrollbar{display:none}
  .ad-ref-filter{flex:0 0 auto;min-height:40px;border:1px solid var(--line);border-radius:99px;background:transparent;color:var(--dim);padding:0 13px;font:750 11px/1 "Inter",sans-serif;letter-spacing:0;white-space:nowrap;cursor:pointer;transition-property:background-color,border-color,color,scale;transition-duration:.15s;transition-timing-function:ease-out}
  .ad-ref-filter:hover{border-color:var(--faint);color:var(--ink)}
  .ad-ref-filter.on{border-color:var(--accent);background:var(--zaptint);color:var(--ink);box-shadow:0 0 0 2px var(--glow)}
  .ad-ref-filter:active{scale:.96}
  .ad-ref-filter .count{margin-left:4px;color:var(--faint);font-variant-numeric:tabular-nums}
  .ad-ref-category-summary{display:flex;align-items:center;gap:9px;margin:0 0 10px;padding:9px 11px;border-radius:10px;background:var(--panel)}
  .ad-ref-category-summary b{font-size:12px;white-space:nowrap}
  .ad-ref-category-summary span{font-size:11px;line-height:1.35;color:var(--dim);text-wrap:pretty}
  .ad-ref-category-summary em{margin-left:auto;font:800 10px/1 "Inter",sans-serif;font-style:normal;color:var(--faint);white-space:nowrap;font-variant-numeric:tabular-nums}
  .video-ad-choice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
  .video-ad-choice{position:relative;border:0;border-radius:12px;background:var(--panel);color:var(--ink);font-family:inherit;min-width:0;overflow:hidden;display:flex;flex-direction:column;align-self:stretch;box-shadow:0 0 0 1px var(--line2),0 2px 5px rgba(0,0,0,.04);transition-property:box-shadow,transform;transition-duration:.15s;transition-timing-function:ease-out}
  .video-ad-choice:hover{transform:translateY(-1px);box-shadow:0 0 0 1px var(--faint),0 8px 22px rgba(0,0,0,.1)}
  .video-ad-choice.on{background:var(--zaptint);box-shadow:0 0 0 2px var(--accent),0 10px 28px var(--glow)}
  .video-ad-choice-media{position:relative;display:grid;place-items:center;width:100%;height:186px;border:0;border-bottom:1px solid var(--line2);padding:8px;background:#f7f4ee;cursor:zoom-in;overflow:hidden;transition-property:filter,background-color;transition-duration:.15s;transition-timing-function:ease-out}
  .video-ad-choice-media:hover{filter:saturate(1.04);background:#fff}
  .video-ad-choice-media:active{filter:brightness(.96)}
  .video-ad-choice .real-ad-preview{height:100%;width:100%;border-radius:8px;padding:9px}
  .video-ad-choice .real-ad-image{display:block;width:100%;height:100%;border-radius:8px;object-fit:contain;background:#f7f4ee;outline:1px solid rgba(0,0,0,.1);outline-offset:-1px}
  html[data-theme="dark"] .video-ad-choice .real-ad-image{outline-color:rgba(255,255,255,.1)}
  .video-ad-inspect{position:absolute;right:8px;bottom:8px;display:inline-flex;align-items:center;min-height:26px;border-radius:99px;background:rgba(15,15,20,.82);color:#fff;padding:0 8px;font:800 9px/1 "Inter",sans-serif;letter-spacing:0;box-shadow:0 2px 10px rgba(0,0,0,.22);pointer-events:none}
  .real-ad-image.zoomable,.real-ad-preview.zoomable,.real-ad-card img.zoomable{cursor:zoom-in;transition-property:transform,filter;transition-duration:.15s;transition-timing-function:ease-out}
  .real-ad-image.zoomable:hover,.real-ad-preview.zoomable:hover,.real-ad-card img.zoomable:hover{transform:translateY(-1px);filter:saturate(1.04)}
  .video-ad-choice-body{display:flex;flex:1;min-width:0;flex-direction:column;gap:7px;padding:10px}
  .video-ad-choice-meta{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0}
  .video-ad-choice-brand{font:850 10px/1 "Inter",sans-serif;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .video-ad-choice-source{font:750 8.5px/1 "Inter",sans-serif;letter-spacing:.04em;text-transform:uppercase;color:var(--faint);white-space:nowrap}
  .video-ad-choice-copy{min-width:0;font-size:13px;line-height:1.25;font-weight:780;text-wrap:balance;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .video-ad-choice-pattern{font-size:10.5px;line-height:1.3;color:var(--dim);text-wrap:pretty;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .video-ad-choice-action{display:flex;align-items:center;justify-content:center;width:100%;min-height:40px;margin-top:auto;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--ink);padding:0 10px;font:850 10.5px/1 "Inter",sans-serif;letter-spacing:0;cursor:pointer;transition-property:background-color,border-color,color,scale;transition-duration:.15s;transition-timing-function:ease-out}
  .video-ad-choice-action:hover{border-color:var(--accent);background:var(--zaptint)}
  .video-ad-choice-action.on{border-color:var(--accent);background:var(--accent);color:#fff}
  .video-ad-choice-action:active{scale:.96}
  .video-ad-picker-toggle{display:flex;justify-content:center;margin-top:10px}
  .video-ad-picker-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;flex-wrap:wrap}
  .quick-example-grid,.example-grid{display:grid;gap:10px}
  .quick-example-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .example-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));margin-top:12px}
  .example-card{border:1px solid var(--line2);border-radius:8px;background:var(--panel);padding:8px;text-align:left;color:var(--ink);font-family:inherit;cursor:pointer;min-width:0;transition-property:border-color,background-color,box-shadow,transform;transition-duration:.15s;transition-timing-function:ease-out}
  .example-card:hover{border-color:var(--accent);transform:translateY(-1px)}
  .example-card.on{border-color:var(--accent);background:var(--zaptint);box-shadow:0 0 0 3px var(--glow)}
  .example-shot{position:relative;aspect-ratio:4/5;border-radius:8px;overflow:hidden;border:1px solid rgba(0,0,0,.12);background:#f6f5ef;color:#111;display:flex;flex-direction:column;justify-content:space-between;padding:12px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}
  .example-card.small .example-shot{min-height:150px}
  .example-shot.dark{background:#11131a;color:#fff}
  .example-shot.sun{background:#ffd84d;color:#101014}
  .example-shot.phone{background:#e9f3ff;color:#101014}
  .example-shot.note{background:#fff3a5;color:#101014}
  .example-shot.split{background:#f7f7f1;color:#101014}
  .example-shot.offer{background:#ff6b57;color:#101014}
  .example-mini-brand{font:800 9px/1 "Inter",sans-serif;letter-spacing:0;text-transform:uppercase;opacity:.78;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .example-headline{font:900 20px/1.02 "Inter",sans-serif;letter-spacing:0;text-wrap:balance;max-width:100%}
  .example-card.small .example-headline{font-size:16px}
  .example-sub{font-size:11px;line-height:1.25;max-width:100%;text-wrap:pretty}
  .example-card.small .example-sub{font-size:10px}
  .example-cta{display:inline-flex;align-items:center;justify-content:center;min-height:26px;border-radius:99px;background:#fff;color:#111;padding:6px 9px;font:850 10px/1 "Inter",sans-serif;letter-spacing:0;align-self:flex-start}
  .example-proof{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end}
  .example-screen{min-height:58px;border-radius:8px;background:linear-gradient(180deg,#f8f8f4,#cfd5da);border:1px solid rgba(255,255,255,.26);padding:8px;color:#111}
  .example-screen span{display:block;height:6px;border-radius:99px;background:rgba(0,0,0,.18);margin-bottom:6px}
  .example-badge{border-radius:8px;background:#96f2b3;color:#06220f;padding:8px;font:900 13px/1 "Inter",sans-serif;text-align:center}
  .example-person{width:62px;height:76px;border-radius:32px 32px 8px 8px;background:#111;margin-left:auto;position:relative;box-shadow:inset 0 -18px 0 rgba(255,255,255,.18)}
  .example-person::before{content:"";position:absolute;top:9px;left:18px;width:26px;height:26px;border-radius:50%;background:#f1c5a3}
  .example-caption{background:#fff;border:2px solid #111;border-radius:8px;padding:8px 9px;font:900 14px/1.05 "Inter",sans-serif;box-shadow:5px 5px 0 #111}
  .example-phone{margin:auto;border:5px solid #111;border-radius:24px;background:#fff;min-height:130px;width:82%;padding:16px 8px 8px;display:grid;gap:7px;align-content:center}
  .example-bubble{border-radius:14px;padding:7px 9px;font:750 11px/1.2 "Inter",sans-serif;background:#e8e8ed;color:#111;max-width:82%}
  .example-bubble.me{margin-left:auto;background:#1b8cff;color:#fff}
  .example-note-list{display:grid;gap:7px;margin:auto 0}
  .example-check{display:flex;gap:7px;align-items:center;font:800 12px/1.2 "Inter",sans-serif}
  .example-check i{width:18px;height:18px;border-radius:50%;background:#111;color:#fff;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:11px;flex:0 0 auto}
  .example-split-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:auto 0}
  .example-split-grid div{min-height:88px;border-radius:8px;padding:8px;font:900 12px/1.1 "Inter",sans-serif;display:flex;align-items:flex-end}
  .example-before{background:#ffb7ad;color:#32110c}
  .example-after{background:#a6efb9;color:#092411}
  .example-offer-box{margin:auto 0;border:3px solid #111;border-radius:8px;background:#fff;padding:12px;box-shadow:7px 7px 0 #111}
  .example-meta{display:grid;gap:3px;padding:9px 2px 1px}
  .example-meta b{display:block;font-size:12.5px;line-height:1.2;text-wrap:balance}
  .example-meta span{display:block;font-size:10.5px;line-height:1.3;color:var(--dim);text-wrap:pretty}
  .example-action-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:12px}
  .real-ad-panel{border:1px solid var(--line2);border-radius:12px;background:var(--panel2);padding:11px 12px;margin:0 0 12px}
  .real-ad-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;flex-wrap:wrap}
  .real-ad-head b{display:block;font-size:13px;line-height:1.2}
  .real-ad-head span,.real-ad-links{font-size:11px;line-height:1.35;color:var(--dim)}
  .real-ad-links{display:flex;gap:8px;flex-wrap:wrap}
  .real-ad-links a{color:var(--accent);text-decoration:none;font-weight:750}
  .real-ad-actions{display:grid;grid-template-columns:auto minmax(160px,1fr) auto;gap:7px;margin-top:10px;align-items:center}
  .real-ad-actions input[type=file]{display:none}
  .real-ad-actions input{margin:0;background:var(--panel)}
  .real-ad-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-top:10px}
  .real-ad-card{border:1px solid var(--line2);border-radius:8px;background:var(--panel);padding:7px;text-align:left;color:var(--ink);font-family:inherit;cursor:pointer;min-width:0}
  .real-ad-card.on{border-color:var(--accent);background:var(--zaptint);box-shadow:0 0 0 3px var(--glow)}
  .real-ad-card.source-backed{display:grid;grid-template-rows:auto auto 1fr;gap:6px;min-height:220px}
  .real-ad-card img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:7px;border:1px solid rgba(0,0,0,.12);background:#111}
  .real-ad-image{display:block;width:100%;aspect-ratio:4/5;object-fit:contain;border-radius:7px;border:1px solid rgba(0,0,0,.1);background:#fff;outline:1px solid rgba(0,0,0,.1);outline-offset:-1px}
  .real-ad-card b{display:block;margin-top:6px;font-size:12px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .real-ad-card span{display:block;margin-top:2px;font-size:10.5px;line-height:1.3;color:var(--dim);text-wrap:pretty}
  .real-ad-source-tag{display:inline-flex!important;width:max-content;margin:0!important;border:1px solid var(--line2);border-radius:999px;padding:3px 7px;background:var(--panel2);font-size:9px!important;text-transform:uppercase;letter-spacing:0;font-weight:850;color:var(--faint)!important}
  .real-ad-preview{aspect-ratio:4/5;border-radius:7px;border:1px solid rgba(0,0,0,.12);background:#111;color:#fff;padding:10px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
  .real-ad-preview.light{background:#f6f2eb;color:#191b1f}
  .real-ad-preview.red{background:#f25445;color:#170b0b}
  .real-ad-preview.green{background:#dff7dd;color:#142016}
  .real-ad-preview.purple{background:#121022;color:#f7f3ff}
  .real-ad-brand{font-size:10px;font-weight:850;letter-spacing:0;text-transform:uppercase;opacity:.75}
  .real-ad-hook{font-size:18px;line-height:1.04;font-weight:900;text-wrap:balance}
  .real-ad-proof{font-size:10.5px;line-height:1.25;opacity:.82}
  .real-ad-note{display:grid;gap:6px;margin-top:10px}
  .real-ad-note label{font-size:10px;font-weight:850;letter-spacing:0;text-transform:uppercase;color:var(--faint)}
  .real-ad-note textarea{min-height:70px;margin:0;background:var(--panel);resize:vertical}
  .real-ad-empty{border:1px dashed var(--line);border-radius:10px;padding:10px;margin-top:10px;color:var(--dim);font-size:11.5px;line-height:1.4}
  .real-ad-source-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:8px}
  .real-ad-source-row a{color:var(--accent);font-weight:750;text-decoration:none}
  .real-ad-section-title{margin-top:10px;font-size:10px;font-weight:850;letter-spacing:0;text-transform:uppercase;color:var(--faint)}
  .selected-ad-summary{display:grid;grid-template-columns:minmax(136px,210px) minmax(0,1fr);gap:12px;align-items:start;margin-top:12px}
  .selected-ad-summary .real-ad-image,.selected-ad-summary .real-ad-preview{width:100%;aspect-ratio:4/5;border-radius:10px}
  .selected-ad-copy{min-width:0}
  .selected-ad-kicker{display:inline-flex;width:max-content;border:1px solid var(--line2);border-radius:999px;padding:4px 8px;background:var(--panel);font:850 9px/1 "Inter",sans-serif;letter-spacing:0;text-transform:uppercase;color:var(--faint)}
  .selected-ad-copy h3{margin:7px 0 4px;font-size:18px;line-height:1.12;text-wrap:balance}
  .selected-ad-copy p{margin:4px 0 0;font-size:12px;line-height:1.4;color:var(--dim);text-wrap:pretty}
  .selected-ad-words{border:1px solid var(--line2);border-radius:10px;background:var(--panel2);padding:9px 10px!important;margin-top:9px!important;color:var(--ink)!important}
  .selected-ad-words span{display:block;font:850 9px/1 "Inter",sans-serif;letter-spacing:0;text-transform:uppercase;color:var(--faint)}
  .selected-ad-words b{display:block;margin-top:4px;font-size:14px;line-height:1.25;text-wrap:balance}
  .real-ad-card-words{display:block;border-left:2px solid var(--accent);padding-left:8px;color:var(--ink)!important}
  .selected-ad-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}
  .selected-ad-fact{border-top:1px solid var(--line2);padding-top:8px;min-width:0}
  .selected-ad-fact span{display:block;font:850 9px/1 "Inter",sans-serif;letter-spacing:0;text-transform:uppercase;color:var(--faint)}
  .selected-ad-fact b{display:block;margin-top:4px;font-size:12px;line-height:1.25;text-wrap:balance}
  .brief-grid,.format-grid,.qa-grid{display:grid;gap:10px}
  .brief-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:12px}
  .brief-card,.format-card,.qa-card,.swipe-card{border:1px solid var(--line2);border-radius:12px;background:var(--panel2);padding:11px 12px;min-width:0}
  .brief-card span,.format-card span,.qa-card span,.swipe-card span{display:block;font:800 9px/1 "Inter",sans-serif;letter-spacing:0;text-transform:uppercase;color:var(--faint)}
  .brief-card b,.format-card b,.qa-card b,.swipe-card b{display:block;margin-top:5px;font-size:13px;line-height:1.28;text-wrap:balance}
  .brief-card p,.format-card p,.qa-card p,.swipe-card p{margin:5px 0 0;font-size:11.5px;line-height:1.4;color:var(--dim);text-wrap:pretty}
  .format-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));margin-top:12px}
  .format-card{cursor:pointer;text-align:left;color:var(--ink);font-family:inherit;transition-property:border-color,background-color,box-shadow,transform;transition-duration:.15s;transition-timing-function:ease-out}
  .format-card:hover{border-color:var(--accent);transform:translateY(-1px)}
  .format-card.on{border-color:var(--accent);background:var(--zaptint);box-shadow:0 0 0 3px var(--glow)}
  .format-top{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}
  .format-kind{display:inline-flex;align-items:center;min-height:20px;border-radius:99px;padding:4px 7px;border:1px solid currentColor;color:var(--accent);font:800 8px/1 "Inter",sans-serif;letter-spacing:0;text-transform:uppercase;white-space:nowrap}
  .mode-grid{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}
  .mode-chip{min-height:40px;border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:99px;padding:9px 12px;font:700 11px/1 "Inter",sans-serif;letter-spacing:0;text-transform:uppercase;cursor:pointer;transition-property:background-color,border-color,color,transform;transition-duration:.15s;transition-timing-function:ease-out}
  .mode-chip:hover{border-color:var(--faint);transform:translateY(-1px)}
  .mode-chip.on{background:var(--ink);border-color:var(--ink);color:var(--paper)}
  .mode-chip:active{transform:scale(.96)}
  .qa-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:10px}
  .qa-card{min-height:74px}
  .swipe-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:8px}
  .testing-loop{margin-top:12px;border:1px solid var(--line2);border-radius:14px;background:var(--panel2);padding:11px 12px}
  .testing-loop input{margin-top:8px;background:var(--panel)}
  .sticky-compose{position:fixed;left:50%;bottom:14px;z-index:30;transform:translateX(-50%);width:min(820px,calc(100vw - 28px));display:flex;gap:10px;align-items:center;justify-content:space-between;background:rgba(251,249,242,.92);border:1px solid var(--line);border-radius:18px;padding:10px 12px;box-shadow:0 18px 60px rgba(0,0,0,.20);backdrop-filter:blur(16px);opacity:1;transition-property:opacity,transform;transition-duration:.18s;transition-timing-function:ease-out}
  .sticky-compose.hidden{display:none}
  .sticky-compose.picker-overlap{opacity:0;pointer-events:none;transform:translate(-50%,12px)}
  html[data-theme="dark"] .sticky-compose{background:rgba(16,16,24,.9)}
  .sticky-main{min-width:0}
  .sticky-main b{display:block;font-size:12px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .sticky-main span{display:block;font-size:11px;color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .sticky-actions{display:flex;gap:7px;flex:0 0 auto}
  .product-source{display:flex;gap:6px;flex-wrap:wrap;margin:7px 0 0}
  .product-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}
  @media (max-width:720px){
    .brain-grid{grid-template-columns:1fr}
    .brain-checklist{grid-template-columns:repeat(2,1fr)}
    .brain-review{grid-template-columns:1fr}
    .brain-head,.creator-head{flex-direction:column}
    .style-note{margin-left:0;width:100%}
    .sticky-compose{align-items:flex-start;flex-direction:column;bottom:10px;border-radius:16px}
    .sticky-actions{width:100%;display:grid;grid-template-columns:1fr 1fr 1fr}
    .sticky-actions button.copy{width:100%;padding-left:6px;padding-right:6px}
    .tpl-source-strip,.tpl-workbench,.tpl-reference-kit{grid-template-columns:1fr}
    .tpl-rail{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:none}
    .tpl-rail-title{grid-column:1/-1}
    .tpl-grid{grid-template-columns:1fr}
    .tpl-card{min-height:0}
    .tpl-ref,.tpl-selected,.remix-result{grid-template-columns:1fr}
    .remix-result img{width:100%}
    .skill-loop{grid-template-columns:repeat(3,minmax(0,1fr))}
    .quick-examples-head{align-items:flex-start;flex-direction:column}
    .quick-examples-title{font-size:22px}
    .video-ad-picker{padding:12px;border-radius:14px;margin-bottom:14px}
    .video-ad-picker-head{flex-direction:column;margin-bottom:10px}
    .video-ad-picker-title{font-size:23px}
    .ad-ref-filter-row{margin-right:-12px;padding-right:12px}
    .ad-ref-category-summary{align-items:flex-start;flex-wrap:wrap}
    .ad-ref-category-summary span{order:3;width:100%}
    .ad-ref-category-summary em{margin-left:auto}
    .video-ad-choice-grid{display:flex;overflow-x:auto;gap:9px;padding:1px 2px 5px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
    .video-ad-choice-grid::-webkit-scrollbar{display:none}
    .video-ad-choice{flex:0 0 72vw}
    .video-ad-choice-media{height:218px}
    .quick-example-grid{display:flex;overflow-x:auto;gap:9px;padding-bottom:4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
    .quick-example-grid::-webkit-scrollbar{display:none}
    .quick-example-grid .example-card{flex:0 0 76vw}
    .real-ad-actions{grid-template-columns:1fr}
    .real-ad-actions .copy,.real-ad-actions .go{width:100%;margin-top:0}
    .real-ad-grid{display:flex;overflow-x:auto;gap:8px;padding-bottom:4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
    .real-ad-grid::-webkit-scrollbar{display:none}
    .real-ad-card{flex:0 0 58vw}
    .selected-ad-summary,.selected-ad-facts{grid-template-columns:1fr}
    .brief-grid,.qa-grid,.swipe-grid{grid-template-columns:1fr}
    .format-grid,.example-grid{grid-template-columns:1fr}
  }
  /* Channel cards: pick where you actually post. Visual channels lead. */
  .chan-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 14px}
  @media(max-width:640px){.chan-cards{grid-template-columns:1fr 1fr}}
  .chv{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;border:1px solid var(--line);background:transparent;border-radius:14px;padding:13px 13px 11px;cursor:pointer;font-family:inherit;color:var(--ink);transition:transform .2s var(--spring),border-color .15s,box-shadow .2s,background-color .15s}
  .chv:hover{transform:translateY(-2px);border-color:var(--faint)}
  .chv-ico{font-size:19px;line-height:1.2}
  .chv-lbl{font-weight:700;font-size:13.5px;margin-top:3px}
  .chv-sub{font-size:10.5px;color:var(--dim)}
  .chv-badge{margin-top:7px;font:700 8.5px/1 "Inter",sans-serif;letter-spacing:.09em;text-transform:uppercase;color:var(--accent);border:1px solid currentColor;border-radius:99px;padding:3px 7px}
  .chv-tick{position:absolute;top:9px;right:9px;width:20px;height:20px;border-radius:99px;background:var(--accent);color:#fff;font-size:11px;font-weight:800;display:none;align-items:center;justify-content:center;box-shadow:0 4px 14px var(--glow)}
  .chv.on{border-color:var(--accent);background:var(--zaptint);box-shadow:0 12px 34px var(--glow)}
  .chv.on .chv-tick{display:flex}
  /* Make-the-visual block: the video/photo generators, front and centre. */
  .vis-cta{margin-top:14px;border:1px solid var(--line);border-radius:14px;padding:15px 16px;background:var(--zaptint)}
  .vis-h{font-weight:700;font-size:14.5px}
  .vis-sub{font-size:12.5px;color:var(--dim);margin:3px 0 11px}
  .video-direction-chip{width:max-content;max-width:100%;overflow:hidden;border-radius:6px;background:var(--panel2);padding:6px 8px;color:var(--dim);font:750 9px/1 var(--ui);text-overflow:ellipsis;white-space:nowrap;box-shadow:0 0 0 1px var(--line2)}
  .vis-btns{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
  .review-media-lock{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin:11px 0;padding:10px 11px;border:1px solid var(--line);border-radius:11px;background:var(--panel2);color:var(--dim);transition:border-color .18s ease,background-color .18s ease,color .18s ease}
  .review-media-lock::before{content:'LOCKED';min-width:58px;border-radius:99px;padding:5px 8px;background:var(--warn);color:var(--warnink);font:800 9px/1 var(--ui);letter-spacing:.08em;text-align:center}
  .review-media-lock.is-ready{border-color:color-mix(in srgb,var(--goodink) 32%,var(--line));background:color-mix(in srgb,var(--good) 38%,var(--panel2));color:var(--ink)}
  .review-media-lock.is-ready::before{content:'READY';background:var(--good);color:var(--goodink)}
  .review-media-lock-text{font-size:12px;line-height:1.45;text-wrap:pretty}
  .review-media-lock .copy{min-height:40px;margin:0;transition:transform .12s ease,border-color .18s ease,background-color .18s ease,color .18s ease}
  .review-media-lock .copy:active{transform:scale(.96)}
  [data-review-media][disabled]{cursor:not-allowed;opacity:.48;box-shadow:none}
  @media(max-width:640px){.review-media-lock{grid-template-columns:auto 1fr}.review-media-lock .copy{grid-column:1/-1;width:100%}}
  .wq-t{font-family:var(--serif);font-size:30px;font-weight:400;margin:0 0 6px;letter-spacing:0;text-transform:none;color:var(--ink)}
  .wq-ico{display:inline-block;margin-right:12px;font:600 12px/1 "Inter",sans-serif;color:#fff;background:var(--accent);border-radius:99px;box-shadow:0 6px 20px var(--glow);padding:5px 11px;letter-spacing:.06em;vertical-align:6px;animation:ico-pop .5s .05s var(--spring) backwards}
  @keyframes ico-pop{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}
  .wiz-nav{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:18px}
  .card{transition:transform .18s ease,border-color .18s ease}
  .card:hover{border-color:var(--faint)}
  /* Express mode (returning users): the saved-setup summary under Question 1. */
  .setup-note{margin-top:12px;padding:10px 14px;border:1px solid var(--line);background:var(--zaptint);border-radius:var(--r);font-size:13px;color:var(--ink)}
  .setup-note a{color:var(--accent);font-weight:600;text-decoration:none}
  .sug{color:var(--goodink);font-size:13px;margin-top:6px;font-weight:550}
  /* The generation show: the forge scene up top (3D core + orbiting channel
     nodes lighting up as posts finish), live checklist under it. */
  .gen-show{margin-top:14px}
  .jumpnav{position:sticky;top:8px;z-index:6;display:flex;gap:6px;flex-wrap:wrap;background:var(--paper);border:1px solid var(--line);border-radius:99px;padding:6px;margin-top:14px;width:max-content;max-width:100%}
  .jumpnav .jump{border:0;background:transparent;color:var(--dim);font:600 11.5px/1 "Inter",sans-serif;letter-spacing:.06em;text-transform:uppercase;padding:7px 12px;border-radius:99px;cursor:pointer;transition:background-color .15s,color .15s}
  .jumpnav .jump:hover{background:var(--zaptint);color:var(--ink)}
  /* One-post-at-a-time stepper: only the active .poststep shows. */
  .ps-head{display:flex;align-items:center;gap:10px;margin:2px 0 12px;font:600 12px/1 "Inter",sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}
  .ps-head b{color:var(--accent);font-weight:800}
  .ps-head .ps-dots{display:flex;gap:6px;margin-left:auto}
  .ps-head .ps-dot{width:8px;height:8px;border-radius:50%;background:var(--line);transition:background-color .2s,transform .2s}
  .ps-head .ps-dot.on{background:var(--accent);transform:scale(1.25)}
  .ps-head .ps-dot.done{background:var(--accent);opacity:.4}
  .poststep{display:none}
  .poststep.on{display:block;animation:card-in .45s cubic-bezier(.2,.7,.3,1)}
  /* Occasion picker — full-width stacked cards, one obvious tap target each. */
  #promo-goals{display:flex;flex-direction:column;gap:10px}
  .promo-goal{display:flex;flex-direction:column;gap:3px;text-align:left;background:var(--card);border:1.5px solid var(--line);border-radius:14px;padding:14px 16px;cursor:pointer;font:inherit;color:var(--ink);transition:border-color .15s,background-color .15s,transform .12s var(--spring)}
  .promo-goal:hover{border-color:var(--accent);transform:translateY(-1px)}
  .promo-goal.on{border-color:var(--accent);background:var(--zaptint);box-shadow:0 0 0 3px var(--glow)}
  .promo-goal .pg-lbl{font-weight:700;font-size:16px}
  .promo-goal .pg-sub{font-size:13px;color:var(--dim)}
  .ps-nav{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:14px}
  #out-review:empty{display:none}
  .review-decision{margin:0 0 12px;box-shadow:0 0 0 1px color-mix(in srgb,var(--ink) 8%,transparent),0 12px 34px rgba(0,0,0,.08)}
  .review-decision-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
  .review-decision-head h3{margin:0;text-wrap:balance}
  .review-decision-summary{margin:7px 0 0;max-width:78ch;line-height:1.45;text-wrap:pretty}
  .review-recheck-live{display:flex;gap:10px;align-items:flex-start;margin-top:8px}
  .review-recheck-spin{width:22px;height:22px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--accent);animation:gen-spin .8s linear infinite;flex:0 0 auto}
  .review-decision-models{margin-top:4px;color:var(--dim);font-size:11px;line-height:1.4;text-wrap:pretty}
  .review-decision table{width:100%;margin-top:12px;table-layout:fixed}
  .review-change-post{width:14ch}
  .review-change-copy{overflow-wrap:anywhere;white-space:normal}
  .review-change-action-cell{width:16ch;text-align:right;vertical-align:top}
  .review-change-action{min-height:40px;margin:0;transition:transform .12s ease,background-color .18s ease,box-shadow .18s ease}
  .review-change-action:active{transform:scale(.96)}
  .review-decision-controls{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;margin-top:9px}
  .review-decision-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0}
  .review-decision-actions .go,.review-decision-actions .copy{min-height:40px;margin:0;transition:transform .12s ease,background-color .18s ease,box-shadow .18s ease}
  .review-decision-actions .go:active,.review-decision-actions .copy:active{transform:scale(.96)}
  .review-change-details{min-width:0}
  .review-change-details>summary{display:flex;min-height:40px;align-items:center;width:max-content;max-width:100%;cursor:pointer;list-style:none;color:var(--accent);font:700 12px/1.2 "Inter",sans-serif;text-wrap:balance}
  .review-change-details>summary::-webkit-details-marker{display:none}
  .review-change-details>summary::before{content:"＋ ";margin-right:4px;font-weight:900}
  .review-change-details[open]{grid-column:1/-1;grid-row:2}
  .review-change-details[open]>summary::before{content:"− "}
  .review-fix-compact{display:none}
  .review-decision.is-repairing{padding:9px!important}
  .review-decision.is-repairing>:not(.review-fix-compact){display:none!important}
  .review-decision.is-repairing>.review-fix-compact{display:flex;min-height:44px;align-items:center;justify-content:space-between;gap:10px}
  .review-fix-compact span{font-weight:750;text-wrap:pretty}
  .review-fix-compact .copy{min-height:40px;margin:0;flex:0 0 auto}
  @media(max-width:640px){
    .review-decision-head{align-items:flex-start;flex-direction:column}
    .review-decision-controls{grid-template-columns:1fr}
    .review-decision-actions .go,.review-decision-actions .copy{width:100%;min-height:44px}
    .review-change-details[open]{grid-column:auto;grid-row:auto}
    .review-decision table,.review-decision tbody,.review-decision tr,.review-decision td{display:block;width:100%}
    .review-decision thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
    .review-change-row{padding:11px 0;border-top:1px solid var(--line)}
    .review-change-post{width:100%;font-weight:750;text-transform:capitalize}
    .review-change-copy{margin-top:4px}
    .review-change-action-cell{width:100%;margin-top:9px;text-align:left}
    .review-change-action{width:100%;min-height:44px}
    .review-decision.is-repairing>.review-fix-compact{align-items:stretch;flex-direction:column}
    .review-fix-compact .copy{width:100%;min-height:44px}
  }
  #more-tools>summary{cursor:pointer;user-select:none;list-style:none;color:var(--dim);font:600 12px/1 "Inter",sans-serif;letter-spacing:.08em;text-transform:uppercase;padding:12px 0;border-top:1px solid var(--line)}
  #more-tools>summary::-webkit-details-marker{display:none}
  #more-tools>summary::before{content:"＋ ";color:var(--accent);font-weight:800}
  #more-tools[open]>summary::before{content:"− "}
  #forge-c{display:block;width:100%;height:280px;margin-bottom:6px}
  .video-proc{position:relative;isolation:isolate;grid-template-columns:84px minmax(0,1fr);align-items:center;gap:18px;min-height:220px;overflow:hidden;border-radius:18px;padding:22px;background:radial-gradient(circle at 10% 0%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 42%),linear-gradient(145deg,var(--panel),var(--panel2));box-shadow:0 0 0 1px color-mix(in srgb,var(--ink) 8%,transparent),0 2px 5px rgba(0,0,0,.06),0 18px 44px rgba(0,0,0,.09);animation:card-in .35s cubic-bezier(.2,.7,.3,1)}
  .video-proc .mm-work-orbit{width:74px;height:74px;box-shadow:inset 0 0 0 14px color-mix(in srgb,var(--accent) 5%,transparent),0 0 34px color-mix(in srgb,var(--accent) 12%,transparent)}
  .video-proc .mm-work-copy{align-self:center}
  .video-proc .mm-work-head{align-items:flex-start}
  .video-proc .mm-work-head strong{max-width:34ch;font-size:19px;line-height:1.15;white-space:normal;text-wrap:balance}
  .video-proc .mm-work-head time{padding-top:3px;font-size:11px;font-variant-numeric:tabular-nums}
  .video-proc .mm-work-copy p{max-width:62ch;min-height:34px;margin-top:7px;font-size:12.5px;line-height:1.45;text-wrap:pretty}
  .video-proc .mm-work-stages{gap:8px;margin-top:18px}
  .video-proc .mm-work-stage{min-height:40px;border-top-width:3px;padding-top:9px;font-size:9px;line-height:1.25;white-space:normal;text-wrap:balance;transition-property:border-color,color,transform;transition-duration:.2s;transition-timing-function:ease-out}
  .video-proc .mm-work-stage.active{transform:translateY(-1px)}
  @media(max-width:520px){
    .video-proc{grid-template-columns:52px minmax(0,1fr);min-height:200px;padding:16px;border-radius:16px}
    .video-proc .mm-work-orbit{width:50px;height:50px}
    .video-proc .mm-work-copy p{display:block;min-height:0;font-size:10.5px}
    .video-proc .mm-work-stages{grid-template-columns:repeat(var(--mm-work-stage-count,4),minmax(74px,1fr));overflow-x:auto;padding-bottom:3px;scrollbar-width:none}
    .video-proc .mm-work-stages::-webkit-scrollbar{display:none}
  }
  .vis-cta.processing .vis-btns,.vis-cta.processing .vis-sub{display:none!important}
  /* The scanner: small 3D radar + rotating status while a URL is fetched. */
  .fetchshow{display:inline-flex;align-items:center;gap:10px;vertical-align:middle}
  .fetchshow canvas{width:56px;height:40px;display:block}
  .fetchshow .fmsg{color:var(--dim);font-size:13px;animation:fmsg-in .4s ease}
  @keyframes fmsg-in{from{opacity:0;transform:translateY(4px)}}
  /* 3D tilt + glare for platform mockups (bound by fx.js) */
  [data-tilt]{position:relative;will-change:transform;transform-style:preserve-3d}
  [data-tilt]::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .3s;z-index:2;
    background:radial-gradient(280px circle at var(--gx,50%) var(--gy,50%), rgba(255,255,255,.15), transparent 65%)}
  [data-tilt]:hover::after{opacity:1}
  .gen-line{display:flex;align-items:center;gap:9px;padding:7px 0;color:var(--dim);font-size:14px;opacity:.45;transition:opacity .3s;animation:gl-in .35s ease backwards}
  @keyframes gl-in{from{opacity:0;transform:translateX(-10px)}}
  .gen-line.on{opacity:1;color:var(--ink);font-weight:550}
  .gen-line.done{opacity:1}
  .gen-line .tick{width:18px;text-align:center;flex:0 0 auto}
  .gen-line.on .tick::before{content:"";display:inline-block;width:11px;height:11px;border:2px solid var(--accent);border-top-color:transparent;border-radius:50%;animation:gen-spin .7s linear infinite;vertical-align:-1px}
  .gen-line.done .tick::before{content:"✓";color:var(--goodink);font-weight:700;border:0;animation:none}
  @keyframes gen-spin{to{transform:rotate(360deg)}}
  /* Video render "processing screen" — the clip takes minutes, so show a real,
     reassuring progress card with an elapsed timer rather than a bare line. */
  .vproc{display:flex;gap:14px;align-items:flex-start;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:16px 18px;margin-top:10px;box-shadow:0 20px 50px rgba(0,0,0,.12);animation:card-in .4s cubic-bezier(.2,.7,.3,1)}
  .vproc .vspin{width:34px;height:34px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--accent);animation:gen-spin .8s linear infinite;flex:0 0 auto;margin-top:2px}
  .vproc .vstage{font-weight:650;color:var(--ink);font-size:15px}
  .vproc .vmeta{color:var(--dim);font-size:12px;margin-top:3px}
  .vproc .vbar{height:5px;border-radius:99px;background:var(--line);overflow:hidden;margin-top:10px}
  .vproc .vbar>i{display:block;height:100%;width:36%;border-radius:99px;background:var(--accent);animation:vslide 1.5s ease-in-out infinite}
  @keyframes vslide{0%{margin-left:-38%}100%{margin-left:100%}}
  .card.reveal{opacity:0;transform:perspective(900px) rotateX(14deg) translateY(18px);filter:blur(6px);animation:card-in .6s cubic-bezier(.2,.7,.3,1) forwards}
  @keyframes card-in{to{opacity:1;transform:none;filter:blur(0)}}
  .stamp{display:inline-block;font-size:11px;font-weight:700;padding:2px 10px;border-radius:99px;background:var(--good);color:var(--goodink);animation:stamp-in .35s cubic-bezier(.2,1.4,.4,1);text-transform:uppercase;letter-spacing:.05em}
  .stamp.warn{background:var(--warn);color:var(--warnink)}
  @keyframes stamp-in{from{opacity:0;transform:scale(1.6)}to{opacity:1;transform:scale(1)}}
  @media(prefers-reduced-motion:reduce){
    .wq.on,.wq.on.fwd,.wq.on.back,.promo-q,#paste-mode,#ghost,.card.reveal,.stamp,.gen-line,.gen-line .tick::before,.wq-ico,.chan:has(.chan-cb:checked),header h1 .hl,.jstep.active .jdot{animation:none}
    .card.reveal{opacity:1;transform:none;filter:none}
    .card:hover,.chan:hover,.jstep:hover:not(.locked) .jdot,button.go:hover:not(:disabled),button.copy:hover{transform:none}
    .jline span{transition:none}.wdot{transition:none}
  }
  @media (max-width:640px){
    .wrap{display:flex;flex-direction:column;padding:12px 12px 88px}
    header{order:0}
    .progress{order:1}
    section.panel{order:2}
    #brand-brain-panel{order:3}
    #creative-lab{order:4}
    .journey{order:5}
    .studio-actions{order:6}
    header h1{font-size:34px;margin:14px 0 6px;line-height:1.02}
    body.site-ready header h1,body.site-ready header p{display:none}
    header p{font-size:13.5px;line-height:1.45}
    .meta-strip{padding-bottom:8px;letter-spacing:.14em}
    .settings{grid-template-columns:1fr}
    .site-bar{position:relative;grid-template-columns:1fr;top:auto;margin:12px 0 10px;padding:11px;border-radius:18px;gap:8px;box-shadow:0 12px 32px rgba(0,0,0,.14)}
    .site-bar label{font-size:10px}
    .site-bar input{min-height:50px}
    .site-bar button.go{min-height:48px}
    .site-bar .hint{grid-column:1}
    .site-loaded-card{display:block}
    .site-loaded-card button.go{width:100%;margin-top:10px}
    .deck{padding:0}
    .wq.on{padding:18px 16px 16px;border-radius:18px;transform-style:flat;box-shadow:0 16px 44px rgba(0,0,0,.18)}
    .wq.on::before{display:none}
    .wq-t{font-size:28px;line-height:1.04}
    .hero-swatches{height:34px;margin-bottom:12px}
    .hero-swatches i{width:48px;height:30px;border-radius:10px}
    .hero-swatches i:nth-child(2){height:36px}.hero-swatches i:nth-child(4){height:35px}
    .journey{max-width:100%;margin:8px 0 14px}
    .journey.is-empty{display:none}
    .jdot{width:42px;height:42px;font-size:17px} .jline{margin-top:20px}
    .studio-actions{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 14px;padding-bottom:2px}
    .studio-actions::-webkit-scrollbar{display:none}
    .studio-actions button.copy{flex:0 0 auto;white-space:nowrap}
    .studio-actions .hint,.studio-actions>div{flex:1 0 100%}
    .brain-panel{margin:8px 0 14px;padding:14px;border-radius:18px}
    .brain-title{font-size:22px}
    .brain-grid{grid-template-columns:1fr 1fr;gap:8px}
    .brain-checklist{display:flex;grid-template-columns:none;gap:8px;overflow-x:auto;padding-bottom:3px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
    .brain-checklist::-webkit-scrollbar{display:none}
    .brain-check{flex:0 0 120px;min-height:62px}
    .brain-review{display:none}
    .media-result video{max-width:100%}
    .card table{display:block;overflow-x:auto;white-space:nowrap}
    table{font-size:12px}
    th,td{padding:6px 7px}
    button.copy{min-height:40px;padding:9px 12px}
    /* header: the account line gets its own row instead of colliding with the logo */
    .topline{flex-wrap:wrap;row-gap:2px}
    .topline #acct{width:100%;font-size:12px}
    /* jump nav: one scrollable row instead of a two-row block that eats the screen */
    .jumpnav{flex-wrap:nowrap;overflow-x:auto;border-radius:14px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
    .jumpnav::-webkit-scrollbar{display:none}
    .jumpnav .jump{white-space:nowrap;flex:0 0 auto}
    /* card titles: quality stamp drops to its own row instead of squeezing the title */
    .card h3{flex-wrap:wrap}
    .card h3 .stamp{order:10;flex:0 0 auto;white-space:nowrap}
  }
  /* --- Live platform mockups: each post shown inside its real-platform frame.
     They imitate X/LinkedIn/IG, so they stay light in BOTH themes. --- */
  .mock{--line:#e7e7e3;max-width:440px;border:1px solid #d8d6cf;border-radius:14px;background:#fff;margin-top:10px;box-shadow:0 10px 30px rgba(0,0,0,.12);overflow:hidden;font-family:-apple-system,"Segoe UI",Roboto,system-ui,sans-serif;font-size:14px;line-height:1.45;color:#1b1c20;font-weight:400}
  .mk-h{display:flex;gap:10px;align-items:center;padding:12px}
  .mk-av{width:44px;height:44px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;flex:0 0 auto}
  .mk-nm{font-weight:650}
  .mk-sub{color:#65636b;font-size:12px}
  .mk-bd{padding:0 12px 12px;white-space:pre-wrap}
  .mk-bar{display:flex;gap:14px;border-top:1px solid var(--line);padding:9px 12px;color:#65636b;font-size:13px;font-weight:550}
  .mk-cm{border-top:1px solid #e7e7e3;padding:10px 12px;background:#f7f7f5}
  .mk-cm .mk-nm{font-size:13px}
  .mock-x .mk-tw{display:flex;gap:10px;padding:12px;border-bottom:1px solid var(--line)}
  .mock-x .mk-hd{color:#65636b;font-weight:400;font-size:13px}
  .mock-x .mk-tx{white-space:pre-wrap;margin-top:2px}
  .mock-ig img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
  .mock-ig .mk-dots{text-align:center;color:#c4c3bd;letter-spacing:4px;padding:6px;font-size:9px}
  .mk-cap{padding:8px 12px 12px;white-space:pre-wrap}
  .mock-vid{max-width:300px;aspect-ratio:9/16;background:#141519;color:#fff;position:relative;display:flex;align-items:flex-end;border-radius:12px}
  .mock-vid .mk-cap{color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.85);font-weight:600}
  .mock-vid .mk-badge{position:absolute;top:10px;left:10px;background:rgba(0,0,0,.55);color:#fff;font-size:11px;padding:3px 8px;border-radius:10px}

  @keyframes mmrise{from{opacity:0;transform:translateY(30px);filter:blur(10px)}to{opacity:1;transform:none;filter:blur(0)}}
  header h1{animation:mmrise .8s cubic-bezier(.2,.7,.2,1) backwards}
  header p{animation:mmrise .8s cubic-bezier(.2,.7,.2,1) .15s backwards}
  @media(prefers-reduced-motion:reduce){h1,.sub,.plans,.plan,.panel,header p{animation:none}}

  /* Focused Studio: one full-height stage instead of a document-length dashboard. */
  :root{
    --paper:#edf0f3;--bg:#edf0f3;--bg2:#dfe4e8;
    --panel:#ffffff;--panel2:#f3f5f7;--card:#ffffff;--card2:#f3f5f7;
    --line:rgba(19,24,30,.17);--line2:rgba(19,24,30,.08);--ink:#171b21;--dim:#59616b;--faint:#89919b;
    --accent:#f35f4f;--accent2:#c8f169;--glow:rgba(243,95,79,.16);
    --zaptint:rgba(243,95,79,.08);--good:#dff3d7;--goodink:#27633a;--warn:#fff1c7;--warnink:#775b08;
    --bad:#ffe1dc;--badink:#b43a2c;--shell:#111417;--shell2:#1d2227;--shellink:#f5f7f8;--sky:#91d8ff;
    --phase:#c8f169;--phase-ink:#172017;
    --stage-shadow:0 0 0 1px rgba(20,29,23,.07),0 18px 45px rgba(20,29,23,.10);
    --stage-shadow-hover:0 0 0 1px rgba(20,29,23,.11),0 22px 54px rgba(20,29,23,.14);
    --ui:"DM Sans","Inter",ui-sans-serif,system-ui,sans-serif;
  }
  html[data-theme="dark"]{
    --paper:#0f1114;--bg:#0f1114;--bg2:#20242a;
    --panel:#171a1f;--panel2:#20242a;--card:#171a1f;--card2:#20242a;
    --line:rgba(245,247,248,.17);--line2:rgba(245,247,248,.08);--ink:#f4f6f7;--dim:#b6bcc3;--faint:#777f88;
    --accent:#ff6b57;--accent2:#cdfb70;--glow:rgba(255,107,87,.2);--zaptint:rgba(255,107,87,.1);
    --good:rgba(126,226,128,.16);--goodink:#91e99c;--warn:rgba(255,207,84,.15);--warnink:#f5cd68;
    --bad:rgba(255,112,94,.16);--badink:#ff9c8f;--shell:#090b0d;--shell2:#171b20;--shellink:#f5f7f8;
    --stage-shadow:0 0 0 1px rgba(255,255,255,.08),0 22px 60px rgba(0,0,0,.28);
    --stage-shadow-hover:0 0 0 1px rgba(255,255,255,.13),0 24px 64px rgba(0,0,0,.34);
  }
  html,body{height:100%;overflow:hidden}
  body{font-family:var(--ui);background:var(--shell);line-height:1.5}
  body[data-studio-phase="source"]{--phase:#c8f169;--phase-ink:#172017}
  body[data-studio-phase="brief"]{--phase:#91d8ff;--phase-ink:#14212a}
  body[data-studio-phase="creative"]{--phase:#ff7464;--phase-ink:#2b1512}
  body[data-studio-phase="create"]{--phase:#ffc95c;--phase-ink:#2a1e08}
  body[data-studio-phase="publish"]{--phase:#72e0c0;--phase-ink:#0c2820}
  body[data-studio-phase="learn"]{--phase:#ff9abb;--phase-ink:#2a1320}
  #bgstars{display:none}
  .studio-shell{display:grid;grid-template-columns:224px minmax(0,1fr);height:100dvh;min-height:560px;background:var(--shell)}
  .studio-rail{display:flex;min-width:0;flex-direction:column;padding:22px 14px 16px;background:var(--shell);color:var(--shellink);border-right:1px solid rgba(255,255,255,.08)}
  .studio-brand{display:flex;align-items:center;gap:10px;padding:0 8px 22px;color:var(--shellink);text-decoration:none}
  .studio-brand img,.studio-mobile-brand img{border-radius:8px;outline:1px solid rgba(255,255,255,.1);outline-offset:-1px}
  .studio-brand span{display:flex;min-width:0;flex-direction:column}
  .studio-brand b{font-size:14px;line-height:1.1;letter-spacing:0}
  .studio-brand em{margin-top:3px;color:rgba(243,247,241,.52);font:700 9px/1 var(--ui);font-style:normal;letter-spacing:.11em;text-transform:uppercase}
  .studio-phase-list{display:flex;flex-direction:column;gap:5px}
  .studio-phase-list button{position:relative;display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;min-height:58px;border:0;border-radius:8px;background:transparent;color:rgba(243,247,241,.62);padding:9px 10px;text-align:left;font-family:var(--ui);cursor:pointer;transition-property:background-color,color,box-shadow,transform;transition-duration:.16s;transition-timing-function:ease-out}
  .studio-phase-list button:hover{background:rgba(255,255,255,.06);color:var(--shellink);transform:translateX(2px)}
  .studio-phase-list button:active{transform:scale(.96)}
  .studio-phase-list button.active{background:var(--shell2);color:var(--shellink);box-shadow:0 0 0 1px rgba(255,255,255,.08),0 10px 24px rgba(0,0,0,.2)}
  .studio-phase-list button.complete::after{content:"";position:absolute;right:10px;top:12px;width:7px;height:7px;border-radius:50%;background:var(--accent2);box-shadow:0 0 0 3px rgba(205,251,112,.12)}
  .studio-phase-list button>span{grid-row:1/3;display:grid;place-items:center;width:28px;height:28px;margin-top:4px;border-radius:8px;background:rgba(255,255,255,.06);font:800 9px/1 var(--ui);font-variant-numeric:tabular-nums}
  .studio-phase-list button.active>span{background:var(--phase);color:var(--phase-ink)}
  .studio-phase-list button b{align-self:end;font-size:12px;line-height:1.15;letter-spacing:0}
  .studio-phase-list button em{align-self:start;margin-top:4px;color:rgba(243,247,241,.42);font-size:10.5px;line-height:1.2;font-style:normal;letter-spacing:0}
  .studio-rail-note{margin-top:auto;padding:14px 10px;border-top:1px solid rgba(255,255,255,.08)}
  .studio-rail-note span{display:block;color:rgba(243,247,241,.44);font:700 9px/1 var(--ui);letter-spacing:.1em;text-transform:uppercase}
  .studio-rail-note b{display:block;margin-top:6px;font-size:11px;font-weight:650;color:rgba(243,247,241,.8)}
  .studio-workspace{display:grid;grid-template-rows:64px minmax(0,1fr) 64px;min-width:0;height:100dvh;background:var(--paper)}
  .studio-topbar{display:flex;align-items:center;gap:16px;min-width:0;padding:0 20px;background:var(--panel);border-bottom:1px solid var(--line2)}
  .studio-mobile-brand{display:none;align-items:center;gap:8px;color:var(--ink);text-decoration:none}
  .studio-top-context{display:flex;min-width:0;flex-direction:column}
  .studio-top-context span{color:var(--phase);font:800 9px/1 var(--ui);letter-spacing:.1em;text-transform:uppercase;font-variant-numeric:tabular-nums}
  .studio-top-context b{margin-top:4px;font-size:13px;line-height:1.1}
  .studio-top-actions{display:flex;align-items:center;gap:7px;margin-left:auto;min-width:0}
  .studio-utility{display:inline-flex;align-items:center;justify-content:center;min-height:40px;border:0;border-radius:8px;background:var(--panel2);color:var(--ink);padding:0 12px;font:750 11px/1 var(--ui);letter-spacing:0;text-decoration:none;cursor:pointer;box-shadow:0 0 0 1px var(--line2);transition-property:background-color,box-shadow,scale;transition-duration:.15s;transition-timing-function:ease-out}
  .studio-utility:hover{background:var(--zaptint);box-shadow:0 0 0 1px var(--line)}
  .studio-utility:active{scale:.96}
  .studio-wallet{color:var(--dim);font-size:11px;white-space:nowrap}
  .studio-bell{position:relative;font-size:14px;padding:0 10px}
  .studio-hamburger{display:none;font-size:17px;padding:0 11px}
  .menu-sheet{display:flex;flex-direction:column;gap:2px}
  .menu-item{display:block;width:100%;text-align:left;background:none;border:0;border-radius:10px;padding:13px 12px;font:650 15px/1.2 var(--ui);color:var(--ink);text-decoration:none;cursor:pointer;min-height:48px}
  .menu-item:active{background:var(--panel2)}
  .menu-foot{margin-top:8px;padding-top:10px;border-top:1px solid var(--line2);font-size:13px;color:var(--dim)}
  .menu-acct{font-weight:700;color:var(--ink);word-break:break-all}
  .menu-sub{color:var(--accent);font-weight:650;text-decoration:none}
  .bell-badge{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;border-radius:99px;background:var(--bad,#c4442d);color:#fff;font:800 10px/16px var(--ui);text-align:center;padding:0 4px}
  .bell-badge.working{background:var(--warn,#c99a2e);width:10px;min-width:10px;height:10px;padding:0}
  .bell-row{display:flex;align-items:center;gap:10px;padding:11px 4px;border-top:1px solid var(--line2);width:100%;background:none;border-left:0;border-right:0;border-bottom:0;text-align:left;cursor:pointer;color:var(--ink);min-height:48px}
  .bell-row:active{background:var(--panel2)}
  .bell-row-go{margin-left:auto;color:var(--accent);font:700 12px/1 var(--ui);white-space:nowrap}
  .bell-row-main{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}
  .bell-row-main b{font-size:13px}
  .bell-dot{width:9px;height:9px;border-radius:99px;flex:none}
  .bell-dot.needs-you{background:var(--bad,#c4442d)}
  .bell-dot.working{background:var(--warn,#c99a2e);animation:bellPulse 1.6s ease-in-out infinite}
  .bell-dot.done{background:var(--good,#3f8f5f)}
  .bell-dot.stopped{background:var(--faint)}
  @keyframes bellPulse{0%,100%{opacity:1}50%{opacity:.35}}
  .studio-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,12px);z-index:120;max-width:min(480px,calc(100vw - 32px));background:var(--ink);color:var(--paper,#fff);border-radius:10px;padding:11px 16px;font:600 13px/1.4 var(--ui);box-shadow:0 18px 46px rgba(0,0,0,.28);opacity:0;pointer-events:none;transition:opacity .2s ease-out,transform .2s ease-out}
  .studio-toast.show{opacity:1;transform:translate(-50%,0)}
  .review-chip{display:inline-flex;align-items:center;gap:4px;margin-left:8px;border-radius:99px;padding:2px 9px;font:700 10.5px/1.5 var(--ui);letter-spacing:.02em;vertical-align:2px;border:0}
  .review-chip.ok{background:color-mix(in srgb,var(--good,#3f8f5f) 16%,transparent);color:var(--goodink,var(--good,#3f8f5f))}
  .review-chip.checking{background:var(--line2);color:var(--dim)}
  .review-chip.notes{background:color-mix(in srgb,var(--warn,#c99a2e) 20%,transparent);color:var(--warnink,var(--ink));cursor:pointer}
  .review-chip.notes:hover{box-shadow:0 0 0 1px var(--warn,#c99a2e)}
  .studio-account{display:flex;align-items:center;min-height:40px;color:var(--dim);font-size:11px;white-space:nowrap}
  .studio-account a{color:var(--ink);font-weight:700;text-decoration:none}
  #studio-theme-slot{display:flex}
  .studio-theme-button{display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:8px;background:var(--panel2);color:var(--ink);font:800 16px/1 var(--ui);cursor:pointer;box-shadow:0 0 0 1px var(--line2);transition-property:background-color,scale;transition-duration:.15s;transition-timing-function:ease-out}
  .studio-theme-button:hover{background:var(--zaptint)}
  .studio-theme-button:active{scale:.96}
  .studio-progress-mobile{display:none}
  .studio-stage-window{min-width:0;min-height:0;padding:18px 20px;overflow:hidden;background:var(--paper)}
  .studio-slide{display:none;height:100%;min-height:0;padding:clamp(20px,2vw,30px);overflow:auto;overscroll-behavior:contain;border-radius:8px;background:var(--panel);box-shadow:inset 0 3px 0 var(--phase),var(--stage-shadow);scrollbar-width:thin;scrollbar-color:var(--line) transparent}
  .studio-slide.active{display:block;animation:studio-stage-in .26s cubic-bezier(.2,0,0,1)}
  @keyframes studio-stage-in{from{opacity:0;transform:translateY(12px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
  .studio-slide-head{max-width:760px;margin:0 0 20px}
  .studio-slide-head>span,.studio-slide-head>div>span{display:block;color:var(--phase);font:800 9px/1 var(--ui);letter-spacing:.12em;text-transform:uppercase;font-variant-numeric:tabular-nums}
  .studio-slide-head :is(h1,h2){margin:7px 0 6px;font-family:var(--serif);font-size:clamp(30px,3.2vw,46px);font-weight:400;line-height:.98;letter-spacing:0;text-wrap:balance}
  .studio-slide-head p{margin:0;max-width:650px;color:var(--dim);font-size:13px;line-height:1.5;text-wrap:pretty}
  .studio-slide-head .studio-source-links{margin-top:8px;font-size:12px}.studio-source-links a{color:var(--ink);font-weight:700;text-underline-offset:3px}
  .studio-slide-head-row{display:flex;max-width:none;align-items:flex-start;justify-content:space-between;gap:18px}
  .legacy-progress{display:none!important}
  .studio-slide>.panel{display:block!important;margin:0;background:transparent;border:0;border-radius:0;padding:0;box-shadow:none}
  .studio-slide .deck{perspective:none}
  .studio-slide-brief>.panel{max-width:820px;margin:0 auto}
  .studio-slide-brief .wq.on{border:0;border-radius:8px;background:var(--panel2);padding:clamp(20px,3vw,34px);box-shadow:0 0 0 1px var(--line2),0 14px 36px rgba(20,29,23,.08);transform-style:flat}
  .studio-slide-brief .wq.on::before{display:none}
  .studio-slide-create>.panel,.studio-slide-publish>.panel{max-width:1040px;margin:0 auto}
  .source-stage-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:16px;align-items:stretch}
  .source-entry-card{display:flex;min-height:420px;flex-direction:column;justify-content:center;border-radius:8px;background:var(--panel2);padding:clamp(20px,3vw,34px);box-shadow:0 0 0 1px var(--line2)}
  .source-entry-card .site-bar{position:static;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none}
  .source-entry-card .site-bar label{grid-column:1/-1;margin:0 0 2px;color:var(--dim);font:800 10px/1 var(--ui);letter-spacing:.1em;text-transform:uppercase}
  .source-entry-card .site-bar input{min-height:58px;border-radius:8px;background:var(--panel);font-size:18px;font-weight:700;box-shadow:0 0 0 1px var(--line)}
  .source-entry-card .site-bar button.go{min-width:126px;min-height:58px;margin:0;border-radius:8px;background:var(--ink);color:var(--panel);box-shadow:none}
  .source-entry-card .site-bar button.go:hover{background:var(--accent);transform:none}
  .source-entry-card .site-bar .hint{grid-column:1/-1;min-height:20px;margin:2px 0 0}
  .source-read-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:16px}
  .source-read-row span{display:inline-flex;align-items:center;min-height:28px;border-radius:8px;background:var(--panel);color:var(--dim);padding:0 9px;font:700 10px/1 var(--ui);box-shadow:0 0 0 1px var(--line2)}
  .source-stage-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}
  .source-stage-actions button{margin-top:0;min-height:44px;border-radius:8px}
  .source-visual{position:relative;min-height:420px;border:0;border-radius:8px;background:var(--shell2);padding:0;overflow:hidden;cursor:default;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 18px 44px rgba(13,17,14,.22)}
  .source-visual-label{position:absolute;left:18px;right:18px;bottom:16px;z-index:4;display:flex;align-items:end;justify-content:space-between;gap:12px;color:#f5f7f3;text-align:left}
  .source-visual-label b{font-family:var(--serif);font-size:24px;font-weight:400;line-height:1}
  .source-visual-label em{font:750 10px/1 var(--ui);font-style:normal;color:var(--accent2);text-transform:uppercase;letter-spacing:.08em}
  .source-ad{position:absolute;display:block;object-fit:contain;background:#fff;border-radius:10px;outline:1px solid rgba(255,255,255,.1);outline-offset:-1px;box-shadow:0 18px 38px rgba(0,0,0,.3)}
  .source-ad-one{left:8%;top:8%;width:38%;transform:rotate(-4deg)}
  .source-ad-two{left:36%;top:5%;width:37%;transform:rotate(3deg)}
  .source-ad-three{right:4%;top:15%;width:34%;transform:rotate(7deg)}
  /* A decision prompt must paint over the decorative ad cards: those images
     are absolutely positioned, so a static card's buttons render UNDER them
     when the layouts collide on small screens. */
  .source-brand-switch{position:relative;z-index:6;margin-top:14px;border-radius:12px;background:var(--warn);padding:14px;box-shadow:0 0 0 1px var(--line)}
  .source-brand-panel{margin-top:16px}
  .source-brand-panel .brain-panel{margin:0;border:0;border-radius:8px;background:var(--panel2);box-shadow:0 0 0 1px var(--line2)}
  .source-brand-panel .brain-checklist,.source-brand-panel .brain-review,.source-brand-panel .correction-bar{display:none}
  .source-brand-panel .brain-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .creative-view-toggle{display:none;gap:5px;padding:5px;border-radius:10px;background:var(--panel2);box-shadow:0 0 0 1px var(--line2)}
  .creative-view-toggle button{min-height:38px;border:0;border-radius:7px;background:transparent;color:var(--dim);padding:0 12px;font:750 11px/1 var(--ui);cursor:pointer;transition-property:background-color,color,scale;transition-duration:.15s;transition-timing-function:ease-out}
  .creative-view-toggle button.on{background:var(--panel);color:var(--ink);box-shadow:0 0 0 1px var(--line2),0 3px 8px rgba(20,29,23,.06)}
  .creative-view-toggle button:active{scale:.96}
  .studio-slide-creative.active{display:flex;flex-direction:column;overflow:hidden}
  .creative-workspace{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);gap:14px;min-height:0;flex:1}
  .creative-picker-pane,.creative-editor-pane{min-width:0;min-height:0;overflow:auto;border-radius:8px;background:var(--panel2);padding:14px;box-shadow:0 0 0 1px var(--line2);scrollbar-width:thin;scrollbar-color:var(--line) transparent}
  .creative-picker-pane .video-ad-picker{margin:0;border-radius:0;background:transparent;padding:0;box-shadow:none}
  .creative-picker-pane .video-ad-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .creative-picker-pane .video-ad-choice-media{height:180px}
  .creative-picker-pane .video-ad-picker-foot{padding-bottom:4px}
  .creative-editor-pane .creator-shell{margin:0;border:0;border-radius:0;background:transparent;padding:0;box-shadow:none}
  .creative-editor-pane .creator-pane{padding-bottom:16px}
  .creative-editor-pane .creator-tabs{position:sticky;top:-14px;z-index:5;margin:-14px -14px 12px;padding:12px 14px 8px;background:var(--panel2);border-bottom:1px solid var(--line2)}
  .learn-empty{max-width:600px;margin:9vh auto 0;text-align:center}
  .learn-empty>span{color:var(--phase);font:800 9px/1 var(--ui);letter-spacing:.1em;text-transform:uppercase}
  .learn-empty h2{margin:10px 0 8px;color:var(--ink);font-family:var(--serif);font-size:32px;font-weight:400;line-height:1.03;text-transform:none;letter-spacing:0}
  .learn-empty p{margin:0 auto;max-width:500px;color:var(--dim);font-size:13px;text-wrap:pretty}
  .learn-empty button{margin-top:18px}
  .studio-learn-mount{display:grid;grid-template-columns:1fr;gap:12px;max-width:1040px;margin:0 auto}
  .studio-slide-learn.has-data .learn-empty{display:none}
  .studio-learn-mount .card{margin:0}
  .studio-stage-nav{display:grid;grid-template-columns:120px minmax(0,1fr) 120px;align-items:center;gap:12px;padding:0 20px;background:var(--panel);border-top:1px solid var(--line2)}
  .stage-nav-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border:0;border-radius:8px;padding:0 14px;font:750 11px/1 var(--ui);letter-spacing:0;cursor:pointer;transition-property:background-color,color,opacity,scale;transition-duration:.15s;transition-timing-function:ease-out}
  .stage-nav-button:active{scale:.96}
  .stage-nav-button:disabled{opacity:.35;cursor:default}
  .stage-nav-back{justify-self:start;background:var(--panel2);color:var(--ink)}
  .stage-nav-next{justify-self:end;background:var(--ink);color:var(--panel)}
  .stage-nav-next:hover:not(:disabled){background:var(--phase);color:var(--phase-ink)}
  .stage-nav-status{display:flex;align-items:center;justify-content:center;gap:9px;min-width:0}
  .stage-nav-status span{color:var(--faint);font:800 9px/1 var(--ui);font-variant-numeric:tabular-nums}
  .stage-nav-status b{font-size:11px;white-space:nowrap}
  .studio-popovers>div:not(.hidden){position:fixed;top:72px;right:20px;z-index:90;width:min(560px,calc(100vw - 40px));max-height:calc(100dvh - 150px);overflow:auto;border-radius:8px;background:var(--panel);padding:14px;box-shadow:0 0 0 1px var(--line),0 24px 70px rgba(20,29,23,.24)}
  .sticky-compose{display:none!important}
  .studio-slide .card{border:0;border-radius:8px;box-shadow:0 0 0 1px var(--line2),0 6px 18px rgba(20,29,23,.06)}
  .studio-slide .card:hover{box-shadow:0 0 0 1px var(--line),0 10px 26px rgba(20,29,23,.1)}
  .studio-slide img{outline:1px solid rgba(0,0,0,.1);outline-offset:-1px}
  html[data-theme="dark"] .studio-slide img{outline-color:rgba(255,255,255,.1)}

  @media(max-width:980px){
    .studio-shell{grid-template-columns:194px minmax(0,1fr)}
    .studio-phase-list button{grid-template-columns:30px 1fr;padding-left:7px;padding-right:7px}
    .source-stage-grid{grid-template-columns:1fr minmax(300px,.8fr)}
    .creative-workspace{grid-template-columns:minmax(0,1fr) minmax(330px,.86fr)}
    .creative-picker-pane .video-ad-choice-grid{grid-template-columns:1fr}
  }
  @media(max-width:1100px){
    .studio-top-actions #automation-btn,.studio-top-actions #hist-btn,.studio-top-actions #kit-btn,.studio-wallet{display:none}
    .studio-account-meta,.studio-account-separator,.studio-account-logout{display:none}
    .studio-account-link{display:inline-flex;align-items:center;justify-content:center;min-height:36px;border-radius:8px;background:var(--panel2);padding:0 9px;font-size:9px;box-shadow:0 0 0 1px var(--line2)}
  }
  @media(max-width:760px){
    .studio-shell{grid-template-columns:1fr;min-height:0}
    .studio-rail{display:none}
    .studio-workspace{grid-template-rows:56px 46px minmax(0,1fr) 64px}
    .studio-topbar{padding:0 12px;gap:10px}
    .studio-mobile-brand{display:flex}
    .studio-mobile-brand b{font-size:12px}
    .studio-top-context{display:none}
    .studio-top-actions{gap:5px}
    .studio-top-actions #automation-btn,.studio-top-actions #hist-btn,.studio-top-actions #kit-btn,.studio-wallet,.studio-top-actions #reset-btn,#acct{display:none}
    .studio-hamburger{display:inline-flex;align-items:center;justify-content:center}
    .studio-utility{min-height:38px;padding:0 10px}
    .studio-account{min-height:38px}
    .studio-progress-mobile{display:flex;align-items:center;gap:7px;overflow-x:auto;padding:5px 12px;background:var(--panel);border-bottom:1px solid var(--line2);scrollbar-width:none}
    .studio-progress-mobile::-webkit-scrollbar{display:none}
    .studio-progress-mobile button{flex:0 0 auto;display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:8px;background:var(--panel2);color:var(--dim);font:800 9px/1 var(--ui);font-variant-numeric:tabular-nums;cursor:pointer;box-shadow:0 0 0 1px var(--line2)}
    .studio-progress-mobile button.active{background:var(--phase);color:var(--phase-ink)}
    .studio-progress-mobile button.complete{box-shadow:inset 0 -3px 0 var(--accent2),0 0 0 1px var(--line2)}
    .studio-stage-window{padding:10px}
    .studio-slide{padding:16px;border-radius:8px}
    .studio-slide-head{margin-bottom:15px}
    .studio-slide-head :is(h1,h2){font-size:29px}
    .studio-slide-head p{font-size:12px}
    .studio-slide-head-row{display:block}
    .source-stage-grid{grid-template-columns:1fr;gap:10px}
    .source-entry-card{min-height:0;padding:14px;border-radius:8px}
    .source-entry-card .site-bar{grid-template-columns:1fr;gap:8px;margin:0;padding:0;box-shadow:none}
    .source-entry-card .site-bar label,.source-entry-card .site-bar .hint{grid-column:1}
    .source-entry-card .site-bar input{min-height:52px;font-size:16px}
    .source-entry-card .site-bar button.go{min-height:48px;width:100%}
    .source-read-row{flex-wrap:nowrap;overflow-x:auto;margin-right:-16px;padding-right:16px;scrollbar-width:none}
    .source-stage-actions{display:grid;grid-template-columns:1fr 1fr;margin-top:16px}
    .source-stage-actions button{width:100%;padding-left:7px;padding-right:7px;font-size:11px}
    .source-visual{min-height:140px;border-radius:8px}
    .source-visual-label{left:14px;right:14px;bottom:12px}
    .source-visual-label b{font-size:18px}
    .source-ad-one{left:5%;top:5%;width:28%}
    .source-ad-two{left:36%;top:4%;width:28%}
    .source-ad-three{right:5%;top:6%;width:27%}
    .source-brand-panel{margin-top:10px}
    .source-brand-panel .brain-panel{padding:12px}
    .source-brand-panel .brain-title{font-size:18px}
    .source-brand-panel .brain-sub,.source-brand-panel .brain-grid,.source-brand-panel .brain-actions button:not(:first-child){display:none}
    .creative-view-toggle{display:flex;margin-top:12px;width:max-content;max-width:100%}
    .studio-slide-creative.active{overflow:hidden}
    .creative-workspace{display:block;min-height:0}
    .creative-picker-pane,.creative-editor-pane{height:100%;padding:12px;border-radius:8px}
    body[data-creative-view="browse"] .creative-editor-pane{display:none}
    body[data-creative-view="remix"] .creative-picker-pane{display:none}
    .creative-picker-pane .video-ad-choice-grid{display:flex;grid-template-columns:none}
    .creative-picker-pane .video-ad-choice{flex:0 0 76vw}
    .creative-picker-pane .video-ad-choice-media{height:220px}
    .creative-editor-pane .creator-tabs{top:-12px;margin:-12px -12px 10px;padding:10px 12px 7px}
    .studio-stage-nav{grid-template-columns:92px minmax(0,1fr) 92px;padding:0 10px}
    .stage-nav-button{min-height:42px;padding:0 10px}
    .stage-nav-status{gap:5px}
    .stage-nav-status b{display:none}
    .studio-popovers>div:not(.hidden){top:64px;right:10px;width:calc(100vw - 20px);max-height:calc(100dvh - 138px)}
    .learn-empty{margin-top:7vh}
    /* Lift the toast clear of the bottom stage-nav so it never clips "Next section". */
    .studio-toast{bottom:calc(74px + env(safe-area-inset-bottom));max-width:calc(100vw - 24px)}
    /* Stack the per-asset rewrite box above its button so neither is clipped. */
    .asset-change-row>div{flex-direction:column;gap:8px}
    .asset-change-row input{width:100%;min-height:46px;font-size:16px}
    .asset-change-row .go{width:100%;min-height:46px}
  }
  @media(max-width:420px){
    .studio-mobile-brand b{display:none}
    .studio-top-actions #reset-btn{font-size:0;width:38px;padding:0}
    .studio-top-actions #reset-btn::after{content:"+";font-size:20px;line-height:1}
    .studio-stage-nav{grid-template-columns:78px minmax(0,1fr) 90px}
    .source-stage-actions{grid-template-columns:1fr 1fr}
  }
  @media(prefers-reduced-motion:reduce){.studio-slide.active{animation:none}.studio-phase-list button,.source-visual{transition:none}}

  /* Horizontal decision flow: one screen, one action, no document scrolling. */
  html,body{width:100%;height:100%;overflow:hidden;overscroll-behavior:none}
  .studio-shell{display:block;height:calc(var(--studio-viewport-height,100dvh) - var(--mm-consent-h,0px));min-height:0;overflow:hidden;background:var(--paper)}
  .studio-rail{display:none!important}
  .studio-workspace{display:grid;grid-template-rows:68px minmax(0,1fr);height:calc(var(--studio-viewport-height,100dvh) - var(--mm-consent-h,0px));background:var(--paper)}
  .studio-topbar{display:grid;grid-template-columns:auto 42px auto minmax(180px,1fr) auto;align-items:center;gap:12px;padding:0 22px;background:var(--panel);border-bottom:1px solid var(--line2)}
  .studio-mobile-brand{display:flex;align-items:center;gap:10px;min-width:0;color:var(--ink);text-decoration:none}
  .studio-mobile-brand img{flex:0 0 auto;border-radius:8px;outline:1px solid rgba(0,0,0,.1);outline-offset:-1px}
  html[data-theme="dark"] .studio-mobile-brand img{outline-color:rgba(255,255,255,.1)}
  .studio-mobile-brand span{display:flex;min-width:0;flex-direction:column}
  .studio-mobile-brand b{font-size:13px;line-height:1.05;letter-spacing:0}
  .studio-mobile-brand em{margin-top:3px;color:var(--faint);font:800 8px/1 var(--ui);font-style:normal;letter-spacing:.1em;text-transform:uppercase}
  .studio-back-button{display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:8px;background:var(--panel2);color:var(--ink);font:700 18px/1 var(--ui);cursor:pointer;box-shadow:0 0 0 1px var(--line2);transition-property:background-color,opacity,scale;transition-duration:.15s;transition-timing-function:ease-out}
  .studio-back-button:hover:not(:disabled){background:var(--zaptint)}
  .studio-back-button:active:not(:disabled){scale:.96}
  .studio-back-button:disabled{visibility:hidden;opacity:0;pointer-events:none}
  .studio-top-context{display:flex;min-width:76px;flex-direction:column}
  .studio-top-context span{color:var(--phase);font:850 8px/1 var(--ui);letter-spacing:.09em;text-transform:uppercase;font-variant-numeric:tabular-nums}
  .studio-top-context b{margin-top:4px;font-size:12px;line-height:1.1;white-space:nowrap}
  .studio-progress-mobile{display:grid;grid-template-columns:repeat(6,minmax(22px,1fr));align-items:center;gap:6px;width:min(460px,100%);justify-self:center;padding:0;background:transparent;border:0;overflow:visible}
  .studio-progress-mobile>span{display:grid;grid-template-columns:1fr;gap:4px;min-width:0;color:var(--faint);font:800 8px/1 var(--ui);font-variant-numeric:tabular-nums;text-align:center}
  .studio-progress-mobile>span i{display:block;height:3px;border-radius:3px;background:var(--bg2);box-shadow:inset 0 0 0 1px var(--line2);transition-property:background-color,box-shadow;transition-duration:.24s;transition-timing-function:ease-out}
  .studio-progress-mobile>span.complete i{background:var(--ink);box-shadow:none}
  .studio-progress-mobile>span.active i{background:var(--phase);box-shadow:none}
  .studio-progress-mobile>span em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:normal;letter-spacing:0}
  .studio-progress-mobile>span.active em{color:var(--ink)}
  .studio-progress-mobile>span[data-phase-jump]{cursor:pointer}
  .studio-progress-mobile>span[data-phase-jump][aria-disabled="true"]{cursor:default;opacity:.55}
  .studio-progress-mobile>span[data-phase-jump]:not([aria-disabled="true"]):hover em{color:var(--ink)}
  .studio-progress-mobile>span[data-phase-jump]:not([aria-disabled="true"]):hover i{background:var(--phase)}
  .studio-progress-mobile>span[data-phase-jump]:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}
  .studio-top-actions{display:flex;align-items:center;gap:6px;margin:0;min-width:0}
  .studio-utility{min-height:38px;padding:0 11px}
  .studio-stage-window{position:relative;min-width:0;min-height:0;padding:0;overflow:hidden;overflow:clip;background:var(--paper)}
  .studio-slide{position:absolute;inset:14px 20px 18px;display:flex!important;width:auto;height:auto;min-height:0;flex-direction:column;padding:clamp(18px,2vw,28px);overflow:hidden!important;visibility:hidden;opacity:0;pointer-events:none;transform:translateX(104%);border-radius:8px;background:var(--panel);box-shadow:inset 0 3px 0 var(--phase),var(--stage-shadow);transition-property:transform,opacity,visibility;transition-duration:.4s,.22s,0s;transition-delay:0s,0s,.4s;transition-timing-function:cubic-bezier(.2,0,0,1),ease-out,linear;will-change:transform,opacity}
  .studio-slide[data-slide-position="before"]{transform:translateX(-104%)}
  .studio-slide[data-slide-position="after"]{transform:translateX(104%)}
  .studio-slide.active{visibility:visible;opacity:1;pointer-events:auto;transform:translateX(0);animation:none;transition-property:opacity,visibility;transition-duration:.22s,0s;transition-delay:0s;transition-timing-function:ease-out,linear;will-change:opacity}
  .studio-slide-head{flex:0 0 auto;max-width:760px;margin:0 0 14px}
  .studio-slide-head :is(h1,h2){margin:6px 0 4px;font-size:clamp(28px,3vw,42px);line-height:1;letter-spacing:0}
  .studio-slide-head p{font-size:12.5px;line-height:1.4}
  .studio-slide-head-row{display:flex;max-width:none;align-items:flex-start;justify-content:space-between;gap:18px}
  .studio-slide>.panel{min-height:0}

  .studio-slide-source .source-stage-grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(340px,.96fr);flex:1;min-height:0;gap:14px}
  .source-entry-card,.source-visual{min-height:0;height:100%;border-radius:8px}
  .source-entry-card{display:flex;flex-direction:column;justify-content:center;gap:16px;padding:clamp(22px,3vw,36px)}
  .source-entry-intro>span{display:block;color:var(--phase);font:850 9px/1 var(--ui);letter-spacing:.1em;text-transform:uppercase}
  .source-entry-intro h2{margin:9px 0 7px;color:var(--ink);font:400 clamp(27px,2.6vw,38px)/1 var(--serif);letter-spacing:0;text-transform:none;text-wrap:balance}
  .source-entry-intro p{max-width:540px;margin:0;color:var(--dim);font-size:12.5px;line-height:1.5;text-wrap:pretty}
  .source-entry-card .site-bar{grid-template-columns:minmax(0,1fr) auto;margin:2px 0 0!important}
  html[data-theme="dark"] .source-entry-card .site-bar{background:transparent}
  .source-entry-card .site-bar input{background:var(--panel);box-shadow:0 0 0 1px var(--line),0 8px 24px rgba(0,0,0,.08)}
  .source-entry-card .site-bar input:-webkit-autofill{-webkit-text-fill-color:var(--ink);box-shadow:0 0 0 1000px var(--panel) inset}
  .source-entry-card .site-bar button.go{background:var(--accent);color:#fff;box-shadow:0 12px 30px var(--glow)}
  .source-entry-card .site-bar button.go:hover{background:var(--accent2);filter:brightness(1.03)}
  .source-scan-state{display:grid;grid-template-columns:10px minmax(0,1fr);align-items:start;gap:10px;padding:11px 0;border-top:1px solid var(--line2);border-bottom:1px solid var(--line2)}
  .source-scan-state>i{width:8px;height:8px;margin-top:4px;border-radius:50%;background:var(--phase);box-shadow:0 0 0 4px rgba(165,205,57,.12)}
  .source-scan-state b{display:block;font-size:11px;line-height:1.2}
  .source-scan-state #promo-url-msg{display:block;min-height:0;margin:4px 0 0;font-size:10.5px;line-height:1.3}
  .source-entry-card .source-read-row{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin:0}
  .source-entry-card .source-read-row span{display:flex;min-width:0;min-height:45px;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;border-radius:7px;padding:7px 8px;background:var(--panel);box-shadow:0 0 0 1px var(--line2)}
  .source-entry-card .source-read-row b{color:var(--phase);font:850 8px/1 var(--ui);font-variant-numeric:tabular-nums}
  .source-entry-card .source-read-row em{overflow:hidden;width:100%;color:var(--ink);font:750 9px/1.1 var(--ui);font-style:normal;text-overflow:ellipsis}
  .source-entry-card .source-stage-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding-top:2px}
  .source-entry-card .source-stage-actions>span{color:var(--faint);font-size:10.5px}
  .source-entry-card .source-stage-actions button{min-height:40px;margin:0}
  .source-right{position:relative;min-width:0;min-height:0;height:100%}
  .source-right>.source-visual,.source-right>.source-research-preview{position:absolute;inset:0;width:100%;height:100%}
  .source-research-preview{display:flex;min-height:0;flex-direction:column;overflow:hidden;border-radius:8px;background:var(--shell2);color:#f5f7f3;padding:20px;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 18px 44px rgba(13,17,14,.22)}
  .source-research-preview.hidden{display:none}
  .source-research-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.12)}
  .source-research-heading{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;min-width:0}
  .source-research-heading>.mm-work-orbit{--mm-work-accent:var(--phase);width:44px;height:44px}
  .source-research-heading>.mm-work-orbit::after{inset:15px}
  .source-research-head span{display:block;color:var(--phase);font:850 9px/1 var(--ui);letter-spacing:.1em;text-transform:uppercase}
  .source-research-head h3{margin:7px 0 0;color:#f5f7f3;font:400 26px/1 var(--serif);letter-spacing:0;text-transform:none}
  .source-research-confidence{border-radius:999px;background:rgba(255,255,255,.1);padding:7px 9px;color:#dce7de;font:750 9px/1 var(--ui);white-space:nowrap}
  .source-research-stages{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:13px 0}
  .source-research-stage{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:6px;min-height:34px;border-radius:7px;background:rgba(255,255,255,.06);padding:7px 8px;color:#98a49c;font:700 9px/1.2 var(--ui)}
  .source-research-stage i{display:grid;width:18px;height:18px;place-items:center;border-radius:50%;background:rgba(255,255,255,.08);color:#aeb9b1;font-style:normal;font-size:8px}
  .source-research-stage.run{color:#fff}.source-research-stage.run i{background:var(--phase);color:#111}
  .source-research-stage.done{color:#dce7de}.source-research-stage.done i{background:#2e7d4f;color:#fff}
  .source-research-findings{display:grid;grid-template-columns:1fr 1fr;gap:8px;min-height:0;flex:1}
  .source-research-finding{min-width:0;border-top:1px solid rgba(255,255,255,.12);padding-top:9px}
  .source-research-finding span{display:block;color:#8f9b93;font:800 8px/1 var(--ui);letter-spacing:.09em;text-transform:uppercase}
  .source-research-finding b{display:-webkit-box;margin-top:5px;overflow:hidden;color:#fff;font:700 11px/1.35 var(--ui);-webkit-box-orient:vertical;-webkit-line-clamp:3}
  .source-research-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}
  .source-research-actions small{color:#9eaaa2;font:650 9px/1.35 var(--ui)}
  .source-research-actions .go{min-height:42px;margin:0;background:var(--phase);color:var(--phase-ink);box-shadow:none}
  .source-brand-panel{display:none!important}
  .source-brand-switch:not(.hidden){position:relative;z-index:6;margin:12px 0 0;max-height:none;overflow:visible}

  .studio-slide-brief>.panel{position:relative;display:grid!important;grid-template-rows:minmax(0,1fr) auto auto;align-content:center;justify-items:center;flex:1;min-height:0;width:100%;max-width:none;gap:10px;overflow:hidden}
  .studio-slide-brief .deck{padding:0}
  .studio-slide-brief .wq.on{align-self:center;width:min(760px,100%);max-height:100%;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:clamp(16px,2.4vw,28px);border-radius:8px;animation:none;-webkit-overflow-scrolling:touch}
  .studio-slide-brief .promo-q,.studio-slide-brief #paste-mode,.studio-slide-brief #ghost{animation:none}
  .studio-slide-brief>.panel>.wiz-nav{width:min(760px,100%);justify-content:center;margin:0}
  .studio-slide-brief #wiz-hint{width:min(760px,100%);min-height:0;margin:0;text-align:center}
  .studio-slide-brief #wiz-hint:has(.mm-work){width:min(620px,100%);padding:8px 10px;border-radius:8px;background:var(--panel2);text-align:left;box-shadow:0 0 0 1px var(--line2)}
  .studio-slide-brief #wiz-hint:empty{display:none}
  .studio-slide-brief #out-diagnose{display:none!important}
  .studio-slide-brief #out-diagnose[data-blocker="true"]:not(:empty){position:absolute;inset:0;z-index:12;display:grid!important;place-items:center;padding:16px;overflow:hidden;background:var(--panel)}
  .studio-slide-brief #out-diagnose>.card{width:min(680px,100%);max-height:100%;margin:0;overflow:hidden;border-radius:8px;box-shadow:0 0 0 1px var(--line),0 24px 70px rgba(0,0,0,.24)}
  .studio-slide-brief #out-diagnose details{display:none}
  .studio-slide-brief #promo-goals{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .studio-slide-brief .promo-goal{min-height:78px;padding:10px 12px;border-radius:8px}
  .studio-slide-brief .promo-goal .pg-lbl{font-size:14px}
  .studio-slide-brief .promo-goal .pg-sub{font-size:11px}
  .studio-slide-brief .chan-cards{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}
  .studio-slide-brief .chv{min-height:78px;padding:8px 10px;border-radius:8px}
  .studio-slide-brief .chv-ico{font-size:15px}
  .studio-slide-brief .chv-lbl{font-size:12px;margin-top:1px}
  .studio-slide-brief .chv-badge{display:none}
  .studio-slide-brief textarea{min-height:96px;max-height:120px}

  .creative-view-toggle{display:flex;gap:4px;padding:4px;border-radius:8px;background:var(--panel2);box-shadow:0 0 0 1px var(--line2)}
  .creative-view-toggle button{min-height:36px;border-radius:6px;padding:0 11px}
  .creative-workspace{position:relative;display:block;flex:1;min-height:0}
  .creative-picker-pane,.creative-editor-pane{position:absolute;inset:0;display:block;height:auto;min-width:0;min-height:0;overflow:hidden!important;border-radius:8px;background:var(--panel2);padding:12px;box-shadow:0 0 0 1px var(--line2);visibility:hidden;opacity:0;pointer-events:none;transition-property:transform,opacity,visibility;transition-duration:.36s,.2s,0s;transition-delay:0s,0s,.36s;transition-timing-function:cubic-bezier(.2,0,0,1),ease-out,linear;will-change:transform,opacity}
  .creative-picker-pane{transform:translateX(-104%)}
  .creative-editor-pane{transform:translateX(104%)}
  body[data-creative-view="browse"] .creative-picker-pane,body[data-creative-view="remix"] .creative-editor-pane{visibility:visible;opacity:1;pointer-events:auto;transform:translateX(0);transition-delay:0s}
  body[data-creative-view="browse"] .creative-editor-pane{transform:translateX(104%)}
  body[data-creative-view="remix"] .creative-picker-pane{transform:translateX(-104%)}
  .creative-picker-pane .quick-examples,.creative-picker-pane .video-ad-picker{height:100%;margin:0}
  .creative-picker-pane .video-ad-picker{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:9px;padding:0;background:transparent;box-shadow:none}
  .creative-picker-pane .video-ad-picker-head{margin:0}
  .creative-picker-pane .video-ad-picker-title{font-size:23px}
  .creative-picker-pane .video-ad-choice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));height:100%;min-height:0;gap:10px}
  .creative-picker-pane .video-ad-choice{min-height:0;height:100%;border-radius:8px}
  .creative-picker-pane .video-ad-choice-media{height:auto;min-height:0;flex:1;padding:6px}
  .creative-picker-pane .video-ad-choice-body{flex:0 0 auto;gap:5px;padding:8px}
  .creative-picker-pane .video-ad-choice-pattern{display:none}
  .creative-picker-pane .video-ad-choice-copy{font-size:11.5px}
  .creative-picker-pane .video-ad-picker-foot{display:none}
  .ad-ref-toolbar{display:grid;grid-template-columns:minmax(180px,260px) 1fr auto;align-items:center;gap:10px}
  .ad-ref-toolbar select{min-height:42px;border-radius:8px;background:var(--panel);font-size:13px;font-weight:700}
  .ad-ref-category-summary{margin:0;min-width:0}
  .ad-ref-category-summary span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .ad-ref-pager{display:flex;align-items:center;justify-content:flex-end;gap:8px}
  .ad-ref-pager span{min-width:46px;color:var(--faint);font:800 9px/1 var(--ui);font-variant-numeric:tabular-nums;text-align:center}
  .ad-ref-pager button{width:40px;height:40px;margin:0;padding:0;border-radius:8px}
  .ad-ref-picker-note{color:var(--faint);font:750 10px/1.2 var(--ui);text-align:center}
  .creative-editor-pane #creative-lab,.creative-editor-pane .creator-shell{height:100%;margin:0}
  .creative-editor-pane .creator-shell{display:flex;min-height:0;flex-direction:column;border:0;border-radius:0;background:transparent;padding:0;box-shadow:none}
  .creative-editor-pane .creator-head{flex:0 0 auto;align-items:center;margin:0 0 8px}
  .creative-editor-pane .creator-tabs{position:static;margin:0;padding:0;background:transparent;border:0}
  .creative-editor-pane .style-rail{flex:0 0 auto;margin:0 0 8px;padding:6px;border-radius:8px;background:var(--panel);box-shadow:0 0 0 1px var(--line2)}
  .creative-editor-pane .creator-pane{display:flex;flex:1;min-height:0;flex-direction:column;overflow:hidden;padding:0}
  .creative-editor-pane .selected-ad-summary{display:grid;grid-template-columns:minmax(180px,.72fr) minmax(0,1.28fr);flex:1;min-height:0;gap:14px;align-items:stretch}
  .creative-editor-pane .selected-ad-summary>div{min-height:0}
  .creative-editor-pane .selected-ad-summary img{width:100%;height:100%;max-height:34vh;object-fit:contain}
  .creative-editor-pane .selected-ad-copy{min-height:0;overflow:hidden}
  .creative-editor-pane .selected-ad-copy>p{margin:6px 0;font-size:12px}
  .creative-editor-pane .selected-ad-facts{grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}
  .creative-editor-pane .selected-ad-fact{min-height:0;padding:7px}
  .creative-editor-pane .selected-ad-fact:nth-child(n+5){display:none}
  .creative-editor-pane .testing-loop{margin:8px 0 0;padding:9px}
  .creative-editor-pane .example-action-row{margin-top:auto;padding-top:10px}
  .creative-editor-pane .brief-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin:8px 0}
  .creative-editor-pane .brief-card{min-height:0;padding:9px;border-radius:8px}
  .creative-editor-pane .brief-card p{display:none}
  .creative-editor-pane .format-focus{display:grid;grid-template-columns:minmax(200px,.72fr) 1.28fr;gap:12px;margin-top:12px}
  .creative-editor-pane .format-focus select{min-height:48px;border-radius:8px;background:var(--panel);font-weight:750}
  .creative-editor-pane .format-focus-card{padding:14px;border-radius:8px;background:var(--panel);box-shadow:0 0 0 1px var(--line2)}

  .studio-slide-create>.panel,.studio-slide-publish>.panel{display:flex!important;flex:1;min-height:0;width:100%;max-width:none;flex-direction:column}
  .studio-slide-create>.panel{overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
  .studio-slide-publish>.panel{overflow:hidden}
  .studio-slide-create>.panel>h2,.studio-slide-create>.panel>p,.studio-slide-publish>.panel>h2,.studio-slide-publish>.panel>p{display:none}
  .studio-slide-create #btn-atomize,.studio-slide-publish #btn-schedule{align-self:flex-start;flex:0 0 auto;margin:0 0 8px}
  .studio-slide-create #gen-hint{flex:0 0 auto;margin:0 0 6px!important}
  .studio-slide-create #out-review{flex:0 0 auto;overflow:visible}
  .studio-slide-create #out-review:empty{display:none}
  .studio-slide-create #out-review .review-decision{margin:0 0 8px;padding:14px;border-radius:8px}
  .studio-slide-create .create-quality-status{width:max-content;max-width:100%;border-radius:6px;background:var(--panel2);padding:5px 8px;font-size:9px;line-height:1.2;box-shadow:0 0 0 1px var(--line2)}
  .studio-slide-create #out-atomize{position:relative;display:flex;flex:1;min-height:0;flex-direction:column;overflow:hidden}
  .studio-slide-create #out-atomize:has(#poststage){display:grid;grid-template-rows:auto minmax(0,1fr) 46px}
  .studio-slide-create #out-atomize>.card{display:none}
  .studio-slide-create #poststage{display:grid;min-height:0;place-items:stretch center;overflow:hidden}
  .studio-slide-create .poststep.on{display:grid;width:min(100%,1560px);height:100%;min-height:0;place-items:stretch center;overflow:hidden;animation:none}
  .studio-slide-create .poststep>.card{width:100%;height:100%;min-height:0;margin:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;border:1px solid var(--line2);border-radius:8px;padding:18px;background:var(--panel);box-shadow:0 18px 52px rgba(0,0,0,.12)}
  .studio-slide-create .poststep>.card>pre{display:-webkit-box;max-height:32vh;margin-top:12px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:12;font-size:15px;line-height:1.55}
  .studio-slide-create .poststep>.card:not(.video-review-card):not(.carousel-review-card){display:grid;height:min(100%,640px);grid-template-rows:auto minmax(0,1fr) auto;align-content:start}
  .studio-slide-create .poststep>.card:not(.video-review-card):not(.carousel-review-card)>h3{font-size:21px}
  .studio-slide-create .poststep>.card:not(.video-review-card):not(.carousel-review-card)>pre{max-width:1080px;max-height:none;align-self:start;font-size:16px;line-height:1.62;-webkit-line-clamp:16}
  .studio-slide-create .poststep details,.studio-slide-create #out-validate{display:none!important}
  .studio-slide-create .poststep.review-editing details[data-asset-regenerate]{display:block!important;padding:12px;border-radius:8px;background:var(--panel2);box-shadow:0 0 0 1px color-mix(in srgb,var(--ink) 8%,transparent)}
  .studio-slide-create .poststep.review-editing details[data-asset-regenerate]>summary{display:flex;min-height:40px;align-items:center;font-weight:750;color:var(--ink)}
  .studio-slide-create .poststep.review-editing>.card.reveal{animation:none!important;opacity:1;transform:none!important;filter:none}
  .studio-slide-create .poststep.review-editing>.card:not(.carousel-review-card):not(.video-review-card){grid-template-rows:auto minmax(0,1fr) auto auto}
  .studio-slide-create .poststep.review-editing>.video-review-card{overflow:auto}
  .studio-slide-create .poststep.review-editing>.video-review-card details[data-asset-regenerate]{grid-column:1/-1}
  .studio-slide-create .feedback,.studio-slide-create .feedback-strip,.studio-slide-create .fb-strip{display:none!important}
  .studio-slide-create .vis-cta{margin-top:8px;padding:9px}
  .studio-slide-create .vis-sub{display:none}
  .studio-slide-create .vis-btns{gap:6px;margin-top:6px}
  .studio-slide-create .slides{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;overflow:hidden;padding:4px 0}
  .studio-slide-create .slides .slide:nth-child(n+5){display:none}
  .studio-slide-create .slide .dl{display:none}
  .studio-slide-create .poststep>.carousel-review-card{display:grid;width:100%;height:100%;min-height:0;max-height:100%;grid-template-rows:auto minmax(160px,1fr) auto auto;gap:10px;padding:14px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
  .carousel-review-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}
  .carousel-review-title{min-width:0}
  .carousel-review-kicker{display:block;margin-bottom:4px;color:var(--phase);font:850 8px/1 var(--ui);letter-spacing:.09em;text-transform:uppercase}
  .carousel-review-head h3{justify-content:flex-start;margin:0;font-size:17px;line-height:1.1}
  .carousel-review-count{flex:0 0 auto;color:var(--faint);font:800 9px/1 var(--ui);font-variant-numeric:tabular-nums;text-transform:uppercase}
  .studio-slide-create .carousel-review-card .carousel-slide-grid{display:grid;height:100%;grid-template-columns:minmax(0,1fr);grid-auto-rows:minmax(0,1fr);align-items:center;gap:0;min-height:0;overflow:hidden;padding:0}
  .studio-slide-create .carousel-review-card .slide{position:relative;display:none!important;width:auto;height:100%;min-width:0;grid-template-rows:minmax(0,1fr);place-items:center;overflow:hidden}
  .studio-slide-create .carousel-review-card .slide.mobile-current{display:grid!important}
  .carousel-slide-button{position:relative;display:grid;width:auto;max-width:100%;height:100%;max-height:100%;aspect-ratio:4/5;place-items:center;margin:0 auto;border:0;border-radius:7px;padding:0;background:transparent;color:inherit;cursor:zoom-in;box-shadow:0 0 0 1px var(--line);transition:transform .15s ease-out,box-shadow .15s ease-out}
  .carousel-slide-button:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.18)}
  .carousel-slide-button:focus-visible{outline:2px solid var(--phase);outline-offset:2px}
  .studio-slide-create .carousel-review-card .slide img{display:block;width:100%;max-width:100%;height:100%;max-height:100%;aspect-ratio:4/5;border:0;border-radius:7px;object-fit:contain;outline:1px solid rgba(0,0,0,.1);outline-offset:-1px;transition:none}
  html[data-theme="dark"] .studio-slide-create .carousel-review-card .slide img{outline-color:rgba(255,255,255,.1)}
  .studio-slide-create .carousel-review-card .slide img:hover{transform:none}
  .carousel-slide-number{position:absolute;top:5px;left:5px;display:grid;place-items:center;min-width:22px;height:18px;border-radius:4px;background:rgba(10,10,14,.78);color:#fff;font:800 8px/1 var(--ui);font-variant-numeric:tabular-nums;pointer-events:none}
  .carousel-review-toolbar{display:grid;grid-template-columns:auto minmax(220px,1fr);align-items:center;gap:8px;border-top:1px solid var(--line2);padding-top:9px}
  .carousel-review-actions,.carousel-review-regenerate{display:flex;align-items:center;gap:6px;min-width:0}
  .carousel-review-actions button,.carousel-review-regenerate button{min-height:44px;margin:0;border-radius:7px;padding:0 10px;font-size:10px;white-space:nowrap}
  .carousel-review-regenerate{justify-content:flex-end}
  .carousel-review-regenerate input{width:min(360px,100%);min-height:44px;border-radius:7px;padding:0 10px;font-size:10px}
  .carousel-review-status{display:flex;gap:10px;min-height:12px;color:var(--faint);font-size:9px}
  .carousel-review-status:has([data-mm-work-active="true"]){display:block;min-height:72px}
  .carousel-review-status>[data-mm-work-active="true"]{display:block;width:100%;min-width:0}
  .carousel-review-empty{display:grid;place-items:center;min-height:0;border:1px dashed var(--line);border-radius:7px;color:var(--dim);font-size:12px;text-align:center}
  .carousel-gallery{display:flex;height:100%;min-height:160px;flex-direction:column;overflow:hidden}
  .carousel-gallery .carousel-slide-grid{flex:1}
  .studio-slide-create .poststep.review-editing>.carousel-review-card{grid-template-rows:auto auto auto;align-content:start;overflow:auto}
  .studio-slide-create .poststep.review-editing>.carousel-review-card .carousel-gallery,
  .studio-slide-create .poststep.review-editing>.carousel-review-card .review-media-lock,
  .studio-slide-create .poststep.review-editing>.carousel-review-card .carousel-review-actions{display:none!important}
  .studio-slide-create .poststep.review-editing>.carousel-review-card .carousel-review-toolbar{display:block;border-top:0;padding-top:0}
  .studio-slide-create .poststep.review-editing>.carousel-review-card .carousel-review-regenerate{display:grid;grid-template-columns:minmax(0,420px) auto;justify-content:start}
  .carousel-mobile-nav{display:flex;flex:0 0 50px;align-items:center;justify-content:center;gap:14px;padding-top:5px}
  .carousel-mobile-nav button{display:grid;place-items:center;width:44px;height:44px;margin:0;border:0;border-radius:7px;background:var(--panel2);color:var(--ink);font:800 15px/1 var(--ui);box-shadow:0 0 0 1px var(--line2);touch-action:manipulation;-webkit-user-select:none;user-select:none;transition-property:transform,background-color;transition-duration:.15s}
  .carousel-mobile-nav button:active{transform:scale(.96)}
  .carousel-mobile-nav span{min-width:54px;color:var(--dim);font:800 9px/1 var(--ui);font-variant-numeric:tabular-nums;text-align:center}
  .studio-slide-create .poststep>.video-review-card{display:grid;height:100%;max-height:100%;grid-template-columns:minmax(320px,.82fr) minmax(480px,1.18fr);grid-template-rows:auto minmax(0,1fr);gap:12px 20px;overflow:hidden}
  .studio-slide-create .poststep>.video-review-card:has(.video-proc),.studio-slide-create .poststep>.video-review-card:has(.media-result){height:100%}
  .studio-slide-create .video-review-card>h3{grid-column:1/-1;margin:0}
  .studio-slide-create .poststep>.video-review-card>pre{display:block;grid-column:1;grid-row:2;align-self:stretch;max-height:none;height:100%;min-height:0;margin:0;padding:16px;overflow:auto;overscroll-behavior:contain;border-radius:7px;background:var(--panel2);font-size:14px;line-height:1.52;-webkit-line-clamp:unset}
  .studio-slide-create .video-review-card>.vis-cta{grid-column:2;grid-row:2;display:flex;min-height:0;flex-direction:column;margin:0;border:0;border-radius:0;padding:0;background:transparent;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
  .studio-slide-create .video-review-card #short-out,.studio-slide-create .video-review-card #clip-out{min-height:0;margin-top:6px!important;overflow:hidden}
  .studio-slide-create .video-review-card .vis-cta.processing #short-out:has(.video-proc),.studio-slide-create .video-review-card .vis-cta.processing #clip-out:has(.video-proc){display:grid;flex:1;place-items:center;margin:0!important}
  .studio-slide-create .video-review-card .video-proc{width:min(720px,100%);min-height:270px;max-height:none;padding:28px}
  .studio-slide-create .video-review-card .video-proc .mm-work-orbit{width:82px;height:82px}
  .studio-slide-create .video-review-card .video-proc .mm-work-copy strong{font-size:21px}
  .studio-slide-create .video-review-card .video-proc .mm-work-copy p{font-size:13px}
  .studio-slide-create .video-review-card .video-proc .mm-work-stage{min-height:46px;padding-top:11px;font-size:10px}
  .studio-slide-create .video-review-card #short-out:has(.media-result),.studio-slide-create .video-review-card #clip-out:has(.media-result){display:grid;flex:1;place-items:center;margin:0!important}
  .studio-slide-create .video-review-card .media-result{display:grid;width:min(100%,820px);height:100%;max-height:100%;grid-template-columns:minmax(180px,340px) minmax(230px,1fr);grid-template-rows:minmax(0,1fr) auto;align-items:center;justify-content:center;gap:10px 16px;min-height:0;margin:0}
  .studio-slide-create .video-review-card .media-result video{grid-column:1;grid-row:1/3;width:auto;max-width:100%;height:100%;max-height:100%;aspect-ratio:9/16;border-radius:7px;object-fit:contain}
  .studio-slide-create .video-review-card .media-actions{grid-column:2;grid-row:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;align-self:stretch;gap:7px;margin:0}
  .studio-slide-create .video-review-card .media-actions>*{justify-content:center;width:100%;min-width:0;min-height:44px;margin:0;padding-inline:8px;text-align:center}
  .studio-slide-create .video-review-card .sound-note{grid-column:2;grid-row:2;align-self:start;margin:0;font-size:9.5px;line-height:1.35;text-wrap:pretty}
  .studio-slide-create .ps-head{min-height:20px;margin:0 0 6px}
  .studio-slide-create .ps-nav{align-self:end;min-height:42px;margin:4px 0 0}
  .studio-slide-create .ps-nav button{min-height:44px;margin:0;white-space:nowrap}
  .studio-slide-create .gen-show{max-width:620px;margin:auto}
  .studio-slide-create #forge-c{height:180px;margin-bottom:0}

  /* Create is a task deck inside the outer Studio phase. Each task owns the
     available frame; only the active task can scroll or receive input. */
  .studio-slide-create>.create-phase-head{margin:0 0 7px}
  .studio-slide-create>.panel{position:relative;overflow:hidden;scrollbar-gutter:auto}
  .studio-slide-create>.panel>.create-shell{display:grid;grid-template-rows:auto minmax(0,1fr) 48px;flex:1;min-height:0;width:100%;gap:6px;overflow:hidden}
  .studio-slide-create #out-atomize{display:contents}
  .studio-slide-create .create-progress{min-height:20px;margin:0;padding:0 2px;font-variant-numeric:tabular-nums}
  .studio-slide-create .create-stage{position:relative;min-height:0;overflow:hidden;border-radius:8px}
  .studio-slide-create .create-step{position:absolute;inset:0;z-index:1;display:flex!important;min-width:0;min-height:0;flex-direction:column;overflow:hidden;visibility:hidden;opacity:0;pointer-events:none;transform:translateX(12px);background:var(--panel);transition-property:transform,opacity,visibility;transition-duration:.2s,.14s,0s;transition-delay:0s,0s,.2s;transition-timing-function:cubic-bezier(.2,0,0,1),ease-out,linear}
  .studio-slide-create .create-step[data-create-position="before"]{transform:translateX(-12px)}
  .studio-slide-create .create-step[data-create-position="after"]{transform:translateX(12px)}
  .studio-slide-create .create-step[data-create-position="active"]{z-index:2;visibility:visible;opacity:1;pointer-events:auto;transform:translateX(0);transition-delay:0s}
  .studio-slide-create .create-step-head{flex:0 0 auto;margin:0 0 10px;padding:0 2px}
  .studio-slide-create .create-step-head>span{display:block;color:var(--phase);font:800 9px/1 var(--ui);letter-spacing:.11em;text-transform:uppercase}
  .studio-slide-create .create-step-head h1,.studio-slide-create .create-step-head h2{margin:6px 0 4px;font-family:var(--serif);font-size:clamp(25px,2.5vw,36px);font-weight:400;line-height:1;text-wrap:balance}
  .studio-slide-create .create-step-head p{max-width:720px;margin:0;color:var(--dim);font-size:12px;line-height:1.42;text-wrap:pretty}
  .studio-slide-create [data-create-heading]:focus{outline:none}
  .studio-slide-create [data-create-heading]:focus-visible{outline:2px solid var(--phase);outline-offset:3px;border-radius:4px}
  .studio-slide-create .create-step-body{display:flex;flex:1;min-height:0;min-width:0;flex-direction:column;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:1px 3px 4px}
  .studio-slide-create .create-review-body{gap:8px;overflow:hidden}
  .studio-slide-create .create-review-body #btn-atomize{align-self:flex-start;margin:0}
  .studio-slide-create .create-review-body #gen-hint{flex:0 0 auto;margin:0!important}
  .studio-slide-create .create-review-body #create-generation{flex:0 0 auto;max-height:42%;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
  .studio-slide-create .create-review-body #create-generation:empty{display:none}
  .studio-slide-create .create-review-body #create-generation.is-busy{flex:1;max-height:none}
  .studio-slide-create .create-review-body:has(#create-generation.is-busy) #out-review{display:none}
  .studio-slide-create .create-review-body #out-review{flex:1;min-height:0;overflow:auto;scrollbar-gutter:stable}
  .studio-slide-create .create-review-body #out-review .review-decision{margin:0;padding:18px}
  .studio-slide-create .create-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:48px;margin:0;gap:10px}
  .studio-slide-create .create-nav #create-back{grid-column:1;justify-self:start}
  .studio-slide-create .create-nav #create-next{grid-column:3;justify-self:end}
  .studio-slide-create .create-shell:not(.has-assets) .create-nav{visibility:hidden}
  .studio-slide-create .create-shell.review-fix-mode,.studio-slide-create .create-shell.review-blocked-mode{grid-template-rows:auto minmax(0,1fr)}
  .studio-slide-create .create-shell.review-fix-mode .create-nav,.studio-slide-create .create-shell.review-blocked-mode .create-nav{display:none}
  .studio-slide-create .create-nav button{min-height:44px;margin:0;white-space:nowrap;touch-action:manipulation;-webkit-user-select:none;user-select:none;transition-property:transform,background-color,box-shadow;transition-duration:.15s;transition-timing-function:ease-out}
  .studio-slide-create .create-nav button:active:not(:disabled){transform:scale(.96)}
  .studio-slide-create .create-nav button[disabled]{cursor:default;opacity:0;pointer-events:none}
  .studio-slide-create .create-copy-card{display:flex;flex:1;min-height:0;flex-direction:column;margin:0;padding:18px;overflow:hidden}
  .studio-slide-create .create-step[data-create-key$="-copy"] .create-step-body,.studio-slide-create .create-step[data-create-key="video-media"] .create-step-body{overflow:hidden}
  .studio-slide-create .create-card-meta{display:flex;flex:0 0 auto;min-height:40px;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
  .studio-slide-create .create-card-meta .copy{min-height:40px;margin:0}
  .studio-slide-create .create-copy-card>pre{display:block;flex:1;min-height:0;max-height:none;margin:0;padding:18px;overflow:auto;overscroll-behavior:contain;border-radius:7px;background:var(--panel2);font-size:16px;line-height:1.62;white-space:pre-wrap;-webkit-line-clamp:unset}
  .studio-slide-create .create-copy-actions{display:flex;flex:0 0 auto;justify-content:flex-end;margin-top:10px}
  .studio-slide-create .create-copy-actions .go{min-height:44px;margin:0}
  .studio-slide-create .create-step details,.studio-slide-create .create-step .feedback,.studio-slide-create .create-step .feedback-strip,.studio-slide-create .create-step .fb-strip{display:none!important}
  .studio-slide-create .create-step.review-editing details[data-asset-regenerate]{display:block!important;flex:0 0 auto;margin-top:10px!important;padding:12px;border-radius:8px;background:var(--panel2);box-shadow:0 0 0 1px color-mix(in srgb,var(--ink) 8%,transparent)}
  .studio-slide-create .create-step.review-editing details[data-asset-regenerate]>summary{display:flex;min-height:40px;align-items:center;font-weight:750;color:var(--ink)}
  .studio-slide-create .create-step.review-editing .card.reveal{animation:none!important;opacity:1;transform:none!important;filter:none!important}
  .studio-slide-create .reviewer-fix-banner{display:flex;flex:0 0 auto;min-height:48px;align-items:center;justify-content:space-between;gap:10px;margin:0 3px 8px;padding:8px 10px;border-radius:8px;background:var(--panel2);box-shadow:0 0 0 1px var(--line2)}
  .studio-slide-create .reviewer-fix-banner span{font-weight:750;text-wrap:pretty}
  .studio-slide-create .reviewer-fix-banner .copy{flex:0 0 auto;min-height:40px;margin:0}
  .studio-slide-create .video-media-card{display:flex;flex:1;min-height:0;flex-direction:column;margin:0;padding:18px;overflow:hidden}
  .studio-slide-create .video-media-card>.vis-cta{display:flex;flex:1;min-height:0;flex-direction:column;margin:0;border:0;border-radius:0;padding:0;background:transparent;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
  .studio-slide-create .video-media-card .vis-sub{display:block;margin-bottom:8px}
  .studio-slide-create .video-media-card .vis-btns{gap:8px;margin-top:8px}
  .studio-slide-create .video-media-card #short-out,.studio-slide-create .video-media-card #clip-out{min-height:0;margin-top:8px!important;overflow:hidden}
  .studio-slide-create .video-media-card .vis-cta.processing #short-out:has(.video-proc),.studio-slide-create .video-media-card .vis-cta.processing #clip-out:has(.video-proc){display:grid;flex:1;place-items:center;margin:0!important}
  .studio-slide-create .video-media-card #short-out:has(.media-result),.studio-slide-create .video-media-card #clip-out:has(.media-result){display:grid;flex:1;place-items:center;margin:0!important}
  .studio-slide-create .create-step[data-create-key="carousel"] .create-step-body{overflow:hidden}
  .studio-slide-create .create-step[data-create-key="carousel"] .carousel-review-card{display:grid;flex:1;width:100%;height:100%;min-height:0;max-height:100%;grid-template-rows:auto minmax(160px,1fr) auto auto;gap:10px;margin:0;padding:14px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
  .studio-slide-create .create-step.review-editing[data-create-key="carousel"] .carousel-review-card{grid-template-rows:auto auto auto;align-content:start;overflow:auto}
  .studio-slide-create .create-step.review-editing[data-create-key="carousel"] .carousel-gallery,
  .studio-slide-create .create-step.review-editing[data-create-key="carousel"] .review-media-lock,
  .studio-slide-create .create-step.review-editing[data-create-key="carousel"] .carousel-review-actions{display:none!important}
  .studio-slide-create .create-step.review-editing[data-create-key="carousel"] .carousel-review-toolbar{display:block;border-top:0;padding-top:0}
  .studio-slide-create .create-step.review-editing[data-create-key="carousel"] .carousel-review-regenerate{display:grid;grid-template-columns:minmax(0,420px) auto;justify-content:start}
  .studio-slide-create .create-tools{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:10px;width:100%;padding:1px 2px 10px}
  .studio-slide-create .create-tools>.create-tools-actions,.studio-slide-create .create-tools>.mode{grid-column:1/-1}
  .studio-slide-create .create-tools-actions{display:flex;gap:8px;flex-wrap:wrap}
  .studio-slide-create .create-tools-actions button{min-height:44px;margin:0}
  .studio-slide-create .create-tools>.card{height:auto;margin:0}

  .studio-slide-publish #out-schedule{display:flex;flex:1;min-height:0;flex-direction:column;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding-bottom:env(safe-area-inset-bottom);scroll-padding-bottom:calc(16px + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch}
  .publish-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);height:100%;min-height:0;gap:12px}
  .pubq-row{display:flex;align-items:center;gap:10px;padding:7px 0;border-top:1px solid var(--line2);font-size:13px}
  .pubq-row label{display:flex;gap:8px;align-items:center;flex:1;cursor:pointer;min-width:0}
  .pubq-row label input{width:auto;margin:0;flex:none}
  .pubq-row.done label span{opacity:.5;text-decoration:line-through}
  .pubq-row .copy{margin-top:0;white-space:nowrap}
  .publish-layout>.card{height:100%;min-height:0;margin:0;overflow:auto;overscroll-behavior:contain;padding:14px 14px calc(14px + env(safe-area-inset-bottom));scroll-padding-bottom:calc(16px + env(safe-area-inset-bottom))}
  .publish-layout table{display:table!important;width:100%;table-layout:fixed;overflow:visible!important;font-size:11px}
  .publish-layout th,.publish-layout td{padding:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .publish-calendar-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
  .publish-measure{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}
  .publish-measure div{padding:8px;border-radius:7px;background:var(--panel2)}
  .publish-measure span{display:block;color:var(--faint);font:800 8px/1 var(--ui);letter-spacing:.07em;text-transform:uppercase}
  .publish-measure b{display:block;margin-top:5px;font-size:11px;line-height:1.25}
  .publish-placement{display:grid;gap:8px;margin-top:12px}
  .publish-placement:empty{display:none}
  .publish-placement-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
  .publish-placement-head b{display:block;font-size:12px;line-height:1.3;text-wrap:balance}
  .publish-placement-head>div>span{display:block;margin-top:2px;color:var(--dim);font-size:10px;line-height:1.4;text-wrap:pretty}
  .publish-placement-summary{flex:none;color:var(--faint);font:800 9px/1.4 var(--ui);font-variant-numeric:tabular-nums;white-space:nowrap}
  .publish-placement-row{display:grid;gap:7px;margin:0;border:0;border-radius:17px;padding:10px;background:var(--panel2);box-shadow:0 0 0 1px color-mix(in srgb,var(--ink) 7%,transparent),0 1px 2px color-mix(in srgb,var(--ink) 5%,transparent)}
  .publish-placement-row legend{display:flex;width:100%;align-items:center;justify-content:space-between;gap:10px;padding:0;color:var(--ink);font:800 11px/1.3 var(--ui)}
  .publish-placement-all,.publish-placement-choice{position:relative;display:inline-flex;min-height:40px;align-items:center;gap:6px;cursor:pointer}
  .publish-placement-all{color:var(--dim);font-size:9px}
  .publish-placement-choices{display:flex;flex-wrap:wrap;gap:6px}
  .publish-placement-choice{border-radius:7px;padding:0 10px;background:var(--panel);box-shadow:0 0 0 1px color-mix(in srgb,var(--ink) 8%,transparent);font:750 10px/1 var(--ui);transition-property:transform,box-shadow;transition-duration:140ms;transition-timing-function:ease-out}
  .publish-placement-choice:has(input:checked){background:var(--zaptint);color:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 30%,transparent),0 1px 2px color-mix(in srgb,var(--accent) 10%,transparent)}
  .publish-placement-choice:active{transform:scale(.96)}
  .publish-placement-choice input,.publish-placement-all input{width:15px;height:15px;flex:none;margin:0;accent-color:var(--accent)}
  .publish-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}
  .publish-actions button{margin:0;min-height:44px;border-radius:8px}
  #publish-status:has(.mm-work){margin-top:10px!important;padding:9px;border-radius:8px;background:var(--panel2);box-shadow:0 0 0 1px var(--line2)}
  .publish-account-link{display:inline-flex;margin-top:10px;color:var(--ink);font-size:11px;font-weight:750}

  .studio-learn-mount{display:grid;grid-template-columns:1fr 1fr;flex:1;min-height:0;gap:12px;max-width:none;overflow:hidden}
  .studio-learn-mount .card{height:100%;min-height:0;overflow:hidden;padding:14px}
  .studio-learn-mount #post-analytics-card{overflow:auto;overscroll-behavior:contain}
  .studio-learn-mount table{display:table!important;width:100%;overflow:visible!important;font-size:10.5px;table-layout:fixed}
  .studio-learn-mount th,.studio-learn-mount td{padding:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .studio-learn-mount #post-analytics th:nth-child(1){width:20%}
  .studio-learn-mount #post-analytics th:nth-child(2){width:22%}
  .studio-learn-mount #post-analytics th:nth-child(3){width:40%}
  .studio-learn-mount #post-analytics th:last-child{width:18%}
  .studio-learn-mount #post-analytics td.posting-live-result{white-space:normal;overflow-wrap:anywhere;line-height:1.4}
  .studio-learn-mount #post-analytics td.posting-platforms{white-space:normal;overflow-wrap:anywhere;line-height:1.4}
  .studio-learn-mount #post-analytics td.posting-learn-actions{white-space:normal}
  .studio-learn-mount #post-analytics td.posting-learn-actions .copy{display:block;width:100%;margin:0 0 6px;padding:6px 8px}
  .studio-learn-mount #post-analytics td.posting-learn-actions .copy:last-child{margin-bottom:0}
  .studio-learn-mount #post-analytics .posting-platform-link{display:inline-flex;align-items:center;min-height:40px;color:inherit;text-decoration:none;vertical-align:middle}
  .studio-learn-mount #post-analytics .posting-platform-link:hover{text-decoration:underline}
  .studio-learn-mount #post-analytics .posting-live-result a{display:flex;align-items:center;min-height:40px}
  .studio-learn-mount #post-analytics .posting-metrics{margin-top:5px}
  .studio-slide-learn .studio-slide-head-row>div:first-child{min-width:0}
  .learn-head-actions{display:flex;flex:0 0 auto;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
  .learn-head-actions .studio-utility{white-space:nowrap}
  .learn-head-actions .learn-back-content{background:var(--phase);color:var(--phase-ink);box-shadow:0 0 0 1px color-mix(in srgb,var(--phase) 72%,var(--ink)),0 8px 20px color-mix(in srgb,var(--phase) 24%,transparent)}
  .learn-head-actions .learn-back-content:hover{background:color-mix(in srgb,var(--phase) 86%,var(--panel));box-shadow:0 0 0 1px color-mix(in srgb,var(--phase) 62%,var(--ink)),0 10px 24px color-mix(in srgb,var(--phase) 28%,transparent)}

  @media(max-width:960px){
    .studio-slide-create .poststep>.video-review-card{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 88px minmax(0,1fr);gap:8px}
    .studio-slide-create .poststep>.video-review-card>pre{display:-webkit-box!important;grid-column:1;grid-row:2;height:88px!important;max-height:88px;padding:10px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:4}
    .studio-slide-create .poststep>.video-review-card>.vis-cta{grid-column:1;grid-row:3}
    .studio-slide-create .video-review-card .vis-btns button,.studio-slide-create .video-review-card .vis-btns label{min-height:44px}
    .source-entry-card .source-stage-actions button,.source-research-actions .go,.studio-slide-brief>.panel>.wiz-nav button,.creative-view-toggle button,.creative-picker-pane .video-ad-choice-action,.ad-ref-toolbar select,.creative-editor-pane .creator-tab,.creative-editor-pane .style-chip{min-height:44px}
    .ad-ref-pager button{width:44px;height:44px}
  }
  @media(max-width:760px){
    .studio-workspace{grid-template-rows:88px minmax(0,1fr)}
    .studio-topbar{grid-template-columns:auto 40px minmax(0,1fr) auto;grid-template-rows:54px 26px;gap:0 7px;padding:0 10px}
    .studio-mobile-brand{grid-column:1;grid-row:1}
    .studio-mobile-brand img{width:30px;height:30px}
    .studio-mobile-brand span em{display:none}
    .studio-back-button{grid-column:2;grid-row:1;width:38px;height:38px}
    .studio-top-context{display:none}
    .studio-progress-mobile{grid-column:1/-1;grid-row:2;width:100%;gap:5px}
    .studio-progress-mobile>span em{display:none}
    .studio-top-actions{grid-column:4;grid-row:1;gap:4px}
    .studio-top-actions #automation-btn,.studio-top-actions #hist-btn,.studio-top-actions #kit-btn,.studio-wallet{display:none}
    .studio-utility{min-height:36px;padding:0 9px}
    .studio-account{min-height:36px}
    .studio-account-meta,.studio-account-separator,.studio-account-logout{display:none}
    .studio-account-link{display:inline-flex;align-items:center;justify-content:center;min-height:36px;border-radius:8px;background:var(--panel2);padding:0 9px;font-size:9px;box-shadow:0 0 0 1px var(--line2)}
    .studio-stage-window{padding:0}
    .studio-slide{inset:8px;padding:14px}
    .studio-slide-head{margin-bottom:9px}
    .studio-slide-head :is(h1,h2){margin-top:4px;font-size:27px}
    .studio-slide-head p{font-size:11px;line-height:1.35}
    .studio-slide-head-row{display:flex}
    .source-stage-grid,.studio-slide-source .source-stage-grid{grid-template-columns:1fr;grid-template-rows:minmax(260px,1fr) 142px;gap:8px}
    .source-entry-card{padding:14px}
    .source-entry-intro h2{font-size:24px}
    .source-entry-intro p{font-size:10.5px}
    .source-entry-card .site-bar{grid-template-columns:1fr auto;gap:7px}
    .source-entry-card .site-bar label,.source-entry-card .site-bar .hint{grid-column:1/-1}
    .source-entry-card .site-bar input{min-height:48px;font-size:15px}
    .source-entry-card .site-bar button.go{width:auto;min-width:94px;min-height:48px}
    .source-read-row{margin-top:10px;overflow:hidden}
    .source-entry-card .source-read-row{gap:4px;margin:0}
    .source-entry-card .source-read-row span{min-height:38px;padding:5px}
    .source-entry-card .source-read-row em{font-size:7.5px}
    .source-entry-card .source-stage-actions{display:flex;margin:0}
    .source-entry-card .source-stage-actions>span{display:none}
    .source-entry-card .source-stage-actions button{width:auto}
    .source-right{height:142px}
    .source-visual{min-height:0;height:142px}
    .source-visual-label{left:12px;right:12px;bottom:10px}
    .source-visual-label b{font-size:17px}
    .source-research-preview{padding:10px 12px}
    .source-research-head{align-items:center;padding-bottom:7px}
    .source-research-heading>.mm-work-orbit{width:34px;height:34px}
    .source-research-heading>.mm-work-orbit::after{inset:12px}
    .source-research-head h3{margin-top:3px;font-size:16px}
    .source-research-head span{font-size:7px}
    .source-research-confidence{padding:5px 7px;font-size:7px}
    .source-research-stages{grid-template-columns:repeat(4,1fr);gap:4px;margin:7px 0}
    .source-research-stage{display:flex;min-height:24px;justify-content:center;padding:4px;font-size:0}
    .source-research-stage i{width:15px;height:15px;font-size:6px}
    .source-research-findings{display:none}
    .source-research-actions{margin-top:auto;flex-wrap:wrap;justify-content:stretch}
    .source-research-actions small{flex:1 1 100%;max-width:100%;font-size:11px;margin-bottom:2px}
    .source-research-actions .go,.source-research-actions .copy{flex:1 1 100%;min-height:46px;padding:0 12px;font-size:13px;margin:0}
    .studio-slide-brief .wq.on{padding:14px 14px calc(14px + env(safe-area-inset-bottom));scrollbar-gutter:auto}
    .studio-slide-brief>.panel{gap:6px}
    .studio-slide-brief>.panel>.wiz-nav{gap:6px}
    .studio-slide-brief>.panel>.wiz-nav button{min-height:44px;padding:0 10px;font-size:10px}
    .studio-slide-brief #setup-note{max-height:48px;overflow:hidden;margin-top:8px;padding:8px 10px;font-size:10px;line-height:1.35}
    .studio-slide-brief #promo-goals{gap:6px}
    .studio-slide-brief .promo-goal{min-height:68px;padding:8px 10px}
    .studio-slide-brief .promo-goal .pg-lbl{font-size:12px}
    .studio-slide-brief .promo-goal .pg-sub{font-size:9.5px}
    .studio-slide-brief .chan-cards{grid-template-columns:1fr 1fr;gap:6px}
    .studio-slide-brief .chv{min-height:64px;padding:6px 8px}
    .creative-view-toggle{margin:0 0 0 auto}
    .creative-view-toggle button{min-height:44px;padding:0 8px;font-size:9px}
    .creative-picker-pane,.creative-editor-pane{display:block;height:auto;padding:9px}
    .creative-picker-pane .video-ad-picker{grid-template-rows:auto auto minmax(0,1fr) auto;gap:6px}
    .creative-picker-pane .video-ad-picker-title{font-size:18px}
    .creative-picker-pane .video-ad-picker-head .hint{display:none}
    .creative-picker-pane .video-ad-choice-grid{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:6px}
    .creative-picker-pane .video-ad-choice{width:auto;min-width:0;flex:initial}
    .creative-picker-pane .video-ad-choice-media{height:auto;min-height:0}
    .creative-picker-pane .video-ad-choice-body{gap:3px;padding:6px}
    .creative-picker-pane .video-ad-choice-copy{font-size:10px;-webkit-line-clamp:1}
    .creative-picker-pane .video-ad-choice-action{min-height:44px;font-size:9px}
    .video-ad-choice-source{display:none}
    .ad-ref-toolbar{grid-template-columns:1fr auto;gap:6px}
    .ad-ref-toolbar select{min-height:44px;font-size:11px}
    .ad-ref-category-summary{display:none}
    .ad-ref-pager{gap:4px}
    .ad-ref-pager button{width:44px;height:44px}
    .creative-editor-pane .creator-title{font-size:18px}
    .creative-editor-pane .style-note{display:none}
    .creative-editor-pane .creator-tabs{gap:3px}
    .creative-editor-pane .creator-tab{min-height:44px;padding:0 8px;font-size:9px}
    .creative-editor-pane .style-rail{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px}
    .creative-editor-pane .style-chip{min-height:44px;padding:0 5px;font-size:8px}
    .creative-editor-pane .selected-ad-summary{grid-template-columns:130px minmax(0,1fr);gap:8px}
    .creative-editor-pane .selected-ad-summary img{max-height:25vh}
    .creative-editor-pane .selected-ad-copy h3{font-size:15px}
    .creative-editor-pane .selected-ad-copy>p,.creative-editor-pane .selected-ad-facts{display:none}
    .creative-editor-pane .testing-loop{font-size:10px}
    .creative-editor-pane .brief-grid{grid-template-columns:1fr 1fr;gap:5px}
    .creative-editor-pane .brief-card:nth-child(n+7){display:none}
    .creative-editor-pane .format-focus{grid-template-columns:1fr;gap:8px}
    .studio-slide-create .poststep>.card{padding:9px}
    .studio-slide-create .poststep button{min-height:44px}
    .studio-slide-create .poststep>.card>pre{-webkit-line-clamp:6;max-height:17vh;font-size:11px}
    .studio-slide-create .vis-cta{padding:7px}
    .studio-slide-create .vis-h{font-size:12px}
    .studio-slide-create .slides{grid-template-columns:1fr 1fr}
    .studio-slide-create .slides .slide:nth-child(n+3){display:none}
    .studio-slide-create .carousel-review-card{grid-template-rows:auto minmax(200px,1fr) auto auto;gap:6px;padding:9px}
    .carousel-review-head h3{font-size:13px}
    .carousel-review-count{font-size:7px}
    .studio-slide-create .carousel-review-card .carousel-slide-grid{display:grid;min-height:148px;grid-template-columns:minmax(0,1fr);grid-auto-rows:minmax(0,1fr);gap:0}
    .studio-slide-create .carousel-review-card .carousel-slide-grid .slide{display:none!important;height:100%;min-height:0;place-items:center}
    .studio-slide-create .carousel-review-card .carousel-slide-grid .slide.mobile-current{display:grid!important}
    .studio-slide-create .carousel-review-card .carousel-slide-grid .slide img{width:100%!important;max-width:100%;height:100%;max-height:100%;object-fit:contain}
    .carousel-gallery{min-height:200px}
    .carousel-mobile-nav{flex-basis:48px;gap:12px;padding-top:4px}
    .carousel-mobile-nav button{display:grid;place-items:center;width:44px;height:44px;margin:0;border:0;border-radius:7px;background:var(--panel2);color:var(--ink);font:800 15px/1 var(--ui);box-shadow:0 0 0 1px var(--line2)}
    .carousel-mobile-nav span{min-width:48px;color:var(--dim);font:800 9px/1 var(--ui);font-variant-numeric:tabular-nums;text-align:center}
    .carousel-slide-number{top:3px;left:3px;min-width:17px;height:14px;font-size:6px}
    .carousel-review-toolbar{grid-template-columns:1fr;gap:5px;padding-top:6px}
    .carousel-review-actions{display:grid;grid-template-columns:repeat(3,1fr)}
    .carousel-review-regenerate{display:grid;grid-template-columns:minmax(0,1fr) auto}
    .studio-slide-create .poststep.review-editing>.carousel-review-card .carousel-review-regenerate{grid-template-columns:minmax(0,1fr) auto;justify-content:stretch}
    .carousel-review-actions button,.carousel-review-regenerate button{min-width:0;min-height:44px;padding:0 5px;font-size:8px}
    .carousel-review-regenerate input{width:100%;min-height:44px;font-size:9px}
    .studio-slide-create .poststep>.video-review-card{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 64px minmax(0,1fr);gap:6px}
    .studio-slide-create .poststep>.video-review-card>pre{display:-webkit-box!important;grid-column:1;grid-row:2;height:64px!important;max-height:64px;padding:8px;overflow:hidden;font-size:9.5px;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:3}
    .studio-slide-create .poststep>.video-review-card>.vis-cta{grid-column:1;grid-row:3}
    .studio-slide-create .video-review-card .vis-btns{display:grid;grid-template-columns:1fr}
    .studio-slide-create .video-review-card .vis-btns button{width:100%;min-height:44px;margin:0;padding:0 6px;font-size:8px}
    .studio-slide-create .video-review-card .vis-btns label{min-height:44px;align-items:center}
    .studio-slide-create .video-review-card #clip-box,.studio-slide-create .video-review-card .sound-note{display:none}
    .studio-slide-create .video-review-card .media-result{display:grid;width:100%;grid-template-columns:minmax(96px,.72fr) minmax(0,1.28fr);gap:8px}
    .studio-slide-create .video-review-card .media-result video{max-height:31vh}
    .studio-slide-create .video-review-card .media-actions{gap:4px;margin-top:5px}
    .studio-slide-create .video-review-card .media-actions button,.studio-slide-create .video-review-card .media-actions a{min-height:44px;padding:0 6px;font-size:8px}
    .studio-slide-create .video-review-card .vis-cta:has(#short-out .media-result) #clip-out{display:block;flex:0 0 44px;height:44px;min-height:44px;overflow:visible}
    .studio-slide-create .video-review-card .vis-cta:has(#short-out .media-result) #clip-out .media-result{display:block;width:100%;height:auto;max-height:none;min-height:0}
    .studio-slide-create .video-review-card .vis-cta:has(#short-out .media-result) #clip-out .media-result video{display:none}
    .studio-slide-create .video-review-card .vis-cta:has(#short-out .media-result) #clip-out .media-actions{display:grid;grid-column:auto;grid-row:auto;grid-template-columns:repeat(2,minmax(0,1fr));margin:0}
    .studio-slide-create #forge-c{height:130px}
    .studio-back-button,.studio-theme-button{width:44px;height:44px}
    .studio-utility,.studio-account,.studio-account-link{min-height:44px}
    .studio-top-actions #reset-btn{width:44px;min-width:44px;padding:0}
    .studio-slide-create>.panel{scrollbar-gutter:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
    .studio-slide-create>.panel::-webkit-scrollbar{display:none}
    .studio-slide-create .studio-slide-head{padding-right:50px}
    .studio-slide-create #btn-atomize{position:absolute;top:12px;right:12px;z-index:3;display:grid;place-items:center;width:44px;height:44px;min-height:44px;margin:0;padding:0;border-radius:8px;background:var(--panel2);color:var(--ink);font-size:0;box-shadow:0 0 0 1px var(--line2)}
    .studio-slide-create #btn-atomize::before{content:"↻";font:750 18px/1 var(--ui)}
    .studio-slide-create #btn-atomize:hover:not(:disabled){background:var(--zaptint);color:var(--ink);transform:none}
    .studio-slide-create #btn-atomize:active:not(:disabled){transform:scale(.96)}
    .studio-slide-create #gen-hint:empty{display:none}
    .review-decision-actions .go,.review-change-details>summary{min-height:44px}
    html.studio-short-viewport .studio-workspace{grid-template-rows:82px minmax(0,1fr)}
    html.studio-short-viewport .studio-topbar{grid-template-rows:52px 22px}
    html.studio-short-viewport .studio-slide{inset:6px;padding:12px}
    html.studio-short-viewport .studio-slide-head{margin-bottom:6px}
    html.studio-short-viewport .studio-slide-head :is(h1,h2){font-size:25px}
    html.studio-short-viewport .studio-slide-head p{display:none}
    html.studio-short-viewport .studio-slide-create #btn-atomize{top:10px;right:10px}
    html.studio-short-viewport .studio-slide-create #out-review .review-decision{margin-bottom:6px;padding:12px}
    html.studio-short-viewport .review-decision-head{gap:6px}
    html.studio-short-viewport .review-decision-summary{margin-top:5px;font-size:12.5px;line-height:1.4}
    html.studio-short-viewport .review-decision-models{display:-webkit-box;margin-top:3px;overflow:hidden;font-size:10px;-webkit-box-orient:vertical;-webkit-line-clamp:2}
    html.studio-short-viewport .review-decision-controls{gap:6px;margin-top:6px}
    html.studio-short-viewport .review-decision-actions{gap:6px}
    html.studio-short-viewport .review-decision-actions .hint{margin:0;font-size:10.5px;line-height:1.35}
    .studio-slide-publish #out-schedule{padding-bottom:calc(12px + env(safe-area-inset-bottom));scroll-padding-bottom:calc(20px + env(safe-area-inset-bottom))}
    /* One column, every row sized to its own content. The previous
       auto/percentage sizing let a row pin below its content height, so
       queue rows painted straight through the cards after them. */
    .publish-layout{grid-template-columns:1fr;grid-template-rows:none;grid-auto-rows:max-content;height:auto;min-height:0;align-content:start;gap:7px}
    .publish-layout>.card{height:max-content;min-height:0;overflow:visible;padding:9px 9px calc(9px + env(safe-area-inset-bottom))}
    .publish-layout table{font-size:9px}
    .publish-layout th,.publish-layout td{padding:4px}
    .publish-measure{display:none}
    .publish-placement{margin-top:9px}
    .publish-placement-row{padding:8px}
    .publish-placement-choice{min-height:40px;padding:0 8px;font-size:9px}
    .publish-placement-head{display:grid;gap:3px}
    .publish-placement-summary{white-space:normal}
    .publish-actions{margin-top:6px}
    .publish-actions button{min-height:44px;font-size:9px;padding:0 8px}
    .studio-slide-learn .studio-slide-head-row{display:grid;grid-template-columns:minmax(0,1fr);gap:9px}
    .learn-head-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:7px}
    .learn-head-actions .studio-utility{min-width:0;padding:0 7px;white-space:normal;text-align:center}
    .studio-learn-mount{grid-template-columns:1fr;grid-auto-rows:max-content;align-content:start;overflow:auto;overscroll-behavior:contain}
    .studio-learn-mount .card{height:auto}
    .studio-learn-mount #post-analytics table,.studio-learn-mount #post-analytics tbody{display:block!important}
    .studio-learn-mount #post-analytics tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px;padding:8px 0;border-top:1px solid var(--line2)}
    .studio-learn-mount #post-analytics tr:first-child{display:none}
    .studio-learn-mount #post-analytics td{display:block;width:auto!important;white-space:normal}
    .studio-learn-mount #post-analytics td:nth-child(3),.studio-learn-mount #post-analytics td:nth-child(4){grid-column:1/-1}
    .studio-learn-mount #xresults table,.studio-learn-mount #xresults tbody{display:block!important}
    .studio-learn-mount #xresults tr{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;padding:8px 0;border-top:1px solid var(--line2)}
    .studio-learn-mount #xresults tr:first-child{display:none}
    .studio-learn-mount #xresults td{display:block;width:auto!important;white-space:normal}
    .studio-popovers>div:not(.hidden){top:64px;overflow:auto}
  }
  @media(max-width:480px){
    .source-entry-card{justify-content:flex-start;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
    .source-entry-card .site-bar{grid-template-columns:minmax(0,1fr);gap:8px}
    .source-entry-card .site-bar input,.source-entry-card .site-bar button.go{grid-column:1;width:100%;min-width:0}
    .learn-head-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
    .learn-head-actions .learn-back-content{grid-column:1/-1}
  }
  @media(max-height:680px){
    .studio-slide-head p{display:none}
    .studio-slide-head :is(h1,h2){font-size:27px}
    .creative-picker-pane .video-ad-choice-body{padding:6px}
    .creative-picker-pane .video-ad-choice-pattern{display:none}
  }
  @media(max-width:960px){
    .studio-slide-create .create-tools{grid-template-columns:minmax(0,1fr)}
    .studio-slide-create .create-tools>*{grid-column:1!important}
    .studio-slide-create .video-media-card .media-result{width:100%;grid-template-columns:minmax(150px,.72fr) minmax(220px,1.28fr)}
  }
  @media(max-width:760px){
    .studio-slide-create>.create-phase-head{margin-bottom:4px}
    .studio-slide-create>.panel>.create-shell{grid-template-rows:auto minmax(0,1fr) 48px;gap:4px}
    .studio-slide-create>.panel>.create-shell.review-fix-mode,.studio-slide-create>.panel>.create-shell.review-blocked-mode{grid-template-rows:auto minmax(0,1fr)}
    .studio-slide-create .create-progress{min-height:18px;margin:0;font-size:9px}
    .studio-slide-create .create-step-head{margin-bottom:7px;padding:0 1px}
    .studio-slide-create .create-step-head>span{font-size:7.5px}
    .studio-slide-create .create-step-head h1,.studio-slide-create .create-step-head h2{margin-top:4px;font-size:24px}
    .studio-slide-create .create-step-head p{font-size:10.5px;line-height:1.35}
    .studio-slide-create .create-step-body{scrollbar-gutter:auto;padding:1px 1px 3px}
    .studio-slide-create .create-review-body{gap:6px}
    .studio-slide-create .create-review-body #out-review .review-decision{padding:12px}
    .studio-slide-create .create-copy-card,.studio-slide-create .video-media-card{padding:10px}
    .studio-slide-create .create-card-meta{min-height:36px;margin-bottom:6px}
    .studio-slide-create .create-card-meta .copy{min-height:40px}
    .studio-slide-create .create-copy-card>pre{padding:12px;font-size:12px;line-height:1.5}
    .studio-slide-create .video-media-card .vis-sub{display:block;font-size:10px}
    .studio-slide-create .video-media-card .vis-btns{display:grid;grid-template-columns:1fr}
    .studio-slide-create .video-media-card .vis-btns button{width:100%;min-height:44px;margin:0}
    .studio-slide-create .video-media-card .vis-btns label{min-height:44px;align-items:center}
    .studio-slide-create .video-media-card #clip-box,.studio-slide-create .video-media-card .sound-note{display:none}
    .studio-slide-create .create-step[data-create-key="video-media"] .create-step-body{overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}
    .studio-slide-create .video-media-card{flex:0 0 auto;min-height:100%;overflow:visible}
    .studio-slide-create .video-media-card>.vis-cta{flex:0 0 auto;overflow:visible;scrollbar-gutter:auto}
    .studio-slide-create .video-media-card .media-result{grid-template-columns:minmax(96px,.72fr) minmax(0,1.28fr);gap:8px}
    .studio-slide-create .video-media-card .media-result video{max-height:34vh}
    .studio-slide-create .create-step[data-create-key="carousel"] .carousel-review-card{grid-template-rows:auto minmax(200px,1fr) auto auto;gap:6px;padding:9px}
    .studio-slide-create .create-step.review-editing[data-create-key="carousel"] .carousel-review-regenerate{grid-template-columns:minmax(0,1fr);justify-content:stretch}
    .studio-slide-create .create-step.review-editing[data-create-key="carousel"] .carousel-review-regenerate button{width:100%}
    .studio-slide-create .create-nav{gap:6px}
    .studio-slide-create .create-nav button{min-height:44px;padding-inline:10px;font-size:10px}
    .studio-slide-create .reviewer-fix-banner{align-items:stretch;flex-direction:column;margin-inline:1px}
    .studio-slide-create .reviewer-fix-banner .copy{width:100%;min-height:44px}
  }
  @media(max-width:480px){
    .studio-slide-create .create-step-head p{display:none}
    .studio-slide-create .create-nav #create-back,.studio-slide-create .create-nav #create-next{max-width:46vw;overflow:hidden;text-overflow:ellipsis}
  }
  @media(max-height:680px){
    .studio-slide-create .create-step-head{margin-bottom:5px}
    .studio-slide-create .create-step-head p{display:none}
    .studio-slide-create .create-step-head h1,.studio-slide-create .create-step-head h2{font-size:23px}
    .studio-slide-create .create-review-body #out-review .review-decision{padding:10px}
  }
  body:not(.studio-motion-ready) .studio-slide,body:not(.studio-motion-ready) .creative-picker-pane,body:not(.studio-motion-ready) .creative-editor-pane,body:not(.studio-motion-ready) .create-step{transition:none!important;will-change:auto}
  @media(prefers-reduced-motion:reduce){
    .studio-slide,.creative-picker-pane,.creative-editor-pane,.create-step{transition:none;will-change:auto}
  }

  noscript[data-mm-nojs]{position:absolute;z-index:100;inset:0;display:block;overflow:auto;padding:24px;background:var(--paper)}
  .mm-nojs{width:min(720px,100%);margin:0 auto;padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--panel);color:var(--ink);box-shadow:0 18px 50px rgba(0,0,0,.12)}
  .mm-nojs>span{display:block;margin-bottom:8px;color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
  .mm-nojs h2{margin:0 0 10px;color:var(--ink);font:400 clamp(28px,5vw,42px)/1.05 var(--serif);text-transform:none}
  .mm-nojs p,.mm-nojs li{color:var(--dim)}
  .mm-nojs ol{padding-left:22px}
  .mm-nojs a{color:var(--ink);font-weight:700;text-underline-offset:3px}