@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{--bg: #e7ebf1;--panel: #f9fbff;--ink: #1d2a3e;--muted: #6a7892;--line: #d7deea;--brand: #2f7de4;--brand-hover: #2369c6;--brand-soft: #dceafd;--ok: #1f8f5a;--ok-bg: #e8fff3;--err: #b22f4f;--err-bg: #fff0f3}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 12% 8%,#f8fbff 0,transparent 38%),radial-gradient(circle at 88% 22%,#eef5ff 0,transparent 34%),var(--bg);color:var(--ink);font-family:Manrope,Segoe UI,sans-serif}.page{display:flex;flex-direction:column;min-height:100vh}.topbar{align-items:center;background:#fff;border-bottom:1px solid #d9e2ef;display:flex;height:70px;padding:0 28px}.brand{font-family:Manrope,Segoe UI,sans-serif;font-size:38px;font-weight:800;letter-spacing:-.01em;line-height:1;white-space:nowrap}.brand-smart{color:#1f2a3d}.brand-copilot{color:#4d80df}.main{flex:1;margin:0 auto;max-width:1240px;padding:42px 20px;width:100%}.footer{align-items:center;background:#fff;border-top:1px solid #d9e2ef;display:flex;justify-content:center;min-height:70px;padding:0 16px}.footer-copy{color:#465a79;font-size:14px;font-weight:500;margin:0}.footer-copy a{color:var(--brand);font-weight:600;text-decoration:none}.footer-copy a:hover{text-decoration:underline}.panel{background:linear-gradient(180deg,#ffffff 0%,var(--panel) 100%);border:1px solid var(--line);border-radius:18px;box-shadow:0 12px 40px #23375f14,inset 0 1px #fffc;padding:30px}.panel-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.panel-header h1{font-family:Manrope,Segoe UI,sans-serif;font-size:36px;font-weight:700;letter-spacing:-.01em;line-height:1.08;margin:0}.panel-subtitle{color:var(--muted);font-size:16px;font-weight:500;line-height:1.45;margin:10px 0 0}.meta-pill{background:#fff;border:1px solid var(--line);border-radius:999px;color:#2e3d56;font-size:14px;font-weight:700;margin:6px 0 0;padding:9px 16px;white-space:nowrap}.providers{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));margin-top:26px}.provider-card{background:#fff;border:1px solid #d7e0ed;border-radius:14px;display:flex;flex-direction:column;min-height:220px;padding:14px;position:relative;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.provider-card:hover{border-color:#b7c9e7;box-shadow:0 10px 24px #2f7de426;transform:translateY(-2px)}.provider-card.selected{border-color:var(--brand);box-shadow:0 10px 26px #2f7de43d}.provider-card.disabled{background:linear-gradient(180deg,#f6f8fc,#edf2f9);border-color:#d5dde8;filter:saturate(.2);opacity:.78}.provider-card.disabled:hover{border-color:#d5dde8;box-shadow:none;transform:none}.provider-card.disabled:after{background:#22314a;border-radius:8px;color:#fff;content:attr(data-disabled-reason);font-size:12px;font-weight:600;left:50%;max-width:220px;opacity:0;padding:10px 12px;pointer-events:none;position:absolute;text-align:center;top:18px;transform:translate(-50%) translateY(6px);transition:opacity .14s ease,transform .14s ease;width:max-content;z-index:2}.provider-card.disabled:hover:after{opacity:1;transform:translate(-50%) translateY(0)}.provider-logo{align-items:center;background:linear-gradient(180deg,#f7fafe,#eff4fc);border:1px solid #e5ebf4;border-radius:10px;display:flex;flex:1;justify-content:center;margin-bottom:10px;min-height:110px}.provider-logo img{max-height:84px;max-width:145px;object-fit:contain}.provider-name{font-size:16px;font-weight:600;margin-bottom:8px}.provider-models{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.provider-model-tag{background:#eef4ff;border:1px solid #cfe0fb;border-radius:999px;color:#35517e;font-size:12px;font-weight:600;line-height:1.4;padding:3px 8px}.provider-model-empty{color:#6a7892;font-size:12px;font-weight:500}button{background:var(--brand);border:1px solid var(--brand);border-radius:6px;color:#fff;cursor:pointer;font-family:Manrope,Segoe UI,sans-serif;font-size:14px;font-weight:700;height:40px;padding:0 16px;transition:transform .12s ease,background-color .12s ease,border-color .12s ease,opacity .12s ease}button:hover{background:var(--brand-hover);border-color:var(--brand-hover);transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.65;transform:none}.flow-panel{background:linear-gradient(180deg,#f8fbff,#f1f6ff);border:1px solid #d7e3f4;border-radius:14px;margin-top:18px;padding:18px}.success-panel{background:linear-gradient(180deg,#f8fbff,#f1f6ff);border:1px solid #d7e3f4;border-radius:14px;display:flex;flex-direction:column;gap:18px;margin-top:18px;padding:24px}.success-hero{align-items:flex-start;display:flex;flex-direction:column;gap:10px}.success-badge{background:#e9fff4;border:1px solid #bde6cf;border-radius:999px;color:var(--ok);display:inline-flex;font-size:12px;font-weight:800;letter-spacing:.02em;line-height:1;padding:7px 10px;text-transform:uppercase}.success-hero h2{font-size:30px;font-weight:800;letter-spacing:-.02em;line-height:1.05;margin:0}.success-copy{color:var(--muted);font-size:16px;font-weight:500;line-height:1.5;margin:0;max-width:760px}.success-copy strong{color:var(--ink)}.success-summary-grid{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.success-summary-card{background:#fff;border:1px solid #d7e0ee;border-radius:12px;display:flex;flex-direction:column;gap:8px;min-height:148px;padding:18px}.success-summary-label{color:#64748f;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.success-summary-value{color:var(--ink);font-size:22px;font-weight:800;letter-spacing:-.02em;line-height:1.15;overflow-wrap:anywhere}.success-summary-meta{color:var(--muted);font-size:14px;font-weight:500;line-height:1.45;margin:0}.success-model-tags{display:flex;flex-wrap:wrap;gap:6px}.success-actions{align-items:center;background:#fff;border:1px solid #d7e0ee;border-radius:12px;display:flex;gap:14px;justify-content:space-between;padding:18px}.success-redirect{color:#344664;font-size:15px;font-weight:600;line-height:1.45;margin:0}.flow-header{align-items:center;display:flex;gap:12px;justify-content:space-between}.back-link{align-items:center;background:var(--brand);border:1px solid var(--brand);border-radius:6px;color:#fff;display:inline-flex;font-size:18px;height:40px;justify-content:center;line-height:1;min-width:42px;padding:0}.back-link:hover{background:var(--brand-hover);border-color:var(--brand-hover)}.flow-provider{color:#526683;font-size:14px;font-weight:500;margin:0}.flow-provider strong{color:#26354d;font-weight:700}.stage-loader{align-items:center;background:#fff;border:1px dashed #c4d7f3;border-radius:12px;display:flex;flex-direction:column;gap:10px;margin-top:14px;min-height:240px;justify-content:center;text-align:center;padding:22px}.loader-ring{animation:spin .9s linear infinite;border:3px solid #d7e6fb;border-top-color:var(--brand);border-radius:999px;display:inline-block;height:38px;width:38px}.loader-title{font-family:Manrope,Segoe UI,sans-serif;font-size:22px;font-weight:700;letter-spacing:0;margin:0}.loader-copy{color:var(--muted);margin:0;max-width:380px}.stage-grid{align-items:start;display:grid;gap:14px;grid-template-columns:minmax(250px,.85fr) minmax(360px,1.15fr);margin-top:14px}.stage-card{background:#fff;border:1px solid #d7e0ee;border-radius:12px;display:flex;flex-direction:column;gap:10px;min-height:0;padding:16px}.stage-card h2{font-family:Manrope,Segoe UI,sans-serif;font-size:22px;font-weight:700;letter-spacing:0;line-height:1.2;margin:0}.stage-card p{color:var(--muted);font-size:15px;font-weight:500;line-height:1.45;margin:0}.models{display:grid;gap:10px;margin-top:4px}.model-option{align-items:center;background:#f6f9ff;border:1px solid #dae4f3;border-radius:8px;display:flex;font-size:14px;font-weight:600;gap:10px;padding:10px 12px}.model-option input{height:18px;width:18px}.prompt-card{justify-content:flex-start}.prompt-message{color:#344664;font-size:14px;font-weight:600;letter-spacing:0;line-height:1.4}button.primary{align-self:center;min-width:188px;padding:0 22px}.field-label{color:#4c5f7e;display:flex;flex-direction:column;font-size:13px;font-weight:600;gap:7px}input{background:#fff;border:1px solid #c8d7ee;border-radius:8px;color:#23314a;font-family:Manrope,Segoe UI,sans-serif;font-size:14px;font-weight:400;height:38px;padding:0 12px}input:focus,select:focus{border-color:var(--brand);box-shadow:0 0 0 3px #2f7de421;outline:none}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:1px solid #c8d7ee;border-radius:8px;color:#23314a;font-family:Manrope,Segoe UI,sans-serif;font-size:14px;font-weight:500;height:38px;padding:0 12px}.edit-layout{display:flex;flex-direction:column;gap:14px;margin-top:14px}.edit-top-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.edit-field-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.edit-models{margin-top:2px}.toggle-row{align-items:center;background:#f6f9ff;border:1px solid #dae4f3;border-radius:10px;display:flex;justify-content:space-between;margin-top:4px;padding:12px 14px}.toggle-row strong{color:#24354e;display:block;font-size:14px}.toggle-row small{color:#6a7892;display:block;font-size:12px;margin-top:2px}.toggle-row input{height:18px;width:18px}.hook-card{min-width:0}.hook-stack{display:flex;flex-direction:column;gap:14px}.hook-tabs{display:flex;flex-wrap:wrap;gap:10px}.hook-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#eef4fd;border:1px solid #d7e0ee;border-radius:10px;color:#50627f;cursor:pointer;font-size:14px;font-weight:700;line-height:1;padding:12px 16px;transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease}.hook-tab:hover{background:#f7faff;border-color:#b8cae6;color:#22314a}.hook-tab.active{background:#377dde;border-color:#377dde;box-shadow:0 10px 24px #377dde2e;color:#fff}.hook-editor-block{border:1px solid #d7e0ee;border-radius:12px;overflow:visible}.hook-editor-shell{position:relative}.hook-editor-header{align-items:center;background:#f5f8fd;border-bottom:1px solid #d7e0ee;color:#415370;display:flex;font-size:12px;font-weight:600;justify-content:space-between;padding:10px 12px}.hook-editor-header strong{color:#22314a;font-size:13px}.hook-editor-header span{color:#6b7c97}.monaco-editor,.monaco-editor-background,.monaco-editor .margin{background-color:#0f1728!important}.hook-editor-block .monaco-editor,.hook-editor-block .monaco-editor-background,.hook-editor-block .monaco-editor .margin,.hook-editor-block .monaco-editor .overflow-guard{border-radius:0 0 12px 12px}.editor-widget.suggest-widget,.suggest-widget{background:#1a1e27!important;border:1px solid #36425a!important;color:#f7fbff!important}.editor-widget.suggest-widget *,.suggest-widget *,.editor-widget.suggest-widget .monaco-list-row,.editor-widget.suggest-widget .monaco-list-row .contents,.editor-widget.suggest-widget .monaco-list-row .contents .main,.editor-widget.suggest-widget .monaco-list-row .contents .main .monaco-icon-label,.editor-widget.suggest-widget .monaco-list-row .contents .main .monaco-icon-label .label-name,.editor-widget.suggest-widget .monaco-list-row .contents .main .monaco-icon-label .label-description,.suggest-widget .monaco-list-row,.suggest-widget .monaco-list-row .contents,.suggest-widget .monaco-list-row .contents .main,.suggest-widget .monaco-list-row .contents .main .monaco-icon-label,.suggest-widget .monaco-list-row .contents .main .monaco-icon-label .label-name,.suggest-widget .monaco-list-row .contents .main .monaco-icon-label .label-description{color:#f7fbff!important;-webkit-text-fill-color:#f7fbff!important}.editor-widget.suggest-widget .monaco-list-row.focused,.editor-widget.suggest-widget .monaco-list-row.focused .contents,.editor-widget.suggest-widget .monaco-list-row.focused .contents .main,.editor-widget.suggest-widget .monaco-list-row.focused .contents .main .monaco-icon-label .label-name,.editor-widget.suggest-widget .monaco-list-row.focused .contents .main .monaco-icon-label .label-description,.suggest-widget .monaco-list-row.focused,.suggest-widget .monaco-list-row.focused .contents,.suggest-widget .monaco-list-row.focused .contents .main,.suggest-widget .monaco-list-row.focused .contents .main .monaco-icon-label .label-name,.suggest-widget .monaco-list-row.focused .contents .main .monaco-icon-label .label-description{color:#fff!important;-webkit-text-fill-color:#ffffff!important}.editor-widget.suggest-widget .details-label,.editor-widget.suggest-widget .expand-details,.editor-widget.suggest-widget .readMore,.editor-widget.suggest-widget .signature-label,.editor-widget.suggest-widget .qualifier-label,.editor-widget.suggest-widget .codicon,.suggest-widget .details-label,.suggest-widget .expand-details,.suggest-widget .readMore,.suggest-widget .signature-label,.suggest-widget .qualifier-label,.suggest-widget .codicon{color:#b8c7e4!important;-webkit-text-fill-color:#b8c7e4!important}.editor-widget.suggest-widget .monaco-highlighted-label .highlight,.suggest-widget .monaco-highlighted-label .highlight{color:#6db2ff!important;-webkit-text-fill-color:#6db2ff!important}.hook-suggest-popup{background:#161d2b;border:1px solid #36425a;border-radius:10px;box-shadow:0 16px 34px #09111f61;display:flex;flex-direction:column;gap:2px;max-height:260px;overflow-y:auto;padding:6px;position:absolute;width:min(420px,calc(100% - 24px));z-index:20}.hook-suggest-item{align-items:center;background:transparent;border:0;border-radius:8px;color:#f7fbff;display:flex;font-family:Menlo,Monaco,Courier New,monospace;font-size:13px;font-weight:500;height:auto;justify-content:space-between;line-height:1.4;padding:10px 12px;text-align:left;transform:none}.hook-suggest-item:hover,.hook-suggest-item.selected{background:#103d69;border-color:transparent;color:#fff;transform:none}.hook-suggest-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hook-suggest-item small{color:#9eb7d8;flex-shrink:0;font-size:11px;margin-left:14px}.issue-block{border-top:1px solid #d7e3f4;margin-top:4px;padding-top:12px}.issue-block small{color:#6f819e;font-size:12px}.status{border-radius:10px;font-size:13px;font-weight:600;line-height:1.35;margin:12px 0 0;padding:11px 13px}.status.error{background:var(--err-bg);border:1px solid #f3c4ce;color:var(--err)}.status.success{background:var(--ok-bg);border:1px solid #bde7d3;color:var(--ok)}.providers-loading .provider-card.skeleton{animation:pulse 1.15s ease-in-out infinite;background:linear-gradient(120deg,#f4f6fb 25%,#e9eef8 55%,#f4f6fb 75%);background-size:200% 100%;border-style:dashed}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%{background-position:180% 0}to{background-position:-20% 0}}@media (max-width: 980px){.panel{border-radius:14px;padding:20px}.panel-header{flex-direction:column}.panel-header h1{font-size:32px}.meta-pill{align-self:flex-start}.flow-header{align-items:flex-start;flex-direction:column}.edit-top-grid,.stage-grid,.edit-field-grid,.success-summary-grid{grid-template-columns:1fr}.success-actions{align-items:flex-start;flex-direction:column}}@media (max-width: 640px){.main{padding:20px 12px}.panel-header h1{font-size:28px}.providers{grid-template-columns:1fr}.success-panel{padding:18px}.success-hero h2{font-size:24px}.success-copy{font-size:15px}.success-actions{padding:16px}}