:root{--bg: #faf8f5;--bg-card: #ffffff;--bg-input: #f2eeea;--border: #e2ddd7;--border-active: #8b2252;--text: #2c2420;--text-secondary: #6b6058;--text-dim: #a39a90;--accent: #8b2252;--accent-light: #a83268;--accent-glow: rgba(139, 34, 82, .08);--radius: 10px;--serif: "DM Serif Display", Georgia, serif;--sans: "DM Sans", -apple-system, system-ui, sans-serif;--mono: "JetBrains Mono", "SF Mono", monospace}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--sans);background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased}.header{padding:1.25rem 2rem;max-width:1100px;margin:0 auto}.logo{font-family:var(--serif);font-size:1.35rem;color:var(--accent);text-decoration:none;letter-spacing:-.02em}.hero{text-align:center;padding:2rem 1.5rem 2.5rem;max-width:600px;margin:0 auto}.hero h1{font-family:var(--serif);font-size:clamp(2rem,5vw,3rem);font-weight:400;line-height:1.2;letter-spacing:-.02em;color:var(--text)}.hero h1 em{color:var(--accent);font-style:italic}.hero-sub{margin-top:.6rem;color:var(--text-secondary);font-size:1.05rem}.workspace{max-width:1100px;margin:0 auto;padding:0 2rem 4rem;display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}@media(max-width:800px){.workspace{grid-template-columns:1fr;gap:2rem}.preview-area{order:-1}.header,.workspace{padding-left:1.25rem;padding-right:1.25rem}}.preview-area{position:sticky;top:2rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.preview-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:2rem;box-shadow:0 2px 20px #0000000a,0 0 0 1px #00000005;display:flex;align-items:center;justify-content:center;width:100%;max-width:440px;min-height:280px;background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.015'/%3E%3C/svg%3E")}.qr-canvas{display:flex;align-items:center;justify-content:center}.qr-canvas canvas,.qr-canvas svg{border-radius:6px;max-width:100%;height:auto}.download-row{display:flex;gap:.5rem;width:100%;max-width:440px}.controls{display:flex;flex-direction:column;gap:1.5rem}.control-section>label{display:block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);margin-bottom:.5rem}.hint{font-weight:400;text-transform:none;letter-spacing:0}input[type=text]{width:100%;padding:.65rem .9rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:var(--mono);font-size:.85rem;outline:none;transition:border-color .15s}input[type=text]:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.preset-row{display:flex;gap:.4rem;overflow-x:auto;padding-bottom:.25rem}.preset-btn{flex-shrink:0;width:44px;height:44px;border:2px solid var(--border);border-radius:10px;cursor:pointer;transition:border-color .15s,transform .1s;padding:0;position:relative}.preset-btn:hover{border-color:var(--text-dim);transform:translateY(-1px)}.preset-btn.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.preset-btn .swatch{width:100%;height:100%;border-radius:8px;display:block}.preset-btn .pname{position:absolute;bottom:-16px;left:50%;transform:translate(-50%);font-size:.6rem;color:var(--text-dim);white-space:nowrap;opacity:0;transition:opacity .15s;pointer-events:none}.preset-btn:hover .pname,.preset-btn.active .pname{opacity:1}.shape-row{display:flex;flex-direction:column;gap:.6rem}.shape-group{display:flex;align-items:center;gap:.5rem}.shape-label{font-size:.72rem;color:var(--text-dim);width:52px;flex-shrink:0}.option-row{display:flex;gap:.3rem;flex-wrap:wrap}.opt{padding:.35rem .7rem;font-size:.75rem;font-weight:500;font-family:var(--sans);background:var(--bg-card);border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .12s}.opt:hover{border-color:var(--text-dim);color:var(--text)}.opt.active{background:var(--accent-glow);border-color:var(--accent);color:var(--accent)}.color-row{display:flex;gap:.75rem;flex-wrap:wrap}.color-swatch{display:flex;flex-direction:column;align-items:center;gap:.25rem;cursor:pointer}.color-swatch span{font-size:.65rem;color:var(--text-dim)}input[type=color]{-webkit-appearance:none;width:36px;height:36px;border:2px solid var(--border);border-radius:8px;background:none;cursor:pointer;padding:2px;transition:border-color .15s}input[type=color]:hover{border-color:var(--text-dim)}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none;border-radius:5px}.logo-row{display:flex;gap:.5rem;align-items:center}.advanced{border-top:1px solid var(--border);padding-top:.75rem}.advanced summary{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none}.advanced summary:before{content:"+ "}.advanced[open] summary:before{content:"− "}.advanced-inner{display:flex;flex-direction:column;gap:.75rem;padding-top:.75rem}.adv-row{display:flex;align-items:center;gap:.75rem}.adv-row>label{font-size:.72rem;color:var(--text-dim);white-space:nowrap;min-width:80px}.toggle-label{display:flex;align-items:center;gap:.35rem;font-size:.72rem;color:var(--text-dim);cursor:pointer}.toggle-label input[type=checkbox]{accent-color:var(--accent);cursor:pointer}input[type=range]{-webkit-appearance:none;width:100%;height:3px;background:var(--border);border-radius:2px;outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:var(--accent);border-radius:50%;cursor:grab}.btn{font-family:var(--sans);font-weight:600;font-size:.82rem;border:none;border-radius:8px;cursor:pointer;padding:.6rem 1.2rem;transition:all .12s;display:inline-flex;align-items:center;gap:.35rem}.btn-sm{padding:.4rem .8rem;font-size:.75rem}.btn-primary{background:var(--accent);color:#fff;flex:1}.btn-primary:hover{background:var(--accent-light)}.btn-secondary{background:var(--bg-input);color:var(--text-secondary);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--text-dim);color:var(--text)}.btn-ghost{background:transparent;color:var(--accent);padding:.4rem .5rem}.footer{text-align:center;padding:2.5rem 2rem;color:var(--text-dim);font-size:.75rem;letter-spacing:.04em}.toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%) translateY(60px);background:var(--text);color:var(--bg);padding:.5rem 1rem;border-radius:99px;font-size:.8rem;font-weight:500;pointer-events:none;opacity:0;transition:all .25s cubic-bezier(.34,1.56,.64,1);z-index:999}.toast.show{transform:translate(-50%) translateY(0);opacity:1}