body{color:#f8fafc;background:#202633;margin:0;font-family:Arial,Helvetica,sans-serif}.token-shell{padding:16px}h1{margin:0 0 8px;font-size:24px;line-height:1.1}#status,#tokenStatus{color:#cbd5e1;min-height:1.35em;margin:0 0 16px;line-height:1.35}.panel{background:#2f3748;border:1px solid #566278;border-radius:8px;padding:12px}.field{margin-bottom:12px}.letter-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.checkbox-field{align-items:center;gap:8px;margin:0 0 12px;font-weight:700;display:flex}.checkbox-field input,.radio-option input{accent-color:#f59e0b;width:auto;min-height:0;padding:0;display:inline-block}.radio-group{border:1px solid #64748b;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 12px;padding:10px;display:grid}.radio-group legend{padding:0 4px;font-weight:700}.radio-option{align-items:center;gap:8px;font-weight:700;display:flex}.field-label,.palette legend{margin-bottom:6px;font-weight:700;display:block}input,select,button{box-sizing:border-box;font:inherit}input,select{color:#111827;background:#f8fafc;border:1px solid #cbd5e1;width:100%;min-height:40px;padding:8px 10px;display:block}.letter-input{text-align:center;text-transform:uppercase;font-size:28px;font-weight:800}.palette{border:1px solid #64748b;grid-template-columns:repeat(8,1fr);gap:8px;margin:0 0 12px;padding:10px;display:grid}.palette legend{padding:0 4px}.swatch-label{aspect-ratio:1;min-width:0;display:block;position:relative}.swatch-label input{opacity:0;width:1px;height:1px;position:absolute}.swatch{background:var(--swatch-color);border:2px solid #ffffffb8;border-radius:6px;width:100%;height:100%;display:block;box-shadow:inset 0 0 0 1px #0f172a61}.swatch-label input:checked+.swatch{border-color:#fff;box-shadow:0 0 0 3px #38bdf8,inset 0 0 0 1px #0f172a61}button{color:#111827;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;width:100%;min-height:40px;padding:8px 12px}button:disabled{cursor:progress;opacity:.72}