:root{color-scheme:light;--bg:#f7f8fa;--panel:#ffffff;--panel-soft:#f0f4f7;--text:#16202a;--muted:#667483;--line:#d8e0e7;--ink:#111827;--blue:#2563eb;--teal:#0f766e;--amber:#b45309;--red:#b91c1c;--green:#15803d;--shadow:0 16px 36px rgba(22,32,42,0.08)}*{box-sizing:border-box}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spin{animation:spin .9s linear infinite}.status-row{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:.85rem}.status-row.is-done{color:var(--green)}.status-row.is-processing{color:var(--blue)}.status-row.is-pending{color:var(--muted)}.status-row.is-error{color:var(--red)}body,html{min-height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}.app-frame{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr)}.sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;background:#ffffff;border-right:1px solid var(--line);padding:22px 14px;display:flex;flex-direction:column;gap:18px}.brand{display:flex;align-items:center;gap:10px;padding:0 8px 12px;font-weight:760;font-size:18px}.brand-mark{width:34px;height:34px;border-radius:8px;background:var(--ink);color:white;display:grid;place-items:center;font-size:13px}.nav{display:grid;grid-gap:6px;gap:6px}.nav-link{display:flex;align-items:center;gap:10px;min-height:42px;border-radius:8px;padding:0 10px;color:var(--muted);font-weight:680}.nav-link:focus-visible,.nav-link:hover{background:var(--panel-soft);color:var(--text);outline:none}.main{min-width:0;padding:28px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}.eyebrow{color:var(--muted);font-size:12px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}h1,h2,h3{margin:0;letter-spacing:0}h1{font-size:32px;line-height:1.12}h2{font-size:20px;line-height:1.2}h3{font-size:15px;line-height:1.25}p{margin:0}.muted{color:var(--muted)}.stack{display:grid;grid-gap:16px;gap:16px}.row{gap:10px;flex-wrap:wrap}.between,.row{display:flex;align-items:center}.between{justify-content:space-between;gap:12px}.surface{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.surface-pad{padding:18px}.dashboard-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px;margin-bottom:18px}.metric{min-height:116px;padding:16px;display:grid;align-content:space-between}.metric-value{font-size:30px;font-weight:780}.tool-grid{display:grid;grid-template-columns:minmax(320px,460px) minmax(0,1fr);grid-gap:18px;gap:18px;align-items:start}.form-grid{display:grid;grid-gap:14px;gap:14px}.field{display:grid;grid-gap:7px;gap:7px}.check-label,.field label{font-size:13px;color:#344252;font-weight:700}.input,.select,.textarea{width:100%;border:1px solid var(--line);border-radius:8px;background:#ffffff;color:var(--text);min-height:42px;padding:10px 11px;outline:none}.textarea{min-height:140px;resize:vertical}.input:focus,.select:focus,.textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(37,99,235,.14)}.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.toggle-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.toggle{min-height:42px;border:1px solid var(--line);border-radius:8px;padding:0 10px;display:flex;align-items:center;gap:9px;background:#ffffff}.toggle input{width:16px;height:16px;accent-color:var(--teal)}.workflow-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:10px;gap:10px;margin-bottom:18px}.workflow-steps span{min-height:38px;display:flex;align-items:center;justify-content:center;background:#ffffff;font-weight:760;text-align:center;padding:0 10px}.prompt-output,.workflow-steps span{border:1px solid var(--line);border-radius:8px;color:#344252;font-size:13px}.prompt-output{background:#fbfcfd;padding:12px;line-height:1.55}.btn{min-height:42px;border:1px solid transparent;border-radius:8px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:760;color:#ffffff;background:var(--ink);white-space:nowrap}.btn:hover{filter:brightness(1.04)}.btn:disabled{opacity:.58;cursor:not-allowed}.btn.secondary{background:#ffffff;color:var(--text);border-color:var(--line)}.btn.blue{background:var(--blue)}.btn.teal{background:var(--teal)}.btn.amber{background:var(--amber)}.btn.danger{background:var(--red)}.icon-btn{width:38px;height:38px;border-radius:8px;border:1px solid var(--line);background:#ffffff;display:inline-grid;place-items:center;color:var(--text)}.status{display:inline-flex;align-items:center;min-height:26px;border-radius:999px;padding:0 9px;font-size:12px;font-weight:800;border:1px solid var(--line)}.status.completed{color:var(--green);background:#ecfdf3;border-color:#bbf7d0}.status.failed{color:var(--red);background:#fef2f2;border-color:#fecaca}.status.running{color:var(--amber);background:#fffbeb;border-color:#fde68a}.asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:14px;gap:14px}.asset-card{overflow:hidden}.asset-media{aspect-ratio:1/1;background:linear-gradient(45deg,#eef2f6 25%,transparent 0),linear-gradient(-45deg,#eef2f6 25%,transparent 0),linear-gradient(45deg,transparent 75%,#eef2f6 0),linear-gradient(-45deg,transparent 75%,#eef2f6 0);background-color:#ffffff;background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;display:grid;place-items:center;border-bottom:1px solid var(--line)}.asset-media img{width:100%;height:100%;object-fit:contain}.asset-body{padding:12px;display:grid;grid-gap:10px;gap:10px}.asset-title{font-size:13px;font-weight:760;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-meta{color:var(--muted);font-size:12px}.job-list{display:grid;grid-gap:10px;gap:10px}.job-row{display:grid;grid-template-columns:minmax(0,1.2fr) 132px 170px;grid-gap:14px;gap:14px;align-items:center;min-height:58px;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:#ffffff}.timeline{display:grid;grid-gap:8px;gap:8px}.timeline-item{display:grid;grid-template-columns:26px minmax(0,1fr);grid-gap:8px;gap:8px;align-items:start;color:var(--muted);font-size:13px}.timeline-dot{margin-top:3px;width:10px;height:10px;border-radius:999px;background:var(--blue)}.features-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.feature-chip{min-height:34px;display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:8px;padding:0 8px;font-size:12px;color:#344252}.feature-chip input{accent-color:var(--teal)}.provider-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px;margin-bottom:18px}.provider-metric{min-height:82px;padding:14px;border:1px solid var(--line);border-radius:8px;background:#ffffff;display:grid;align-content:space-between;box-shadow:var(--shadow)}.provider-metric span{color:var(--muted);font-size:12px;font-weight:760}.provider-metric strong{font-size:26px;line-height:1}.provider-workspace{display:grid;grid-template-columns:330px minmax(0,1fr);grid-gap:18px;gap:18px;align-items:start}.provider-sidebar-panel{padding:14px;display:grid;grid-gap:12px;gap:12px}.provider-sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.provider-search{min-height:40px;border:1px solid var(--line);border-radius:8px;padding:0 10px;display:flex;align-items:center;gap:8px;color:var(--muted);background:#ffffff}.provider-search input{width:100%;border:0;outline:0;min-width:0;color:var(--text);background:transparent}.provider-list{display:grid;grid-gap:8px;gap:8px}.provider-list-item{width:100%;border:1px solid var(--line);border-radius:8px;background:#ffffff;padding:11px;text-align:left;display:grid;grid-gap:9px;gap:9px}.provider-list-item.selected,.provider-list-item:focus-visible,.provider-list-item:hover{border-color:#9bb4d7;background:#f8fbff;outline:none}.provider-list-main,.provider-list-meta{display:flex;align-items:center;justify-content:space-between;gap:10px}.provider-list-main{min-width:0}.provider-list-main span,.provider-list-main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.provider-list-main span,.provider-list-meta{color:var(--muted);font-size:12px}.provider-detail{padding:18px;display:grid;grid-gap:16px;gap:16px}.provider-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.provider-preset{width:180px}.provider-status-strip{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.provider-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.provider-section{border:1px solid var(--line);border-radius:8px;padding:14px;display:grid;grid-gap:14px;gap:14px;background:#ffffff}.provider-section.wide{grid-column:1/-1}.provider-section-title{display:flex;align-items:center;gap:8px;color:#344252}.provider-active-toggle{min-height:42px;border:1px solid var(--line);border-radius:8px;padding:0 12px;display:flex;align-items:center;gap:9px;color:#344252;font-weight:760;background:#ffffff}.provider-active-toggle input{position:absolute;opacity:0;pointer-events:none}.provider-active-toggle svg{color:var(--teal)}.provider-feature-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.provider-feature-group{display:grid;grid-gap:9px;gap:9px}.empty-state{min-height:220px;display:grid;place-items:center;color:var(--muted);border:1px dashed var(--line);border-radius:8px;background:#ffffff}.error{color:var(--red);background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:10px 12px;font-weight:700}@media (max-width:1040px){.app-frame{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid var(--line)}.nav{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-grid,.provider-form-grid,.provider-metrics,.provider-workspace,.tool-grid,.workflow-steps{grid-template-columns:1fr}.provider-detail-head{display:grid}}@media (max-width:680px){.main{padding:18px}.between,.page-header{display:grid;align-items:start}.features-grid,.job-row,.nav,.provider-feature-groups,.toggle-list,.two-col{grid-template-columns:1fr}}