@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{font-family:'DM Sans',Arial,sans-serif;color:#f5f2fa;background:#110f16;font-size:16px}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 90% 4%,#2c2232 0,transparent 30%),#110f16}button,input{font:inherit}.shell{max-width:1280px;margin:auto;padding:0 40px}.top{height:90px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #34303b}.brand{display:flex;align-items:center;gap:14px;font:700 20px 'Space Grotesk',sans-serif;letter-spacing:-.05em}.mark{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:#e9ff6b;color:#17131b;font-size:23px}.privacy,.eyebrow,.package-preview>span{font-size:12px;font-weight:700;letter-spacing:.14em;color:#aaa3b2}.intro{padding:55px 0 35px}.eyebrow{color:#e9ff6b;display:flex;gap:25px}.eyebrow span{color:#706976}h1,h2,p{margin:0}h1{font:700 clamp(42px,6vw,78px)/.98 'Space Grotesk',sans-serif;letter-spacing:-.075em;margin:22px 0 18px}h1 em{color:#e9ff6b;font-style:normal}.intro p{color:#a9a2b1;max-width:600px;line-height:1.6}.workspace{display:grid;grid-template-columns:1.45fr 1fr;gap:16px}.panel{background:#1c1923;border:1px solid #38323e;border-radius:15px;padding:30px}.section-heading{display:flex;gap:17px;align-items:flex-start;margin-bottom:23px}.number{font:700 13px 'Space Grotesk';color:#e9ff6b;border:1px solid #635f38;border-radius:5px;padding:7px}.section-heading h2{font:700 22px 'Space Grotesk';letter-spacing:-.04em}.section-heading p{color:#928b9a;font-size:14px;margin-top:5px}.upload{position:relative;cursor:pointer}.upload input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.upload:focus-within{outline:2px solid #e9ff6b;outline-offset:3px}.primary-upload{border:1px dashed #605b66;background:#211e29;min-height:168px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px}.primary-upload:hover,.compact-upload:hover{border-color:#e9ff6b}.upload-icon{font-size:30px;color:#e9ff6b;font-weight:300}.upload strong{font-size:16px}.upload small{color:#928b9a;font-size:13px}.divider{height:1px;background:#39343e;margin:30px 0}.fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.fields label{display:flex;flex-direction:column;gap:9px;color:#d8d1df;font-size:14px;font-weight:700}.name-field{grid-column:1/-1}.fields input{width:100%;height:48px;background:#141219;border:1px solid #46404b;color:#fff;border-radius:7px;padding:0 14px;outline:0}.fields input:focus{border-color:#e9ff6b}.fields input::placeholder{color:#77707e}.compact-upload{display:flex;align-items:center;gap:15px;border:1px solid #4a434f;border-radius:9px;padding:16px;margin-top:21px;min-height:75px}.compact-upload>span:nth-child(3){display:flex;flex-direction:column;gap:3px;min-width:0}.compact-upload small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:225px}.compact-icon{display:grid;place-items:center;background:#302b37;color:#e9ff6b;border-radius:7px;width:40px;height:40px;font-size:22px;flex:none}.plus{margin-left:auto;color:#e9ff6b}.hint{font-size:13px;line-height:1.5;color:#827a8a;margin:9px 0 0 2px}.package-preview{background:#15131b;border:1px solid #34303c;border-radius:9px;margin-top:30px;padding:20px}.package-preview>span{color:#e9ff6b}.tree{font:14px/1.8 'Space Grotesk',monospace;margin:15px 0;color:#ebe8ef}.tree span{color:#a9a2b1}.package-preview small{color:#847c8b}.action-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 0 55px}.action-bar>div{display:flex;flex-direction:column;gap:4px}.action-bar strong{font:700 17px 'Space Grotesk'}.action-bar span{font-size:14px;color:#aaa3b2}.action-bar #output{color:#e9ff6b}button{background:#e9ff6b;border:0;border-radius:8px;color:#17141b;font-weight:700;padding:17px 24px;cursor:pointer;min-width:220px;display:flex;align-items:center;justify-content:space-between;gap:30px}button:hover{background:#f1ff9a}button:disabled{opacity:.55;cursor:wait}button span{font-size:22px!important;color:inherit!important}footer{border-top:1px solid #34303b;padding:25px 0 40px;color:#716a79;font-size:12px;letter-spacing:.12em;display:flex;justify-content:space-between}@media(max-width:750px){.shell{padding:0 18px}.top{height:70px}.privacy{display:none}.intro{padding:42px 0 30px}.workspace{grid-template-columns:1fr}.panel{padding:22px}.action-bar{align-items:stretch;flex-direction:column;padding:25px 0 40px}button{width:100%}.package-preview{margin-top:25px}}@media(max-width:400px){h1{font-size:42px}.fields{gap:10px}.compact-upload small{max-width:160px}}
.action-bar #output{display:inline-block;width:fit-content;margin-top:8px;color:#17141b;background:#e9ff6b;border-radius:6px;padding:9px 13px;font-weight:700;text-decoration:none}.action-bar #output[hidden]{display:none}.action-bar #output:hover{background:#f1ff9a}.action-bar .full-page{width:fit-content;margin-top:7px;color:#aaa3b2;font-size:13px;text-decoration:underline;text-underline-offset:3px}
.folder-upload{margin-top:10px}.options-panel #stems-count{color:#e9ff6b;margin-top:13px}
.info-panel{margin-top:16px}.info-panel .section-heading{margin-bottom:20px}.info-choice,.info-editor{display:flex;flex-direction:column;gap:9px;color:#d8d1df;font-size:14px;font-weight:700}.info-choice{max-width:320px;margin-bottom:18px}.info-choice select,.info-editor textarea{background:#141219;border:1px solid #46404b;color:#f5f2fa;border-radius:7px;outline:0}.info-choice select{height:46px;padding:0 12px}.info-editor textarea{width:100%;min-height:235px;resize:vertical;padding:15px;font:14px/1.6 'Space Grotesk',monospace}.info-choice select:focus,.info-editor textarea:focus{border-color:#e9ff6b}.info-panel .hint{margin-top:10px}
.version-uploads{display:grid;grid-template-columns:1fr 1fr;gap:14px}.version-uploads .primary-upload{min-height:180px;padding:16px;text-align:center}.version-uploads .upload small{display:block;overflow:hidden;text-overflow:ellipsis;max-width:100%;line-height:1.4}.main-panel>.hint{margin-top:12px}@media(max-width:540px){.version-uploads{grid-template-columns:1fr}}
.folders-panel{margin-top:16px}.folder-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.folder-fields label{display:flex;flex-direction:column;gap:9px;color:#d8d1df;font-size:14px;font-weight:700}.folder-fields input{width:100%;height:48px;background:#141219;border:1px solid #46404b;color:#fff;border-radius:7px;padding:0 14px;outline:0}.folder-fields input:focus{border-color:#e9ff6b}.reset-folders{background:transparent;color:#e9ff6b;border:1px solid #626445;min-width:0;padding:9px 13px;margin-top:18px;display:inline-flex;width:auto;font-size:14px}.reset-folders:hover{background:#292b1b}.tree b{font-weight:inherit;color:inherit}@media(max-width:650px){.folder-fields{grid-template-columns:1fr}}

.signin{display:inline-block;background:#e9ff6b;color:#120f19;padding:16px 22px;border-radius:8px;font-weight:700;text-decoration:none;margin-top:24px}.account-nav{position:fixed;right:20px;bottom:16px;background:#1b1721;color:#eee;padding:10px 14px;border:1px solid #534b60;border-radius:9px;font-size:13px;z-index:10}.account-nav a{color:#e9ff6b;margin-left:14px}
.auth-panel{max-width:490px;margin:0 0 80px;padding:32px}.auth-panel form{display:grid;gap:18px}.auth-panel label{display:grid;gap:8px;font-size:15px;color:#eee}.auth-panel input{width:100%;padding:13px;background:#100e16;color:#fff;border:1px solid #514b5d;border-radius:8px;font:inherit}.auth-tabs{display:flex;gap:12px;margin-bottom:28px}.auth-tabs button{background:transparent;color:#aaa;border:0;border-bottom:2px solid transparent;padding:10px 0;margin-right:16px;font:inherit;cursor:pointer}.auth-tabs .selected{color:#e9ff6b;border-color:#e9ff6b}.auth-error{color:#ffb3b3;min-height:20px;margin:0}.auth-panel .signin{border:0;cursor:pointer;font:inherit;font-weight:700}.account-nav button{background:none;border:0;color:#e9ff6b;margin-left:14px;cursor:pointer;font:inherit}
.auth-link{display:inline-block;color:#e9ff6b;margin-top:20px;margin-right:20px;font-size:15px}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.stats-grid .panel{padding:28px}.stats-grid h2{font-size:44px;color:#e9ff6b}.mail-status{margin-top:24px;padding:28px}.intro h1{overflow-wrap:break-word}@media(max-width:700px){.stats-grid{grid-template-columns:1fr}.auth-panel{padding:22px}.intro h1{font-size:40px}}