:root{--page:#f4f2ef;--surface:#fff;--ink:#1a1a1a;--muted:#6b6b6b;--border:#d9d5d0;--focus:#1a1a1a;--focus-soft:#1a1a1a40;--warning-ink:#7a4a12;--warning-surface:#fdf6e8;--warning-border:#e6d3ad;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5}*,:before,:after{box-sizing:border-box}body{min-height:100vh;color:var(--ink);background:var(--page);margin:0}button,input,select{font:inherit}._field_152pe_1{gap:.4rem;display:grid}._label_152pe_6{letter-spacing:.02em;text-transform:uppercase;color:var(--muted);font-size:.8rem;font-weight:600}._control_152pe_14{align-items:center;gap:.5rem;display:flex}._hint_152pe_20{color:var(--muted);font-size:.8rem}._group_6hxz8_1{align-items:center;gap:.6rem;width:100%;display:flex}._slider_6hxz8_8{min-width:0;accent-color:var(--ink);cursor:pointer;flex:1}._slider_6hxz8_8:disabled{opacity:.5;cursor:not-allowed}._slider_6hxz8_8:focus-visible{outline:2px solid var(--focus-soft)}._value_6hxz8_24{font-variant-numeric:tabular-nums;min-width:2.4rem;color:var(--muted);text-align:right;font-size:.85rem}._input_ehk32_1{width:12rem;color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:.5rem .65rem;font-size:1.35rem;line-height:1.2}._input_ehk32_1:focus-visible{border-color:var(--focus);outline:2px solid var(--focus-soft)}._button_15vd3_1{color:var(--surface);background:var(--ink);border:1px solid var(--ink);cursor:pointer;border-radius:6px;padding:.6rem 1rem;font-size:.95rem;font-weight:600}._button_15vd3_1:hover:not(:disabled){background:#333}._button_15vd3_1:disabled{color:var(--muted);background:var(--border);border-color:var(--border);cursor:not-allowed}._button_15vd3_1:focus-visible{outline:2px solid var(--focus-soft)}._options_nycd9_1{align-items:center;gap:.4rem;display:flex}._swatch_nycd9_7{border:1px solid var(--border);cursor:pointer;border-radius:50%;width:1.9rem;height:1.9rem}._active_nycd9_15{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--ink)}._swatch_nycd9_7:focus-visible,._picker_nycd9_20:focus-visible{outline:2px solid var(--focus-soft)}._picker_nycd9_20{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:6px;width:2.4rem;height:1.9rem;padding:0}._group_1q33q_1{gap:.55rem;width:100%;display:grid}._options_1q33q_7{flex-wrap:wrap;gap:.35rem;display:flex}._option_1q33q_7{color:var(--ink);background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:6px;padding:.4rem .6rem;font-size:.9rem}._option_1q33q_7:hover{border-color:var(--muted)}._active_1q33q_27{color:var(--surface);background:var(--ink);border-color:var(--ink)}._option_1q33q_7:focus-visible{outline:2px solid var(--focus-soft)}._toggle_1q33q_37{cursor:pointer;align-items:center;gap:.45rem;font-size:.95rem;display:inline-flex}._toggle_1q33q_37 input{width:1rem;height:1rem;accent-color:var(--ink)}._toggle_1q33q_37 input:focus-visible{outline:2px solid var(--focus-soft)}._toggle_i2trq_1{cursor:pointer;align-items:center;gap:.45rem;font-size:.95rem;display:inline-flex}._toggle_i2trq_1 input{width:1rem;height:1rem;accent-color:var(--ink)}._toggle_i2trq_1 input:focus-visible{outline:2px solid var(--focus-soft)}._preview_1qijv_1{justify-items:center;gap:.75rem;margin:0;display:grid}._stage_1qijv_8{background:var(--surface);border:1px solid var(--border);border-radius:10px;flex-wrap:wrap;justify-content:center;align-items:center;gap:1.25rem;width:100%;min-height:19rem;padding:1.5rem;display:flex}._view_1qijv_22{justify-items:center;gap:.6rem;display:grid}._stage_1qijv_8 img{display:block}._label_1qijv_32{color:var(--muted);margin:0;font-size:.8rem}._message_1qijv_38{color:var(--muted);margin:0;font-size:.95rem}._caption_1qijv_44{color:var(--muted);font-size:.8rem}._options_1tay9_1{flex-wrap:wrap;gap:.35rem;display:flex}._option_1tay9_1{color:var(--ink);background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:6px;padding:.4rem .6rem;font-size:.9rem}._option_1tay9_1:hover{border-color:var(--muted)}._active_1tay9_21{color:var(--surface);background:var(--ink);border-color:var(--ink)}._option_1tay9_1:focus-visible{outline:2px solid var(--focus-soft)}._custom_1tay9_31{width:4.6rem;color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:.4rem .5rem;font-size:.9rem}._custom_1tay9_31:focus-visible{border-color:var(--focus);outline:2px solid var(--focus-soft)}._group_gzmc2_1{align-items:center;gap:.6rem;width:100%;display:flex}._slider_gzmc2_8{min-width:0;accent-color:var(--ink);cursor:pointer;flex:1}._slider_gzmc2_8:focus-visible{outline:2px solid var(--focus-soft)}._value_gzmc2_19{font-variant-numeric:tabular-nums;min-width:2.4rem;color:var(--muted);text-align:right;font-size:.85rem}._select_1fsqs_1{width:100%;color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:.5rem .65rem;font-size:.95rem}._select_1fsqs_1:focus-visible{border-color:var(--focus);outline:2px solid var(--focus-soft)}._options_5l6i7_1{flex-wrap:wrap;gap:.35rem;display:flex}._option_5l6i7_1{color:var(--ink);background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:6px;padding:.4rem .6rem;font-size:.9rem}._option_5l6i7_1:hover{border-color:var(--muted)}._active_5l6i7_21{color:var(--surface);background:var(--ink);border-color:var(--ink)}._option_5l6i7_1:focus-visible{outline:2px solid var(--focus-soft)}._options_12rkb_1{flex-wrap:wrap;gap:.35rem;display:flex}._option_12rkb_1{font-variant-numeric:tabular-nums;color:var(--ink);background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:6px;padding:.4rem .6rem;font-size:.9rem}._option_12rkb_1:hover{border-color:var(--muted)}._active_12rkb_22{color:var(--surface);background:var(--ink);border-color:var(--ink)}._option_12rkb_1:focus-visible{outline:2px solid var(--focus-soft)}.app{max-width:72rem;margin:0 auto;padding:2.5rem 1.5rem 4rem}.app-header h1{margin:0;font-size:1.6rem}.app-header p{color:var(--muted);margin:.35rem 0 0}.app-main{grid-template-columns:minmax(17rem,1fr) minmax(22rem,34rem);align-items:start;gap:2.5rem;margin-top:2rem;display:grid}.app-preview{align-content:start;gap:1.25rem;display:grid}.app-controls{background:var(--surface);border:1px solid var(--border);border-radius:10px;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));align-items:start;gap:1.25rem;padding:1.5rem;display:grid}.app-export{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.app-warning{color:var(--warning-ink);background:var(--warning-surface);border:1px solid var(--warning-border);border-radius:6px;margin:0;padding:.6rem .75rem;font-size:.85rem}@media (width<=48rem){.app-main{grid-template-columns:1fr}}