/* Blocktopia house style, matching the production site's palette and fonts. */
:root{font-family:Outfit,Arial,sans-serif;color:#f5f7f4;background:#11181b;color-scheme:dark}
body{min-height:100vh;background:linear-gradient(110deg,rgba(9,13,14,.92),rgba(13,18,20,.86)),url('/uploads/hero-default-site.jpg?v=1787997146') center top/cover fixed;font-family:Outfit,Arial,sans-serif;color:#f5f7f4}
header{height:98px;padding:0 max(24px,calc((100% - 1180px)/2));gap:25px;background:rgba(24,30,31,.96);border-bottom:1px solid #ffffff22;box-shadow:0 8px 30px #0003}
.brand{gap:16px;color:#fff;font-family:Outfit,Arial,sans-serif}.brand img{width:95px;height:82px;object-fit:contain}.brand span{font-size:18px;letter-spacing:1px}.brand small{font:600 10px Outfit,Arial,sans-serif;letter-spacing:3px;color:#ffcb32}.tag{font-size:12px;color:#e5e9e2;text-decoration:none;letter-spacing:0;font-weight:700}.tag:hover{color:#ffcb32}
main{max-width:1260px;padding-top:45px}.eyebrow{display:inline-block;padding:9px 15px;border:1px solid #ffffff20;border-radius:40px;background:#ffffff0c;color:#ffcb32;font-size:11px;letter-spacing:1px}
h1{font:400 clamp(32px,4vw,52px)/1.16 Bungee,Arial,sans-serif;letter-spacing:-1px;color:#f5f7f4}h1 em{color:#ffcb32}.intro p{color:#d1d9d6;line-height:1.75;width:325px}.intro{margin-bottom:32px}h2{font:400 21px/1.35 Bungee,Arial,sans-serif;color:#fff}
button{font-family:Outfit,Arial,sans-serif;font-weight:600;border-radius:12px;background:#ffffff0a;border:1px solid #ffffff24;color:#f5f7f4;transition:background .15s,border-color .15s}button:hover{background:#ffffff15;border-color:#ffcb3288}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #24d8ff;outline-offset:3px}
#random{background:linear-gradient(135deg,#ffcb32,#ff8a26);color:#142018;border:0;border-radius:30px;white-space:nowrap;padding:13px 20px}
.preview{background:radial-gradient(ellipse at 50% 42%,#45534566,transparent 64%),linear-gradient(140deg,#253034,#131c1e);border-color:#ffffff29;border-radius:26px;box-shadow:0 18px 40px #070a0c40}.panel-top{color:#c9d2ce;font-weight:600}.panel-top i{background:#9fe128;box-shadow:0 0 10px #9fe12880}.rotate{color:#c8d2cd}.rotate button{background:#ffffff0d;color:#fff;border-color:#ffffff26}.preview-bottom{border-color:#ffffff1c;color:#c5d1ca}.preview-bottom button{color:#e8eee8}
.editor{background:linear-gradient(145deg,rgba(30,39,42,.96),rgba(17,22,24,.97));border-color:#ffffff29;border-radius:26px;box-shadow:0 18px 40px #070a0c40}nav{border-color:#ffffff20;gap:18px;padding-right:22px;scrollbar-width:thin;scrollbar-color:#ffcb3266 transparent}nav button{color:#bdc9c2;font-size:13px;font-weight:600}nav button.active{color:#ffcb32;border-bottom-color:#ffcb32}.hint{color:#b8c6bd;line-height:1.7}.field label{color:#edf3ec;font-size:13px}.choices button.selected{background:linear-gradient(135deg,#ffcb322b,#ff8a261c);border-color:#ffcb32;color:#ffe29a}.swatch{border-color:#263034}.swatch.selected{box-shadow:0 0 0 2px #ffcb32}.choices .swatch.selected{background:initial}.color-input{border-radius:5px}#controls{padding-top:26px}
.export{background:#10181988;border-color:#ffffff20}.export strong{color:#f7f8f2}.export small,#status{color:#bfcac3}#download{background:linear-gradient(135deg,#ffcb32,#ff8a26);color:#142018;border-radius:30px;font-weight:800;box-shadow:0 10px 28px #ffad2520}#download:hover{filter:brightness(1.07)}
.print-upload{background:#ffffff06;border-color:#ffcb3260}.print-upload p{color:#bfcbc3}.print-upload .upload-status{color:#c5ed82}.print-thumb{border-color:#ffffff30}.field input[type=range]{accent-color:#ffcb32}#controls select{background:#202b2d;color:#f5f7f4;border-color:#ffffff30}footer{color:#b4c1b8;line-height:1.6;border-top:1px solid #ffffff18;padding:20px 0;margin-top:26px}.pixel-editor{border-color:#ffcb3280}
@media(max-width:1000px){.intro p{position:static;width:min(100%,550px)}.tag{margin-left:auto}.brand span{display:none}header{padding:0 24px}.studio{gap:20px}}
@media(max-width:750px){header{height:84px;padding:0 18px;gap:12px}.brand img{width:75px;height:70px}.tag{display:block;font-size:11px}#random{padding:11px 13px;font-size:12px}main{padding-top:28px}h1{font-size:32px;letter-spacing:0}.preview,.editor{border-radius:22px}.intro p{font-size:14px}#controls{padding:22px}.export{padding:22px}.panel-top{padding:20px;font-size:9px}}