:root{--color-paper:oklch(97% .012 72);--color-paper-raised:oklch(99% .006 72);--color-paper-sunken:oklch(93% .016 72);--color-ink:oklch(20% .018 55);--color-ink-soft:oklch(38% .018 55);--color-muted:oklch(48% .015 62);--color-rule:oklch(78% .018 65);--color-rule-strong:oklch(55% .024 60);--color-accent:oklch(48% .135 36);--color-accent-ink:oklch(98% .008 72);--color-focus:oklch(43% .16 250);--color-error:oklch(48% .18 25);--color-success:oklch(42% .11 145);--font-display:Georgia, "Times New Roman", serif;--font-body:"Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono:"Courier New", Courier, monospace;--space-3xs:.125rem;--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2.5rem;--space-2xl:4rem;--space-3xl:6rem;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-md:1.25rem;--text-xl:1.75rem;--text-display:clamp(2.25rem, 5vw, 4.75rem);--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.9rem;--rule-thin:1px;--rule-thick:2px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-micro:.12s;--dur-short:.22s;--dur-long:.42s}*{box-sizing:border-box}html,body{margin:0;overflow-x:clip}body{background:var(--color-paper);min-width:20rem;color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-base);line-height:1.5}button,input,select,textarea{font:inherit}button,a,select{white-space:nowrap}button,input,select,textarea{border:var(--rule-thin) solid var(--color-rule-strong);border-radius:var(--radius-sm);color:var(--color-ink)}input,select,textarea{width:100%;min-height:2.75rem;padding:var(--space-xs) var(--space-sm);outline:var(--rule-thick) solid transparent;outline-offset:var(--space-3xs);background:var(--color-paper-raised)}textarea{resize:vertical;min-height:6.5rem}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:var(--rule-thick) solid var(--color-focus);outline-offset:var(--space-3xs)}input:disabled,select:disabled,textarea:disabled,button:disabled{cursor:not-allowed;opacity:.55}.site-header{justify-content:space-between;align-items:baseline;gap:var(--space-md);padding:var(--space-md) clamp(var(--space-md), 4vw, var(--space-xl));border-block-end:var(--rule-thin) solid var(--color-rule);display:flex}.brand{color:inherit;font-family:var(--font-display);font-size:var(--text-md);font-weight:700;text-decoration:none}.site-header p,.site-footer p{color:var(--color-muted);font-size:var(--text-sm);margin:0}.intro{gap:var(--space-lg);padding:var(--space-xl) clamp(var(--space-md), 4vw, var(--space-xl));border-block-end:var(--rule-thin) solid var(--color-rule);display:grid}.intro h1{overflow-wrap:anywhere;min-width:0;max-width:12ch;font-family:var(--font-display);font-size:var(--text-display);letter-spacing:-.035em;margin:0;font-style:normal;font-weight:400;line-height:1.02}.intro p{max-width:47ch;color:var(--color-ink-soft);margin:0}.workspace{min-width:0;display:grid}.controls{padding:var(--space-xl) clamp(var(--space-md), 4vw, var(--space-xl));border-block-end:var(--rule-thin) solid var(--color-rule)}.controls h2,.preview-heading h2{font-family:var(--font-display);font-size:var(--text-xl);margin:0;font-style:normal;font-weight:400}.form-grid{gap:var(--space-lg);margin-block-start:var(--space-lg);display:grid}.field{gap:var(--space-xs);min-width:0;display:grid}.field label{font-size:var(--text-sm);font-weight:700}.field-note{min-height:1lh;color:var(--color-muted);font-size:var(--text-xs);margin:0}.row{gap:var(--space-sm);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.row--three{grid-template-columns:repeat(3,minmax(0,1fr))}.segmented{gap:var(--space-2xs);padding:var(--space-2xs);border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-paper-sunken);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.segmented label{min-height:2.75rem;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);text-align:center;cursor:pointer}.segmented input{opacity:0;pointer-events:none;position:absolute}.segmented label:has(input:checked){background:var(--color-paper-raised);color:var(--color-accent)}.segmented label:has(input:focus-visible){outline:var(--rule-thick) solid var(--color-focus);outline-offset:var(--space-3xs)}.actions{gap:var(--space-sm);flex-wrap:wrap;padding-block-start:var(--space-xs);display:flex}.button{min-height:2.75rem;padding:var(--space-xs) var(--space-md);border-color:var(--color-ink);background:var(--color-ink);color:var(--color-paper);cursor:pointer;transition:transform var(--dur-micro) var(--ease-out)}.button--secondary{color:var(--color-ink);background:0 0}.preview-panel{min-width:0;padding:var(--space-xl) clamp(var(--space-md), 4vw, var(--space-xl));background:var(--color-paper-sunken)}.preview-heading{justify-content:space-between;align-items:end;gap:var(--space-md);margin-block-end:var(--space-lg);display:flex}.preview-heading p{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-sm);font-variant-numeric:tabular-nums;margin:0}.paper-stage{min-width:0;padding:var(--space-md);border:var(--rule-thin) solid var(--color-rule);background:var(--color-paper);overflow:auto}.sheet{width:var(--sheet-width);height:var(--sheet-height);padding:var(--sheet-margin-top) var(--sheet-margin-right) var(--sheet-margin-bottom) var(--sheet-margin-left);grid-template-columns:repeat(var(--columns), minmax(0, 1fr));grid-template-rows:repeat(var(--rows), minmax(0, 1fr));gap:var(--row-gap) var(--column-gap);transform:scale(var(--preview-scale));transform-origin:0 0;background:var(--color-paper-raised);color:var(--color-ink);box-shadow:0 var(--space-2xs) var(--space-lg) oklch(20% .018 55/.12);margin-inline:auto;display:grid}.label{align-items:var(--label-v-align);justify-content:var(--label-h-align);min-width:0;min-height:0;padding:var(--label-padding);border:var(--rule-thin) dashed var(--color-rule);font-family:var(--label-font);font-size:var(--label-size);text-align:var(--label-text-align);white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.15;display:flex;overflow:hidden}.site-footer{justify-content:space-between;gap:var(--space-sm);padding:var(--space-lg) clamp(var(--space-md), 4vw, var(--space-xl));border-block-start:var(--rule-thin) solid var(--color-rule);flex-wrap:wrap;display:flex}@media (hover:hover) and (pointer:fine){input:hover,select:hover,textarea:hover{background:var(--color-paper-sunken)}.button:hover{transform:translateY(-1px)}.button:active{transform:translateY(0)}}@media (width>=48rem){.intro{grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr);align-items:end}}@media (width>=64rem){.workspace{grid-template-columns:minmax(19rem,.72fr) minmax(0,1.28fr)}.controls{border-block-end:0;border-inline-end:var(--rule-thin) solid var(--color-rule)}.preview-panel{min-height:52rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.15s!important;animation-duration:.15s!important;animation-iteration-count:1!important}}@media print{html,body{width:var(--sheet-width);height:var(--sheet-height);background:var(--color-paper-raised);overflow:visible}.screen-only{display:none!important}.workspace{display:block}.preview-panel,.paper-stage{background:0 0;border:0;margin:0;padding:0;overflow:visible}.sheet{box-shadow:none;margin:0;transform:none}.label{border-color:#0000}}@page{size:210mm 297mm;margin:0}