:root{color:#172033;background:#edf1f7;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}.app-shell{grid-template-columns:minmax(19rem,26rem) minmax(0,1fr);gap:2rem;min-height:100vh;padding:clamp(1rem,4vw,4rem);display:grid}.configuration,.preview-panel{background:#fff;border:1px solid #dce3ee;border-radius:1rem;box-shadow:0 12px 35px #25375514}.configuration{padding:1.5rem}.preview-panel{flex-direction:column;min-width:0;padding:1.5rem;display:flex}h1,h2,p{margin-top:0}h1{margin-bottom:.4rem;font-size:1.75rem}h2{margin-bottom:0}.eyebrow{color:#4262b3;letter-spacing:.1em;text-transform:uppercase;font-size:.75rem;font-weight:800}.intro{color:#596579;line-height:1.5}fieldset{border:0;border-top:1px solid #e5e9f0;margin:1.25rem 0 0;padding:1rem 0 0}legend{color:#334155;padding:0 .35rem 0 0;font-size:.84rem;font-weight:750}.field-grid{gap:.85rem;display:grid}.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}label{color:#3d4a60;gap:.35rem;margin-top:1rem;font-size:.78rem;font-weight:650;display:grid}.field-grid label{margin-top:0}input{color:#172033;font:inherit;border:1px solid #b9c5d7;border-radius:.45rem;width:100%;padding:.55rem .65rem}input:focus{border-color:#4262b3;outline:none;box-shadow:0 0 0 3px #dce7ff}.summary{color:#223a6d;background:#edf4ff;border-radius:.6rem;margin-top:1.25rem;padding:.8rem;font-size:.86rem;line-height:1.5}.error{color:#a12332;margin:.8rem 0 0;font-size:.86rem;line-height:1.4}.actions{gap:.75rem;margin-top:1rem;display:flex}button{color:#fff;cursor:pointer;font:inherit;background:#3159b7;border:0;border-radius:.5rem;padding:.7rem .85rem;font-weight:750}button.secondary{color:#263653;background:#e8edf6}button:disabled{cursor:not-allowed;opacity:.55}.preview-heading{border-bottom:1px solid #e5e9f0;margin-bottom:1.5rem}.preview{background:#dbe3ef;flex:1;justify-content:center;align-items:flex-start;padding:1.5rem;display:flex;overflow:auto}.preview canvas{background:#fff;max-width:100%;height:auto;box-shadow:0 9px 23px #1827442e}@media (width<=850px){.app-shell{grid-template-columns:1fr;padding:1rem}.preview{min-height:25rem}}