:root{--bg:#0c0d0e;--panel:#151719;--text:#f7f5ef;--muted:#9ca2a8;--accent:#e8b84f;--border:#2a2e32}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% -10%,#272118 0,transparent 30%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}button,input,select{font:inherit}main{min-height:100vh}.builder,.hero,.topbar{max-width:1280px;margin:auto}.topbar{padding:28px 28px 10px;display:flex;justify-content:space-between;align-items:center}.brand{font-size:22px;font-weight:900;letter-spacing:.08em}.brand span,.eyebrow{color:var(--accent)}.tag{color:var(--muted);font-size:14px}.hero{padding:64px 28px 42px}.hero h1{max-width:900px;margin:0;font-size:clamp(42px,7vw,76px);line-height:.98;letter-spacing:-.05em}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.14em;margin:0 0 12px}.lead{max-width:700px;color:#bcc1c5;font-size:18px;line-height:1.6}.builder{padding:0 28px 60px;display:grid;grid-template-columns:390px 1fr;grid-gap:18px;gap:18px}.panel{border:1px solid var(--border);border-radius:24px;background:linear-gradient(180deg,#17191b,#111315);box-shadow:0 30px 80px rgba(0,0,0,.24)}.controls{padding:22px}.step{display:flex;gap:14px;align-items:flex-start}.step>span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#17120a;font-weight:900;flex:0 0 auto}.step h3{margin:2px 0 4px;font-size:17px}.step p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.spacer{margin-top:28px}.photo-guide{margin-top:18px;padding:15px;border:1px solid #3a3426;background:linear-gradient(180deg,#191711,#131411);border-radius:15px}.photo-guide-title{color:#f0c45b;font-weight:800;font-size:13px}.photo-guide>p{margin:6px 0 12px;color:#b9b8b2;line-height:1.45;font-size:12px}.photo-guide-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.guide-card{min-width:0;padding:11px;border-radius:12px;border:1px solid var(--border);background:#101214}.guide-card strong{display:block;margin-bottom:7px;font-size:12px}.guide-card span{display:block;position:relative;margin-top:5px;padding-left:13px;color:var(--muted);font-size:10.5px;line-height:1.35}.guide-card span:before{position:absolute;left:0;top:0}.guide-card.good strong{color:#d8e8bd}.guide-card.good span:before{content:"✓";color:#a8c984}.guide-card.avoid strong{color:#e6b5a7}.guide-card.avoid span:before{content:"×";color:#d58873}.upload{margin:14px 0 12px;min-height:120px;border:1px dashed #4d5359;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;background:#101214}.upload:hover{border-color:var(--accent)}.upload input{display:none}.upload small{color:var(--muted)}.primary{width:100%;border:0;border-radius:14px;padding:15px 16px;background:var(--accent);color:#16120a;font-weight:900;cursor:pointer}.primary:disabled{opacity:.55;cursor:wait}.style-list{margin-top:14px;display:grid;grid-gap:8px;gap:8px}.style-button{text-align:left;color:var(--text);background:#111315;border:1px solid var(--border);border-radius:13px;padding:13px;cursor:pointer}.style-button small,.style-button strong{display:block}.style-button small{margin-top:4px;color:var(--muted);line-height:1.4}.style-button.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.field{display:grid;grid-gap:7px;gap:7px;margin-top:14px;font-size:13px}.field input,.field select{background:#0e1012;color:white;border:1px solid var(--border);border-radius:12px;padding:13px}.price{margin:22px 0 14px;border-top:1px solid var(--border);padding-top:18px;display:flex;justify-content:space-between;align-items:flex-end}.price small{color:var(--muted)}.price strong{font-size:26px}.message{margin-top:14px;border-radius:12px;padding:12px;background:#202419;color:#dfe9b5;font-size:13px;line-height:1.5}.preview-panel{padding:22px;min-width:0}.preview-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.preview-head h2{margin:0}.spec-pill{border:1px solid var(--border);border-radius:999px;padding:9px 12px;color:#ddd7ca;font-size:13px}.lightbox{--led:#ffd79a;--print:#111111;position:relative;min-height:660px;overflow:hidden;border-radius:20px;display:grid;place-items:center;background:radial-gradient(circle,color-mix(in srgb,var(--led) 45%,transparent) 0,transparent 55%),#090a0b;perspective:1200px}.glow{position:absolute;width:45%;aspect-ratio:3/4;background:var(--led);filter:blur(65px);opacity:.72}.plexi{position:absolute;border-radius:24px;background:color-mix(in srgb,var(--led) 75%,white);box-shadow:0 0 70px color-mix(in srgb,var(--led) 55%,transparent),inset 0 0 35px rgba(255,255,255,.65)}.plexi,.portrait-mask{width:min(60%,440px);aspect-ratio:3/4;transform:rotateX(3deg) rotateY(-5deg)}.portrait-mask{position:relative;z-index:2;background:var(--print);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-mode:alpha;mask-mode:alpha;filter:drop-shadow(0 8px 10px rgba(0,0,0,.28))}.empty-preview{position:relative;z-index:2;max-width:310px;text-align:center;color:var(--muted)}.empty-icon{margin:auto;width:72px;height:72px;border-radius:50%;border:1px solid #353a3e;display:grid;place-items:center;font-size:36px}.preview-note{margin-top:12px;padding:12px 14px;border-radius:12px;background:#111315;border:1px solid var(--border);color:var(--muted);font-size:13px;line-height:1.5}.mini-specs{margin-top:10px;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px}.mini-specs>div{border:1px solid var(--border);background:#111315;border-radius:13px;padding:12px}.mini-specs span,.mini-specs strong{display:block}.mini-specs span{color:var(--muted);font-size:11px}.mini-specs strong{margin-top:4px;font-size:13px}.admin-page{padding:40px 20px 80px}.admin-shell{width:min(1100px,100%);margin:0 auto}.admin-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.admin-header h1{margin:0;font-size:44px}.admin-back{color:var(--text);text-decoration:none;border:1px solid var(--border);border-radius:12px;padding:10px 13px}.admin-login{display:grid;grid-template-columns:1fr 220px;grid-gap:10px;gap:10px;margin-bottom:20px}.admin-login label{display:grid;grid-gap:7px;gap:7px}.admin-login label span{color:var(--muted);font-size:12px}.admin-login input{background:#0e1012;color:white;border:1px solid var(--border);border-radius:12px;padding:13px}.admin-load{align-self:end}.orders-list{display:grid;grid-gap:12px;gap:12px}.admin-empty,.admin-warning,.order-card{border:1px solid var(--border);border-radius:16px;background:#111315;padding:18px}.admin-empty{color:var(--muted)}.order-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.order-top>div{display:grid;grid-gap:3px;gap:3px}.order-label{color:var(--muted);font-size:11px}.order-top strong{font-size:22px}.order-status{padding:7px 10px;border-radius:999px;border:1px solid #494121;color:#e8c970;font-size:12px}.order-grid{margin-top:18px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px}.order-grid>div{border:1px solid var(--border);border-radius:12px;padding:11px;min-width:0}.order-grid span,.order-grid strong{display:block}.order-grid span{color:var(--muted);font-size:11px}.order-grid strong{margin-top:4px;overflow-wrap:anywhere}.order-actions{margin-top:14px;width:220px}.admin-warning{margin-top:18px;color:#d4b1a1;line-height:1.5;font-size:13px}@media (max-width:920px){.builder{grid-template-columns:1fr}.lightbox{min-height:520px}.order-grid{grid-template-columns:1fr 1fr}}@media (max-width:620px){.builder,.hero,.topbar{padding-left:16px;padding-right:16px}.tag{display:none}.admin-login,.mini-specs,.order-grid,.photo-guide-grid{grid-template-columns:1fr}.lightbox{min-height:430px}.plexi,.portrait-mask{width:72%}.admin-header{align-items:flex-start;flex-direction:column}.order-actions{width:100%}}