@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;800;900&family=DM+Sans:wght@400;500;700&display=swap');
:root{color-scheme:dark;--acid:#d5ff28;--muted:#aaa;--line:#383838}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0b0b0b;color:#f5f5ef;font:16px/1.5 'DM Sans',sans-serif}a{color:inherit}header,footer{display:flex;align-items:center;justify-content:space-between;padding:22px 5vw;border-bottom:1px solid var(--line)}header img{width:135px;max-height:70px;object-fit:contain}nav{display:flex;gap:24px;font-size:12px;font-weight:700}nav a{text-decoration:none}.hero{padding:55px 5vw;display:grid;grid-template-columns:1fr 1.15fr;gap:5vw;align-items:center}.hero>img{width:100%;height:auto;border:1px solid var(--line);transform:rotate(2deg)}h1,h2,h3{font-family:'Barlow Condensed',Impact,sans-serif;line-height:.9;text-transform:uppercase;margin:15px 0 25px}h1{font-size:clamp(60px,7.7vw,122px);letter-spacing:-2px}h1 em{font-style:normal;color:var(--acid)}h2{font-size:clamp(44px,5vw,70px)}h3{font-size:30px}.hero p:not(.eyebrow){max-width:520px;color:#c7c7c3}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;color:var(--acid)}button,.button{display:inline-block;background:var(--acid);color:#101010;border:1px solid var(--acid);padding:17px 22px;font:800 15px 'DM Sans',sans-serif;cursor:pointer;text-decoration:none}button:disabled{opacity:.45;cursor:not-allowed}.secondary{background:transparent;color:var(--acid)}.strip{background:var(--acid);color:#111;text-align:center;padding:14px;font:900 clamp(20px,3vw,36px) 'Barlow Condensed',Impact,sans-serif;letter-spacing:3px}.workspace{display:grid;grid-template-columns:minmax(280px,370px) 1fr;padding:65px 5vw;gap:5vw;scroll-margin-top:25px}.tools h2{font-size:55px}.tools label,form label{display:grid;gap:7px;margin-bottom:17px;font-size:13px;font-weight:700}.upload{border:1px dashed var(--acid);padding:20px;color:var(--acid)}.upload input{max-width:100%;font-size:12px}.upload small{color:#aaa;font-weight:400}.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}label input:not([type=range]):not([type=color]):not([type=checkbox]):not([type=file]),select{width:100%;background:#181818;border:1px solid #494949;border-radius:0;color:#fff;padding:12px;font:inherit}input[type=range],input[type=checkbox]{accent-color:var(--acid)}.colour{display:flex!important;align-items:center;justify-content:space-between}input[type=color]{width:65px;height:36px;background:none;border:1px solid #666}.small{font-size:12px;color:var(--muted)}#availability{font-size:13px;color:var(--acid)}#resolution{font-size:13px}.preview-panel{position:sticky;top:25px;align-self:start}.preview-title{display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:1px;border-bottom:1px solid var(--line);padding-bottom:18px}.canvas-wrap{position:relative;min-height:400px;padding:30px 15px;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(45deg,#171717,#171717 10px,#191919 10px,#191919 20px);margin-top:18px}canvas{display:block;max-width:100%;max-height:620px;width:auto;height:auto;box-shadow:0 20px 45px #0008}#empty{position:absolute;font:900 clamp(38px,5vw,80px)/.9 'Barlow Condensed',Impact,sans-serif;color:#161616;text-align:center;pointer-events:none}#progress{color:var(--acid);font-weight:700;white-space:pre-line}#proof-section,#order-status{margin:0 5vw 60px;padding:35px;border:1px solid var(--acid);max-width:1000px}#proof-image{max-width:100%;max-height:600px;background:#fff}.check{display:flex;align-items:flex-start;gap:12px;margin:18px 0}.check input{width:20px;height:20px;flex-shrink:0}form{margin-top:40px}#quote-total{font-size:24px;font-weight:700}#quote{border-top:1px solid var(--line);margin-top:25px}#order-reference{overflow-wrap:anywhere}.fallback{padding:45px 5vw;border-top:1px solid var(--line);display:flex;gap:40px;justify-content:space-between;align-items:center}.fallback p{max-width:660px}.fallback .button{flex-shrink:0}footer{font-size:11px;color:#aaa;border-top:1px solid var(--line)}[hidden]{display:none!important}:focus-visible{outline:3px solid #fff;outline-offset:4px}@media(max-width:800px){.hero{grid-template-columns:1fr;padding:30px 6vw 45px}.hero>img{transform:none}.workspace{grid-template-columns:1fr;padding:40px 6vw;gap:25px}.preview-panel{position:static;grid-row:1}.canvas-wrap{min-height:240px}canvas{max-height:430px}h1{font-size:78px}.fallback{flex-direction:column;align-items:flex-start}.two{gap:10px}#proof-section,#order-status{padding:20px;margin:0 6vw 35px}header{padding:15px 6vw}header img{width:100px}footer{gap:20px}.preview-title{font-size:9px}nav{gap:15px}}