*{box-sizing:border-box}body{margin:0;background:#f5f3ff;color:#20203d;font:16px/1.6 system-ui}header,main,footer{padding:22px 4vw}header{display:flex;justify-content:space-between;background:white}a{color:#663bba}h1{font-size:clamp(32px,4vw,56px);line-height:1.1;margin:10px 0}.hero{display:grid;grid-template-columns:2fr 1fr;gap:24px;align-items:center;margin-bottom:24px}.hero img{width:100%;max-height:220px;object-fit:cover;border-radius:22px}.hero p{max-width:750px;color:#575775}.eyebrow{color:#7740c9;font-weight:700;letter-spacing:2px;font-size:13px}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:22px}.panel{padding:24px;border:1px solid #ded6f2;border-radius:22px;background:white;min-width:0}.drop{padding:30px;background:#f6f1ff;border:2px dashed #b599dc;border-radius:18px;text-align:center;display:block}.drop.drag{background:#e2d2ff}input,select,button{font:inherit;padding:10px;border-radius:9px;border:1px solid #b7a4d0;max-width:100%}button{cursor:pointer;background:#6c3fc2;color:white}button:disabled{opacity:.45;cursor:default}label{display:block;margin:14px 0}#preview{width:100%;max-height:380px;object-fit:contain;background:repeating-conic-gradient(#eee 0% 25%,white 0% 50%) 0/20px 20px}#status{min-height:28px}#status.error{color:#a52035}.swatch{display:flex;gap:12px;align-items:center;margin:10px 0}.chip{width:52px;height:52px;border-radius:10px;border:1px solid #ddd}.swatch button{background:white;color:#463469}.actions{display:flex;gap:10px;flex-wrap:wrap}small{color:#666}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #f4a033;outline-offset:3px}@media(max-width:700px){.hero,.workspace{grid-template-columns:1fr}.hero img{max-height:160px}.panel{padding:18px}}