:host{display:block;color:var(--ink, #242722);font:inherit}*{box-sizing:border-box}form,fieldset{min-width:0;margin:0;padding:0;border:0}legend{margin-bottom:14px;color:var(--muted, #66685c);font-family:var(--mono-font, ui-monospace, monospace);font-size:.78rem;line-height:1.5}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field{display:block;min-width:0;margin:0 0 18px}.field>span,.field>label{display:block;margin-bottom:7px;color:var(--ink, #242722);font-size:.88rem;font-weight:650}input[type=text],input[type=email],select,textarea{display:block;width:100%;min-width:0;padding:10px 12px;border:1px solid var(--ink, #242722);border-radius:2px;background:var(--surface, #fffdf5);color:var(--ink, #242722);font:inherit;font-size:.95rem;line-height:1.5}input::placeholder,textarea::placeholder{color:var(--muted, #66685c);opacity:1}input:disabled,select:disabled,textarea:disabled{background:var(--paper, #f6f3e9);opacity:.65}input[type=checkbox],input[type=radio]{width:19px;height:19px;margin:0;vertical-align:middle;accent-color:var(--accent, #af4027)}.checkbox{display:flex;align-items:flex-start;gap:10px;margin:4px 0;color:var(--ink, #242722);font-size:.9rem}.checkbox input{flex:0 0 auto;width:18px;height:18px;margin-top:3px}button{padding:10px 15px;border:1px solid var(--ink, #242722);border-radius:2px;background:var(--ink, #242722);color:var(--paper, #f6f3e9);font:inherit;font-size:.88rem;font-weight:650;line-height:1.45;cursor:pointer}button:hover:not(:disabled){box-shadow:2px 2px 0 var(--accent, #af4027)}button:active:not(:disabled){box-shadow:none}button.secondary{background:var(--surface, #fffdf5);color:var(--ink, #242722)}button:disabled{cursor:not-allowed;opacity:.5}.button-row,.component-preview{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.component-preview{margin:12px 0}.extra,.hint{margin:6px 0 0;color:var(--muted, #66685c);font-size:.81rem;line-height:1.5}.eyebrow{margin:0 0 13px;color:var(--accent, #af4027);font-family:var(--mono-font, ui-monospace, monospace);font-size:.7rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase}dialog,[popover]{width:min(460px,calc(100vw - 40px));max-height:calc(100dvh - 48px);padding:28px;overflow:auto;border:1px solid var(--ink, #242722);border-radius:2px;background:var(--surface, #fffdf5);color:var(--ink, #242722);box-shadow:6px 6px 0 var(--line, #bfc1ae);font:16px/1.6 var(--body-font, system-ui, sans-serif)}dialog::backdrop{background:color-mix(in srgb,var(--paper, #f6f3e9) 70%,transparent)}h2{margin:0 0 14px;font-family:var(--display-font, Georgia, serif);font-size:2rem;font-weight:500;line-height:1.1;letter-spacing:-.035em}dialog p,[popover] p{margin-bottom:23px;color:var(--muted, #66685c)}dialog .eyebrow,[popover] .eyebrow{color:var(--accent, #af4027)}dialog .button-row,[popover] .button-row{margin-top:18px}code{font-family:var(--mono-font, ui-monospace, SFMono-Regular, Consolas, monospace);font-size:.87em}:focus-visible{outline:3px solid var(--accent, #af4027);outline-offset:4px}.sr-only,.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}[hidden]{display:none!important}@media(max-width:560px){.field-grid{grid-template-columns:1fr}}