:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f5f7f8;color:#172022;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{border:0;cursor:pointer}.app-shell{display:grid;grid-template-columns:208px minmax(0,1fr);min-height:100vh;background:linear-gradient(180deg,#fff 0,#f5f7f8 38%),#f5f7f8}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:18px 12px;border-right:1px solid #dde5e5;background:#fbfcfc}.sidebar-brand{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding:0 6px}.sidebar-brand strong{color:#111b1d;font-size:20px;line-height:1}.brand-mark{display:grid;place-items:center;flex:0 0 auto;width:38px;height:38px;border-radius:8px;background:#133c3d;color:#f8ffff;font-size:20px;font-weight:760}.sidebar nav{display:grid;gap:5px}.sidebar button{display:flex;align-items:center;gap:10px;min-height:38px;padding:0 11px;border-radius:8px;background:transparent;color:#667477;font-size:13px;font-weight:650}.sidebar button.active,.sidebar button:hover{background:#e7f3f0;color:#0f5d5c}.sidebar-status{display:grid;gap:7px;margin-top:auto;padding:13px 12px;border:1px solid #dfe7e7;border-radius:8px;background:#fff}.sidebar-status strong{font-size:13px}.sidebar-status span{overflow:hidden;padding:8px;border:1px solid #e0e7e8;border-radius:7px;color:#435053;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.sidebar-status small{color:#16724d;font-size:11px;font-weight:700}.workspace{padding:24px;min-width:0}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;margin-bottom:22px}.topbar h1{margin:0;font-size:32px;line-height:1.05;letter-spacing:0}.topbar p{margin:8px 0 0;max-width:620px;color:#657174;font-size:14px;line-height:1.5}.topbar-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.project-switcher,.outline-button,.connected-button{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 13px;border-radius:8px;border:1px solid #d5dfdf;background:#fff;color:#243033;font-size:13px;font-weight:680}.connected-button{border-color:#97d2c8;background:#e7f5f1;color:#0d5a57}.content-grid{display:grid;grid-template-columns:minmax(220px,.86fr) minmax(280px,1.1fr) minmax(230px,.85fr);gap:12px}.panel{border:1px solid #dfe7e7;border-radius:8px;background:#ffffffeb;box-shadow:0 12px 34px #1e2d300f}.source-panel,.train-panel,.deploy-panel{padding:14px}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.panel-header>div{display:flex;align-items:center;gap:8px}.panel-header h2{margin:0;color:#1e292c;font-size:16px;line-height:1.2}.panel-header button{min-height:28px;padding:0 9px;border-radius:7px;background:#f0f4f4;color:#536164;font-size:12px;font-weight:700}.token-box,.cloudflare-panel{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #d8e5e3;border-radius:8px;background:#f6fbfa}.backend-note{display:grid;gap:4px;margin-top:10px;padding:10px 12px;border:1px solid #e4e9e9;border-radius:8px;background:#fff}.backend-note strong{color:#1e292c;font-size:13px}.backend-note span{color:#667477;font-size:12px;line-height:1.4}.token-box div,.cloudflare-panel div{display:grid;gap:2px;min-width:0;flex:1}.token-box strong,.cloudflare-panel strong{font-size:13px}.token-box span,.cloudflare-panel span{color:#6a777a;font-size:12px;line-height:1.35}.search-field{display:flex;align-items:center;gap:8px;height:38px;margin:13px 0 12px;padding:0 10px;border:1px solid #d8e0e1;border-radius:8px;background:#fff;color:#687477}.search-field input,.config-form input,.config-form select{width:100%;border:0;outline:0;background:transparent;color:#1f2d2f}.search-field input::placeholder{color:#8a9698}.item-list h3{margin:12px 0 8px;color:#5b686b;font-size:12px;text-transform:uppercase;letter-spacing:0}.empty-list{margin:0 0 8px;padding:12px;border:1px dashed #d8e0e1;border-radius:8px;color:#667477;font-size:13px}.list-item{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:66px;margin-bottom:8px;padding:10px;border:1px solid #e0e7e8;border-radius:8px;background:#fff;text-align:left}.list-item.selected{border-color:#56b5aa;background:#effaf8}.list-item strong{display:block;max-width:190px;overflow:hidden;color:#172426;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.list-item span{display:block;margin-top:4px;color:#697679;font-size:12px}meter{width:58px;height:8px}.ok,.warn{flex:0 0 auto;padding:4px 7px;border-radius:7px;font-size:11px;font-weight:750}.ok{background:#e5f7ed;color:#187243}.warn{background:#fff6dd;color:#8a5c08}.selection-summary{display:grid;gap:10px;margin-bottom:14px}.selection-summary div,.field{display:grid;gap:5px;padding:12px;border-radius:8px;background:#f4f7f7}.selection-summary span,.field span,.config-form label,.range-row span{color:#617074;font-size:12px;font-weight:700}.selection-summary strong,.field strong{min-width:0;overflow-wrap:anywhere;color:#1f2a2d;font-size:14px}.inspection-box{display:grid;gap:10px;margin-bottom:14px;padding:12px;border:1px solid #d8e5e3;border-radius:8px;background:#f8fbfb}.inspection-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.inspection-header div{display:grid;gap:3px}.inspection-header strong{color:#1f2a2d;font-size:14px}.inspection-header span{color:#657174;font-size:12px;line-height:1.35}.inspection-header button{min-height:30px;padding:0 10px;border-radius:7px;background:#133c3d;color:#fff;font-size:12px;font-weight:760}.inspection-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.column-list{display:flex;flex-wrap:wrap;gap:6px}.column-list span{padding:4px 7px;border:1px solid #d9e3e3;border-radius:7px;background:#fff;color:#536164;font-size:11px;font-weight:700}.config-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.config-form label:not(.range-row){display:grid;gap:7px;min-height:66px;padding:10px 11px;border:1px solid #dfe7e7;border-radius:8px;background:#fff}.range-row{display:grid;grid-template-columns:minmax(84px,1fr) 1.2fr 34px;align-items:center;gap:10px;grid-column:1 / -1;min-height:48px;padding:9px 11px;border:1px solid #dfe7e7;border-radius:8px;background:#fff}.range-row strong{text-align:right;font-size:13px}input[type=range]{accent-color:#0e817b}.mapping-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:14px 0}.primary-action{display:inline-flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:44px;border-radius:8px;background:#133c3d;color:#fff;font-weight:780}.primary-action:disabled{cursor:wait;opacity:.72}.estimate{padding:14px;border-radius:8px;background:#172426;color:#fff}.estimate span{color:#a9c2c2;font-size:12px;font-weight:700}.estimate strong{display:block;margin-top:8px;font-size:36px;line-height:1}.estimate p{margin:10px 0 0;color:#c9d7d7;font-size:12px;line-height:1.45}.risk-note{display:grid;gap:4px;margin-top:12px;padding:10px;border-radius:8px;background:#ffffff14}.risk-note strong{color:#fff;font-size:13px}.risk-note span{color:#c9d7d7;font-size:12px;line-height:1.35}.risk-note.elevated strong{color:#ffd98a}.risk-note.high strong{color:#ffb5a8}.plan-steps{display:grid;gap:8px;margin:14px 0}.step{display:flex;align-items:center;gap:9px;min-height:38px;padding:0 10px;border:1px solid #dfe7e7;border-radius:8px;background:#fff;color:#526064;font-size:13px;font-weight:680}.step.active{border-color:#d5a43c;background:#fff8e8;color:#79510a}.cloudflare-panel{align-items:flex-start;background:#f4f8fb}.cloudflare-panel button{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 10px;border-radius:8px;background:#0e817b;color:#fff;font-size:12px;font-weight:780}.lower-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.8fr);gap:12px;margin-top:16px}.runs-panel,.logs-panel{padding:16px;min-width:0}table{width:100%;border-collapse:collapse;font-size:13px}.empty-runs{display:grid;place-items:center;min-height:164px;padding:24px;border:1px dashed #d8e0e1;border-radius:8px;background:#fbfcfc;text-align:center}.empty-runs strong{color:#1f2d2f;font-size:15px}.empty-runs span{margin-top:6px;color:#667477;font-size:13px}th{color:#647174;font-size:12px;font-weight:750;text-align:left}th,td{padding:11px 9px;border-bottom:1px solid #e5ebeb}.status{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:7px;font-size:12px;font-weight:760}.status.running{background:#e6f7f4;color:#0d6964}.status.queued{background:#fff5dc;color:#8a5d08}.status.complete{background:#e7f3eb;color:#1f6a3f}.status.dry,.status.local{background:#eef1f4;color:#59676b}.progress{width:100%;min-width:78px;height:7px;overflow:hidden;border-radius:99px;background:#e8eeee}.progress span{display:block;height:100%;border-radius:inherit;background:#0e817b}.logs-panel pre{min-height:214px;margin:0;padding:14px;overflow:auto;border-radius:8px;background:#111b1d;color:#d3eeee;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.65}@media(max-width:980px){.content-grid,.lower-grid{grid-template-columns:1fr}.topbar{flex-direction:column}.topbar-actions{justify-content:flex-start}}@media(max-width:720px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;z-index:1;display:flex;align-items:center;gap:12px;width:100%;height:auto;overflow-x:auto;padding:12px;border-right:0;border-bottom:1px solid #dde5e5}.brand-mark{flex:0 0 auto}.sidebar-brand{margin:0;padding:0}.sidebar-brand strong,.sidebar-status{display:none}.sidebar nav{display:flex;gap:8px}.sidebar button{min-width:72px}.workspace{padding:16px}.topbar h1{font-size:27px}.config-form,.inspection-grid,.mapping-grid,.range-row{grid-template-columns:1fr}table{min-width:680px}.runs-panel{overflow-x:auto}}