@import url('https://fonts.googleapis.com/css2?family=DM+Mono&family=Outfit:wght@400;500;700;800&display=swap');
:root{--bg:#0c0813;--surface:#171021;--purple:#9a55ff;--glow:#7d2df0;--text:#f2edfb;--muted:#a79ab8;--red:#ff567d}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 75% 0,#291340 0,transparent 36%),var(--bg);color:var(--text);font:15px Outfit,system-ui,sans-serif;min-height:100vh}button,input,textarea{font:inherit}button{background:linear-gradient(145deg,#a65dff,#7530ce);color:#fff;border:0;border-radius:11px;padding:10px 15px;font-weight:700;cursor:pointer;box-shadow:0 6px 17px #30096b80, inset 1px 1px #ffffff42}button:hover{filter:brightness(1.13)}button:disabled{opacity:.45;cursor:not-allowed}.auth{display:grid;min-height:100vh;place-items:center}.glass,.card,aside{background:linear-gradient(145deg,#1b1326,#100b18);box-shadow:12px 12px 28px #030105, -7px -7px 20px #38234b35}.glass{width:min(420px,calc(100% - 32px));padding:42px;border-radius:28px;border:1px solid #ffffff0e}.eyebrow{font:12px 'DM Mono';color:var(--purple);letter-spacing:1.3px;margin:0 0 10px}h1{font-size:44px;line-height:.95;margin:0 0 20px}h1 i{font-style:normal;color:var(--purple)}.glass>p:not(.eyebrow){color:var(--muted);margin-bottom:28px}form label{display:block;margin:15px 0;color:var(--muted);font-size:13px}input,textarea{width:100%;margin-top:6px;background:#0c0813;border:1px solid #40275e;color:var(--text);border-radius:9px;padding:11px;outline:none}input:focus,textarea:focus{border-color:var(--purple);box-shadow:0 0 0 3px #914bff27}.glass button{width:100%;margin-top:10px}.glass button span{float:right;font-size:20px}output{display:block;color:var(--red);margin-top:13px;min-height:20px}#app{display:grid;grid-template-columns:250px 1fr;min-height:100vh}aside{padding:27px 15px;display:flex;flex-direction:column;border-right:1px solid #ffffff0d}.brand{font-size:17px;color:var(--purple);letter-spacing:1px;padding:0 13px 30px}.brand b{color:white}.brand small{display:block;font:9px 'DM Mono';color:var(--muted);margin:7px 0 0 23px;letter-spacing:1px}nav{display:grid;gap:5px}nav button{background:transparent;box-shadow:none;color:var(--muted);text-align:left;padding:13px;border:1px solid transparent}nav button.active,nav button:hover{background:#9a55ff18;border-color:#9a55ff32;color:white}.bottom{margin-top:auto;border-top:1px solid #ffffff11;padding:16px 12px 0;color:var(--muted);font-size:13px}.quiet{background:#ffffff0a;box-shadow:none;color:var(--muted);padding:8px 10px}.bottom .quiet{display:block;margin-top:10px}.workspace{padding:40px;max-width:1450px;width:100%;margin:auto}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}h2{font-size:30px;margin:0}.actions{display:flex;gap:10px;align-items:center}.danger{background:linear-gradient(145deg,#d8456d,#9b1740);box-shadow:none}.badge{border:1px solid #8e3cf4;color:#bf94ff;border-radius:99px;padding:7px 10px;font:12px 'DM Mono'}.badge.running{color:#84f6bb;border-color:#3bac70}.grid{display:grid;grid-template-columns:1.55fr .85fr;gap:20px}.card{border:1px solid #ffffff0c;border-radius:18px;overflow:hidden}.cardhead{height:52px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff0c;font-size:12px;letter-spacing:.7px}.terminal pre{height:430px;overflow:auto;margin:0;padding:17px;background:#08050d;color:#bca9d3;font:12px/1.55 'DM Mono',monospace;white-space:pre-wrap;word-break:break-word}.terminal form{display:flex;gap:8px;padding:11px;background:#110b19;align-items:center;color:var(--purple)}.terminal input{margin:0;border:0;background:transparent;padding:8px}.terminal button{padding:8px 11px}.files{min-height:482px}.files>#currentPath{margin:0;padding:12px 16px;color:var(--muted);font:12px 'DM Mono';border-bottom:1px solid #ffffff0c}#fileList button{width:100%;padding:11px 16px;border-radius:0;background:transparent;box-shadow:none;color:var(--text);text-align:left;border-bottom:1px solid #ffffff08;font-weight:400}#fileList button:hover{background:#ffffff08}#fileList .dir{color:#b883ff}.editor{margin-top:20px}.editor textarea{display:block;border:0;border-radius:0;min-height:310px;resize:vertical;margin:0;padding:16px;font:13px/1.55 'DM Mono';background:#09050e}.editor>#save{margin:12px 16px}@media(max-width:800px){#app{grid-template-columns:1fr}aside{min-height:auto;padding:15px}.brand{padding-bottom:12px}.bottom{display:none}nav{display:flex;overflow:auto}nav button{white-space:nowrap}.workspace{padding:22px 14px}header{align-items:flex-start;gap:16px}.actions{flex-wrap:wrap;justify-content:flex-end}.grid{grid-template-columns:1fr}.terminal pre{height:300px}}