:root{color-scheme:dark;--bg:#07101d;--panel:#101b2c;--panel2:#15243a;--line:#263954;--text:#eef5ff;--muted:#8ea0b9;--blue:#4c8dff;--cyan:#46d8ff;--green:#45d39d;--amber:#ffc665;--red:#ff7186;font-family:Inter,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 78% -12%,#1a3c70 0,transparent 38%),linear-gradient(180deg,#07101d,#091322 55%,#07101d);color:var(--text)}button,a,input,textarea{font:inherit}.topbar,.sandbox-head{padding:34px clamp(20px,5vw,76px) 26px;border-bottom:1px solid var(--line);display:flex;align-items:flex-end;justify-content:space-between;gap:26px}.eyebrow{margin:0 0 7px;color:var(--cyan);font-size:12px;font-weight:900;letter-spacing:.18em}.topbar h1{margin:0 0 8px;font-size:clamp(32px,5vw,60px);line-height:1;letter-spacing:-.045em;max-width:920px}.subtitle{margin:0;max-width:820px;color:var(--muted);font-size:15px;line-height:1.55}.safety{border:1px solid #285143;background:#0f2b25;padding:10px 13px;border-radius:999px;color:#aef4d7;font-size:12px;white-space:nowrap}.safety span{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;margin-right:7px;box-shadow:0 0 12px var(--green)}main{padding:24px clamp(20px,5vw,76px) 52px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px}.metrics article{padding:18px 20px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,#132139,#0d1727)}.metrics strong{display:block;font-size:30px}.metrics small{color:var(--muted)}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.filter,.button{border:1px solid var(--line);background:#101c2e;color:#cbd8ea;padding:10px 14px;border-radius:10px;cursor:pointer;font-weight:700;text-decoration:none}.filter.active,.button-primary{background:linear-gradient(135deg,var(--blue),#735cff);color:white;border-color:transparent}.notice{padding:14px 16px;border:1px solid #274464;background:#0c2138;color:#bcdcff;border-radius:12px;margin-bottom:16px}.catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.project-card{border:1px solid var(--line);border-radius:17px;padding:18px;background:linear-gradient(145deg,var(--panel2),#0e192a);display:flex;flex-direction:column;min-height:265px;transition:.18s transform,.18s border-color}.project-card:hover{transform:translateY(-2px);border-color:#3d68a3}.card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.project-icon{font-size:25px}.badge{padding:5px 8px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.ready{background:#133b31;color:#7ce4ba}.sleeping{background:#3a2c14;color:#ffd58a}.queued{background:#35265a;color:#c8b4ff}.catalog_only{background:#242f40;color:#aebbd0}.project-card h2{font-size:20px;margin:14px 0 8px}.purpose{font-size:13px;line-height:1.55;color:#c7d4e7;margin:0}.scope{font-size:12px;line-height:1.5;color:var(--muted);margin:9px 0 16px}.meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}.meta span{font-size:10px;color:#91a5c0;padding:5px 7px;border:1px solid #273b57;border-radius:7px}.card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.card-actions .button{flex:1 1 150px;text-align:center}.button[disabled]{opacity:.45;cursor:not-allowed}.sandbox-page main{padding-top:34px}.sandbox-head{align-items:center}.back{color:#bcd8ff;text-decoration:none;font-weight:800}.sandbox-shell{max-width:1120px;margin:0 auto}.sandbox-hero{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;padding:24px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#162945,#0c1829)}.sandbox-title{display:flex;gap:14px;align-items:center}.sandbox-title .project-icon{font-size:40px}.sandbox-title h1{margin:0 0 5px;font-size:clamp(28px,4vw,44px)}.sandbox-title p{margin:0;color:var(--muted)}.sandbox-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;margin-top:14px}.sandbox-panel{border:1px solid var(--line);border-radius:17px;background:#0f1b2d;padding:20px}.sandbox-panel h2{margin:0 0 15px;font-size:18px}.action-list{display:grid;gap:9px}.action{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:13px;border:1px solid #2a3e59;background:#122139;border-radius:11px}.action button{white-space:nowrap}.event-list{display:grid;gap:8px}.event{padding:12px;border-left:3px solid var(--green);background:#0b1625;border-radius:8px}.event strong{display:block;font-size:12px}.event small{color:var(--muted)}.empty{color:#687c98;text-align:center;padding:24px}.footer-actions{display:flex;gap:8px;margin-top:15px}footer{border-top:1px solid var(--line);padding:22px clamp(20px,5vw,76px);color:#6f819b;font-size:12px}@media(max-width:900px){.catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{align-items:flex-start;flex-direction:column}.metrics{grid-template-columns:repeat(2,1fr)}.sandbox-grid{grid-template-columns:1fr}.sandbox-hero{grid-template-columns:1fr}.sandbox-head{align-items:flex-start;flex-direction:column}}@media(max-width:560px){.catalog{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}.metrics article{padding:13px}.metrics strong{font-size:24px}.topbar h1{font-size:34px}.safety{white-space:normal}.sandbox-head{padding:22px 18px}.sandbox-page main{padding:20px 16px 40px}.action{align-items:flex-start;flex-direction:column}.action .button{width:100%}}