.style-controls{--sc-ink:var(--ink);--sc-soft:var(--muted);--sc-strong:var(--ink);--sc-fill:#27211f0a;--sc-rule:var(--line);--sc-active:var(--ink);--sc-active-ink:var(--paper);gap:16px;min-width:0;display:grid}.style-controls[data-tone=dark]{--sc-ink:#d2c7bd;--sc-soft:#d2c7bd;--sc-strong:var(--paper);--sc-fill:#ffffff0f;--sc-rule:#ffffff1f;--sc-active:var(--paper);--sc-active-ink:var(--ink)}.style-picker{--sp-cols:8;grid-template-columns:repeat(var(--sp-cols), minmax(0, 1fr));background:var(--sc-fill,#27211f0a);box-shadow:inset 0 0 0 1px var(--sc-rule,var(--line));border-radius:18px;gap:4px;padding:5px;display:grid;position:relative;container-type:inline-size}@container style-row (max-width:560px){.style-picker{--sp-cols:4}}.style-controls,.print-style{container:style-row/inline-size}.style-picker>.indicator{background:var(--sc-active,var(--ink));border-radius:13px}.style-picker button{min-width:0;min-height:50px;color:var(--sc-ink,var(--ink));cursor:pointer;background:0 0;border:0;border-radius:13px;place-items:center;padding:6px 4px;transition:color .3s;display:grid;position:relative}.style-picker button[aria-pressed=true]{color:var(--sc-active-ink,var(--paper))}.style-picker:not([data-indicator-ready]) button[aria-pressed=true]{background:var(--sc-active,var(--ink))}.style-picker button:focus-visible{outline:2px solid var(--sc-strong,var(--ink));outline-offset:2px}.style-picker strong{--sp-size:clamp(13px, 2.15cqi, 18px);font-size:var(--sp-size);white-space:nowrap;line-height:1}@container style-row (max-width:560px){.style-picker strong{--sp-size:clamp(14px, 4.3cqi, 18px)}}.style-picker [data-face=quieto] strong{font-family:var(--pp-font-fraunces), serif;font-style:italic;font-weight:350;font-size:calc(var(--sp-size) * 1.12)}.style-picker [data-face=piazza] strong{font-family:var(--pp-font-bricolage), sans-serif;letter-spacing:-.04em;font-weight:800}.style-picker [data-face=festa] strong{font-family:var(--pp-font-anton), sans-serif;text-transform:uppercase;letter-spacing:.02em;font-weight:400}.style-picker [data-face=lavagna] strong{font-family:var(--pp-font-oswald), sans-serif;text-transform:uppercase;letter-spacing:.04em;font-weight:600}.style-picker [data-face=trattoria] strong{font-family:var(--pp-font-caslon-display), serif;font-weight:400;font-size:calc(var(--sp-size) * 1.12)}.style-picker [data-face=bistrot] strong{font-family:var(--pp-font-playfair), serif;font-style:italic;font-weight:400;font-size:calc(var(--sp-size) * 1.12)}.style-picker [data-face=enoteca] strong{font-family:var(--pp-font-cormorant-sc), serif;letter-spacing:.06em;font-weight:600;font-size:calc(var(--sp-size) * 1.1)}.style-picker [data-face=basico] strong{font-family:var(--pp-font-inter), sans-serif;letter-spacing:-.02em;font-weight:700;font-size:calc(var(--sp-size) * .95)}.style-words{color:var(--sc-soft);animation:story-enter .5s var(--ease) both;font-size:17px;line-height:1.6}.style-words strong{color:var(--sc-strong);font-weight:600}.style-colors{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.style-colors-label{color:var(--sc-soft,var(--muted));margin-right:4px;font-size:15px}.style-swatch{background:var(--swatch,transparent);cursor:pointer;width:36px;height:36px;transition:box-shadow .2s var(--ease), transform .2s var(--ease);border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:relative;box-shadow:inset 0 0 0 1px #0000001f}.style-swatch:hover{transform:scale(1.06)}.style-swatch[aria-pressed=true],.style-custom[data-custom]{box-shadow:inset 0 0 0 1px #0000001f, 0 0 0 3px var(--sc-bg,var(--paper)), 0 0 0 5px var(--sc-strong,var(--ink))}.style-controls[data-tone=dark] .style-swatch{--sc-bg:var(--ink)}.style-custom{background:var(--swatch,transparent);box-shadow:inset 0 0 0 1.5px var(--sc-rule,var(--line));color:var(--sc-strong,var(--ink));font:500 22px/1 var(--sans)}.style-custom>span{pointer-events:none}.style-custom[data-custom]>span{color:#0000}.style-swatch:focus-visible{outline:2px solid var(--sc-strong,var(--ink));outline-offset:4px}.style-palette{--sc-bg:var(--paper);--sc-strong:var(--ink);border:1px solid var(--line);background:var(--paper);border-radius:18px;grid-template-columns:repeat(8,30px);grid-auto-rows:30px;place-content:start;gap:8px;width:max-content;height:max-content;max-height:none;margin:0;padding:14px;display:none;position:fixed;inset:auto;overflow:visible;box-shadow:0 24px 60px #27211f2e,0 4px 12px #27211f14}.style-palette:popover-open{animation:palette-in .22s var(--ease) both;display:grid}.style-palette .style-swatch{width:30px;height:30px}.style-palette .style-swatch[aria-pressed=true]{box-shadow:inset 0 0 0 1px #0000001f, 0 0 0 2px var(--paper), 0 0 0 4px var(--ink)}@keyframes palette-in{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.style-words{animation:none}.style-palette:popover-open{animation:none}.style-picker>.indicator,.style-swatch{transition:none}.style-swatch:hover{transform:none}}@media (max-width:600px){.style-controls{gap:12px}.style-picker{gap:2px;padding:4px}.style-picker button{min-height:46px}.style-swatch{width:32px;height:32px}.style-palette{grid-template-columns:repeat(8,28px);grid-auto-rows:28px;gap:7px;padding:12px}.style-palette .style-swatch{width:28px;height:28px}}