:root{font-family:Manrope,Segoe UI,sans-serif;color:#edf4ff;background:#06101f;--cyan:#27d4ff;--violet:#8870ff;--muted:#8498b2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% -10%,#123151,transparent 32%),#06101f;min-height:100vh;overflow-x:hidden}.glow{position:fixed;border-radius:50%;filter:blur(100px);opacity:.16;pointer-events:none}.glow-a{width:360px;height:360px;background:#20cfff;top:25%;left:-220px}.glow-b{width:390px;height:390px;background:#785cff;top:55%;right:-250px}header{height:82px;padding:0 max(5%,28px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12;background:#071321dd;backdrop-filter:blur(18px);position:sticky;top:0;z-index:10}.brand{display:flex;gap:13px;align-items:center;color:#fff;text-decoration:none}.brand>span{width:45px;height:45px;display:grid;place-items:center;background:linear-gradient(135deg,#28d6ff,#675cff);border-radius:14px;font-size:14px;font-weight:800}.brand b{font-size:14px}.brand small{display:block;color:#7189a6;font-size:9px;letter-spacing:1.7px;text-transform:uppercase;margin-top:3px}nav{display:flex;gap:10px}nav a{color:#91a3bb;text-decoration:none;font-size:12px;font-weight:700;padding:10px 14px;border-radius:9px}nav a.active{background:#ffffff0d;color:#fff;border:1px solid #ffffff12}main{position:relative;z-index:2}.intro{max-width:1180px;margin:auto;padding:70px 24px 72px;display:grid;grid-template-columns:1fr .68fr;align-items:center}.kicker,.workspace-head>div>p{font-size:10px;letter-spacing:2px;color:#52dcff;font-weight:800}.kicker span{display:inline-block;width:25px;height:1px;background:#52dcff;vertical-align:middle;margin-right:9px}.intro h1{font-size:clamp(48px,5.8vw,75px);line-height:1.02;letter-spacing:-3.5px;margin:20px 0}.intro h1 em{font-style:normal;background:linear-gradient(90deg,#32d9ff,#a083ff);-webkit-background-clip:text;background-clip:text;color:transparent}.sub{max-width:580px;color:#91a4bc;line-height:1.75;font-size:14px}.stats{display:flex;gap:42px;margin-top:34px}.stats b{display:block;font-size:17px}.stats small{display:block;color:#607792;font-size:9px;text-transform:uppercase;letter-spacing:.7px;margin-top:5px}.hero-art{display:grid;place-items:center}.orbit{width:285px;height:285px;border:1px solid #29435f;border-radius:50%;display:grid;place-items:center;position:relative;animation:float 5s ease-in-out infinite}.orbit:before{content:"";position:absolute;width:195px;height:195px;border:1px dashed #29435f;border-radius:50%;animation:spin 16s linear infinite}.core{width:88px;height:88px;border-radius:26px;display:grid;place-items:center;background:linear-gradient(145deg,#173958,#111f3f);border:1px solid #3a5775;color:#61e2ff;font-weight:800;box-shadow:0 0 50px #24c7ef25}.file{position:absolute;width:52px;height:52px;border:1px solid #314862;border-radius:14px;display:grid;place-items:center;background:#0c1a2d;color:#a9bbcf;font:800 9px Manrope;box-shadow:0 12px 24px #0005}.f1{top:5px;left:116px}.f2{right:-12px;top:115px}.f3{bottom:0;left:116px}.f4{left:-12px;top:115px}.workspace{max-width:1220px;margin:auto;padding:34px 24px 90px}.workspace-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.workspace-head h2{margin:6px 0 0;font-size:25px}.search{width:300px;display:flex;align-items:center;gap:9px;background:#0c1a2c;border:1px solid #253750;border-radius:12px;padding:0 13px;color:#7188a4}.search input{width:100%;height:42px;background:transparent;border:0;outline:0;color:#eaf2ff;font:500 12px Manrope}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.filters button{border:1px solid #22364e;border-radius:30px;background:#0a1728;color:#7890aa;padding:9px 14px;font:700 10px Manrope;cursor:pointer;transition:.2s}.filters button:hover,.filters button.active{background:#173852;color:#5fe2ff;border-color:#2b6683}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.tool{--delay:0ms;position:relative;border:1px solid #1d3048;background:linear-gradient(145deg,#0d1c2f,#091625);border-radius:17px;padding:19px;text-align:left;color:#fff;cursor:pointer;min-height:162px;box-shadow:0 12px 38px #0002;transition:.25s;animation:cardIn .5s var(--delay) ease both;overflow:hidden}.tool:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 5%,#29cff10c,transparent 40%);opacity:0;transition:.25s}.tool:hover{transform:translateY(-5px);border-color:#2c607e;box-shadow:0 20px 45px #0005}.tool:hover:before{opacity:1}.tool i{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(145deg,#14344c,#14233d);color:#52ddff;font-size:16px;font-style:normal;border:1px solid #24445f}.tool b{display:block;margin:17px 0 7px;font-size:13px}.tool span{font-size:10px;color:#71869f;line-height:1.5}.tool mark{position:absolute;right:13px;top:13px;background:#14243a;color:#66809d;border-radius:20px;padding:5px 8px;font:700 7px Manrope;text-transform:uppercase;letter-spacing:.7px}.empty{text-align:center;color:#71869f;padding:60px}.tool.hidden-tool{display:none}dialog{border:1px solid #263b55;border-radius:22px;padding:0;width:min(570px,calc(100% - 26px));color:#ecf3ff;background:linear-gradient(145deg,#0f2035,#091625);box-shadow:0 35px 120px #000b}dialog::backdrop{background:#020711d9;backdrop-filter:blur(10px)}dialog[open]{animation:modalIn .28s ease}form{padding:27px;position:relative}.modal-top{display:flex;justify-content:space-between}.modal-top>span{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:#15354d;color:#58deff;border:1px solid #28506c}.modal-top button{border:0;background:#ffffff0a;color:#9aabc0;width:35px;height:35px;border-radius:50%;font-size:21px;cursor:pointer}.modal-label{color:#55dcff!important;font-size:8px!important;letter-spacing:1.7px;font-weight:800;margin-top:21px!important}form h2{margin:5px 0 7px;font-size:25px}form>p{color:#8295ae;font-size:11px;line-height:1.6}label{display:block;color:#b8c6d7;font-size:10px;font-weight:800;margin:15px 0 7px}input,textarea{width:100%;border:1px solid #293d56;border-radius:11px;padding:12px;background:#091625;color:#e9f2ff;font:500 12px Manrope;outline:none}input:focus,textarea:focus{border-color:#35b9db;box-shadow:0 0 0 3px #2cd4ff10}input[type=file]{padding:10px;color:#7f94ad}input::file-selector-button{border:0;border-radius:7px;padding:8px 11px;margin-right:10px;background:#17354f;color:#a6eaff;font:700 9px Manrope}textarea{min-height:135px;resize:vertical}#run{width:100%;margin-top:20px;border:0;border-radius:11px;padding:14px 17px;background:linear-gradient(90deg,#17bddb,#6b61eb);color:#fff;font:800 11px Manrope;display:flex;justify-content:space-between;cursor:pointer}#run:disabled{opacity:.65;cursor:wait;background-size:200%;animation:buttonLoad 1.2s linear infinite}#run i{font-style:normal}#status{text-align:center;color:#6bdfbd;min-height:18px}.error{color:#ff7d8c!important}footer{position:relative;z-index:2;border-top:1px solid #ffffff10;max-width:1180px;margin:auto;padding:30px 22px 42px;display:flex;justify-content:space-between;align-items:center;color:#617691}footer b{display:block;color:#93a6bd;font-size:11px}footer span{font-size:9px}footer a{color:#62dcfa;font-size:10px;text-decoration:none}@keyframes cardIn{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@keyframes modalIn{from{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-10px)}}@keyframes buttonLoad{to{background-position:-200%}}@media(max-width:980px){.grid{grid-template-columns:repeat(3,1fr)}.intro{grid-template-columns:1fr}.hero-art{display:none}}@media(max-width:720px){header{height:72px;padding:0 16px}.brand b{font-size:11px}.brand small{font-size:8px}nav a:first-child{display:none}.intro{padding:50px 18px}.intro h1{font-size:45px;letter-spacing:-2px}.stats{gap:20px}.workspace{padding-inline:16px}.workspace-head{align-items:start;flex-direction:column;gap:18px}.search{width:100%}.grid{grid-template-columns:repeat(2,1fr)}footer{display:block;text-align:center}footer a{display:block;margin-top:15px}}@media(max-width:440px){.grid{grid-template-columns:1fr}.stats{justify-content:space-between}.tool{min-height:145px}}
