.site-preferences{align-items:center;gap:var(--space-1);flex:none;display:flex}.theme-switch,.site-preferences .language-switch{width:44px;min-width:44px;min-height:44px;color:var(--color-text);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;padding:0;font-weight:650;text-decoration:none;display:inline-flex}.theme-switch span{background:currentColor;width:16px;height:16px;display:block}.theme-switch:disabled{cursor:default;opacity:.45}.theme-switch:focus-visible,.site-preferences .language-switch:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}:root[data-theme=dark]{color-scheme:dark;--color-canvas:#1f1c1d;--color-surface:#292526;--color-surface-muted:#353031;--color-surface-hover:#3c3537;--color-text:#f7f4f1;--color-text-muted:#cecaca;--color-border:#534b4d;--color-border-strong:#807778;--color-info:#bdcddd;--color-info-background:#26303d;--color-info-border:#697e9c;--color-success:#bfd9b8;--color-success-background:#243322;--color-warning:var(--color-thinker-orange-light);--color-error:#efc2bb;--color-error-background:#3f2926;--color-error-border:#9e665d;--color-focus:#8bb3ff}:root[data-theme=light]{color-scheme:light}:root{color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;--color-scout-blue:#21497b;--color-thinker-orange:#eb7114;--color-builder-green:#47a036;--color-auditor-red:#971607;--color-core-graphite:#443a3b;--color-black:#000;--color-white:#fff;--color-palette-citron:#ddd605;--color-palette-porcelain:#e3d4d1;--color-palette-fog:#cecaca;--color-palette-warm-graphite:var(--color-core-graphite);--color-palette-carmine:var(--color-auditor-red);--color-palette-clay:#b4684d;--color-palette-saffron:#deb12d;--color-palette-leaf:var(--color-builder-green);--color-palette-lagoon:#2cbaa8;--color-palette-deep-blue:var(--color-scout-blue);--color-palette-violet:#9a5cc6;--color-palette-tangerine:var(--color-thinker-orange);--color-palette-sky:#8bb3ff;--color-palette-amber:#fa0;--color-palette-citron-shade:#373501;--color-palette-porcelain-shade:#383534;--color-palette-fog-shade:#333232;--color-palette-warm-graphite-shade:#110e0e;--color-palette-carmine-shade:#250501;--color-palette-clay-shade:#2d1a13;--color-palette-saffron-shade:#372c0b;--color-palette-leaf-shade:#04280d;--color-palette-lagoon-shade:#0b2e2a;--color-palette-deep-blue-shade:#08121e;--color-palette-violet-shade:#261731;--color-palette-tangerine-shade:#3b1d05;--color-palette-sky-shade:#232d40;--color-palette-amber-olive-shade:#2a2a00;--color-palette-amber-brown-shade:#402a00;--color-scout-blue-soft:#eaf0f6;--color-scout-blue-border:#bdcddd;--color-scout-blue-strong:#17375f;--color-thinker-orange-soft:#fff1df;--color-thinker-orange-border:#f2d3ad;--color-thinker-orange-strong:#70420f;--color-thinker-orange-light:#efb47c;--color-builder-green-soft:#edf5ea;--color-builder-green-border:#bfd9b8;--color-builder-green-strong:#287523;--color-auditor-red-soft:#f8eae8;--color-auditor-red-border:#dfbcb6;--color-auditor-red-strong:#7b1105;--color-info:var(--color-scout-blue-strong);--color-info-accent:var(--color-scout-blue);--color-info-background:var(--color-scout-blue-soft);--color-info-border:var(--color-scout-blue-border);--color-success:var(--color-builder-green-strong);--color-success-accent:var(--color-builder-green);--color-success-background:var(--color-builder-green-soft);--color-success-border:var(--color-builder-green-border);--color-warning:var(--color-thinker-orange-strong);--color-warning-accent:var(--color-thinker-orange);--color-warning-background:var(--color-thinker-orange-soft);--color-warning-border:var(--color-thinker-orange-border);--color-error:var(--color-auditor-red-strong);--color-error-accent:var(--color-auditor-red);--color-error-background:var(--color-auditor-red-soft);--color-error-border:var(--color-auditor-red-border);--color-canvas:#f7f6f4;--color-surface:#fff;--color-surface-inverse:#292526;--color-surface-muted:#f1efed;--color-surface-hover:#f2edeb;--color-text:#292526;--color-text-muted:#70696a;--color-text-inverse:#f7f4f1;--color-text-on-dark-muted:#e3dcda;--color-border:#e1dedd;--color-border-strong:#bfb7b5;--color-focus:var(--color-scout-blue);--font-size-small:.875rem;--font-size-body:1rem;--font-size-lead:1.0625rem;--font-size-heading-small:1.125rem;--font-size-heading:1.5rem;--font-size-title:2.75rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--radius-sm:.5rem;--radius-md:.875rem;--radius-lg:1.25rem;--radius-pill:999px;--shadow-soft:0 18px 48px #29252612;font-family:Space Grotesk,sans-serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--color-canvas:#1f1c1d;--color-surface:#292526;--color-surface-muted:#353031;--color-surface-hover:#3c3537;--color-text:#f7f4f1;--color-text-muted:#cecaca;--color-border:#534b4d;--color-info:#bdcddd;--color-info-background:#26303d;--color-info-border:#697e9c;--color-success:#bfd9b8;--color-success-background:#243322;--color-error:#efc2bb;--color-error-background:#3f2926;--color-focus:#8bb3ff}}*,:before,:after{box-sizing:border-box}[hidden]{display:none}body{background:var(--color-canvas);color:var(--color-text);font-size:var(--font-size-body);margin:0;line-height:1.6}button,input,textarea,select{font:inherit;min-width:0}a{color:var(--color-info);text-underline-offset:.2em}button,select,summary,input[type=radio],input[type=checkbox]{cursor:pointer}button{border-radius:var(--radius-sm);border:1px solid #0000;min-height:44px;padding:.625rem 1rem;font-weight:600}button:disabled{cursor:default;opacity:.5}:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}.app-shell{width:min(100%,72rem);margin:0 auto;padding:2rem}.site-header,.site-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.site-header a{align-items:center;min-height:44px;display:inline-flex}.header-actions{align-items:center;gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.brand{flex-shrink:0;align-items:center;max-width:100%;min-height:44px;display:inline-flex}.brand picture,.brand img{width:132px;max-width:100%;height:auto;display:block}.intro{max-width:44rem;margin:3rem 0 2rem}h1{font-size:var(--font-size-title);letter-spacing:-.035em;margin:0 0 .75rem;font-weight:650;line-height:1.2}h2{font-size:var(--font-size-heading-small);margin:0 0 1.5rem;font-weight:600;line-height:1.4}p{margin:0 0 1rem}.intro :where(p:last-child){color:var(--color-text-muted)}.lead{font-size:var(--font-size-lead);font-weight:500}.workspace{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);display:grid}.editor,.preview{min-width:0;padding:2rem}.preview{border-left:1px solid var(--color-border)}fieldset{border:0;min-width:0;margin:0;padding:0}legend{margin-bottom:.5rem;padding:0;font-weight:500}:where(.fields)>label:not(:where(.check-label)),:where(.field)>label{margin-bottom:.5rem;font-weight:500;display:block}details p{color:var(--color-text-muted);overflow-wrap:anywhere;margin:0 0 1rem}.content-type{margin-bottom:1.5rem}.content-type legend{float:left;width:100%}.content-type label,.check-label{align-items:center;gap:.5rem;width:fit-content;min-height:44px;display:flex}input[type=checkbox],input[type=radio]{width:1.125rem;height:1.125rem;accent-color:var(--color-info-accent);flex-shrink:0}input:where(:not([type=checkbox],[type=radio])),textarea,select{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);width:100%;color:var(--color-text);min-height:48px;padding:.75rem min(.75rem,12px)}textarea{resize:vertical;overflow-wrap:anywhere;min-height:9rem;display:block}textarea[rows="3"]{min-height:6rem}input::placeholder,textarea::placeholder{color:var(--color-text-muted);font-size:var(--font-size-small);opacity:1}input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--color-error)}.field-grid,.advanced-controls{grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:1rem;display:grid}.field-grid>*,.advanced-controls>*{min-width:0}:where(.fields)>input,:where(.fields)>select,.fields>.field,.fields>.field-grid{margin-bottom:1rem}.field input,.field select{max-width:100%;display:block}.supporting{color:var(--color-text-muted);font-size:var(--font-size-small);line-height:1.6}.field>.supporting{margin:.5rem 0 0}.advanced-settings{margin-top:1.5rem}.advanced-settings .supporting{font-size:var(--font-size-small);margin-top:.75rem}.code-facts{font-size:var(--font-size-small);margin:0 0 1rem}.code-facts>div{flex-wrap:wrap;justify-content:space-between;gap:.25rem 1rem;margin-bottom:.5rem;display:flex}.code-facts dt{color:var(--color-text-muted)}.code-facts dd{overflow-wrap:anywhere;margin:0}.fields>.supporting{margin-top:.5rem}.form-actions,.download-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.form-actions{margin-top:1.5rem}.primary{background:var(--color-info-accent);color:#fff}.secondary{background:var(--color-surface);color:var(--color-info);border-color:var(--color-border-strong)}.quiet{color:var(--color-text-muted);background:0 0}.status{overflow-wrap:anywhere;min-height:3rem;margin:1rem 0 0}.status[data-state=error]{color:var(--color-error)}.status[data-state=success]{color:var(--color-success)}.qr-stage{aspect-ratio:1;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#fff;place-items:center;width:min(100%,20rem);margin:0 auto 1.5rem;padding:1rem;display:grid}.qr-stage img{aspect-ratio:1;width:100%;height:auto;image-rendering:pixelated;display:block}.qr-stage img[hidden]{display:none}.empty-preview{text-align:center;color:#70696a}.empty-preview p{margin-top:.75rem;font-size:.875rem}.export-size{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-bottom:1rem;display:flex}.export-size label{font-size:var(--font-size-small)}.export-size select{flex:10rem;width:100%;max-width:100%}.download-actions button{flex:12rem;justify-content:center;align-items:center;gap:.5rem;display:inline-flex}.download-actions svg{flex-shrink:0}.export-help{margin:.75rem 0 0}details{border-top:1px solid var(--color-border)}summary{min-height:44px;padding:1rem 0;font-weight:500}#encoded-details{margin-top:1.5rem}#encoded-content{white-space:pre-wrap;font-size:var(--font-size-small)}.notes{margin-top:2rem}.notes details:last-child{border-bottom:1px solid var(--color-border)}.site-footer{color:var(--color-text-muted);font-size:var(--font-size-small);margin:3rem 0 .5rem}.site-footer p{margin:0}.site-footer a{align-items:center;min-height:44px;display:inline-flex}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{background:var(--color-surface);z-index:1;padding:.75rem;position:absolute;top:-6rem;left:1rem}.skip-link:focus{top:1rem}@media (hover:hover) and (pointer:fine){button:not(:disabled){transition:transform .16s cubic-bezier(.2,.7,.2,1),background-color .16s}button:not(:disabled):hover{transform:translateY(-1px)}.primary:not(:disabled):hover{background:var(--color-scout-blue-strong)}.secondary:not(:disabled):hover,.quiet:not(:disabled):hover{background:var(--color-surface-hover)}}@media (width<=760px){.workspace{grid-template-columns:minmax(0,1fr)}.preview{border-left:0;border-top:1px solid var(--color-border)}.app-shell{padding:min(1.5rem,4vw)}.editor,.preview{padding:min(2rem,5vw)}h1{font-size:2rem}.intro{margin-top:2rem}}@media (prefers-reduced-motion:reduce){button:not(:disabled){transition:none}button:not(:disabled):hover{transform:none}}select[data-custom-select][hidden]{display:none}.select-control{justify-content:space-between;align-items:center;gap:var(--space-3,.75rem);width:100%;min-width:0;min-height:48px;padding:.75rem;border:1px solid var(--color-border-strong,var(--color-border));border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font:inherit;text-align:left;cursor:pointer;padding-inline-end:var(--space-4,1rem);display:flex}.select-control span{overflow-wrap:anywhere;min-width:0}.select-control svg{flex:none}.select-control:focus-visible,.select-control[aria-expanded=true]{outline:3px solid var(--color-focus,var(--color-scout-blue-border));outline-offset:3px}.select-options{z-index:1000;overscroll-behavior:contain;border:1px solid var(--color-border-strong,var(--color-border));border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font:inherit;padding:.25rem;position:fixed;overflow-y:auto;box-shadow:0 4px 16px #0000001a}.select-options[hidden]{display:none}.select-option{border-radius:var(--radius-sm);overflow-wrap:anywhere;cursor:pointer;border:1px solid #0000;align-items:center;min-height:44px;padding:.5rem .75rem;display:flex}.select-option:hover,.select-option[data-active=true]{border-color:var(--color-info,var(--color-scout-blue-border));background:var(--color-surface-muted)}.select-option[aria-selected=true]{font-weight:600}.select-option[aria-disabled=true],.select-control:disabled{opacity:.5;cursor:default}@media (forced-colors:active){.select-control,.select-options{border-color:buttontext}.select-option[data-active=true]{outline:2px solid highlight}}.date-input-row,.time-input-row{grid-template-columns:minmax(0,1fr) auto;gap:.5rem;display:grid}.date-input-row button{padding-inline:.75rem}.time-input-row{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)}.date-format{margin-top:.5rem}.date-dialog{border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-surface);width:min(25rem,100vw - 8px);max-width:none;max-height:calc(100dvh - 8px);color:var(--color-text);font:inherit;overscroll-behavior:contain;padding:0;overflow-y:auto}.date-dialog::backdrop{background:#00000073}.date-title-row,.date-month-row,.date-footer{justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem .5rem;display:flex}.date-title-row h2{font-size:var(--font-size-body);margin:0}.date-month-row p{text-align:center;overflow-wrap:anywhere;margin:0;font-weight:600}.date-grid{border-collapse:collapse;table-layout:fixed;width:100%;font-size:var(--font-size-body)}.date-grid th,.date-grid td{text-align:center;border:0;min-width:0;padding:0}.date-grid th{height:2.5rem;font-size:.75rem}.date-grid abbr{text-decoration:none}.date-day{border-radius:var(--radius-sm);background:var(--color-surface);width:calc(100% - 4px);min-height:44px;color:var(--color-text);font-variant-numeric:tabular-nums;font-size:var(--font-size-small);margin-inline:2px;padding:.3em 0;font-weight:500}.date-day[data-outside=true]{color:var(--color-text-muted)}.date-day[aria-current=date]{border-color:var(--color-info-accent)}.date-day:focus-visible{outline-offset:-3px}.date-grid td[aria-selected=true] .date-day{background:var(--color-info-accent);color:#fff}.date-footer{flex-wrap:wrap}