*{box-sizing:border-box}body{margin:0;background:#090909;color:#eee;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}.header{height:72px;padding:0 24px;border-bottom:1px solid #29251d;background:#0d0d0d;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px}.brand strong{display:block;font-size:13px;letter-spacing:2px}.brand small{display:block;color:#b99443;font-size:10px;letter-spacing:3px;margin-top:3px}.logo-mark{width:40px;height:40px;border:1px solid #b99443;color:#d3ad62;display:grid;place-items:center;font-weight:800}.top-links{display:flex;gap:7px}.btn{min-height:44px;border:1px solid #383838;border-radius:12px;background:#171717;color:#eee;padding:10px 14px;text-decoration:none;cursor:pointer;box-shadow:0 5px 16px #0005}.btn.gold{background:linear-gradient(135deg,#d8b55f,#956d24);border-color:#e0c77f;color:#111;font-weight:800}.btn.outline{background:#151515;border-color:#aa8033;color:#d9b663}.btn.ghost{color:#aaa}.btn.small{min-height:40px;padding:8px 12px}.full{width:100%;margin-top:10px}.intro{padding:25px 4vw 17px}.eyebrow{color:#bd9849;font-size:10px;font-weight:bold;letter-spacing:3px}.intro h1{font-size:30px;margin:7px 0}.intro p{color:#888;margin:0}.layout{display:grid;grid-template-columns:310px minmax(320px,1fr) 270px;gap:17px;padding:0 22px 28px}.panel,.stage{background:#111;border:1px solid #292929;border-radius:16px}.panel{padding:17px;box-shadow:0 16px 40px #0004}.panel h2{font-size:15px;margin:0 0 15px}.controls label{display:block;color:#aaa;font-size:11px;font-weight:600;margin:11px 0 5px}.controls input[type=file],.controls select,.controls input[type=text],.controls input:not([type]){width:100%;min-height:46px;padding:9px 11px;background:linear-gradient(180deg,#1a1a1a,#131313);color:#eee;border:1px solid #303030;border-radius:12px}.controls input[type=file]{padding:8px}.inline{display:flex;align-items:center;gap:7px}.inline input[type=color]{width:48px;height:42px;background:#111;border:1px solid #333;padding:2px;border-radius:12px}.section-card{margin-top:8px;padding:12px;border-radius:14px;background:linear-gradient(145deg,#191919,#101010);border:1px solid #303030}.default-logo-box{display:flex;align-items:center;gap:9px;padding:8px;margin-bottom:8px;background:#141414;border:1px solid #282828;border-radius:10px}.default-logo-box img{width:75px;height:38px;object-fit:contain;background:#000;border-radius:5px}.default-logo-box span{font-size:10px;color:#888}.range-row{display:flex;align-items:center;justify-content:space-between;margin:10px 0 3px}.range-row span{font-size:11px;color:#bbb}.range-row b{font-size:10px;color:#e0bb67;background:#292115;border:1px solid #4a3a20;padding:4px 7px;border-radius:7px;min-width:45px;text-align:center}.range-control{display:grid;grid-template-columns:34px 1fr 34px;gap:6px;align-items:center}.range-control input[type=range],.controls>input[type=range]{width:100%;height:28px;accent-color:#c39a48;touch-action:none}.step{height:32px;width:34px;border-radius:8px;border:1px solid #3a3020;background:#201a10;color:#d8b35e;font-size:20px;line-height:1;cursor:pointer}.checks{margin-top:13px;padding:10px;border-radius:13px;background:#151515;border:1px solid #2b2b2b}.checks label{display:inline-flex!important;align-items:center;gap:6px;margin:4px 5px 4px 0!important;padding:7px 9px;background:#1d1d1d;border:1px solid #2b2b2b;border-radius:9px;font-size:10px!important}.checks input{width:17px;height:17px;accent-color:#c39a48}.stage{min-height:640px;background:#080808;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:18px}.canvas-box{height:min(72vh,760px);aspect-ratio:9/16;max-width:100%}.canvas-box canvas{width:100%;height:100%;display:block}.stage #info{font-size:11px;color:#666;margin-top:9px}.template-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.tpl{background:#171717;border:1px solid #292929;border-radius:11px;padding:7px;cursor:pointer;transition:.15s}.tpl:hover,.tpl.active{border-color:#bd9442;box-shadow:0 0 0 1px #bd944233}.tpl b{display:block;font-size:9px}.tpl span{font-size:8px;color:#777}.swatch{height:58px;border-radius:7px;margin-bottom:6px}.blackgold{background:linear-gradient(145deg,#080808,#1d180c);border-bottom:2px solid #b18a3c}.luxury{background:linear-gradient(145deg,#3b2a0d,#0b0905)}.blur{background:linear-gradient(135deg,#806744,#222,#8d744d)}.minimal{background:#eee}.cinema{background:linear-gradient(135deg,#6b3d20,#17100b)}.cool{background:linear-gradient(135deg,#27465e,#090d12)}.frame{background:#0d0d0d;border:4px solid #b18a3c}.polaroid{background:linear-gradient(#eee 0 75%,#d2c9bb 75%)}.soft{background:linear-gradient(135deg,#777,#222)}.signature{background:radial-gradient(circle at 70% 30%,#a9803d,#111 58%)}.fullblur{background:linear-gradient(135deg,#594833,#181818,#7b6240)}.darkgold{background:linear-gradient(145deg,#111,#33250e);border-top:2px solid #b18a3c}footer{text-align:center;color:#4e4e4e;font-size:10px;border-top:1px solid #202020;padding:17px}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 20%,#201a0e,#080808 55%)}.login-card{width:min(390px,90vw);padding:35px;background:#101010;border:1px solid #2d291f;border-radius:15px;text-align:center;box-shadow:0 25px 70px #000}.login-card input{width:100%;padding:12px;margin:5px 0;background:#181818;color:#fff;border:1px solid #303030;border-radius:8px}.error{color:#df7777;font-size:12px;margin-top:12px}.success{color:#83c995;font-size:12px;margin-top:12px}@media(max-width:1000px){.layout{grid-template-columns:1fr}.controls{order:2}.templates{order:3}.stage{min-height:580px}.canvas-box{height:68vh}}@media(max-width:600px){.header{padding:0 12px}.top-links .btn{min-height:38px;padding:7px 9px;font-size:10px}.layout{padding:0 10px 24px;gap:12px}.panel{padding:15px}.template-grid{grid-template-columns:1fr 1fr}.range-control input[type=range]{height:34px}}

/* V7 controls + extra templates */
.range-control{min-height:38px}
.range-control input[type=range]{cursor:pointer}
.step{box-shadow:inset 0 1px rgba(255,255,255,.04),0 3px 8px #0005}
.section-card{margin-bottom:12px}
.royal{background:linear-gradient(135deg,#38234a,#09060d)}
.champagne{background:linear-gradient(135deg,#9b8350,#20190d)}
.carbon{background:repeating-linear-gradient(45deg,#222 0 5px,#171717 5px 10px)}
.sunset{background:linear-gradient(135deg,#d56c3a,#34204c)}
.mono{background:linear-gradient(135deg,#ddd,#222)}
.emerald{background:linear-gradient(135deg,#2c806d,#06130f)}

.watermark-switch{padding:8px 0}.watermark-switch label{display:flex!important;align-items:center;gap:8px;margin:0!important;padding:8px 10px;background:#1b1b1b;border:1px solid #303030;border-radius:9px}.watermark-switch input{width:18px;height:18px;accent-color:#c39a48}.wm-presets{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:5px 0 10px}.wm-preset{border:1px solid #303030;background:#191919;color:#aaa;border-radius:8px;padding:7px 5px;font-size:10px;cursor:pointer}.wm-preset.active{background:#2b2111;border-color:#b18a3c;color:#e0bd6d}.neon{background:linear-gradient(135deg,#5e4313,#070707)}.studio{background:linear-gradient(145deg,#333,#050505)}.cream{background:linear-gradient(135deg,#f1dfb7,#806b47)}.night{background:linear-gradient(135deg,#193b67,#050914)}

/* V9 */

.identity-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.identity-head>label:first-child{margin:0}.brand-switch{display:inline-flex!important;align-items:center!important;gap:7px!important;white-space:nowrap!important;margin:0!important;padding:5px 8px!important;background:#171717;border:1px solid #303030;border-radius:10px!important;color:#cfcfcf!important;font-size:11px!important;cursor:pointer!important}
.brand-switch input{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;pointer-events:none!important}
.switch-ui{position:relative;width:34px;height:19px;border-radius:20px;background:#343434;border:1px solid #4a4a4a;transition:.18s;flex:none}
.switch-ui:after{content:"";position:absolute;width:13px;height:13px;left:2px;top:2px;border-radius:50%;background:#aaa;transition:.18s}
.brand-switch input:checked + .switch-ui{background:#a77c2c;border-color:#d1ad62}
.brand-switch input:checked + .switch-ui:after{left:17px;background:#fff}