:root{--bg:#0b0e12;--bg-soft:#10151b;--surface:#151b23;--surface-2:#1b232d;--line:#263140;--line-soft:#1f2833;--text:#eef2f7;--muted:#8e9caf;--accent:#ff7a45;--accent-soft:#ff7a4524;--ok:#45d69b;--warn:#ffc861;--err:#ff6b6b;--radius:18px;--radius-sm:11px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:radial-gradient(1100px 520px at 12% -8%, #ff7a4529, transparent 62%), radial-gradient(900px 480px at 100% 0%, #588cff1a, transparent 55%), var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,SF Pro Text,system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px;line-height:1.45}h1,h2,h3{margin:0;line-height:1.2}h1{letter-spacing:-.02em;font-size:26px}h3{letter-spacing:.02em;font-size:13px}button{font:inherit;color:inherit;cursor:pointer}.app{flex-direction:column;min-height:100vh;display:flex}.app__header{border-bottom:1px solid var(--line-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:10;background:#0b0e12b8;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding:18px 28px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;display:flex}.brand__mark{background:linear-gradient(145deg, var(--accent), #ff9a63);color:#1a1009;border-radius:12px;place-items:center;width:38px;height:38px;font-size:18px;font-weight:800;display:grid}.brand__name{letter-spacing:-.01em;font-weight:700;display:block}.brand__sub{color:var(--muted);font-size:12.5px;display:block}.header__meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pill{border:1px solid var(--line);background:var(--surface);color:var(--muted);white-space:nowrap;border-radius:999px;padding:6px 10px;font-size:12px}.switch{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:3px;display:inline-flex}.switch__item{color:var(--muted);background:0 0;border:0;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:600}.switch__item--on{background:var(--accent-soft);color:var(--accent)}.app__main{flex:1;width:100%;max-width:1180px;margin:0 auto;padding:26px 28px 48px}.screen__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:22px;display:flex}.screen__head p{color:var(--muted);margin:6px 0 0;font-size:13.5px}.screen__head strong{color:var(--text);font-weight:600}.btn{border-radius:var(--radius-sm);border:1px solid #0000;padding:10px 16px;font-size:13.5px;font-weight:600;transition:border-color .15s,background .15s,transform 80ms}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--accent);color:#1a1009}.btn--primary:hover{background:#ff8f61}.btn--ghost{background:var(--surface);border-color:var(--line);color:var(--text)}.btn--ghost:hover{border-color:var(--accent)}.cards{grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:14px;display:grid}.card{text-align:left;border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(180deg, var(--surface), var(--bg-soft));align-items:flex-start;gap:14px;padding:18px;transition:transform .12s,border-color .15s,box-shadow .15s;display:flex}.card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 18px 36px #00000059}.card__icon{background:var(--surface-2);border-radius:13px;flex:none;place-items:center;width:46px;height:46px;font-size:22px;display:grid}.card__body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.card__name{letter-spacing:-.01em;font-size:16px;font-weight:650}.card__desc{color:var(--muted);font-size:13px}.card__meta{color:var(--muted);letter-spacing:.01em;margin-top:3px;font-size:11.5px}.card__arrow{color:var(--muted);align-self:center;font-size:18px}.card:hover .card__arrow{color:var(--accent)}.empty{border-radius:var(--radius);border:1px dashed var(--line);background:var(--bg-soft);text-align:center;padding:34px 22px}.empty p{color:var(--muted);margin:8px 0 0;font-size:13.5px}.stage{flex-direction:column;gap:14px;display:flex}.stage__bar{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.stage__title{flex:1;min-width:0}.stage__title h1{font-size:21px}.stage__title span{color:var(--muted);font-size:12px}.tag{letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:700}.tag--remote{background:var(--accent-soft);color:var(--accent)}.tag--bundled{color:var(--ok);background:#45d69b24}.stage__frame-wrap{border-radius:var(--radius);border:1px solid var(--line);background:#0c0f13;min-height:420px;position:relative;overflow:hidden}.stage__frame{width:100%}.stage__frame iframe{background:#0c0f13;width:100%;max-width:520px;margin:0 auto;display:block}.stage__loading{color:var(--muted);z-index:2;background:#0c0f13db;place-items:center;font-size:13.5px;display:grid;position:absolute;inset:0}.stage__error{border-radius:var(--radius-sm);background:#ff6b6b14;border:1px solid #ff6b6b66;flex-direction:column;align-items:flex-start;gap:8px;padding:16px 18px;font-size:13px;display:flex}.stage__error span{color:var(--muted)}.stage__hint{color:var(--muted);margin:0;font-size:12px}.loader,.fatal{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:560px;margin:8vh auto 0;display:flex}.loader p,.fatal__message,.fatal__hint{color:var(--muted);margin:0;font-size:13.5px}.loader__ring{border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:34px;height:34px;animation:.85s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.fatal__icon{width:54px;height:54px;color:var(--err);background:#ff6b6b1f;border-radius:50%;place-items:center;font-size:24px;font-weight:800;display:grid}.fatal__hint{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface);text-align:left;padding:10px 14px}.fatal__actions{margin-top:6px}.fatal__facts{text-align:left;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;width:100%;margin:18px 0 0;display:grid}.fatal__facts div{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface);padding:10px 12px}.fatal__facts dt{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:10.5px}.fatal__facts dd{word-break:break-all;margin:3px 0 0;font-size:12.5px}.dev{border-radius:var(--radius);border:1px solid var(--line);background:var(--bg-soft);margin-top:26px}.dev summary{cursor:pointer;color:var(--muted);-webkit-user-select:none;user-select:none;padding:14px 18px;font-size:13px}.dev summary:hover{color:var(--text)}.dev__grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;padding:4px 18px 18px;display:grid}.dev__table{border-collapse:collapse;width:100%;font-size:12px}.dev__table th{text-align:left;color:var(--muted);border-bottom:1px solid var(--line);padding:6px 8px;font-weight:500}.dev__table td{border-bottom:1px solid var(--line-soft);vertical-align:top;padding:6px 8px}.dev__muted{color:var(--muted);font-size:12px}.dev__caps{gap:4px;margin:0;padding:0;font-size:12px;list-style:none;display:grid}.dev__caps li{background:var(--surface);color:var(--muted);border-radius:8px;justify-content:space-between;gap:8px;padding:5px 8px;display:flex}.dev__caps li.dev__cap--on{color:var(--text)}.dev__caps li.dev__cap--off{opacity:.55}.dev__foot{color:var(--muted);flex-wrap:wrap;gap:16px;padding:0 18px 16px;font-size:11.5px;display:flex}.toasts{z-index:50;flex-direction:column;gap:8px;max-width:min(360px,100vw - 36px);display:flex;position:fixed;bottom:18px;right:18px}.toast{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:11px 14px;font-size:13px;animation:.16s ease-out toast-in;box-shadow:0 14px 30px #00000073}.toast--success{border-color:#45d69b66}.toast--error{border-color:#ff6b6b73}.toast--info{border-color:var(--line)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=720px){.app__header,.app__main{padding-left:16px;padding-right:16px}h1{font-size:22px}.stage__frame iframe{max-width:100%}}