:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#1c1c22;background:#f6f6fa}*{box-sizing:border-box}body{margin:0;min-height:100vh}button{font-family:inherit}.controls.svelte-1y71c66{display:flex;flex-direction:column;gap:1.1rem;width:320px;flex-shrink:0}.field.svelte-1y71c66{display:flex;flex-direction:column;gap:.4rem;font-size:.85rem;font-weight:600;color:#3a3a44}.field.svelte-1y71c66 em:where(.svelte-1y71c66){font-style:normal;font-weight:700;color:#c13584}input[type=text].svelte-1y71c66,select.svelte-1y71c66{padding:.55rem .7rem;border:1px solid #dcdce4;border-radius:10px;font-size:.95rem;background:#fff}input[type=text].svelte-1y71c66:focus,select.svelte-1y71c66:focus{outline:2px solid #c13584;border-color:transparent}input[type=range].svelte-1y71c66{width:100%;accent-color:#c13584}.swatches.svelte-1y71c66{display:flex;gap:.6rem}.swatch.svelte-1y71c66{width:44px;height:44px;border-radius:50%;border:2px solid #d0d0da;background:var(--sw);cursor:pointer;padding:0;transition:transform .05s ease}.swatch.svelte-1y71c66:active{transform:scale(.94)}.swatch.active.svelte-1y71c66{border-color:#c13584;box-shadow:0 0 0 3px #c1358440}.size-block.svelte-1y71c66{display:flex;flex-direction:column;gap:.9rem;padding:.9rem;border:1px solid #e4e4ec;border-radius:12px;background:#fafafc}.range-scale.svelte-1y71c66{display:flex;justify-content:space-between;font-size:.7rem;font-weight:500;color:#9a9aa2}.readonly.svelte-1y71c66 output:where(.svelte-1y71c66){padding:.55rem .7rem;border:1px dashed #cfcfd8;border-radius:10px;background:#f0f0f4;color:#6b6b74;font-size:.95rem;font-weight:700}.preview.svelte-1x4flvo{display:flex;flex-direction:column;gap:.5rem;flex:1;min-height:0}.canvas.svelte-1x4flvo{flex:1;display:grid;place-items:center;padding:2rem;border-radius:16px;min-height:320px;overflow:hidden;background-color:#8a8b90;background-image:linear-gradient(#8c8d928c,#8c8d928c),var(--mockup);background-size:cover;background-position:center}.svg-wrap.svelte-1x4flvo svg{max-width:100%;max-height:60vh;height:auto;filter:drop-shadow(0 6px 18px rgba(0,0,0,.35))}.disclaimer.svelte-1x4flvo{margin:0;font-size:.72rem;line-height:1.4;color:#9a9aa2}main.svelte-1n46o8q{max-width:1100px;margin:0 auto;padding:2rem 1.5rem 3rem}header.svelte-1n46o8q h1:where(.svelte-1n46o8q){margin:0;font-size:1.6rem;background:linear-gradient(90deg,#f58529,#dd2a7b,#8134af,#515bd4);-webkit-background-clip:text;background-clip:text;color:transparent}header.svelte-1n46o8q p:where(.svelte-1n46o8q){margin:.35rem 0 1.75rem;color:#6b6b74;font-size:.95rem;font-weight:600}.load-error.svelte-1n46o8q{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:.75rem 1rem;border-radius:10px;background:#fdeaea;border:1px solid #f3c2c2;color:#a5342f;font-size:.9rem;font-weight:600}.load-error.svelte-1n46o8q span:where(.svelte-1n46o8q){flex:1}.load-error.svelte-1n46o8q .close:where(.svelte-1n46o8q){border:none;background:none;color:#a5342f;font-size:1.2rem;line-height:1;cursor:pointer;padding:0 .2rem}.layout.svelte-1n46o8q{display:flex;gap:2rem;align-items:stretch}.right.svelte-1n46o8q{flex:1;display:flex;flex-direction:column;gap:1rem;min-width:0}.exportbar.svelte-1n46o8q{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.btn-text.svelte-1n46o8q{border:none;background:none;padding:.4rem .2rem;color:#86868f;font-size:.82rem;font-weight:500;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.btn-text.svelte-1n46o8q:hover{color:#3a3a44}.btn.svelte-1n46o8q{padding:.75rem 1.3rem;border:1px solid #dcdce4;border-radius:10px;background:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:transform .05s ease}.btn.svelte-1n46o8q:active{transform:translateY(1px)}.btn.primary.svelte-1n46o8q{border:none;color:#fff;background:linear-gradient(90deg,#dd2a7b,#8134af)}.order-msg.svelte-1n46o8q{padding:.85rem 1.1rem;border-radius:10px;background:#f6ecf5;border:1px solid #e6c9e2;color:#8134af;font-weight:600;font-size:.95rem}@media(max-width:800px){.layout.svelte-1n46o8q{flex-direction:column}}