:root{--bg:#090810;--panel:#12101d;--panel2:#171426;--line:#bea8ff21;--text:#f5f1ff;--muted:#9992ae;--purple:#a879ff;--purple2:#7445d8;--pink:#d18bff;--green:#8be4bb;--danger:#ff899d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);min-height:100vh;margin:0;font-family:Manrope,Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}.shell{max-width:1240px;margin:0 auto;padding:0 42px;position:relative;overflow:hidden}.ambient{pointer-events:none;filter:blur(100px);opacity:.17;z-index:-1;border-radius:50%;position:absolute}.ambient-one{background:#7133ce;width:400px;height:400px;top:80px;right:0}.ambient-two{background:#412080;width:350px;height:350px;top:680px;left:-200px}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:88px;display:flex}.brand{color:var(--text);letter-spacing:2px;align-items:center;gap:12px;font-size:14px;font-weight:800;text-decoration:none;display:flex}.brand-mark{color:#160c28;background:linear-gradient(145deg,#c18dff,#7541ce);border-radius:11px;place-items:center;width:36px;height:36px;font-size:20px;display:grid;box-shadow:0 8px 30px #8a4ce944}.brand-accent{color:#b68aff}.brand small{letter-spacing:4px;color:var(--muted);margin-top:3px;font:9px DM Mono,monospace;display:block}.topbar-right{align-items:center;gap:10px;display:flex}.status-dot,.eyebrow span,.live-pill i{background:var(--green);border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #8be4bb88}.online-label,.panel-kicker,.eyebrow,.collection-caption,.footer,.float-tag{letter-spacing:1.6px;color:var(--muted);font:10px DM Mono,monospace}.hero{border-bottom:1px solid var(--line);grid-template-columns:1.1fr .9fr;align-items:center;min-height:440px;display:grid}.hero-copy{padding:65px 0 70px}.eyebrow{color:#b8a5d9;align-items:center;gap:10px;display:flex}.eyebrow span{background:var(--purple);box-shadow:0 0 13px #a879ff}.hero h1,.section-intro h2{letter-spacing:-4px;margin:24px 0 18px;font-size:clamp(48px,6vw,76px);font-weight:800;line-height:1.02}.hero h1 span,.section-intro h2 span,.welcome-row h2 span{background:linear-gradient(100deg,#d8baff,#9565f1 65%,#c58fff);color:#0000;-webkit-background-clip:text;background-clip:text}.hero-copy>p,.section-intro p,.welcome-row p{max-width:490px;color:var(--muted);font-size:14px;line-height:1.8}.hero-meta{color:#bdb5ce;flex-wrap:wrap;gap:22px;margin-top:34px;font:10px DM Mono,monospace;display:flex}.meta-icon{color:var(--purple);margin-right:6px;font-style:normal}.hero-art{perspective:800px;place-items:center;height:390px;display:grid;position:relative}.orbit{border:1px solid #b68aff33;border-radius:50%;position:absolute;transform:rotate(-25deg)}.orbit-a{width:330px;height:150px}.orbit-b{width:260px;height:350px;transform:rotate(55deg)}.hero-cube{width:155px;height:155px;transform-style:preserve-3d;filter:drop-shadow(0 35px 38px #8b4be655);animation:6s ease-in-out infinite float;position:relative;transform:rotateY(-25deg)rotateX(-12deg)}.cube-face{background:linear-gradient(145deg,#bb8bff,#7143be);border:1px solid #d5b8ff66;width:155px;height:155px;position:absolute}.cube-front{justify-content:center;align-items:center;gap:34px;display:flex;transform:translateZ(77px)}.cube-side{background:linear-gradient(145deg,#6135a6,#321d5c);transform:rotateY(90deg)translateZ(77px)}.cube-top{background:#d0aaff;transform:rotateX(90deg)translateZ(77px)}.cube-eye{background:#1c1430;border-radius:3px;width:13px;height:20px;margin-top:15px}.cube-mouth{background:#30194e;border-radius:3px;width:34px;height:7px;position:absolute;top:100px}.float-tag{border:1px solid var(--line);color:#d6c3f7;background:#171126cc;border-radius:8px;padding:10px 13px;position:absolute}.tag-top{top:70px;right:35px}.tag-bottom{bottom:60px;left:35px}@keyframes float{0%,to{transform:translateY(0)rotateY(-25deg)rotateX(-12deg)}50%{transform:translateY(-14px)rotateY(-13deg)rotateX(-5deg)}}.auth-layout{grid-template-columns:1fr 440px;align-items:center;gap:70px;padding:90px 0;display:grid}.section-intro h2{font-size:52px}.section-intro p{max-width:360px}.panel{border:1px solid var(--line);background:linear-gradient(145deg,#171426,#100e19);border-radius:18px;padding:27px;box-shadow:0 24px 70px #0003}.panel-heading{justify-content:space-between;align-items:flex-start;margin-bottom:23px;display:flex}.panel-kicker{color:#a98bcf;font-size:9px}.panel-heading h3,.collection-heading h3{letter-spacing:-.7px;margin:7px 0 0;font-size:21px}.panel-symbol{color:#b88cff;border:1px solid var(--line);background:#a879ff0c;border-radius:11px;place-items:center;width:38px;height:38px;font-size:24px;display:grid}.tabs{border-bottom:1px solid var(--line);gap:24px;margin-bottom:22px;display:flex}.tab{color:var(--muted);background:0 0;border:0;padding:0 0 12px;font-size:12px}.tab.active{color:#d8c3ff;border-bottom:2px solid var(--purple)}.form-stack{flex-direction:column;gap:15px;display:flex}.form-stack label{color:#c5bdd6;flex-direction:column;gap:8px;font-size:11px;font-weight:700;display:flex}.form-stack input,.form-stack select{color:#f4efff;background:#0c0a14;border:1px solid #312842;border-radius:9px;outline:none;width:100%;padding:13px 14px;font-size:12px;transition:border .2s}.form-stack input:focus,.form-stack select:focus{border-color:#a879ff;box-shadow:0 0 0 3px #a879ff18}.form-stack input::placeholder{color:#665d79}.button{border:0;border-radius:9px;padding:12px 16px;font-size:11px;font-weight:800;transition:transform .15s,filter .15s}.button:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.button-primary{color:#fff;background:linear-gradient(100deg,#a979ff,#7545d5);box-shadow:0 8px 24px #8d55e633}.button-primary span{float:right;font-size:15px}.button-wide{width:100%;margin-top:4px;padding:14px}.button-ghost{border:1px solid var(--line);color:#d5c8eb;background:#171426}.button-small{padding:8px 12px}.fine-print{color:#746c85;margin:18px 0 0;font-size:10px;line-height:1.6}.alert{border-radius:10px;margin-top:18px;padding:12px 15px;font-size:12px}.alert-error{color:#ffc2cc;background:#3a1723;border:1px solid #8d354d}.alert-success{color:#b4f4d7;background:#102d26;border:1px solid #286a56}.workspace{padding:72px 0 85px}.welcome-row{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.welcome-row h2{letter-spacing:-1.5px;margin:10px 0 4px;font-size:34px}.welcome-row p{margin:0;font-size:12px}.account-chip{border:1px solid var(--line);background:#151222;border-radius:13px;align-items:center;gap:12px;padding:10px 15px 10px 10px;display:flex}.avatar-letter{color:#180d2b;background:linear-gradient(140deg,#b88aff,#7543ca);border-radius:10px;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.account-chip strong,.account-chip small{display:block}.account-chip strong{font-size:12px}.account-chip small{color:var(--muted);margin-top:3px;font:9px DM Mono,monospace}.dashboard-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.upload-panel,.active-panel{min-height:330px}.file-drop{cursor:pointer;text-align:center;background:#a879ff08;border:1px dashed #574276;border-radius:11px;justify-content:center;align-items:center;min-height:112px;padding:19px;position:relative}.file-drop input{opacity:0;cursor:pointer;position:absolute;inset:0}.upload-icon{color:#bd98ff;font-size:24px}.file-drop strong{color:#e3d5ff;font-size:11px}.file-drop small{color:var(--muted);font-size:9px;font-weight:400}.preview-row{color:var(--green);background:#0d0b16;border-radius:9px;align-items:center;gap:12px;padding:9px 12px;font-size:10px;display:flex}.preview-row img{object-fit:contain;width:35px;height:35px;image-rendering:pixelated}.live-pill{color:var(--green);border:1px solid #8be4bb33;border-radius:20px;align-items:center;gap:7px;padding:7px 9px;font:9px DM Mono,monospace;display:flex}.live-pill i{width:6px;height:6px}.empty-active{text-align:center;height:195px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.empty-icon{color:#8861c6;font-size:42px}.empty-active strong{color:#d8cdea;font-size:12px}.empty-active span{font-size:10px}.active-preview{justify-content:center;align-items:center;gap:20px;height:195px;display:flex}.skin-frame{background:radial-gradient(circle,#42286a,#1a1427 70%);border:1px solid #9e72e533;border-radius:14px;place-items:center;width:116px;height:142px;display:grid}.skin-frame img{object-fit:contain;max-width:80px;max-height:110px;image-rendering:pixelated}.active-preview strong,.active-preview small{display:block}.active-preview strong{font-size:13px}.active-preview small{color:var(--muted);margin-top:7px;font:9px DM Mono,monospace}.active-note{border-top:1px solid var(--line);color:#877f99;padding-top:14px;font-size:9px;line-height:1.6}.collection-heading{justify-content:space-between;align-items:end;margin:54px 0 18px;display:flex}.collection-heading h3 span{color:#b48bfa;margin-left:7px;font:11px DM Mono,monospace}.collection-caption{font-size:9px}.skin-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.skin-card{border:1px solid var(--line);background:#14111f;border-radius:13px;padding:12px;transition:border .2s,transform .2s}.skin-card:hover{border-color:#8c65c4;transform:translateY(-3px)}.skin-card.selected{border-color:#9e70ed88;box-shadow:0 0 25px #8a55d511}.skin-card-image{background:radial-gradient(circle,#392354,#171222 73%);border-radius:9px;place-items:center;height:150px;display:grid;position:relative}.skin-card-image img{object-fit:contain;max-width:90px;max-height:120px;image-rendering:pixelated}.skin-card-image>span{color:#d6baff;background:#8c61c222;border:1px solid #a879ff33;border-radius:5px;padding:5px 7px;font:8px DM Mono,monospace;position:absolute;top:9px;left:9px}.skin-card-info{padding:12px 2px 10px}.skin-card-info strong,.skin-card-info small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.skin-card-info strong{font-size:11px}.skin-card-info small{color:var(--muted);margin-top:5px;font:8px DM Mono,monospace}.skin-card-actions{gap:7px;display:flex}.button-secondary{color:#d9c3ff;background:#271d3a;border:1px solid #7853ac55;flex:1;padding:9px}.icon-button{color:#ff9aaf;background:#2a1725;border:1px solid #66334866;border-radius:8px;width:34px;font-size:18px}.empty-collection{border:1px dashed var(--line);color:var(--muted);text-align:center;border-radius:12px;padding:30px;font-size:12px}.footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;height:78px;font-size:9px;display:flex}.footer>span:first-child{color:#d4c3eb;font-weight:700}.footer-beta{color:#a987e7}@media (max-width:850px){.shell{padding:0 24px}.hero{grid-template-columns:1fr .75fr}.hero h1{font-size:60px}.hero-art{transform:scale(.8)}.auth-layout{grid-template-columns:1fr 400px;gap:25px}.skin-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:650px){.shell{padding:0 17px}.topbar{height:70px}.online-label{display:none}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:55px 0 10px}.hero h1{letter-spacing:-3px;font-size:55px}.hero-meta{gap:12px}.hero-art{height:260px;margin-top:-15px;transform:scale(.75)}.tag-top{right:5px}.tag-bottom{left:5px}.auth-layout{grid-template-columns:1fr;gap:25px;padding:60px 0}.section-intro h2{margin:15px 0;font-size:43px}.panel{padding:21px}.workspace{padding:48px 0}.welcome-row{flex-direction:column;align-items:flex-start;gap:15px}.welcome-row h2{font-size:29px}.dashboard-grid{grid-template-columns:1fr}.skin-grid{grid-template-columns:repeat(2,1fr);gap:10px}.skin-card{padding:9px}.skin-card-image{height:130px}.collection-heading{flex-direction:column;align-items:flex-start;gap:10px}.footer{flex-wrap:wrap;gap:9px;height:auto;padding:22px 0}.footer>span:nth-child(2){order:3;width:100%}}
