:root{--identity-bg:#0e151c;--identity-surface:#151f28;--identity-panel:#1c2934;--identity-text:#f4f7f9;--identity-muted:#aab6c0;--identity-line:#354653;--identity-accent:#5bb8e6;--identity-accent-2:#92d9f7;--identity-soft:#193b4c;--identity-button:#08151c;--identity-radius:7px;--identity-display:"Segoe UI Variable Display", "Segoe UI", Arial, sans-serif;--identity-shadow:0 28px 70px #00000057;color:var(--identity-text);background:var(--identity-bg);font-synthesis:none;text-rendering:optimizelegibility;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Segoe UI,Arial,sans-serif}html[data-identity=workshop]{--identity-bg:#211c16;--identity-surface:#2d261d;--identity-panel:#3a3126;--identity-text:#fff7e8;--identity-muted:#d1c0a6;--identity-line:#766246;--identity-accent:#e0a84f;--identity-accent-2:#ffd27a;--identity-soft:#4a3822;--identity-button:#1c1308;--identity-radius:2px;--identity-display:Georgia,"Times New Roman",serif;--identity-shadow:0 28px 70px #00000057;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-identity=windows]{--identity-bg:#f3f6fa;--identity-surface:#fff;--identity-panel:#eaf1f8;--identity-text:#172135;--identity-muted:#5e6b7e;--identity-line:#cbd6e2;--identity-accent:#176dcc;--identity-accent-2:#176dcc;--identity-soft:#ddecff;--identity-button:#fff;--identity-radius:12px;--identity-display:"Segoe UI Variable Display","Segoe UI",Arial,sans-serif;--identity-shadow:0 18px 48px #25415f29;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:radial-gradient(circle at 78% 18%, var(--identity-soft), transparent 32%), var(--identity-bg);min-width:320px;min-height:100vh;color:var(--identity-text);margin:0}button,input,select{font:inherit}a{color:inherit}.app-shell{max-width:1500px;margin:0 auto;padding:0 clamp(1rem,3vw,2.5rem) clamp(1rem,3vw,2.5rem)}.masthead{grid-template-columns:minmax(300px,auto) minmax(320px,1fr) auto;align-items:center;gap:clamp(1.5rem,4vw,4rem);min-height:104px;margin-bottom:1.2rem;padding:0;display:grid;position:relative}.masthead:after{content:"";border-bottom:1px solid var(--identity-line);width:100vw;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.back-link{align-items:center;gap:.38rem;text-decoration:none;display:inline-flex}.brand-mark{justify-items:center;gap:.18rem;display:grid}.back-link img{object-fit:contain;object-position:center;width:72px;height:72px;display:block}.brand-mark strong{max-width:9rem;color:var(--identity-text);letter-spacing:.1em;text-align:center;text-transform:uppercase;font:800 .55rem/1.28 Segoe UI,Arial,sans-serif}.brand-copy{color:var(--identity-text);letter-spacing:.12em;text-transform:uppercase;opacity:.88;font:800 .64rem/1.62 Segoe UI,Arial,sans-serif;display:grid;transform:translateY(-.48rem)}html[data-identity=workshop] .back-link img{filter:grayscale()sepia()saturate(2.2)hue-rotate(350deg)brightness(1.18)contrast(1.05)}.studio-heading{text-align:center;justify-self:center}.studio-heading .eyebrow{margin:.82rem 0 0}.eyebrow{color:var(--identity-accent-2);letter-spacing:.16em;text-transform:uppercase;margin:0 0 .45rem;font-size:.7rem;font-weight:800}h1{font:400 clamp(2rem, 3.3vw, 3.25rem)/.98 var(--identity-display);letter-spacing:-.03em;margin:0}h2{font:400 1.55rem/1.15 var(--identity-display);margin:0}.privacy-note{color:var(--identity-muted);margin:0 0 .3rem;font-size:.9rem}.privacy-note span{color:var(--identity-accent);margin-right:.35rem}.workspace{grid-template-columns:minmax(310px,420px) minmax(460px,1fr);align-items:start;gap:1.2rem;display:grid}.editor-panel,.preview-panel{background:var(--identity-surface);border:1px solid var(--identity-line);border-radius:var(--identity-radius);box-shadow:var(--identity-shadow)}.editor-panel{overscroll-behavior:contain;scrollbar-gutter:stable;max-height:calc(100dvh - 2rem);padding:1.35rem;position:sticky;top:1rem;overflow-y:auto}.panel-heading,.preview-heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.panel-heading{margin-bottom:.55rem}.text-button{color:var(--identity-accent-2);cursor:pointer;text-underline-offset:.25em;background:0 0;border:0;font-size:.85rem;font-weight:750;text-decoration:underline}.text-button:hover{color:var(--identity-accent)}.preset-section{border-top:1px solid var(--identity-line);padding:1rem 0}.preset-section h3{color:var(--identity-muted);letter-spacing:.13em;text-transform:uppercase;margin:0 0 .7rem;font-size:.68rem;font-weight:800}.template-grid{grid-template-columns:repeat(3,1fr);gap:.45rem;display:grid}.template-grid button{border:1px solid var(--identity-line);border-radius:var(--identity-radius);background:var(--identity-panel);min-width:0;color:var(--identity-text);cursor:pointer;text-align:left;padding:.65rem}.template-grid button:hover{border-color:var(--identity-accent);background:var(--identity-soft)}.template-grid strong,.template-grid span{display:block}.template-grid strong{font-size:.72rem}.template-grid span{color:var(--identity-muted);margin-top:.25rem;font-size:.62rem;line-height:1.3}.save-preset-row{grid-template-columns:1fr auto;align-items:end;gap:.55rem;display:grid}.primary-button{border-radius:var(--identity-radius);background:var(--identity-accent);min-height:42px;color:var(--identity-button);cursor:pointer;border:0;padding:.6rem .85rem;font-size:.78rem;font-weight:800}.primary-button:hover{background:var(--identity-accent-2)}.empty-state,.preset-message{color:var(--identity-muted);margin:.6rem 0 0;font-size:.7rem}.preset-message{min-height:1em;color:var(--identity-accent-2)}.preset-list{gap:.35rem;margin:.7rem 0 0;padding:0;list-style:none;display:grid}.preset-list li{border-radius:var(--identity-radius);background:var(--identity-panel);justify-content:space-between;align-items:center;gap:.5rem;padding:.45rem .55rem;display:flex}.preset-list li>span{text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;font-weight:750;overflow:hidden}.preset-list li div{gap:.2rem;display:flex}.preset-list button{color:var(--identity-accent-2);cursor:pointer;background:0 0;border:0;padding:.2rem;font-size:.65rem;font-weight:750}fieldset{border:0;border-top:1px solid var(--identity-line);margin:0;padding:1.15rem 0}legend{color:var(--identity-muted);letter-spacing:.13em;text-transform:uppercase;padding:0 0 .85rem;font-size:.68rem;font-weight:800}.control-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.control-grid.three-up{grid-template-columns:repeat(3,1fr)}.control{color:var(--identity-muted);gap:.35rem;font-size:.78rem;font-weight:700;display:grid}.control input,.control select{border:1px solid var(--identity-line);border-radius:var(--identity-radius);background:var(--identity-panel);width:100%;min-height:42px;color:var(--identity-text);padding:.6rem .7rem}.control input:focus,.control select:focus,button:focus-visible{outline:3px solid var(--identity-accent);outline-offset:2px}.full-width{margin-top:.9rem}.toggle-list{flex-wrap:wrap;gap:.6rem .9rem;display:flex}.toggle-list label{color:var(--identity-text);align-items:center;gap:.45rem;font-size:.84rem;font-weight:650;display:flex}.toggle-list input{accent-color:var(--identity-accent);width:1rem;height:1rem}.color-controls{grid-template-columns:repeat(3,1fr);gap:.6rem;display:grid}.color-controls label{color:var(--identity-muted);align-items:center;gap:.5rem;font-size:.76rem;font-weight:700;display:flex}.color-controls input{cursor:pointer;background:#fff;border:1px solid #cbd1c9;border-radius:50%;width:34px;height:34px;padding:2px}.preview-panel{min-width:0;padding:clamp(1rem,2.5vw,2rem);position:sticky;top:1rem}.preview-heading{margin-bottom:1.1rem}.preview-actions{align-items:center;gap:.45rem;display:flex}.preview-actions output{background:var(--identity-soft);color:var(--identity-accent-2);border-radius:999px;flex:none;padding:.4rem .7rem;font-size:.75rem;font-weight:800}.preview-actions button{border:1px solid var(--identity-line);border-radius:var(--identity-radius);background:var(--identity-panel);min-height:38px;color:var(--identity-text);cursor:pointer;padding:.45rem .7rem;font-size:.72rem;font-weight:800}.preview-actions .primary-button{border-color:var(--identity-accent);background:var(--identity-accent);color:var(--identity-button)}.print-guidance{color:#654927;background:#fff5e9;border-left:3px solid #bc7435;border-radius:4px;margin-bottom:.75rem;padding:.65rem .8rem;font-size:.72rem;line-height:1.5}.export-message{min-height:1.1em;color:var(--identity-accent-2);margin:0 0 .5rem;font-size:.72rem}.paper-stage{border-radius:var(--identity-radius);background:var(--identity-panel);place-items:center;min-height:620px;padding:clamp(1rem,4vw,3rem);display:grid;overflow:hidden}.paper-stage svg{color:#17231f;background:#fff;max-width:100%;max-height:680px;box-shadow:0 1.25rem 3rem #17231f29}.paper-stage svg.portrait{width:min(100%,480px)}.paper-stage svg.landscape{width:min(100%,680px)}.preview-caption{color:var(--identity-muted);text-align:center;margin:.9rem 0 0;font-size:.76rem}@media (width<=900px){.masthead{grid-template-columns:auto 1fr;gap:1rem 1.5rem}.studio-heading{text-align:right;justify-self:end}.privacy-note{grid-column:1/-1;justify-self:end}.workspace{grid-template-columns:1fr}.editor-panel,.preview-panel{max-height:none;position:static;overflow:visible}.paper-stage{min-height:460px}}@media (width<=520px){.masthead{grid-template-columns:1fr;min-height:92px;padding:.55rem 0}.studio-heading,.privacy-note{text-align:left;justify-self:start}.privacy-note{grid-column:auto}.back-link{align-items:center;gap:.3rem}.back-link img{width:58px;height:58px}.brand-mark strong{letter-spacing:.07em;max-width:7.5rem;font-size:.45rem;line-height:1.3}.brand-copy{letter-spacing:.08em;font-size:.48rem;line-height:1.5;transform:translateY(-.38rem)}.control-grid,.control-grid.three-up{grid-template-columns:1fr}.color-controls{grid-template-columns:1fr 1fr}.template-grid{grid-template-columns:1fr}.preview-heading{align-items:start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}}@media print{@page{size:auto;margin:0}:root,body,#root,.app-shell,.workspace,.preview-panel,.paper-stage{width:100%!important;max-width:none!important;min-height:0!important;box-shadow:none!important;background:#fff!important;border:0!important;margin:0!important;padding:0!important;position:static!important}.masthead,.editor-panel,.preview-heading,.print-guidance,.export-message,.preview-caption{display:none!important}.workspace{display:block!important}.paper-stage{display:block!important;overflow:visible!important}.paper-stage svg{width:var(--paper-width)!important;height:var(--paper-height)!important;max-width:none!important;max-height:none!important;box-shadow:none!important;display:block!important}}