.preview-note{max-width:60ch;margin-top:var(--space-md);padding:var(--space-sm) var(--space-md);border:1px dashed color-mix(in oklab, var(--ink) 35%, transparent);border-radius:var(--radius-md);background:var(--surface-veil);color:var(--ink-2);font-size:var(--text-sm)}.mcard{padding:var(--space-xl);border:1px solid var(--rule);border-radius:var(--radius-lg);background:var(--surface);box-shadow:0 30px 60px -45px color-mix(in oklab, var(--light-2) 55%, transparent)}.devid{font-family:var(--font-mono);letter-spacing:.04em}.mform{gap:var(--space-lg);display:grid}.mform h2{letter-spacing:-.03em;font-size:clamp(1.625rem,1vw + 1.2rem,2.125rem)}.mfield{align-content:start;gap:6px;display:grid}.mfield label{font-weight:600}.mfield__help{color:var(--muted);font-size:var(--text-sm)}.mfield__error{color:var(--danger);font-size:var(--text-sm);font-weight:500}.mfield__error:before{content:"! ";font-weight:700}.minput{border:1px solid color-mix(in oklab, var(--ink) 22%, transparent);border-radius:var(--radius-sm);background:var(--paper);width:100%;min-height:48px;color:var(--ink);font-size:var(--text-md);transition:border-color var(--dur-short) linear, box-shadow var(--dur-short) linear;padding:0 14px}.minput::placeholder{color:color-mix(in oklab, var(--muted) 75%, transparent)}.minput:hover{border-color:color-mix(in oklab, var(--ink) 40%, transparent)}.minput:focus-visible{border-color:var(--focus);box-shadow:0 0 0 3px color-mix(in oklab, var(--focus) 30%, transparent);outline:none}.minput[aria-invalid=true]{border-color:var(--danger);box-shadow:0 0 0 3px color-mix(in oklab, var(--danger) 18%, transparent)}.minput--mono{font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:.03em}.minput--pin{max-width:9rem;font-family:var(--font-mono);font-size:var(--text-xl);letter-spacing:.5em;text-align:center}.minput-wrap{position:relative}.minput-wrap .minput{padding-right:52px}.reveal{border-radius:var(--radius-xs,8px);width:44px;height:40px;color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;display:grid;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.reveal:hover,.reveal[aria-pressed=true]{color:var(--ink)}.mform>.btn{justify-self:start}.mlink{min-height:44px;color:var(--ink-2);text-decoration:underline;text-decoration-color:color-mix(in oklab, var(--ink) 30%, transparent);text-underline-offset:.3em;cursor:pointer;background:0 0;border:0;justify-self:start;padding:0;font-weight:500}.mlink:hover{color:var(--ink)}.segment{border:1px solid var(--rule);border-radius:var(--radius-pill);background:var(--paper-2);grid-template-columns:1fr 1fr;margin:0;padding:4px;display:grid}.segment label{cursor:pointer;position:relative}.segment input{opacity:0;pointer-events:none;position:absolute}.segment span{border-radius:var(--radius-pill);min-height:40px;color:var(--ink-2);font-size:var(--text-sm);transition:background-color var(--dur-short) linear, color var(--dur-short) linear;place-items:center;font-weight:600;display:grid}.segment input:checked+span{background:var(--ink);color:var(--paper)}.segment input:focus-visible+span{outline:2px solid var(--focus);outline-offset:2px}.check{cursor:pointer;align-items:flex-start;gap:12px;display:flex}.check input{width:20px;height:20px;accent-color:var(--ink);margin-top:2px}.check span{gap:2px;display:grid}.check small{color:var(--muted);font-size:var(--text-sm)}.check:has(input:disabled){cursor:not-allowed;opacity:.7}.btn--danger{background:var(--danger);color:#fff}.btn--danger:hover{background:color-mix(in oklab, var(--danger) 85%, #000)}textarea.minput{resize:vertical;min-height:180px;padding:12px 14px;line-height:1.55}select.minput{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--ink-2) 50%), linear-gradient(135deg, var(--ink-2) 50%, transparent 50%);cursor:pointer;background-position:calc(100% - 22px),calc(100% - 16px);background-repeat:no-repeat;background-size:6px 6px;padding-right:44px}.mfield__label{justify-content:space-between;align-items:baseline;gap:var(--space-sm);display:flex}.mfield__optional{color:var(--muted);font-size:var(--text-sm);font-weight:400}.mfield__count{color:var(--muted);font-family:var(--font-mono);font-size:var(--text-xs);text-align:right}.mfield__count.is-over{color:var(--danger)}.mrow{gap:var(--space-lg);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.malert{padding:var(--space-md);border-radius:var(--radius-md);border:1px solid var(--rule);background:var(--paper-2);color:var(--ink-2);font-size:var(--text-sm)}.malert strong{color:var(--ink)}.malert--error{border-color:color-mix(in oklab, var(--danger) 45%, transparent);background:color-mix(in oklab, var(--danger) 8%, var(--surface))}.malert--ok{border-color:color-mix(in oklab, var(--ok) 45%, transparent);background:color-mix(in oklab, var(--ok) 8%, var(--surface))}.btn[aria-busy=true]{cursor:progress;opacity:.75}.hp{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}@media (width<=40rem){.mcard{padding:var(--space-lg)}.mrow{grid-template-columns:minmax(0,1fr)}}
