@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#182a23;--muted:#66756c;--line:#dbe0d5;--paper:#f4f5ee;--lime:#c6f568;--green:#245b3e}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px 'DM Sans',sans-serif}button,input,select,textarea{font:inherit}button,select,summary{cursor:pointer}button{transition:background .15s,transform .15s}button:hover{filter:brightness(.95)}button:active{transform:translateY(1px)}button:disabled{opacity:.45;cursor:wait}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #ab46ab;outline-offset:3px}header{height:85px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5vw}.brand{display:flex;gap:16px;align-items:center;color:var(--ink);font:700 13px 'Space Grotesk',sans-serif;letter-spacing:1.8px;text-decoration:none}.brandmark{background:var(--ink);color:var(--lime);font-size:23px;border-radius:10px;padding:8px 11px;letter-spacing:-2px}.separator{color:#a7b19e}.muted{color:var(--muted)}.badge{border:1px solid #b8c5ad;padding:7px 10px;border-radius:5px;font-size:10px;letter-spacing:1.6px}main{max-width:1440px;margin:auto;padding:42px 5vw 20px}.intro{display:flex;justify-content:space-between;align-items:end;margin-bottom:32px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;margin:0 0 12px}h1{font:500 clamp(32px,4vw,53px)/1.1 'Space Grotesk',sans-serif;letter-spacing:-2.5px;margin:0}h1 em{font-style:normal;color:var(--green)}.intro p:not(.eyebrow){color:var(--muted);margin:14px 0 0}.edition{text-align:right;font-size:10px;letter-spacing:2px;line-height:2;color:var(--muted)}.edition b{font-weight:500;color:var(--ink)}.workspace{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,1fr);gap:26px;align-items:start}.studio{background:#10231c;border-radius:18px;overflow:hidden;color:#eaf4e4}.studio-top{display:flex;align-items:center;justify-content:space-between;padding:26px 28px;position:relative;z-index:1}.studio-top label{display:block;font-size:9px;letter-spacing:1.8px;color:#a3b6a5;margin-bottom:6px}select{border:0;background:transparent;color:inherit;font:500 24px 'Space Grotesk',sans-serif;padding-right:15px;max-width:220px}select option{background:#10231c}.live{font-size:9px;letter-spacing:1.6px;color:#b1c8b6;display:flex;align-items:center;gap:7px}.live i{width:5px;height:5px;background:var(--lime);border-radius:50%}.stage{position:relative;height:380px;display:flex;justify-content:center;align-items:center;isolation:isolate;background:radial-gradient(ellipse at 50% 45%,#35583f 0%,#14291e 55%,#10231c 80%)}.stage-grid{position:absolute;inset:0;background-image:linear-gradient(#a5cf9b08 1px,transparent 1px),linear-gradient(90deg,#a5cf9b08 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(ellipse,black,transparent 70%);z-index:-2}.watermark{position:absolute;top:22px;font:700 clamp(55px,7vw,105px) 'Space Grotesk',sans-serif;color:#ddf9c00b;letter-spacing:-5px;max-width:95%;overflow:hidden;z-index:-1}canvas{position:relative;width:340px;height:340px;max-width:90%;object-fit:contain;z-index:2;filter:drop-shadow(0 20px 16px #0005)}#loading{position:absolute;background:#10231cdd;padding:12px;z-index:3;border-radius:8px}.floor{position:absolute;width:70%;height:42px;bottom:5px;border-radius:50%;border:1px solid #bdd0b217;background:#0002;transform:perspective(180px) rotateX(40deg);z-index:-1}.stage.light-stage{background:radial-gradient(ellipse,#f3f1e5,#c6ccba)}.light-stage .watermark{color:#10231c0c}.stage-bottom{padding:15px 28px;display:flex;align-items:center;justify-content:space-between;color:#a3b6a5;font-size:9px;letter-spacing:1.5px}.backgrounds{display:flex;gap:8px}.backgrounds button{width:20px;height:20px;border:1px solid #a0b29377;border-radius:50%}.backgrounds .dark{background:#14291e}.backgrounds .light{background:#e0e4d5}.backgrounds .active{outline:1px solid var(--lime);outline-offset:3px}.preview-note{font-size:11px;line-height:1.6;color:#9bad9e;padding:0 28px 24px}.preset-section{border-top:1px solid #e4f6dc19;padding:24px 28px;background:#0c1c16}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-heading h2{font:500 20px 'Space Grotesk',sans-serif;margin:0}.section-heading span{font-size:10px;color:var(--muted)}.preset-section .section-heading h2{font-size:16px}.preset-section .section-heading span{color:#a3b6a5}.presets{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:16px}.presets button{background:#193327;border:1px solid #a9c99a25;border-radius:9px;color:#deead7;font-size:10px;padding:12px 3px}.presets button span{display:block;font-size:20px;margin-bottom:7px}.controls{background:#fffefa;border:1px solid var(--line);border-radius:18px;padding:26px}.controls .eyebrow{color:var(--muted);font-size:9px}.text-button{background:none;border:0;color:var(--muted);font-size:12px;text-decoration:underline;text-underline-offset:3px}.regions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:20px 0 24px}.region{border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;background:#f7f8f1;overflow:hidden}.region.selected{border-color:#245b3e;box-shadow:0 0 0 1px #245b3e}.region-picker{background:none;border:0;display:flex;align-items:center;gap:9px;padding:10px;text-align:left;flex:1;min-width:0}.dot{width:24px;height:24px;border-radius:50%;border:1px solid #0002;flex-shrink:0}.region-text{display:flex;flex-direction:column;gap:3px}.region-text b{font-size:12px;font-weight:600}.region-text small{font-size:9px;color:var(--muted)}.lock{border:0;background:none;font-size:14px;padding:8px;color:#617462}.region.unused{border-style:dashed;opacity:.55;padding:11px;gap:10px}.unused .dot{background:repeating-linear-gradient(135deg,transparent,transparent 3px,#c5cbbb 3px,#c5cbbb 4px)}.palette-heading h3{font-size:9px;letter-spacing:1.3px;font-weight:700;margin:0}.search{display:flex;align-items:center;gap:9px;padding:9px 12px;background:#f5f6ef;border:1px solid var(--line);border-radius:8px;margin:12px 0}.search span{font-size:20px;color:var(--muted)}.search input{width:100%;border:0;background:transparent;outline-offset:6px;font-size:12px;color:var(--ink)}.palette{display:grid;grid-template-columns:repeat(auto-fill,minmax(27px,1fr));align-content:start;gap:5px;max-height:167px;min-height:167px;overflow:auto;padding:4px}.swatch{aspect-ratio:1;border:1px solid #0002;border-radius:5px;min-width:0;position:relative}.swatch.chosen{outline:2px solid var(--ink);outline-offset:1px}.swatch.chosen:after{content:'✓';color:white;text-shadow:0 1px 3px #000,0 0 3px #000;font-size:16px}.selected-colour{font-size:11px;color:var(--muted);margin:12px 0 19px;min-height:15px}.actions{display:flex;gap:8px}.primary,.secondary{border-radius:8px;padding:12px 14px;font-size:12px;font-weight:600}.primary{background:var(--lime);color:var(--ink);border:1px solid #accf65;flex:1}.secondary{background:transparent;color:var(--ink);border:1px solid #bec8b5}.hint{font-size:10px;color:var(--muted);line-height:1.5;margin-bottom:15px}details{font-size:11px;color:var(--muted)}summary{padding:3px 0}textarea{margin-top:9px;border:1px solid var(--line);border-radius:6px;width:100%;resize:vertical;padding:10px;font-size:11px;color:var(--ink);background:#f8f9f2}.saves{padding:27px 0;border-bottom:1px solid var(--line)}.saves .eyebrow{font-size:9px;color:var(--muted)}.saves p.muted{font-size:12px;margin-bottom:0}#saved-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.saved-card{display:flex;border:1px solid var(--line);border-radius:10px;background:#fffefa;overflow:hidden}.saved-card button{border:0;background:transparent;color:var(--ink);padding:11px;text-align:left;font-size:12px}.saved-card .delete{border-left:1px solid var(--line);color:#7d524e}.mini-palette{display:flex;gap:3px;margin-top:6px}.mini-palette i{height:12px;width:20px;border-radius:3px;border:1px solid #0001}footer{display:flex;justify-content:space-between;gap:30px;padding:22px 0;color:var(--muted);font-size:8px;letter-spacing:.8px;line-height:1.8}footer b{color:#7c985d;margin:0 6px}footer details{max-width:450px;font-size:10px;letter-spacing:0}a{color:inherit}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#183b2b;color:white;padding:13px 20px;border-radius:9px;box-shadow:0 5px 24px #0003;display:none;z-index:10;text-align:center;max-width:90%}@media(min-width:1400px){.stage{height:430px}canvas{width:380px;height:380px}}@media(max-width:850px){main{padding:28px 20px}.workspace{grid-template-columns:1fr}.brand{font-size:11px;gap:9px}.brand .muted,.separator,.edition{display:none}header{padding:0 20px;height:70px}.intro{margin-bottom:26px}h1{letter-spacing:-1.4px}.intro p:not(.eyebrow){line-height:1.6}.studio-top{padding:23px}.stage{height:330px}canvas{width:310px;height:310px}.watermark{font-size:80px}.controls{padding:23px}.palette{max-height:200px;min-height:160px}.saves .section-heading{align-items:start}.saves h2{font-size:18px}footer{flex-direction:column;gap:10px}.eyebrow{font-size:8px}.preset-section{padding:23px}.live{font-size:8px}}
.catalogue-browser{border:1px solid var(--line);border-radius:13px;padding:20px 24px;background:#eaf0e1;margin-bottom:24px}.catalogue-heading{display:flex;justify-content:space-between;gap:14px;font-size:13px;font-weight:600;margin-bottom:17px}#catalogue-coverage{font-size:11px;font-weight:400;color:var(--muted)}.catalogue-filters{display:grid;grid-template-columns:1.3fr 1fr;gap:15px}.catalogue-filters label{font-size:9px;letter-spacing:1.4px;font-weight:700}.catalogue-filters input,.catalogue-filters select{display:block;width:100%;max-width:none;font:13px 'DM Sans',sans-serif;letter-spacing:0;background:#fffefa;color:var(--ink);border:1px solid #cdd7c2;border-radius:7px;padding:10px;margin-top:7px}.catalogue-filters select option{background:#fffefa;color:var(--ink)}#match-count{font-size:11px;color:var(--muted);margin:12px 0 0}.studio-top>div{min-width:0;max-width:75%}.studio-top select{width:100%;max-width:100%;font-size:clamp(16px,1.7vw,24px)}.studio-top .live{white-space:nowrap;letter-spacing:.7px;font-size:8px;max-width:25%}.studio-top optgroup{font:600 13px sans-serif;background:#10231c;color:#dce8d6}.studio-top option{font:14px sans-serif}#loading{text-align:center;max-width:85%;font-size:14px;line-height:1.6}.region-text b{overflow-wrap:anywhere}.watermark{font-size:clamp(22px,4.4vw,80px);letter-spacing:-2px;text-align:center;overflow-wrap:anywhere}#preview-status{color:#c6f568}@media(max-width:650px){.catalogue-filters{grid-template-columns:1fr 1fr;gap:12px}.catalogue-filters label:first-child{grid-column:1/-1}.catalogue-browser{padding:18px}.catalogue-heading{flex-direction:column;gap:6px}.studio-top select{font-size:20px}.studio-top{gap:10px}.live{letter-spacing:0}.watermark{font-size:36px}.controls .region-picker{padding:9px 6px}.lock{padding:6px}}

@media(max-width:650px){.catalogue-filters{grid-template-columns:1fr}.catalogue-filters label:first-child{grid-column:auto}}

.painter-account{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;margin:0 0 24px;border:1px solid #45604d;border-radius:16px;background:#172b22}.painter-account p{margin:6px 0 0;color:#bdc8bf;font-size:13px;max-width:600px}.account-actions{display:flex;gap:10px;flex-wrap:wrap}.account-actions a{text-decoration:none;display:inline-block;text-align:center}.account-actions [hidden]{display:none}.combination-name{display:block;font-size:11px;letter-spacing:1px;margin:16px 0}.combination-name input{display:block;width:100%;max-width:400px;margin-top:8px;padding:12px;border:1px solid #45604d;border-radius:8px;background:#10231c;color:#f4f5ec;font:inherit;font-size:14px;letter-spacing:normal}@media(max-width:700px){.painter-account{align-items:stretch;flex-direction:column;padding:16px}.account-actions a{width:100%}}