:root{font-family:DM Sans,system-ui,sans-serif;color:#f2f0ee;background:#101014;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3,strong{font-family:Outfit,system-ui,sans-serif}h1{font-size:36px;line-height:1.14;letter-spacing:-1.2px}h2{font-size:21px;margin:38px 0 15px}p{line-height:1.6}.layout{min-height:100vh;display:flex}.sidebar{width:240px;background:#151519;border-right:1px solid #29292f;min-height:100vh;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:29px 16px;flex-shrink:0}.logo{display:flex;align-items:center;gap:11px;margin:0 13px 57px;font-size:22px;letter-spacing:-.7px}.brand-mark{color:#e5ff67;font-size:32px;line-height:1}.nav-caption{font-size:10px;letter-spacing:2px;color:#696974;font-weight:700;margin:0 13px 13px}.nav-caption.second{margin-top:37px}.nav-item{border:0;background:transparent;color:#9b9ba3;width:100%;text-align:left;display:flex;align-items:center;gap:14px;padding:13px 15px;border-radius:10px;font-size:14px;margin-bottom:3px}.nav-item span{font-size:21px;width:23px;text-align:center;line-height:18px}.nav-item:hover,.nav-item.chosen{background:#27282b;color:#fff}.nav-item.chosen:before{content:"";position:absolute;left:0;width:3px;height:29px;background:#e5ff67;border-radius:2px}.nav-item i{font-style:normal;margin-left:auto;background:#e5ff67;color:#171914;border-radius:20px;padding:1px 7px;font-size:11px}.sidebar-bottom{margin-top:auto;padding:0 12px}.connection{font-size:11px;color:#b3b3bc;padding-bottom:16px;border-bottom:1px solid #303036}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#888;margin-right:8px}.dot.connected{background:#b9ed6f}.account{font-size:12px;color:#8e8e96;padding-top:17px;overflow:hidden;text-overflow:ellipsis}.signout{background:none;border:0;color:#e6ff69;padding:14px 0;font-size:12px}.content{width:100%;min-width:0}.topbar{height:75px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #25252c}.breadcrumb{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#a1a0a8}.breadcrumb span{padding:0 10px;color:#5c5c64}.top-account{border-radius:50%;background:#31342d;color:#e5ff67;width:35px;height:35px;display:grid;place-items:center;font-weight:700}.page{max-width:1120px;padding:52px 6% 90px;margin:auto}.eyebrow{color:#e5ff67;font-size:11px;font-weight:700;letter-spacing:2.6px;text-transform:uppercase;margin-bottom:18px}.hero-title{font-size:clamp(44px,5.7vw,76px);line-height:1.03;margin-bottom:22px;letter-spacing:-3.5px}.hero-title em{font-style:normal;color:#e5ff67}.hero-sub{max-width:580px;color:#9999a3;font-size:15px;margin-bottom:48px}.link-card{border:1px solid #3a3a3f;background:linear-gradient(120deg,#232428,#1b1b20);padding:29px 33px;border-radius:17px}.link-card h3{font-size:20px;margin-bottom:6px}.link-card p{color:#9696a0;font-size:13px}.link-form{display:flex;gap:11px;margin-top:23px}.link-form input{flex:1;min-width:0}.primary{background:#e5ff67;color:#161714;border:1px solid #e5ff67;border-radius:9px;padding:12px 18px;font-weight:700;white-space:nowrap}.primary:hover:not(:disabled){background:#f1ffae}.outline,.download-btn{background:transparent;border:1px solid #777969;color:#e5ff67;border-radius:9px;padding:10px 15px;font-size:13px}.outline:hover,.download-btn:hover{background:#292d21}input,select{background:#17171c;border:1px solid #3d3d46;color:#f2f2f3;border-radius:9px;padding:12px 15px;outline:0;min-width:0}input:focus,select:focus{border-color:#c9e65d}input::placeholder{color:#74747d}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:22px}.quick-grid button{border:1px solid #303037;text-align:left;background:#1b1b20;color:#fff;border-radius:15px;padding:25px;min-height:166px;display:flex;flex-direction:column;position:relative}.quick-grid button:hover{border-color:#909d57}.tile-icon{font-size:29px;color:#e5ff67;margin-bottom:20px}.quick-grid strong{font-size:17px}.quick-grid small{color:#90909b;margin-top:5px}.quick-grid b{position:absolute;right:25px;top:24px;color:#898990;font-weight:400}.hint{background:#25291d;border:1px solid #485537;border-radius:12px;margin-top:22px;padding:16px;color:#c6d6a6;font-size:13px}.hint button{border:0;background:none;color:#e5ff67;font-weight:700}.muted{color:#9b9ba5}.search-box{display:flex;align-items:center;gap:12px;background:#1d1d22;padding:8px 8px 8px 19px;border:1px solid #393941;border-radius:11px;margin:35px 0 25px}.search-box span{font-size:24px;color:#b9b9c0}.search-box input{flex:1;background:none;border:0;padding:10px}.tabs{display:flex;gap:22px;border-bottom:1px solid #323239;margin:25px 0}.tabs button{background:none;border:0;color:#9999a3;text-transform:capitalize;padding:0 0 14px;font-size:13px}.tabs button.selected{border-bottom:2px solid #e5ff67;color:#e5ff67}.tabs.compact{margin:15px 0;gap:18px}.results{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.result{display:flex;text-align:left;align-items:center;gap:13px;border:1px solid #303037;border-radius:10px;padding:11px;background:#1b1b20;color:#fff;min-width:0}.result:hover{background:#26262c;border-color:#777957}.result img,.art-fallback{width:55px;height:55px;object-fit:cover;border-radius:5px;background:#32332e;flex:none}.art-fallback{display:grid;place-items:center;color:#e5ff67}.result-info{min-width:0;flex:1}.result-info strong,.result-info small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-info strong{font-size:14px}.result-info small{font-size:12px;color:#94949f;margin-top:4px}.chevron{color:#e5ff67}.empty{border:1px dashed #3c3c45;border-radius:12px;padding:65px 20px;text-align:center;color:#8e8e9a;margin-top:30px}.back{background:none;border:0;color:#b5b5be;margin-bottom:26px}.detail-hero{display:flex;align-items:end;gap:29px;padding:20px 0 35px;border-bottom:1px solid #33333a}.detail-hero img,.detail-art{width:215px;height:215px;object-fit:cover;border-radius:12px;box-shadow:0 18px 35px #0005}.detail-art{display:grid;place-items:center;background:#30302d;font-size:70px;color:#e5ff67}.detail-hero h1{font-size:clamp(30px,4vw,56px);overflow-wrap:anywhere}.track-row{display:flex;align-items:center;gap:20px;padding:13px;border-bottom:1px solid #29292f}.track-number{width:27px;color:#878792}.track-row div{flex:1}.track-row small{display:block;color:#83838d;margin-top:3px}.track-row button{background:none;color:#e5ff67;border:0;font-size:19px}.job-list{display:grid;gap:11px;margin-top:32px}.job{display:flex;align-items:center;gap:16px;border:1px solid #34343b;background:#1b1b20;padding:17px;border-radius:12px}.job-icon{width:44px;height:44px;border-radius:9px;background:#30342a;color:#e5ff67;display:grid;place-items:center;font-size:22px;flex:none}.job-info{flex:1;min-width:0}.job-info strong,.job-info small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.job-info small{color:#898994;font-size:11px;margin-top:6px}.job-info .job-error{color:#ff9b9b;white-space:normal}.job-actions{display:flex;align-items:center;gap:12px}.job-actions button{background:none;border:0;color:#bcbcc5;font-size:12px}.status{text-transform:capitalize;font-size:11px;color:#a9a9b1}.status.completed{color:#d8ef90}.status.failed,.status.canceled{color:#f59a9a}.progress{height:4px;border-radius:9px;background:#3b3b42;margin-top:12px;overflow:hidden}.progress span{display:block;background:#e5ff67;height:100%}.settings{max-width:820px}.settings h2{margin-top:38px}.panel{border:1px solid #34343b;background:#1b1b20;border-radius:12px;padding:23px}.panel p{color:#acacb5;font-size:13px}.panel select{width:100%;max-width:350px}.form-stack{display:grid;gap:11px;max-width:400px}.form-stack button{justify-self:start}.member{display:flex;justify-content:space-between;align-items:center;margin-top:18px;border-top:1px solid #35353b;padding-top:17px;font-size:13px}.member small{color:#e5ff67;margin-left:8px}.member button{background:none;color:#ff9b9b;border:0}.credits{font-size:11px;color:#696971;margin-top:42px}.banner{margin:20px 6% 0;border-radius:8px;padding:12px 16px;display:flex;justify-content:space-between}.banner button{background:none;border:0;color:inherit;font-size:20px}.alert{color:#ffb5b5;background:#3c2027}.success{background:#29351b;color:#e0f8aa}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 50% 10%,#333b21,#101014 58%)}.login-card{background:#1c1c21;border:1px solid #34343a;border-radius:18px;padding:38px;width:min(430px,100%);box-shadow:0 24px 80px #0006}.login-card h1{margin:14px 0 5px}.login-card>p{color:#9898a2;margin-bottom:33px}.login-card label{display:block;font-size:12px;color:#b6b6bd;margin:17px 0}.login-card input{display:block;width:100%;margin-top:8px}.login-card .full{width:100%;display:flex;justify-content:space-between;margin:20px 0}.login-card small{display:block;text-align:center;color:#777780}.splash{height:100vh;display:grid;place-items:center}@media(max-width:750px){.layout{display:block}.sidebar{width:100%;height:auto;min-height:0;position:static;padding:14px;flex-direction:row;flex-wrap:wrap;align-items:center;gap:4px}.logo{margin:0 15px 0 0;font-size:18px}.nav-caption,.sidebar-bottom{display:none}.nav-item{width:auto;padding:9px;font-size:0;margin:0}.nav-item span{font-size:23px}.nav-item i{font-size:10px}.nav-item.chosen:before{display:none}.topbar{height:55px}.page{padding:35px 5% 70px}.link-form,.detail-hero{flex-direction:column;align-items:stretch}.quick-grid{grid-template-columns:1fr}.hero-title{letter-spacing:-2px}.job{flex-wrap:wrap}.job-actions{width:100%;justify-content:flex-end}.detail-hero img,.detail-art{width:170px;height:170px}}.browser-message{background:#292c22;border:1px solid #53603c;padding:12px;border-radius:9px;color:#e2efb1}.browser-message small{display:block;color:#a8b48a;margin-top:4px}.browser-warning{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.browser-panel{max-width:100%;margin:16px 0 20px;overflow:hidden;border:1px solid #414149;border-radius:10px;background:#15151a}.browser-zoom{align-items:center;color:#d2d2d9;font-size:13px}.browser-zoom span{flex:1}.browser-zoom .outline{padding:6px 11px}.browser-screen{width:100%;overflow:auto;max-height:78vh;border-block:1px solid #414149}.browser-panel img{display:block;max-width:none;height:auto;cursor:crosshair}.browser-panel p{padding:0 13px;color:#afb0b8;font-size:12px}.browser-controls{display:flex;flex-wrap:wrap;gap:8px;padding:0 13px 13px}.browser-controls input{flex:1;min-width:160px}
