:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1010;--panel:#191a1b;--panel-strong:#222326;--line:#ffffff24;--ink:#f6efe2;--muted:#aaa29a;--accent:#f4c430;--hot:#f35}*{box-sizing:border-box}html,body{min-height:100%}body{background:linear-gradient(135deg, #ff335514, transparent 34%), radial-gradient(circle at 82% 10%, #f4c4301f, transparent 26%), var(--bg);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}.appShell{min-height:100vh;padding:28px}.workspace{grid-template-columns:minmax(320px,420px) minmax(0,1fr);align-items:start;gap:28px;max-width:1440px;margin:0 auto;display:grid}.controlPanel,.previewPanel{border:1px solid var(--line);background:#191a1be0;box-shadow:0 24px 80px #00000047}.controlPanel{border-radius:8px;padding:24px;position:sticky;top:28px}.brandLockup span,.field span,.ageReadout span,.previewTopline{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:800}.brandLockup h1{letter-spacing:0;text-transform:uppercase;max-width:340px;margin:8px 0 24px;font:900 34px/.95 Impact,Arial Black,sans-serif}.formGrid,.uploadStack{gap:14px;display:grid}.field{gap:8px;display:grid}.field input{border:1px solid var(--line);width:100%;min-height:48px;color:var(--ink);background:#101111;border-radius:6px;outline:none;padding:0 14px}.field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #f4c4302e}.ageReadout{border:1px solid var(--line);background:var(--panel-strong);border-radius:6px;justify-content:space-between;align-items:center;min-height:58px;padding:12px 16px;display:flex}.ageReadout strong{color:var(--accent);font:900 34px/1 Impact,Arial Black,sans-serif}.segmentedControl{border:1px solid var(--line);background:#101111;border-radius:6px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.segmentedControl.threeUp{grid-template-columns:repeat(3,1fr)}.segmentedControl button{min-height:40px;color:var(--muted);cursor:pointer;overflow-wrap:anywhere;background:0 0;border:0;border-radius:4px;font-size:13px;font-weight:900}.segmentedControl button.isActive{color:#101111;background:#d8d8d8}.rangeField{position:relative}.rangeField input{accent-color:#d8d8d8;min-height:42px;padding:0}.rangeField small{color:#d8d8d8;font-size:12px;font-weight:900;position:absolute;top:0;right:0}.swatchGrid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.swatchGrid button{border:1px solid var(--line);cursor:pointer;background:#101111;border-radius:6px;place-items:center;min-height:38px;display:grid}.swatchGrid button.isActive{border-color:#fff;box-shadow:0 0 0 2px #d8d8d838}.swatchGrid span{border-radius:999px;width:22px;height:22px;display:block;box-shadow:inset 0 0 0 1px #0003,0 3px 10px #00000059}.uploadStack{margin-top:22px}.uploadZone{cursor:pointer;background:#111212;border:1px dashed #ffffff47;border-radius:8px;grid-template-columns:38px 1fr;gap:4px 12px;min-height:92px;padding:18px;transition:border-color .18s,transform .18s,background .18s;display:grid;position:relative}.uploadZone:hover{border-color:var(--accent);background:#151514;transform:translateY(-1px)}.uploadZone svg{width:30px;height:30px;color:var(--hot);grid-row:1/span 2}.uploadZone span{font-weight:900}.uploadZone small{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.uploadZone input{opacity:0;cursor:pointer;position:absolute;inset:0}.actionBar{grid-template-columns:1fr 1fr;gap:12px;margin-top:22px;display:grid}.primaryButton,.secondaryButton,.searchButton{cursor:pointer;border:0;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 14px;font-weight:900;display:inline-flex}.primaryButton svg,.secondaryButton svg,.searchButton svg{width:18px;height:18px}.primaryButton{background:var(--accent);color:#111}.primaryButton:disabled{cursor:not-allowed;filter:grayscale();opacity:.48}.secondaryButton{color:var(--ink);background:#2b2c2f}.searchButton{color:#101111;background:linear-gradient(#d8d8d8,#969ca2);width:100%}.searchButton:disabled{cursor:not-allowed;filter:grayscale();opacity:.52}.albumStatus{border:1px solid var(--line);background:#101111;border-radius:6px;margin-top:14px;padding:12px 14px}.miniStatus{color:#d8d8d8;letter-spacing:.05em;text-transform:uppercase;margin-top:-4px;font-size:12px;font-weight:800}.exportStatus{background:#d8d8d814;border:1px solid #d8d8d82e;border-radius:6px;margin-top:10px;padding:10px 12px;line-height:1.25;display:block}.albumStatus span{color:#d8d8d8;letter-spacing:.05em;text-transform:uppercase;font-size:12px;font-weight:900}.albumStatus p{color:var(--muted);margin:8px 0 0;font-size:13px;line-height:1.4}.coverGrid{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px;display:grid}.coverTile{gap:6px;min-width:0;display:grid}.coverTile img{aspect-ratio:1;object-fit:cover;background:#202124;border-radius:4px;width:100%;display:block}.coverTile button{color:#d8d8d8;cursor:pointer;background:#2b2c2f;border:0;border-radius:4px;min-height:28px;font-size:11px;font-weight:900}.futurePanel{border-top:1px solid var(--line);color:var(--muted);grid-template-columns:22px 1fr;gap:12px;margin-top:22px;padding-top:18px;font-size:13px;line-height:1.45;display:grid}.futurePanel p{margin:0}.futurePanel svg{width:20px;height:20px;color:var(--accent)}.previewPanel{border-radius:8px;padding:18px}.previewTopline{justify-content:space-between;gap:12px;margin-bottom:14px;display:flex}.posterCanvas{aspect-ratio:4/5;touch-action:none;background:#111;border-radius:8px;width:min(100%,720px);height:auto;margin:0 auto;display:block;box-shadow:0 28px 90px #0000007a}.posterCanvas.isDraggable{cursor:grab}.posterCanvas.isDraggable:active{cursor:grabbing}@media (max-width:980px){.appShell{padding:18px}.workspace{grid-template-columns:1fr}.controlPanel{position:static}}@media (max-width:560px){.appShell{padding:12px}.controlPanel,.previewPanel{padding:16px}.brandLockup h1{font-size:29px}.actionBar{grid-template-columns:1fr}.previewTopline{flex-direction:column}}