:root{--navy: #0f2741;--navy-2: #16385c;--ink: #1a2330;--slate: #5b6b7f;--line: #e3e8ef;--bg: #f6f8fb;--card: #ffffff;--accent: #b8742c;--accent-ink: #8a5410;--ok: #1f7a4d;--ok-bg: #e6f4ec;--warn: #9a6a00;--warn-bg: #fbf1d9;--danger: #a32020;--danger-bg: #fbe7e7;--info: #2a5a8a;--info-bg: #e7f0f9;--radius: 12px;--shadow: 0 1px 2px rgba(16, 39, 65, .06), 0 4px 16px rgba(16, 39, 65, .06);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink)}a{color:var(--info);text-decoration:none}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 28px;background:linear-gradient(100deg,var(--navy),var(--navy-2));color:#fff;box-shadow:var(--shadow);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:baseline;gap:12px;color:#fff}.brand-mark{font-weight:800;font-size:22px;letter-spacing:2px}.brand-sub{font-size:12.5px;letter-spacing:.5px;color:#b9cbe0}.topbar-right{display:flex;gap:10px}.content{max-width:1040px;margin:0 auto;padding:28px 20px 8px}.footer{max-width:1040px;margin:0 auto;padding:24px 20px 40px;color:var(--slate);font-size:12.5px}h1{font-size:22px;margin:4px 0 18px;color:var(--navy)}h2{font-size:16px;margin:0;color:var(--ink)}h3{font-size:13px;text-transform:uppercase;letter-spacing:.6px;color:var(--slate);margin:0 0 12px}.muted{color:var(--slate)}code{background:#eef2f7;padding:1px 6px;border-radius:5px;font-size:12.5px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.connect{max-width:460px;margin:8vh auto;padding:28px}.connect form{display:flex;gap:8px;margin-top:16px}#key-input{flex:1;padding:11px 12px;border:1px solid var(--line);border-radius:9px;font-size:15px}button{cursor:pointer;font:inherit;border-radius:9px;border:1px solid transparent;padding:10px 16px}button.primary{background:var(--accent);color:#fff;font-weight:600}button.primary:hover{background:var(--accent-ink)}button.ghost{background:transparent;color:#cfe0f0;border:1px solid rgba(255,255,255,.3);padding:7px 13px}button.ghost:hover{background:#ffffff1a}.eng-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:16px}.eng-card{padding:18px;display:flex;flex-direction:column;gap:14px;color:var(--ink);transition:transform .08s ease,box-shadow .12s ease}.eng-card:hover{transform:translateY(-2px);box-shadow:0 6px 22px #1027411f}.eng-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.eng-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;margin:0}.eng-meta dt{font-size:10.5px;text-transform:uppercase;letter-spacing:.5px;color:var(--slate)}.eng-meta dd{margin:1px 0 0;font-size:13.5px}.eng-card-foot{display:flex;align-items:center;gap:8px;margin-top:auto}.eng-card-foot .open{margin-left:auto;color:var(--accent-ink);font-weight:600;font-size:13px}.badge{display:inline-block;padding:3px 9px;border-radius:999px;font-size:11.5px;font-weight:600;white-space:nowrap}.badge.ok{background:var(--ok-bg);color:var(--ok)}.badge.warn{background:var(--warn-bg);color:var(--warn)}.badge.danger{background:var(--danger-bg);color:var(--danger)}.badge.info{background:var(--info-bg);color:var(--info)}.badge.muted-badge{background:#eef2f7;color:var(--slate)}.back{display:inline-block;margin-bottom:14px;font-size:13.5px}.detail-head{display:flex;align-items:center;gap:12px}.detail-loc{margin:2px 0 16px;font-size:13px}.run-banner{border-radius:var(--radius);padding:14px 18px;margin-bottom:18px;border:1px solid var(--line)}.run-banner.warn{background:var(--warn-bg);border-color:#f0dcae}.run-banner.ok{background:var(--ok-bg);border-color:#c4e3d1}.run-banner.info{background:var(--info-bg);border-color:#cfe0f0}.run-state{font-weight:700;color:var(--navy)}.run-waiting{margin:6px 0 0;color:var(--ink);font-size:14px}.action-panel{padding:18px 20px;margin-bottom:18px;border-left:4px solid var(--accent);display:flex;flex-direction:column;gap:12px}.action-panel h3{margin:0}.action-prompt{margin:0;font-size:14px;color:var(--ink);max-width:64ch}.action-field{display:flex;flex-direction:column;gap:5px;font-size:12.5px;font-weight:600;color:var(--ink);max-width:360px}.action-field select,.action-field input{padding:9px 11px;border:1px solid var(--line);border-radius:8px;font-size:14px;font-weight:400}.action-foot{display:flex}.start-cta{display:flex;align-items:center;gap:18px;padding:18px 20px;margin-bottom:18px;border-left:4px solid var(--accent)}.start-cta-text{flex:1}.start-cta .run-waiting{max-width:64ch}.start-cta #start-run{flex-shrink:0;white-space:nowrap}@media(max-width:560px){.start-cta{flex-direction:column;align-items:stretch}}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.panel{padding:18px}.dl-list,.gate-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.dl-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line)}.dl-row:last-child{border-bottom:0}.dl-kind{font-weight:600;text-transform:capitalize}.dl-when{color:var(--slate);font-size:12px;margin-left:auto}.dl-btn{background:var(--navy);color:#fff;padding:6px 12px;border-radius:8px;font-size:12.5px;font-weight:600}.dl-btn:hover{background:var(--navy-2)}.gate-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:7px 0;border-bottom:1px solid var(--line)}.gate-row:last-child{border-bottom:0}.gate-id{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:var(--navy);min-width:54px}.gate-detail{color:var(--slate);font-size:12.5px;flex-basis:100%}.error{color:var(--danger)}.error-card{padding:28px;max-width:520px;margin:6vh auto}.loading{text-align:center;padding:12vh 0;color:var(--slate)}.spinner{width:30px;height:30px;border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;margin:0 auto 14px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}button.sm{padding:7px 13px;font-size:13px}button.lg{padding:12px 22px;font-size:15px;margin-top:8px}button.ghost.dark{color:var(--slate);border:1px solid var(--line)}button.ghost.dark:hover{background:#f1f4f8}button:disabled{opacity:.6;cursor:default}.list-head{display:flex;align-items:center;justify-content:space-between}.empty{text-align:center;padding:40px 28px;max-width:560px;margin:6vh auto}.span2{grid-column:1 / -1}.small{font-size:12px}.modal-wrap{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f274173;display:flex;align-items:center;justify-content:center;padding:20px;z-index:50}.modal{width:100%;max-width:520px;padding:0;overflow:hidden}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line)}.modal-head h2{color:var(--navy)}.modal-x{background:none;border:0;font-size:22px;line-height:1;color:var(--slate);cursor:pointer;padding:0 4px}.create-form{padding:20px;display:flex;flex-direction:column;gap:13px}.create-form label{display:flex;flex-direction:column;gap:5px;font-size:12.5px;font-weight:600;color:var(--ink)}.create-form input,.create-form select{padding:9px 11px;border:1px solid var(--line);border-radius:8px;font-size:14px;font-weight:400}.create-form .row2{display:grid;grid-template-columns:2fr 1fr;gap:12px}.modal-foot{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.upload-drop{display:flex;flex-direction:column;align-items:center;gap:4px;padding:22px;border:1.5px dashed #c4d0de;border-radius:10px;cursor:pointer;transition:background .12s,border-color .12s;text-align:center}.upload-drop:hover,.upload-drop.drag{background:#f0f5fb;border-color:var(--accent)}.upload-cta{font-weight:600;color:var(--navy);font-size:13.5px}.upload-hint{color:var(--slate);font-size:11.5px}.upload-status{margin-top:10px;font-size:13px}.ok-text{color:var(--ok);font-weight:600}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(20px);background:var(--navy);color:#fff;padding:11px 20px;border-radius:10px;font-size:13.5px;font-weight:600;box-shadow:0 8px 28px #1027414d;opacity:0;transition:opacity .25s,transform .25s;z-index:80}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.toast.err{background:var(--danger)}@media(max-width:720px){.detail-grid{grid-template-columns:1fr}.brand-sub{display:none}.create-form .row2{grid-template-columns:1fr 1fr}}