:root{color:#233b40;font-synthesis:none;background:#f4f4ee;font-family:Arial,sans-serif}*{box-sizing:border-box}body{margin:0}main{max-width:1200px;margin:auto;padding:48px 40px 24px}.eyebrow{letter-spacing:3px;color:#738778;font-size:10px}h1{margin:17px 0;font-family:Georgia,serif;font-size:48px;font-weight:400;line-height:1.1}h1 span{color:#658075;margin-top:12px;font-size:21px;font-style:italic;display:block}header p{color:#6b7a78;margin-bottom:30px;font-size:14px}.workspace{background:#fffefa;border:1px solid #d4ddd4;border-radius:12px;grid-template-columns:minmax(0,1fr) 330px;display:grid;overflow:hidden}.preview{background:radial-gradient(circle,#f2f8f5,#e2eee7);flex-direction:column;min-height:650px;padding:24px;display:flex}.preview-label,.preview-foot{letter-spacing:1.4px;color:#638274;justify-content:space-between;gap:10px;font-size:9px;display:flex}.preview-foot{margin-top:auto}svg{filter:none;width:100%;height:550px}#flake{fill:#fffefa;stroke:#638674;stroke-width:.6px;vector-effect:non-scaling-stroke;stroke-linejoin:round}.controls{background:#fffefa;padding:25px}.section-heading{align-items:center;gap:10px;display:flex}.section-heading>span{color:#8b9c8f;border:1px solid #dbe2d8;border-radius:50%;padding:5px;font-size:11px}h2{margin:0;font-size:15px;font-weight:500}.second{margin:25px 0 12px}form{grid-template-columns:1fr 1fr;gap:14px;margin-top:20px;display:grid}label{font-size:12px;display:block}label:nth-child(n+3){grid-column:span 2}label>span,output{float:right;color:#738578;font-size:11px}input,select{color:#233b40;width:100%;font:inherit;background:#f7f8f2;border:1px solid #d9e0d6;border-radius:5px;margin-top:7px;padding:9px;display:block}input[type=range]{accent-color:#436b58;padding:0}.hint{color:#758278;grid-column:span 2;margin:0;font-size:10px;line-height:1.7}.section-heading.second{grid-column:span 2;margin-bottom:0}.recipe{color:#557364;background:#edf3eb;border-radius:5px;padding:10px;font-size:11px;line-height:1.8}#fit{font-size:11px;line-height:1.5}.downloads{grid-template-columns:1fr 1fr;gap:8px;margin:15px 0 10px;display:grid}button{color:#315645;cursor:pointer;background:0 0;border:1px solid #bccdc0;border-radius:5px;padding:11px 13px;font-size:11px}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #83a78d}button:disabled{opacity:.4;cursor:default}.downloads button,.primary{color:#fff;background:#375e4b;border-color:#375e4b}.design-actions{justify-content:center;gap:12px;margin-top:22px;display:flex}#status{text-align:center;min-height:16px;font-size:12px}footer{text-align:center;color:#839085;margin-top:25px;font-size:10px}@media (width<=800px){main{padding:28px 16px}.workspace{grid-template-columns:1fr}.preview{min-height:400px}svg{height:350px}h1{font-size:36px}.design-actions{flex-wrap:wrap}.controls{padding:22px}header p{line-height:1.6}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto}}.batch-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin:22px 0;display:flex}.batch-controls input{width:72px;margin:0}.batch-controls span{color:#658075;font-size:11px}.batch-gallery{grid-template-columns:repeat(auto-fit,minmax(115px,1fr));gap:10px;margin:20px 0;display:grid}.batch-gallery[hidden]{display:none}.batch-item{background:#e5eee7;padding:10px}.batch-item[aria-pressed=true]{outline-offset:2px;outline:2px solid #375e4b}.batch-item svg{filter:none;height:115px;display:block}.batch-item span{margin-top:6px;display:block}.mode-control{grid-column:span 2}#text-control[hidden],#text-hint[hidden],label[hidden]{display:none}form>label.dimensions-control{grid-column:span 1}#preview{shape-rendering:geometricprecision;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}#preview.rotating{cursor:grabbing}#preview:focus-visible{outline-offset:3px;border-radius:6px;outline:2px solid #83a78d}.rotation-controls{width:100%;max-width:340px;margin:0 auto 22px}.rotation-controls label{color:#557364;font-size:11px;display:block}.rotation-controls input{accent-color:#436b58;margin:10px 0 12px}.rotation-buttons{justify-content:center;gap:8px;display:flex}.rotation-controls p{color:#6b8175;text-align:center;margin:10px 0 0;font-size:10px}#airy-example{grid-column:span 2}#airy-example[hidden]{display:none}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f1ebdf;--accent:#7fc3b2;background:#1f1e1d;font-family:Inter,Arial,sans-serif}body{background:#1f1e1d}main{max-width:none;padding:0}.workspace{background:#1f1e1d;border:0;border-radius:0;grid-template-columns:380px minmax(0,1fr);align-items:start;min-height:100svh}.controls{box-shadow:inset 0 3px 0 var(--accent);background:#2b2a27;border-right:1px solid #3d3a35;grid-area:1/1;height:100svh;padding:30px 28px;overflow-y:auto}.controls header{margin-bottom:28px}.eyebrow{color:var(--accent);letter-spacing:2px;font-size:10px}h1{color:#f1ebdf;margin:14px 0;font-size:39px;line-height:1.05}h1 span{color:#bdb5a6;font-size:18px;line-height:1.4}header p{color:#bdb5a6;margin:12px 0;font-size:12px;line-height:1.6}.section-heading{color:#bdb5a6}.section-heading>span{color:var(--accent);border-color:#524f49}h2{letter-spacing:.06em;font-size:12px}.preview{background:radial-gradient(at 16% 85%,#7a3f1c66,#0000 55%),radial-gradient(at 88% 12%,#1f5a7a77,#0000 55%),#1f1e1d;grid-area:1/2;gap:12px;height:100svh;min-height:720px;padding:27px;position:sticky;top:0}.preview-label,.preview-foot{color:#bdb5a6;letter-spacing:1.3px;font-size:10px}.preview-foot{margin:0}.preview-label{flex-shrink:0}#preview{filter:none;flex:1;width:100%;height:100%;min-height:260px;max-height:650px;overflow:visible}#flake{fill:url(#filament);stroke:#fff5;stroke-width:.4px;vector-effect:non-scaling-stroke}#flake-depth{fill:#070808;stroke:#0007;stroke-width:.5px;vector-effect:non-scaling-stroke;opacity:.6}#flake-light{fill:none;stroke:#fff;stroke-width:.65px;vector-effect:non-scaling-stroke;opacity:.3;pointer-events:none}.rotation-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;max-width:650px;margin:0 auto;display:flex}.rotation-controls label{color:#bdb5a6;white-space:nowrap}.rotation-controls output{color:var(--accent);margin-left:8px}.rotation-controls input{width:160px;margin:0}.rotation-controls p{display:none}.rotation-controls .rotation-buttons{gap:6px}.rotation-buttons button{padding:8px 10px}.rotation-controls input[type=range],input[type=range]{accent-color:var(--accent)}label{color:#f1ebdf}label>span,output{color:var(--accent)}input,select{color:#f1ebdf;background:#33312e;border-color:#524f49;min-height:42px}input[type=range]{min-height:20px}.hint{color:#bdb5a6;font-size:11px;line-height:1.6}.recipe{color:#c0d5c9;background:#333a33}#fit{color:#bdb5a6}.downloads{gap:8px}.downloads button,.primary{background:var(--accent);color:#112019;border-color:var(--accent)}button{color:#f1ebdf;border-color:#7fc3b288;min-height:38px}button:hover{background:#7fc3b21f}.downloads button:hover,.primary:hover{background:#a0d5c8}.batch-controls{gap:8px;margin:0;font-size:11px}.batch-controls label{font-size:11px}.batch-controls span{display:none}.batch-controls input{width:58px;min-height:34px;padding:6px}.batch-gallery{scrollbar-width:thin;flex-shrink:0;gap:8px;max-width:100%;margin:0;padding:4px;display:flex;overflow-x:auto}.batch-item{background:#ffffff08;border-color:#524f49;flex:0 0 68px;padding:4px}.batch-item svg{height:60px}.batch-item path{fill:#d7e5dc;stroke:#fff3;stroke-width:.15px}.batch-item span{font-size:10px}.batch-item[aria-pressed=true]{outline-color:var(--accent)}.design-actions{flex-wrap:wrap;gap:8px;margin:0}.design-actions button{padding:9px 12px}#status{color:var(--accent);min-height:16px;margin:0;font-size:12px}footer{color:#bdb5a6;margin:0;font-size:10px}.material-control{grid-column:span 2;font-size:12px}.material-control>span{margin-bottom:10px;display:block}#material-swatches{flex-wrap:wrap;gap:9px;display:flex}#material-swatches button{border:1px solid #fff5;border-radius:50%;width:35px;height:35px;min-height:35px;padding:0}#material-swatches button[aria-pressed=true]{outline-offset:3px;outline:2px solid #fff}.material-control .hint{margin-top:11px}button:focus-visible,input:focus-visible,select:focus-visible{outline-color:#f1ebdf}#airy-example{font-size:10px}.controls form{gap:13px}@media (width>=1500px){.workspace{grid-template-columns:400px minmax(0,1fr)}.preview{padding:32px 48px}#preview{max-height:740px}}@media (width<=860px){main{padding:0}.workspace{flex-direction:column;display:flex}.preview{order:-1;width:100%;height:auto;min-height:650px;padding:20px 16px;position:relative}.controls{border:0;width:100%;height:auto;padding:26px 22px;overflow:visible}#preview{flex:none;height:360px;min-height:300px;max-height:none}.preview-label{font-size:9px}.preview-foot{font-size:8px}.rotation-controls{gap:8px}.rotation-controls input{width:130px}.rotation-controls label,.rotation-buttons button{font-size:10px}.design-actions{gap:6px}.design-actions button{padding:9px;font-size:10px}.batch-controls{margin-top:6px}.controls header{margin-bottom:25px}.downloads{z-index:2;background:#2b2a27;margin-bottom:0;padding:12px 0;position:sticky;bottom:0}}@media (width>=861px){.controls{flex-direction:column;display:flex;overflow:hidden}.controls header{flex-shrink:0;margin-bottom:14px}.controls header p{display:none}.controls h1{white-space:nowrap;font-size:34px}.controls h1 span{white-space:normal;font-size:17px}.controls form{scrollbar-width:thin;flex:1;align-content:start;min-height:0;padding:0 10px 12px 0;overflow-y:auto}.controls .recipe{flex-shrink:0;margin:12px 0 6px;padding:8px;font-size:10px}.controls #fit{flex-shrink:0;margin:5px 0}.controls .downloads{flex-shrink:0;margin:8px 0}.controls>.hint{flex-shrink:0;font-size:9px}}#growth-options{color:#bdb5a6;grid-column:span 2;font-size:11px}#growth-options summary{cursor:pointer;padding:7px 0}#growth-options label{margin:12px 0}#growth-options button{width:100%;margin:8px 0}details[hidden]{display:none}.batch-gallery{align-self:center;width:max-content;max-width:100%}.gallery-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;width:100%;display:flex}.zip-controls{flex-shrink:0;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0;display:grid}.zip-controls label{font-size:10px}.zip-controls select{min-height:32px;padding:6px;font-size:10px}.zip-controls button,.zip-controls p{grid-column:span 2}.zip-controls p{color:#bdb5a6;min-height:13px;margin:0;font-size:10px}.zip-controls button{background:#7fc3b21a}.batch-card{flex:0 0 72px;position:relative}.batch-card .batch-item{width:100%;height:100%}.zip-check{cursor:pointer;background:#2b2a27e6;border-radius:4px;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:absolute;top:3px;right:3px}.zip-check input{accent-color:#7fc3b2;width:15px;height:15px;min-height:15px;margin:0;padding:0}#centre-text-control[hidden],#centre-font-control[hidden]{display:none}#centre-colour{stroke:#fff4;stroke-width:.4px;vector-effect:non-scaling-stroke;pointer-events:none}input[type=color]{cursor:pointer;height:38px;padding:4px}.material-control[hidden],#centre-ams-hint[hidden]{display:none}footer a{color:inherit;text-underline-offset:3px}footer .info-links{flex-wrap:wrap;justify-content:center;gap:8px 16px;margin:12px 0;display:flex}footer .info-links a{padding:5px 0}