:root{--bg:#05060a;--panel:#0c0d14;--line:#292733;--text:#f3e9df;--muted:#77758a;--lime:#ff7b18;--purple:#ff294e;--red:#ff294e;--cyan:#24d7ff;--orange:#ff861c}*{scrollbar-color:#ff294e #0b0c12}body{background:radial-gradient(circle at 22% 0,#36071666 0,transparent 32%),radial-gradient(circle at 90% 20%,#04324840 0,transparent 27%),#05060a;color:var(--text);font-family:"Cascadia Code",Consolas,"Courier New",monospace}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom,#0008,transparent 78%)}body:after{content:"";position:fixed;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,#ff294e 25%,#ff861c 50%,#24d7ff 75%,transparent);box-shadow:0 0 16px #ff294e;z-index:50}main{position:relative}header{border-bottom:1px solid #2f2330;padding-bottom:25px}header:before{content:"ELTON STUDIO // LOCAL CREATOR TOOL";display:block;position:absolute;right:25px;top:7px;color:#4d4a59;font-size:8px;letter-spacing:.15em}.eyebrow{display:inline-block;color:#ff3156;background:#ff31560d;border:1px solid #ff315644;border-radius:3px;padding:6px 8px;text-transform:lowercase;letter-spacing:.04em}h1{font-size:43px;letter-spacing:-.055em;color:#f7e9dd;text-shadow:2px 0 #ff264d44,-2px 0 #23d8ff22}h1 i{color:#ff983f;text-shadow:0 0 22px #ff6f234f}.cursor{color:#24d7ff;animation:cursorBlink 1s steps(1) infinite}.prompt-mark{color:#ff3156;font-weight:900}header p{font-size:12px}.privacy{border-radius:4px;background:#071812;border-color:#1d6a43;color:#43f397;font-size:9px;text-transform:uppercase;letter-spacing:.05em}.privacy.saved{background:#071812;color:#43f397}.panel{position:relative;border-radius:9px;background:linear-gradient(145deg,#0e0f17f7,#090a10f7);border-color:#302d3a;box-shadow:0 18px 50px #0009,inset 0 1px #ffffff08}.panel:before,.panel:after{content:"";position:absolute;width:20px;height:2px;background:#ff294e;box-shadow:0 0 7px #ff294e}.panel:before{left:-1px;top:-1px}.panel:after{right:-1px;bottom:-1px;background:#24d7ff;box-shadow:0 0 7px #24d7ff}.setup{border-left:2px solid #ff294e}.setup label,.options label{color:#8d899c;font-size:9px;font-weight:800;letter-spacing:.1em}input,textarea,select{border-radius:4px;background:#07080d;border-color:#34313e;color:#f4eade;font-family:inherit}input:focus,textarea:focus,select:focus{border-color:#24d7ff;box-shadow:0 0 0 2px #24d7ff15,0 0 20px #24d7ff12}.keyrow input{border-radius:4px 0 0 4px}.icon{border-radius:0 4px 4px 0}.get,.ghost,.icon{border-radius:4px;background:#11121a;border-color:#3a3644;color:#d7cfc9;font-family:inherit;font-size:10px;font-weight:800;text-transform:uppercase}.get:hover,.ghost:hover,.icon:hover{border-color:#ff3156;color:#fff;box-shadow:0 0 16px #ff294e20}.ghost.saved{border-color:#24d7ff;color:#24d7ff}.notice{border-radius:4px;background:#231408;color:#ff9c48;border-color:#7b4019;font-size:9px;text-transform:uppercase}.workspace{gap:14px}.composer{border-top:1px solid #ff294e}.results{border-top:1px solid #24d7ff}.step{color:#ff3156;font-weight:900}.results .step{color:#24d7ff}.title h2{font-size:13px;letter-spacing:.04em}.title>span,#count{font-size:9px;color:#696678}.primary,.secondary{position:relative;overflow:hidden;border-radius:4px;font-family:inherit;font-size:11px;letter-spacing:.04em;transition:.2s}.primary{background:linear-gradient(90deg,#ff234b,#ff7e12);color:#fff;box-shadow:0 8px 22px #ff382b35}.secondary{background:linear-gradient(90deg,#03a9d5,#24d7ff);color:#031015;box-shadow:0 8px 22px #16bee335}.primary:hover,.secondary:hover{transform:translateY(-1px);filter:brightness(1.12)}.primary:after,.secondary:after{content:"";position:absolute;top:0;bottom:0;width:45px;left:-70px;background:#fff3;transform:skewX(-20deg);transition:.4s}.primary:hover:after,.secondary:hover:after{left:110%}.hint{font-size:9px;color:#625e70}.folder-info{text-transform:uppercase;color:#625f70}.counters>div{position:relative;border-radius:4px;background:#07080d;border-color:#302d39;overflow:hidden}.counters>div:after{content:"";position:absolute;left:0;bottom:0;width:35%;height:1px;background:#ff3156}.counters>div:nth-child(2n):after{background:#24d7ff}.counters span{color:#777486;font-size:8px}.counters strong{color:#f4eade;font-size:23px;text-shadow:0 0 15px #ff315666}.counters>div:nth-child(2n) strong{text-shadow:0 0 15px #24d7ff66}.summary{color:#9b97a7;font-size:9px;text-transform:uppercase;letter-spacing:.05em}.status-led{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#24d7ff;box-shadow:0 0 9px #24d7ff}.empty{border-radius:5px;border-color:#302d39;background:repeating-linear-gradient(135deg,#ffffff02 0,#ffffff02 10px,transparent 10px,transparent 20px);color:#555262;font-size:9px;letter-spacing:.08em}.card{border-radius:4px;border-color:#35313e;background:#07080d}.card:hover{border-color:#ff3156;box-shadow:0 0 18px #ff31561c}.badge{border-radius:3px;background:#090a0eee;border:1px solid #393543;text-transform:uppercase}.ok{color:#43f397}.err{color:#ff3156}.actions .ghost{border-color:#5c2633;color:#ff687f}footer{border-top:1px solid #24222c;padding-top:18px;text-transform:uppercase;letter-spacing:.04em;font-size:8px}.elton-promo{border-top:2px solid #ff3156}.promo-cta{clip-path:polygon(0 0,96% 0,100% 28%,100% 100%,4% 100%,0 72%)}@keyframes cursorBlink{50%{opacity:0}}@media(max-width:800px){header:before{display:none}h1{font-size:34px}.setup{gap:10px}.notice{width:100%}.panel:before,.panel:after{width:13px}}@media(max-width:500px){h1{font-size:29px}.workspace{gap:11px}.composer,.results{padding:16px}.options{grid-template-columns:1fr}.setup .get,.setup #saveKey{width:100%;text-align:center}.title h2{font-size:11px}}
