:root{--page-background:#f3f5f8;--page-surface:#fff;--page-text:#182537;--page-muted:#526278;--page-border:#ccd4df;--page-accent:#3e3aa8;--page-radius:1rem;--page-spacing:1.5rem;--page-font:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}body{background:var(--page-background);color:var(--page-text);font-family:var(--page-font);margin:0;line-height:1.6}main{max-width:100rem;margin:auto;padding:clamp(1rem,3vw,3rem)}.playground-page{padding:var(--page-spacing);border-radius:var(--page-radius);background:var(--page-background);color:var(--page-text)}.playground-page[data-mode=dark]{--page-background:#121827;--page-surface:#1c2536;--page-text:#f4f6fc;--page-muted:#b6c1d4;--page-border:#53617a;--page-accent:#b9b3ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}a{color:var(--page-accent);text-underline-offset:.2em;overflow-wrap:anywhere}button,select,input{font:inherit;border:1px solid var(--page-border);border-radius:.5rem;min-height:2.75rem;padding:.6rem .8rem}button,select,summary{cursor:pointer}button{background:var(--page-accent);color:var(--page-surface);border-color:var(--page-accent);font-weight:600}button:hover:enabled{filter:brightness(.94)}button:disabled{cursor:not-allowed;opacity:.65}input,select{border-color:var(--page-muted);background:var(--page-surface);color:var(--page-text);width:100%}input[type=checkbox]{width:1.25rem;height:1.25rem;min-height:0;accent-color:var(--page-accent);margin:0 .6rem 0 0}input[type=color]{padding:.2rem}:focus-visible{outline:3px solid var(--page-text);outline-offset:3px}h1,h2,h3,h4,p{margin-top:0}h1{letter-spacing:-.045em;margin-bottom:.75rem;font-size:clamp(1.8rem,3vw,2.9rem);line-height:1.12}h2{margin-bottom:.6rem;font-size:1.2rem}h3{font-size:1.7rem;line-height:1.25}h4{margin-bottom:.75rem;font-size:1rem}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:2rem;display:flex}.page-header nav{flex-wrap:wrap;align-items:center;gap:.75rem;font-size:.85rem;display:flex}.intro,.preview-note,.contrast-result,.field-help{color:var(--page-muted)}.intro{margin-bottom:0}.eyebrow{letter-spacing:.15em;color:var(--page-muted);font-size:.7rem;font-weight:700}.playground{gap:var(--page-spacing);grid-template-columns:minmax(19rem,2fr) minmax(0,4fr);align-items:start;display:grid}.workspace{gap:var(--page-spacing);min-width:0;display:grid}.panel{border:1px solid var(--page-border);border-radius:var(--page-radius);background:var(--page-surface);padding:var(--page-spacing);min-width:0}.section-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.section-heading .eyebrow{display:block}label{margin-bottom:.4rem;font-weight:600;display:block}.settings details{border-bottom:1px solid var(--page-border);padding:1rem 0}summary{min-height:2.75rem;padding:.4rem 0;font-weight:650}.settings-fields{gap:1rem;padding-top:.75rem;display:grid}.setting-row{align-items:center;gap:.4rem;min-height:2.75rem;display:flex}.setting-row label{margin:0}.setting-row input{flex:none}.method-order{gap:.5rem;padding:0;list-style:none;display:grid}.method-row{border:1px solid var(--page-border);border-radius:.5rem;padding:.5rem}.reorder-actions{flex-wrap:wrap;gap:.4rem;display:flex}.reorder-actions button{font-size:.8rem}.actions{flex-wrap:wrap;gap:.6rem;margin:1rem 0;display:flex}.secondary,.view-switch button{color:var(--page-text);background:var(--page-surface);border-color:var(--page-border)}.notice{background:var(--page-background);overflow-wrap:anywhere;border-radius:.5rem;padding:.75rem;font-size:.9rem}.contrast-result,.field-help{margin-bottom:.5rem;font-size:.85rem}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--page-background);border-radius:.5rem;padding:1rem;font-size:.8rem}.view-switch{gap:.5rem;margin-bottom:1rem;display:flex}.view-switch button[aria-pressed=true]{background:var(--page-text);color:var(--page-surface)}.theme-canvas{background:var(--tk-canvas);min-height:34rem;color:var(--tk-text);font-family:var(--tk-font);border-radius:var(--page-radius);color-scheme:var(--tk-color-scheme);place-items:center;padding:clamp(.75rem,2vw,2rem);display:grid}.sample-card{background:var(--tk-surface);border:1px solid var(--tk-border);border-radius:var(--tk-radius);width:100%;max-width:38rem;box-shadow:var(--tk-shadow);overflow-wrap:anywhere;padding:clamp(1rem,2vw,2rem)}.sample-card.headless{box-shadow:none;background:0 0;border:none;padding:.5rem}.sample-tag{color:var(--tk-muted);text-transform:capitalize;font-size:.75rem}.sample-card h3{margin-top:.75rem}.sample-card p,.sample-card .field-help{color:var(--tk-muted)}.sample-card button,.sample-button{background:var(--tk-brand);color:var(--tk-on-brand);border-color:var(--tk-brand);border-radius:var(--tk-radius)}.sample-card .secondary{color:var(--tk-text);background:var(--tk-surface);border-color:var(--tk-border)}.sample-card input{background:var(--tk-surface);color:var(--tk-text);border:1px solid var(--tk-muted);margin-bottom:.5rem}.sample-button{width:100%;max-width:24rem}.method-sections{gap:1rem;display:grid}.method-section:empty{display:none}.method-section form button{width:100%}.method-sections.split .method-section{border-bottom:1px solid var(--tk-border);padding-bottom:1rem}.input-submit.inside{border:1px solid var(--tk-muted);border-radius:var(--tk-radius);gap:.25rem;padding:.25rem;display:flex}.input-submit.inside input{border:0;width:60%;min-width:0;margin:0}.method-section .input-submit.inside button{width:40%;padding:.5rem}.wallet-list{gap:.5rem;display:grid}.wallet-list p{margin-bottom:.5rem}.code-and-inbox{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;display:grid}.code-and-inbox .actions{grid-column:1/-1}.inbox{border:1px solid var(--tk-border);border-radius:var(--tk-radius);padding:.75rem;font-size:.8rem}.inbox strong{letter-spacing:.1em;font-family:monospace;font-size:1.4rem}.session-details{font-size:.85rem}dt{font-weight:700}dd{overflow-wrap:anywhere;margin:0 0 .6rem}.preview-note{margin-top:1rem;margin-bottom:0;font-size:.85rem}dialog{background:var(--tk-surface);color:var(--tk-text);border:1px solid var(--tk-border);border-radius:var(--tk-radius);max-width:min(44rem,100vw - 2rem);max-height:calc(100dvh - 2rem);padding:1rem;overflow-y:auto}dialog::backdrop{background:#080d20a8}dialog .sample-card{box-shadow:none;border:none}.dialog-close{margin:0 0 .5rem auto;display:block}.table-scroll{max-height:24rem;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:.8rem}th,td{border-bottom:1px solid var(--page-border);padding:.5rem}td:first-child{overflow-wrap:anywhere}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}[hidden]{display:none!important}@media (max-width:56rem){.playground{grid-template-columns:minmax(0,1fr)}.theme-canvas{min-height:24rem}.playground-page{padding:0}}@media (max-width:30rem){.code-and-inbox{grid-template-columns:minmax(0,1fr)}.panel{padding:1rem}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.theme-canvas :focus-visible{outline-color:var(--tk-text)}