:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#001f18;color:#f4fff7}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#001f18}button,input{font:inherit}button{cursor:pointer}.designer-login{display:grid;min-height:100vh;place-items:center;padding:24px;background:radial-gradient(circle at top left,rgba(225,255,0,.12),transparent 34rem),linear-gradient(135deg,#001f18,#052f25 56%,#101827)}.login-panel,.preview-panel,.eye-panel,.report-panel,.upload-panel,.slot-card{border:1px solid rgba(52,211,153,.44);border-radius:8px;background:#063826e6;box-shadow:0 20px 44px #00000038}.login-panel{display:grid;width:min(100%,420px);gap:18px;padding:28px}.login-icon,.brand-mark{display:grid;width:52px;height:52px;place-items:center;border-radius:8px;background:#e1ff00;color:#122016}h1,h2,h3,p{margin:0}h1{font-size:clamp(28px,5vw,42px);font-weight:900;letter-spacing:0}h2{font-size:22px;font-weight:900;letter-spacing:0}h3{font-size:15px;font-weight:900;letter-spacing:0}.designer-page{min-height:100vh;padding:24px;background:#00291d}.app-header{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:1480px;margin:0 auto 20px}.brand,.slot-title,.header-actions,.section-heading,.status-pill,.message,.slot-heading,.slot-meta,.upload-drop,.eye-button{display:flex;align-items:center}.brand{gap:14px}.brand p,.login-panel p,.slot-title p,.muted{color:#d1fae59e;font-size:14px;font-weight:700}.header-actions{gap:10px;flex-wrap:wrap}.workspace-grid{display:grid;grid-template-columns:minmax(320px,460px) minmax(0,1fr);gap:20px;max-width:1480px;margin:0 auto}.preview-column,.upload-panel{display:grid;gap:16px;align-content:start}.preview-panel,.eye-panel,.report-panel,.upload-panel,.slot-card{padding:16px}.section-heading{justify-content:space-between;gap:12px;margin-bottom:14px}.section-heading.compact{margin-bottom:12px}.eyebrow{color:#b8f56c;font-size:11px;font-weight:900;letter-spacing:0;text-transform:uppercase}.viewer-frame{height:min(62vh,560px);min-height:410px;overflow:hidden;border:1px solid rgba(52,211,153,.48);border-radius:8px;background:#062d20}.empty-viewer{display:grid;height:100%;min-height:360px;place-items:center;align-content:center;gap:12px;color:#d1fae599;font-weight:900}.empty-silhouette{width:96px;fill:#e1ff0061}.viewer-loading{border-radius:6px;background:#062d20f0;padding:8px 12px;color:#dff28c;font-size:12px;font-weight:900}.slot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.slot-card{box-shadow:none}.slot-heading{justify-content:space-between;gap:10px}.slot-title{gap:8px;min-width:0}.slot-title svg{color:#dff28c;flex:0 0 auto}.slot-title p{margin-top:2px;font-size:12px}.upload-drop{justify-content:center;gap:8px;min-height:54px;margin-top:14px;border:1px dashed rgba(225,255,0,.6);border-radius:8px;background:#00291d9e;color:#f4fff7;font-size:13px;font-weight:900;text-align:center}.upload-drop input{display:none}.slot-meta{flex-wrap:wrap;gap:6px;margin-top:10px}.slot-meta span,.status-pill,.local-pill{border-radius:999px;background:#00291dcc;color:#d1fae5c7;font-size:11px;font-weight:900;padding:5px 8px}.bounds-text{margin-top:8px;color:#d1fae58f;font-size:11px;font-weight:800}.slot-error,.form-error{color:#fecaca;font-size:13px;font-weight:800}.slot-error{margin-top:8px}.eye-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.eye-button{justify-content:center;gap:7px;min-height:42px;border:1px solid rgba(52,211,153,.56);border-radius:8px;background:#00291dad;color:#f4fff7;font-size:12px;font-weight:900}.eye-button span{display:block;width:15px;height:15px;border:1px solid rgba(0,0,0,.28);border-radius:50%}.eye-button.selected{border-color:#e1ff00;background:#dff28c;color:#122016}.status-pill{gap:6px;white-space:nowrap}.status-pill.ok{background:#22c55e2e;color:#bbf7d0}.status-pill.warn{background:#f59e0b2e;color:#fde68a}.message{gap:9px;margin-top:8px;border-radius:8px;padding:10px;font-size:13px;font-weight:800}.message svg{flex:0 0 auto}.message.error{background:#7f1d1d61;color:#fecaca}.message.warning{background:#78350f5c;color:#fde68a}.message.success{background:#14532d70;color:#bbf7d0}.field{display:grid;gap:7px;color:#d1fae5bd;font-size:13px;font-weight:900}.field input{width:100%;border:1px solid rgba(52,211,153,.5);border-radius:8px;background:#00291dcc;color:#f4fff7;outline:none;padding:12px 13px}.field input:focus{border-color:#e1ff00;box-shadow:0 0 0 3px #e1ff001f}.primary-button,.secondary-button,.icon-button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:8px;font-weight:900}.primary-button{min-height:44px;background:#e1ff00;color:#122016}.secondary-button{gap:8px;min-height:40px;border:1px solid rgba(52,211,153,.5);background:#063826e0;color:#f4fff7;padding:0 13px}.icon-button{width:34px;height:34px;background:#00291db8;color:#d1fae5}.primary-button:hover,.eye-button.selected:hover{background:#d4f000}.secondary-button:hover,.icon-button:hover,.upload-drop:hover,.eye-button:hover{border-color:#e1ff00}@media(max-width:1120px){.workspace-grid{grid-template-columns:1fr}.slot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.viewer-frame{height:520px}}@media(max-width:680px){.designer-page{padding:14px}.app-header{align-items:flex-start;flex-direction:column}.slot-grid,.eye-grid{grid-template-columns:1fr}.viewer-frame{height:420px;min-height:360px}.brand{align-items:flex-start}}