/* Studio Tratto · Tratto Score live preview V4
   Dedicated stable geometry. Loaded last. */
.score-workspace>.wrap{width:100%;max-width:1320px;margin-inline:auto;padding-inline:24px}
.score-diagnostic-v2{display:grid;grid-template-columns:minmax(320px,.56fr) minmax(0,1.44fr);min-height:600px;border:1px solid var(--line);border-radius:30px;overflow:hidden;background:#fff;box-shadow:0 30px 80px rgba(11,23,57,.10)}
.score-question-pane-v2{display:flex;flex-direction:column;min-width:0;padding:26px;background:#fff}
.score-live-pane-v2,.score-live-pane-v2 *{box-sizing:border-box}
.score-live-pane-v2{min-width:0;padding:22px;background:radial-gradient(circle at 88% 3%,rgba(86,127,230,.22),transparent 28%),linear-gradient(135deg,#071a43 0%,#0b1b3f 55%,#07142f 100%);color:#fff}
.score-live-head-v2{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px;color:#a8bce8;font:700 .67rem/1 var(--mono);letter-spacing:.1em}
.score-live-head-v2 b{color:#fff;font-family:var(--font);font-size:.76rem;letter-spacing:0;text-align:right;text-transform:none}
.score-live-frame{height:auto;min-height:500px;padding:14px;border:1px solid rgba(255,255,255,.11);border-radius:26px;background:rgba(255,255,255,.04);overflow:hidden;box-shadow:0 22px 56px rgba(0,0,0,.20)}
.score-showcase,.score-showcase[data-layout]{position:relative;display:grid;grid-template-columns:172px 28px minmax(0,1fr);grid-template-rows:1fr;grid-auto-flow:column;gap:12px;height:100%;min-height:470px;padding:0;border-radius:0;background:transparent;color:#fff;overflow:visible}
.score-showcase__column{min-width:0;min-height:0;display:flex;flex-direction:column;gap:10px}
.score-showcase__label{position:static;display:block;padding-left:2px;color:#c8d5f2;font:700 .66rem/1 var(--mono);letter-spacing:.12em;white-space:nowrap}
.score-showcase__bridge{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#6e98ff}
.score-showcase__bridge span{font-size:1.35rem;line-height:1}
.score-showcase__bridge small{font-size:.56rem;writing-mode:vertical-rl;transform:rotate(180deg);letter-spacing:.06em}
.score-perception-card{display:flex;flex-direction:column;flex:1;min-height:0;padding:18px;border:1.5px solid rgba(211,226,255,.62);border-radius:24px;background:linear-gradient(180deg,rgba(31,54,101,.52),rgba(18,38,78,.76))}
.score-perception-card small{color:#fff;font-size:.92rem;font-weight:760;text-transform:lowercase;line-height:1.2}
.score-perception-card span{display:block;margin-top:5px;color:#d7e4ff;font-size:.76rem;text-transform:lowercase}
.score-perception-card p{max-width:17ch;margin:32px 0 24px;color:#edf3ff;font-size:.86rem;line-height:1.5}
.score-perception-lines{display:grid;gap:9px}
.score-perception-lines i{display:block;height:9px;margin:0;border-radius:999px;background:rgba(239,244,255,.88)}
.score-perception-lines i:nth-child(1){width:90%}.score-perception-lines i:nth-child(2){width:68%}.score-perception-lines i:nth-child(3){width:80%}
.score-perception-card button{align-self:flex-start;margin-top:24px;padding:10px 14px;border:0;border-radius:13px;background:#fff;color:#5c708f;font-size:.78rem}

.score-direction-window{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;overflow:hidden;border-radius:24px;background:var(--live-bg);color:var(--live-ink);box-shadow:0 18px 46px rgba(0,0,0,.14)}
.score-direction-window__bar{display:flex;align-items:center;gap:7px;padding:11px 13px 9px;background:#dfe4ea}
.score-direction-window__bar i{width:8px;height:8px;border-radius:50%;background:#bcc5d0}
.score-direction-window__bar small{margin-left:auto;color:#7e8997;font-size:.56rem}
.score-direction-window__body{display:flex;flex-direction:column;gap:10px;flex:1;min-height:0;padding:12px;background:var(--live-bg)}
.score-direction-window__nav{display:flex;align-items:center;gap:9px;min-height:32px;color:var(--live-muted);font-size:.61rem}
.score-direction-window__nav b{margin-right:auto;max-width:32%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--live-ink);font-size:.76rem}
.score-direction-window__nav span{white-space:nowrap}
.score-direction-window__nav em{padding:7px 10px;border-radius:999px;background:var(--live-accent);color:#fff;font-style:normal;font-size:.6rem;font-weight:750;white-space:nowrap}
.score-direction-window__hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(170px,.85fr);gap:10px;min-width:0;padding:12px;border-radius:20px;background:var(--live-soft)}
.score-direction-window__copy{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:10px 8px 10px 10px}
.score-direction-window__hero small{color:var(--live-accent);font-size:.62rem;font-weight:800;letter-spacing:.11em}
.score-direction-window__hero h3{max-width:10.5ch;margin:9px 0 0;color:var(--live-ink);font-size:clamp(1.65rem,1.9vw,2.15rem);font-weight:720;line-height:1.01;letter-spacing:-.05em;overflow-wrap:normal;word-break:normal;hyphens:none}
.score-direction-window__hero p{max-width:29ch;margin:10px 0 0;color:var(--live-muted);font-size:.72rem;line-height:1.45}
.score-direction-window__hero button{align-self:flex-start;margin-top:12px;padding:9px 12px;border:0;border-radius:12px;background:var(--live-accent);color:#fff;font-size:.68rem;font-weight:760}
.score-direction-window__hero figure{min-width:0;height:230px;margin:0;overflow:hidden;border-radius:16px;background:#ddd}
.score-direction-window__hero figure img{display:block;width:100%;height:100%;object-fit:cover}
.score-direction-window__proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.score-direction-window__proof div{min-width:0;min-height:54px;padding:9px 10px;border:1px solid color-mix(in srgb,var(--live-ink) 9%,transparent);border-radius:12px;background:rgba(255,255,255,.78)}
.score-direction-window__proof b{display:block;color:var(--live-accent);font-size:.54rem;letter-spacing:.11em}
.score-direction-window__proof small{display:block;margin-top:5px;color:var(--live-ink);font-size:.62rem;font-weight:700;line-height:1.3;white-space:normal}
.score-live-foot-v2{display:flex;justify-content:space-between;gap:12px;margin-top:10px;color:#b9c8e6;font-size:.63rem}

/* Palette tokens; only color changes, never geometry. */
.score-showcase[data-palette="navy"]{--live-bg:#f6f8ff;--live-ink:#2d3045;--live-muted:#67708b;--live-accent:#3566e0;--live-soft:#e9efff}
.score-showcase[data-palette="terra"]{--live-bg:#fbf5ed;--live-ink:#4a2b22;--live-muted:#7b6054;--live-accent:#c2673f;--live-soft:#f1dfd3}
.score-showcase[data-palette="bosco"]{--live-bg:#f1f5ef;--live-ink:#17352b;--live-muted:#5f7067;--live-accent:#4e765c;--live-soft:#dfe9df}
.score-showcase[data-palette="grafite"]{--live-bg:#f3f4f5;--live-ink:#171c24;--live-muted:#666f79;--live-accent:#343b43;--live-soft:#e5e8eb}
.score-showcase[data-palette="vino"]{--live-bg:#f7f0ec;--live-ink:#4e202d;--live-muted:#7a5a68;--live-accent:#7c3144;--live-soft:#ead7db}
.score-showcase[data-palette="sabbia"]{--live-bg:#f7f0e7;--live-ink:#3f3022;--live-muted:#766858;--live-accent:#9a6c3c;--live-soft:#eadbc5}
.score-showcase[data-palette="cobalto"]{--live-bg:#f1f6ff;--live-ink:#10255e;--live-muted:#5c74a2;--live-accent:#245bdb;--live-soft:#dfe9ff}
.score-showcase[data-palette="oliva"]{--live-bg:#f5f3e9;--live-ink:#30351d;--live-muted:#6d7256;--live-accent:#6a7441;--live-soft:#e5e5cf}
.score-showcase[data-palette="petrolio"]{--live-bg:#eef6f6;--live-ink:#17383c;--live-muted:#5d7679;--live-accent:#2d7d86;--live-soft:#d6ecef}
.score-showcase[data-palette="avorio"]{--live-bg:#fbf8f1;--live-ink:#473e33;--live-muted:#7a7065;--live-accent:#a27a46;--live-soft:#f0e6d5}
.score-showcase[data-palette="prugna"]{--live-bg:#f7f1f7;--live-ink:#46233f;--live-muted:#775f74;--live-accent:#7d3f73;--live-soft:#ecdced}
.score-showcase[data-palette="rame"]{--live-bg:#faf3ee;--live-ink:#4e2f24;--live-muted:#7c6458;--live-accent:#b25e3d;--live-soft:#efd8cb}

@media(max-width:1120px){
  .score-workspace>.wrap{max-width:1120px}
  .score-diagnostic-v2{grid-template-columns:minmax(300px,.62fr) minmax(0,1.38fr)}
  .score-showcase{grid-template-columns:150px 24px minmax(0,1fr);gap:10px}
  .score-direction-window__hero{grid-template-columns:minmax(0,1fr) 150px}
  .score-direction-window__hero h3{font-size:1.7rem}
}
@media(max-width:900px){
  .score-diagnostic-v2{grid-template-columns:1fr}
  .score-showcase{grid-template-columns:1fr;grid-template-rows:auto;grid-auto-flow:row;gap:12px;min-height:0}
  .score-showcase__bridge{display:none}
  .score-perception-card{min-height:250px}
  .score-direction-window__hero{grid-template-columns:minmax(0,1fr) minmax(180px,.9fr)}
}
@media(max-width:640px){
  .score-workspace>.wrap{padding-inline:14px}
  .score-question-pane-v2,.score-live-pane-v2{padding:18px}
  .score-direction-window__nav span{display:none}
  .score-direction-window__hero{grid-template-columns:1fr}
  .score-direction-window__hero figure{height:210px}
  .score-direction-window__proof{grid-template-columns:1fr}
  .score-live-foot-v2{flex-wrap:wrap}
}


/* V4 FIX — the live score preview must visibly react to the chosen direction. */
.score-showcase[data-layout="minimal"] .score-direction-window__hero{grid-template-columns:minmax(0,1.15fr) minmax(170px,.85fr);gap:10px;padding:12px;background:var(--live-soft)}
.score-showcase[data-layout="minimal"] .score-direction-window__hero figure{height:230px;border-radius:16px}

.score-showcase[data-layout="split"] .score-direction-window__hero{grid-template-columns:1fr 1fr;gap:0;padding:0;background:transparent}
.score-showcase[data-layout="split"] .score-direction-window__copy{padding:18px;border-radius:18px 0 0 18px;background:var(--live-soft)}
.score-showcase[data-layout="split"] .score-direction-window__hero figure{height:250px;border-radius:0 18px 18px 0}

.score-showcase[data-layout="editorial"] .score-direction-window__body{gap:14px;padding:16px;background:#fff}
.score-showcase[data-layout="editorial"] .score-direction-window__nav{padding-inline:4px;background:transparent}
.score-showcase[data-layout="editorial"] .score-direction-window__hero{grid-template-columns:1.2fr .8fr;gap:16px;padding:0;background:transparent}
.score-showcase[data-layout="editorial"] .score-direction-window__copy{padding:6px 0 0;background:transparent}
.score-showcase[data-layout="editorial"] .score-direction-window__hero h3{font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:clamp(1.7rem,2vw,2.2rem);line-height:1.02;max-width:11ch}
.score-showcase[data-layout="editorial"] .score-direction-window__hero figure{height:244px;border-radius:74px 74px 16px 16px}
.score-showcase[data-layout="editorial"] .score-direction-window__proof div{background:#fff}

.score-showcase[data-layout="gallery"] .score-direction-window__body{gap:12px}
.score-showcase[data-layout="gallery"] .score-direction-window__hero{grid-template-columns:.74fr 1.26fr;gap:14px;background:transparent;padding:0}
.score-showcase[data-layout="gallery"] .score-direction-window__copy{padding:12px 0 8px;background:transparent}
.score-showcase[data-layout="gallery"] .score-direction-window__hero figure{height:258px;border-radius:50% 18px 18px 18px}
.score-showcase[data-layout="gallery"] .score-direction-window__proof{grid-template-columns:1.5fr .75fr .75fr}

.score-showcase[data-layout="immersive"] .score-direction-window__body{padding:12px;background:var(--live-bg)}
.score-showcase[data-layout="immersive"] .score-direction-window__nav{position:relative;z-index:2;background:rgba(255,255,255,.16);color:#eef3ff;backdrop-filter:blur(8px)}
.score-showcase[data-layout="immersive"] .score-direction-window__nav b{color:#fff}
.score-showcase[data-layout="immersive"] .score-direction-window__hero{position:relative;display:flex;align-items:flex-end;min-height:286px;padding:18px;background:var(--live-ink);overflow:hidden}
.score-showcase[data-layout="immersive"] .score-direction-window__copy{position:relative;z-index:2;max-width:62%;padding:0;background:transparent}
.score-showcase[data-layout="immersive"] .score-direction-window__hero small,.score-showcase[data-layout="immersive"] .score-direction-window__hero h3,.score-showcase[data-layout="immersive"] .score-direction-window__hero p{color:#fff}
.score-showcase[data-layout="immersive"] .score-direction-window__hero button{background:#fff;color:var(--live-ink)}
.score-showcase[data-layout="immersive"] .score-direction-window__hero figure{position:absolute;inset:0;height:auto;border-radius:20px;opacity:.56}
.score-showcase[data-layout="immersive"] .score-direction-window__hero img{filter:saturate(.78) brightness(.7)}

.score-showcase[data-layout="precision"] .score-direction-window__body{gap:12px;padding:14px;background:#fff}
.score-showcase[data-layout="precision"] .score-direction-window__nav{min-height:34px;padding-inline:2px;background:transparent}
.score-showcase[data-layout="precision"] .score-direction-window__hero{grid-template-columns:.82fr 1.18fr;gap:14px;padding:0;background:transparent}
.score-showcase[data-layout="precision"] .score-direction-window__copy{padding:14px 0 14px 16px;border-left:4px solid var(--live-accent);background:transparent}
.score-showcase[data-layout="precision"] .score-direction-window__hero h3{font-size:clamp(1.5rem,1.75vw,1.95rem);max-width:13ch}
.score-showcase[data-layout="precision"] .score-direction-window__hero p{max-width:34ch}
.score-showcase[data-layout="precision"] .score-direction-window__hero figure{height:246px;border-radius:8px}
.score-showcase[data-layout="precision"] .score-direction-window__proof{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}

.score-showcase[data-layout="centered"] .score-direction-window__nav{justify-content:center}
.score-showcase[data-layout="centered"] .score-direction-window__nav b{margin-right:0}
.score-showcase[data-layout="centered"] .score-direction-window__hero{grid-template-columns:1fr;grid-template-rows:auto 174px;gap:16px;text-align:center}
.score-showcase[data-layout="centered"] .score-direction-window__copy{max-width:520px;margin:auto;padding:6px 10px}
.score-showcase[data-layout="centered"] .score-direction-window__hero h3,.score-showcase[data-layout="centered"] .score-direction-window__hero p{margin-inline:auto;max-width:15ch}
.score-showcase[data-layout="centered"] .score-direction-window__hero figure{height:174px}
.score-showcase[data-layout="centered"] .score-direction-window__hero button{align-self:center}

.score-showcase[data-layout="story"] .score-direction-window__body{gap:12px}
.score-showcase[data-layout="story"] .score-direction-window__hero{grid-template-columns:.78fr 1.22fr;gap:14px;padding:0;background:transparent}
.score-showcase[data-layout="story"] .score-direction-window__copy{padding:22px 4px 12px 4px;background:transparent}
.score-showcase[data-layout="story"] .score-direction-window__hero h3{font-family:Georgia,"Times New Roman",serif;font-weight:500;line-height:1.03;max-width:11ch}
.score-showcase[data-layout="story"] .score-direction-window__hero figure{height:254px;border-radius:120px 18px 18px 18px}
.score-showcase[data-layout="story"] .score-direction-window__proof{grid-template-columns:1fr;gap:8px}

.score-showcase[data-layout="layers"] .score-direction-window__hero{grid-template-columns:1fr 1fr;gap:0;padding:24px 18px;background:transparent}
.score-showcase[data-layout="layers"] .score-direction-window__copy{position:relative;z-index:2;padding:20px;border-radius:20px;background:rgba(255,255,255,.92);box-shadow:0 18px 38px rgba(0,0,0,.12);transform:translateX(16px)}
.score-showcase[data-layout="layers"] .score-direction-window__hero figure{height:252px;transform:translateX(-14px);border-radius:22px 72px 22px 22px}

.score-showcase[data-layout="conversion"] .score-direction-window__hero{grid-template-columns:1.08fr .92fr;gap:14px;padding:0;background:transparent}
.score-showcase[data-layout="conversion"] .score-direction-window__copy{padding:18px;border-left:5px solid var(--live-accent);border-radius:16px;background:#fff}
.score-showcase[data-layout="conversion"] .score-direction-window__hero figure{height:238px;border-radius:14px}
.score-showcase[data-layout="conversion"] .score-direction-window__proof div{border-color:color-mix(in srgb,var(--live-accent) 34%,transparent)}

.score-showcase[data-layout="magazine"] .score-direction-window__body{padding:16px;background:#fff}
.score-showcase[data-layout="magazine"] .score-direction-window__nav{padding-inline:0;background:transparent}
.score-showcase[data-layout="magazine"] .score-direction-window__hero{grid-template-columns:1.16fr .84fr;align-items:end;gap:18px;padding:0;background:transparent}
.score-showcase[data-layout="magazine"] .score-direction-window__copy{padding:2px 0 0;background:transparent}
.score-showcase[data-layout="magazine"] .score-direction-window__hero h3{font-family:Georgia,"Times New Roman",serif;font-weight:500;line-height:.99;max-width:11ch}
.score-showcase[data-layout="magazine"] .score-direction-window__hero figure{height:248px;border-radius:8px;box-shadow:10px 10px 0 var(--live-accent)}
.score-showcase[data-layout="magazine"] .score-direction-window__proof{grid-template-columns:1.45fr .8fr .8fr}

.score-showcase[data-layout="asymmetric"] .score-direction-window__hero{grid-template-columns:1.24fr .76fr;gap:14px;padding:0;background:transparent}
.score-showcase[data-layout="asymmetric"] .score-direction-window__copy{order:2;padding:24px 8px 12px 16px;background:transparent}
.score-showcase[data-layout="asymmetric"] .score-direction-window__copy h3{font-family:Georgia,"Times New Roman",serif;font-weight:500;line-height:1.02;max-width:10ch}
.score-showcase[data-layout="asymmetric"] .score-direction-window__hero figure{order:1;height:252px;border-radius:18px 92px 18px 18px}

.score-showcase[data-personality="warm"] .score-direction-window__hero figure{border-radius:32px 16px 32px 16px}
.score-showcase[data-personality="editorial"] .score-direction-window__hero h3{font-family:Georgia,"Times New Roman",serif;font-weight:500}
.score-showcase[data-personality="bold"] .score-direction-window__hero h3{font-weight:820;letter-spacing:-.06em}
.score-showcase[data-personality="precise"] .score-direction-window__proof div{border-width:1.5px}

@media(max-width:900px){
  .score-showcase[class],.score-showcase[data-layout]{grid-template-columns:1fr;grid-template-rows:auto;grid-auto-flow:row;gap:12px;min-height:0}
  .score-showcase .score-showcase__bridge{display:none}
  .score-showcase .score-direction-window__hero,
  .score-showcase[data-layout="split"] .score-direction-window__hero,
  .score-showcase[data-layout="editorial"] .score-direction-window__hero,
  .score-showcase[data-layout="gallery"] .score-direction-window__hero,
  .score-showcase[data-layout="precision"] .score-direction-window__hero,
  .score-showcase[data-layout="story"] .score-direction-window__hero,
  .score-showcase[data-layout="layers"] .score-direction-window__hero,
  .score-showcase[data-layout="conversion"] .score-direction-window__hero,
  .score-showcase[data-layout="magazine"] .score-direction-window__hero,
  .score-showcase[data-layout="asymmetric"] .score-direction-window__hero{grid-template-columns:1fr;grid-template-rows:auto}
  .score-showcase .score-direction-window__hero figure{height:210px;position:relative;inset:auto;transform:none!important;order:2;border-radius:16px}
  .score-showcase .score-direction-window__copy{order:1;transform:none!important;max-width:none!important;border-left:0!important}
  .score-showcase[data-layout="centered"] .score-direction-window__hero{grid-template-rows:auto 174px}
  .score-showcase[data-layout="immersive"] .score-direction-window__hero{min-height:0;padding:18px}
  .score-showcase[data-layout="immersive"] .score-direction-window__copy{max-width:none}
}