:root{color-scheme:dark;--paper:#181622;--ink:#eee0d5;--panel:#201d21;--muted:#afa3b7;--line:#494044;--accent:#d9a9cc;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.masthead{height:auto;min-height:78px;gap:18px;padding:12px 0}.brand{font-family:inherit;font-size:23px}.brand .version{font-size:9px;letter-spacing:.5px}.intro{padding:40px 0 30px}.intro h1{font:500 clamp(30px,4vw,54px)/1.15 ui-monospace,monospace;letter-spacing:-2px}.intro h1 em{font-family:Georgia,serif}.intro-note{font-size:11px}.workbench-themes{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:14px 0 24px;font-size:9px}.workbench-themes>span{color:var(--muted);margin-right:12px;letter-spacing:1px}.workbench-themes button{padding:10px 13px;border:1px solid var(--line);background:var(--paper)}.workbench-themes button[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}.workbench-themes>a{margin-left:auto;color:var(--muted)}.controls{padding:22px}.section-heading h2{font:14px ui-monospace,monospace}.upload{background:var(--paper);border-color:var(--line)}.upload.dragging{border-color:var(--accent);background:var(--panel)}select,input{color:var(--ink)}input[type=number],input[type=text],.custom-label input{background:var(--paper);color:var(--ink)}.field .check,.field .block-label,#sourceName{font-family:inherit}.field .check{font-size:10px}.field .block-label{font-size:11px}.image-well{aspect-ratio:auto!important;background:var(--paper);outline:1px solid var(--line);outline-offset:5px;overflow:visible}.image-well canvas{width:100%;height:auto;max-height:none;object-fit:initial}.previews{gap:24px;grid-template-columns:repeat(2,minmax(0,1fr))}.preview-area{padding:25px 30px;position:static;align-self:start}.preview-toolbar{font-size:9px;letter-spacing:.7px}.live-dot{background:var(--accent);border-radius:0}#download{background:var(--accent);color:var(--paper);font-weight:bold}.error{background:var(--paper);color:#ffa5a5;border:1px solid #a76c72}pre{background:var(--paper);color:var(--ink)}.note strong{color:var(--accent)}.text-button{min-height:36px;text-align:left}:focus-visible,.upload:focus-within{outline-color:var(--accent)}footer{font-size:10px}summary{min-height:26px}.recipe-help{font-size:11px}.tone-controls{margin-top:20px}.tone-controls h3{font-size:12px;font-weight:500;margin:0 0 15px}
@media(min-width:1400px){.workspace{grid-template-columns:290px minmax(0,1fr)}.preview-area{padding:30px 38px}}
@media(max-width:950px){.workspace{grid-template-columns:240px minmax(0,1fr)}.previews{gap:18px}.preview-area{padding:22px}figcaption{font-size:10px;flex-wrap:wrap}.result-bar{align-items:start;flex-direction:column;gap:12px}.workbench-themes>a{margin-left:0;width:100%;padding-top:10px}.site-nav{gap:14px}}
@media(max-width:600px){.masthead{padding:15px 0}.intro{padding:25px 0}.intro h1{font-size:32px}.workbench-themes{padding-bottom:20px}.workbench-themes>span{width:100%;margin-bottom:4px}.controls{padding:18px}.previews{gap:16px}.preview-area{padding:20px}.preview-toolbar{flex-wrap:wrap}#sourceName{max-width:100%;width:100%;margin:0}.tone-controls{margin-top:0}.intro h1 em{display:block}.result-bar{flex-direction:row}.field>label{font-size:8px}.version{display:none}}
details[open]>summary>span{font-size:0}details[open]>summary>span::after{content:'−';font-size:12px}
/* Expanded recipes must scroll within the panel, not widen the mobile flex layout. */
.preview-area{width:100%}