:root{color-scheme:dark;--bg: #0b0e14;--panel: #141925;--panel-2: #1a2030;--border: #232a3a;--text: #e6e9f0;--muted: #8a93a6;--accent: #6c8cff;--accent-2: #a06cff;--ok: #2ecc71;--err: #ff5c5c;--pending: #c9a227;--planned: #7c8598;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}*{box-sizing:border-box}body{margin:0;min-height:100vh}a{color:inherit;text-decoration:none}.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-bottom:1px solid var(--border);background:#0b0e14e6;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.brand{display:flex;align-items:center;gap:10px}.brand-name{font-weight:700;letter-spacing:.5px}.brand-lg{gap:12px;margin-bottom:4px}.brand-lg h1{margin:0;font-size:24px;letter-spacing:.5px}.logo{width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:grid;place-items:center;font-weight:800;color:#fff}.brand-lg .logo{width:38px;height:38px;font-size:20px}.nav-links{display:flex;align-items:center;gap:16px}.nav-links a:hover{color:var(--accent)}.nav-user{color:var(--muted);font-size:14px}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text);padding:6px 12px;border-radius:8px;cursor:pointer;font-size:14px}.btn-ghost:hover{border-color:var(--accent)}.app-main{padding:24px;max-width:960px;margin:0 auto}.page-center{min-height:calc(100vh - 61px);display:flex;align-items:center;justify-content:center;padding:24px}.page-head{margin-bottom:20px}.page-head h1{margin:0 0 6px;font-size:26px}.muted{color:var(--muted);margin:4px 0}.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.loading{padding:48px;text-align:center;color:var(--muted)}.card{width:100%;max-width:460px;background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:28px;box-shadow:0 24px 60px #00000040}.subtitle{color:var(--muted);font-size:13px;margin:0 0 18px}.rows{display:flex;flex-direction:column;gap:12px}.row{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#ffffff05;border:1px solid var(--border);border-radius:10px}.link-row:hover{border-color:var(--accent);color:var(--accent)}.row .label{font-size:14px;color:var(--muted)}.status{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.4px}.dot{width:10px;height:10px;border-radius:50%;background:var(--pending)}.status.ok .dot{background:var(--ok)}.status.ok{color:var(--ok)}.status.error .dot{background:var(--err)}.status.error{color:var(--err)}.status.pending .dot{background:var(--pending)}.status.pending{color:var(--pending)}.form{display:flex;flex-direction:column;gap:14px}.field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted)}.field input{background:var(--panel-2);border:1px solid var(--border);border-radius:9px;padding:11px 12px;color:var(--text);font-size:15px}.field input:focus{outline:none;border-color:var(--accent)}.field select,.filters input,.filters select{background:var(--panel-2);border:1px solid var(--border);border-radius:9px;padding:10px 12px;color:var(--text);font-size:15px}.field select:focus,.filters input:focus,.filters select:focus{outline:none;border-color:var(--accent)}.field input:disabled,.field select:disabled,.filters input:disabled,.filters select:disabled{opacity:.5;cursor:not-allowed}fieldset.form{margin:0;padding:18px}.btn-primary{margin-top:4px;background:linear-gradient(135deg,var(--accent),var(--accent-2));border:none;color:#fff;font-weight:600;font-size:15px;padding:12px;border-radius:9px;cursor:pointer}.btn-primary:disabled{opacity:.6;cursor:default}.form-error{color:var(--err);font-size:14px;margin:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;padding:24px;z-index:50}.modal{width:100%;max-width:380px;background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:24px;box-shadow:0 24px 60px #0006}.pill{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:3px 9px;border-radius:999px;white-space:nowrap}.pill-role{background:#6c8cff26;color:var(--accent)}.pill-live{background:#2ecc7126;color:var(--ok)}.pill-in_progress{background:#c9a22726;color:var(--pending)}.pill-planned{background:#7c859826;color:var(--planned)}.slice-badge{font-size:11px;color:var(--muted);border:1px solid var(--border);border-radius:6px;padding:2px 8px}.filters{display:flex;gap:8px;margin-top:14px}.chip{background:var(--panel);border:1px solid var(--border);color:var(--muted);padding:6px 14px;border-radius:999px;cursor:pointer;font-size:13px}.chip-active{border-color:var(--accent);color:var(--text);background:#6c8cff1f}.feature-group{margin-bottom:28px}.group-title{font-size:15px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);border-bottom:1px solid var(--border);padding-bottom:8px;margin-bottom:16px}.feature-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.feature-card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:18px}.feature-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.feature-head h3{margin:0;font-size:16px}.feature-meta{margin:8px 0 10px}.feature-summary{margin:0 0 12px;font-size:14px;line-height:1.5}.feature-tech{margin:0;padding-left:18px;color:var(--muted);font-size:12px;line-height:1.7}@media (max-width: 520px){.app-main{padding:16px}.nav{padding:12px 16px}}.app-main:has(.builder-page){max-width:1440px}.builder-page .card{max-width:none}.builder-layout{display:flex;flex-direction:column;gap:16px}@media (min-width: 1100px){.builder-layout{display:grid;grid-template-columns:clamp(300px,26vw,440px) minmax(0,1fr);gap:18px;align-items:start}.builder-json{order:-1;position:sticky;top:16px;align-self:start;max-height:calc(100vh - 32px);display:flex;flex-direction:column}.builder-json .json-view{flex:1 1 auto;max-height:none}}.builder-main{min-width:0}.form-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin:0}.fg-name{grid-column:1 / -1}.fg-third{grid-column:span 2}.fg-risk{grid-column:span 3}.risk-pair{display:flex;flex-wrap:wrap;gap:8px;min-width:0}.risk-sub{display:flex;flex:1 1 130px;min-width:0;flex-direction:column;gap:3px}.risk-sub>span{font-size:11px;color:var(--muted)}.risk-sub input{width:100%;min-width:0}.risk-hint{margin:0;font-size:11px}@media (max-width: 700px){.form-grid{grid-template-columns:minmax(0,1fr)}.fg-third,.fg-risk{grid-column:1 / -1}}.leg-grid{display:flex;flex-direction:column;gap:8px;margin-top:12px}.leg-head,.leg-row{display:grid;grid-template-columns:22px minmax(0,.72fr) minmax(0,.78fr) minmax(0,.6fr) minmax(0,1.12fr) minmax(0,1.38fr) minmax(0,1.6fr) minmax(0,1.6fr) 26px;gap:6px;align-items:start}.leg-head{padding:0 11px;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.leg-head>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leg-row{background:var(--panel-2);border:1px solid var(--border);border-radius:10px;padding:10px}.leg-cell{display:flex;flex-direction:column;gap:4px;min-width:0}.leg-cell>label{display:none;font-size:12px;color:var(--muted)}.leg-row select,.leg-row input{width:100%;min-width:0;padding:8px 7px;font-size:13.5px}.leg-pair{display:flex;flex-wrap:wrap;gap:5px;min-width:0}.leg-pair select{flex:1 1 56px;min-width:0}.leg-pair input{flex:1 1 48px;min-width:0}.leg-index{padding-top:9px;font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.leg-remove{padding:8px 0;width:100%;line-height:1;font-size:16px}.leg-err{margin:0;font-size:11px;color:#f0868a}.leg-hint{margin:0;font-size:11px;color:var(--muted)}@media (max-width: 900px){.leg-head{display:none}.leg-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px}.leg-cell>label{display:block}.leg-no{grid-column:1;grid-row:1;flex-direction:row;align-items:baseline;gap:6px}.leg-index{padding-top:0}.leg-actions{grid-column:2;grid-row:1;align-items:flex-end}.leg-actions>label{display:none}.leg-remove{width:auto;padding:6px 14px}.leg-row>.leg-risk{grid-column:1 / -1}}@media (max-width: 520px){.leg-row>.leg-cell:not(.leg-no):not(.leg-actions){grid-column:1 / -1}}.json-toggle{background:none;border:none;padding:0;color:var(--text);font:inherit;font-weight:600;cursor:pointer}.json-caret{display:inline-block;width:14px;color:var(--muted)}.json-view{margin:10px 0 0;padding:12px;max-height:340px;overflow:auto;background:var(--panel-2);border:1px solid var(--border);border-radius:9px;color:var(--text);font-size:12px;line-height:1.5;white-space:pre;-moz-tab-size:2;tab-size:2}