:root{--vpi-bg:#070b16;--vpi-bg2:#0b1220;--vpi-card:#0f1727;--vpi-card2:#111a2d;--vpi-border:rgba(149,163,255,.18);--vpi-border2:rgba(139,92,246,.45);--vpi-text:#f5f7ff;--vpi-muted:#9ca8bd;--vpi-purple:#7c3cff;--vpi-purple2:#a855f7;--vpi-blue:#4f8cff;--vpi-green:#35d08a;--vpi-red:#ff5f7a;--vpi-yellow:#ffcc47;--vpi-radius:18px;--vpi-font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.vpi-shell,.vpi-shell *{box-sizing:border-box}.vpi-shell{direction:ltr;position:relative;overflow:hidden;background:radial-gradient(circle at 80% 5%,rgba(124,60,255,.23),transparent 32%),radial-gradient(circle at 5% 20%,rgba(79,140,255,.14),transparent 35%),linear-gradient(180deg,var(--vpi-bg),#060a12);color:var(--vpi-text);font-family:var(--vpi-font);min-height:100vh}.vpi-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.55) 65%,transparent 100%);pointer-events:none}.vpi-shell a{text-decoration:none;color:inherit}.vpi-eyebrow{display:inline-flex;align-items:center;gap:8px;color:#a98bff;font-weight:700;font-size:13px;letter-spacing:.01em}.vpi-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:0 18px;border-radius:12px;border:1px solid var(--vpi-border);font-weight:750;transition:.2s ease}.vpi-btn.primary,.vpi-generate-btn{background:linear-gradient(135deg,var(--vpi-purple),var(--vpi-purple2));box-shadow:0 15px 40px rgba(124,60,255,.34);border-color:rgba(255,255,255,.1);color:#fff}.vpi-btn.ghost{background:rgba(255,255,255,.04);color:#fff}.vpi-btn.big{min-height:54px;padding:0 28px;font-size:15px}.vpi-btn:hover,.vpi-generate-btn:hover{transform:translateY(-1px);filter:brightness(1.08)}
.vpi-nav{position:relative;z-index:2;max-width:1240px;margin:0 auto;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.06)}.vpi-brand{display:grid;grid-template-columns:34px 1fr;grid-template-rows:1fr 1fr;align-items:center;column-gap:10px}.vpi-brand span{grid-row:1/3;width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:rgba(124,60,255,.13);color:#b48cff;box-shadow:0 0 22px rgba(124,60,255,.32)}.vpi-brand strong{font-size:15px;line-height:1.1}.vpi-brand small{font-size:11px;color:var(--vpi-muted)}.vpi-nav nav{display:flex;gap:28px;color:#c5cde0;font-size:14px}.vpi-nav nav a:hover{color:#fff}.vpi-nav-actions{display:flex;gap:10px}.vpi-hero{position:relative;z-index:1;max-width:1240px;margin:0 auto;padding:70px 24px 58px;display:grid;grid-template-columns:1fr 560px;gap:62px;align-items:center}.vpi-hero h1{margin:14px 0 18px;font-size:clamp(42px,5vw,72px);line-height:1.02;letter-spacing:-.055em}.vpi-hero h1 span{display:block;background:linear-gradient(90deg,#fff,#b185ff 50%,#7f3cff);-webkit-background-clip:text;background-clip:text;color:transparent}.vpi-hero p{font-size:18px;line-height:1.7;color:#bcc7dc;max-width:590px}.vpi-hero-actions,.vpi-badges{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.vpi-badges span{display:inline-flex;align-items:center;height:42px;padding:0 16px;border:1px solid var(--vpi-border);border-radius:12px;background:rgba(255,255,255,.045);color:#d6dcfb;font-size:13px}.vpi-trust{font-size:14px!important;color:#f7c84d!important;margin-top:22px}.vpi-hero-preview{position:relative}.vpi-preview-card{border:1px solid var(--vpi-border2);background:linear-gradient(180deg,rgba(18,26,45,.96),rgba(8,12,22,.96));border-radius:20px;padding:18px;box-shadow:0 0 0 1px rgba(255,255,255,.03) inset,0 24px 80px rgba(61,24,150,.38);font-size:12px}.vpi-preview-card label{display:block;margin:12px 0 6px;color:#d8def2;font-weight:800}.fake-input{height:38px;border-radius:8px;border:1px solid rgba(255,255,255,.11);background:#080d18;display:flex;align-items:center;padding:0 12px;color:#eef1ff}.fake-pills,.fake-controls,.fake-cols{display:grid;gap:9px}.fake-pills{grid-template-columns:repeat(4,1fr)}.fake-pills span,.fake-controls span{border:1px solid rgba(124,60,255,.62);border-radius:8px;min-height:34px;display:grid;place-items:center;color:#eae6ff}.fake-cols{grid-template-columns:1fr 1fr}.fake-controls{grid-template-columns:repeat(3,1fr)}.fake-controls .active{background:rgba(124,60,255,.26);box-shadow:0 0 22px rgba(124,60,255,.24)}.vpi-preview-card button{width:100%;height:40px;border:0;border-radius:9px;margin-top:14px;color:#fff;font-weight:800;background:linear-gradient(90deg,var(--vpi-purple),var(--vpi-purple2))}.fake-history{margin-top:12px;padding:12px;border-radius:10px;background:rgba(255,255,255,.04);color:var(--vpi-muted)}.vpi-tabs.mini{display:flex;gap:7px;margin-bottom:12px}.vpi-tabs.mini span{padding:7px 12px;border-radius:8px;background:rgba(255,255,255,.06)}
.vpi-section{position:relative;z-index:1;max-width:1240px;margin:0 auto;padding:56px 24px}.vpi-section h2{font-size:36px;line-height:1.15;margin:10px 0 26px;letter-spacing:-.035em}.vpi-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.vpi-feature-card,.vpi-model-grid article,.vpi-pricing article,.vpi-steps article,.vpi-dashboard-mock,.vpi-admin-promo,.vpi-final-cta{border:1px solid var(--vpi-border);background:linear-gradient(180deg,rgba(18,27,46,.86),rgba(12,18,31,.74));border-radius:var(--vpi-radius);box-shadow:0 12px 40px rgba(0,0,0,.22)}.vpi-feature-card{padding:22px}.vpi-feature-card span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;color:#b793ff;background:rgba(124,60,255,.13);margin-bottom:13px}.vpi-feature-card h3{margin:0 0 8px;font-size:16px}.vpi-feature-card p,.vpi-steps p,.vpi-pricing p,.vpi-admin-promo p,.vpi-final-cta p{color:var(--vpi-muted);line-height:1.6;margin:0}.vpi-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.vpi-steps article{padding:22px}.vpi-steps article>span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.06);border:1px solid var(--vpi-border);color:#dfe4ff}.vpi-model-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.vpi-model-grid article{padding:16px;min-height:92px}.vpi-model-grid strong{display:block;margin-bottom:8px}.vpi-model-grid small{display:block;color:var(--vpi-muted);line-height:1.35}.vpi-pricing{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.vpi-pricing article{padding:26px;position:relative}.vpi-pricing article.is-popular{border-color:rgba(124,60,255,.85);box-shadow:0 0 60px rgba(124,60,255,.17)}.vpi-pricing em{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:linear-gradient(90deg,var(--vpi-purple),var(--vpi-purple2));padding:5px 12px;border-radius:999px;font-size:11px;font-style:normal;font-weight:800}.vpi-pricing strong{font-size:42px;letter-spacing:-.04em}.vpi-pricing ul{padding-left:18px;color:#c5cee4;line-height:1.9;min-height:112px}.vpi-pricing a{display:flex;align-items:center;justify-content:center;height:42px;border-radius:11px;background:rgba(255,255,255,.05);border:1px solid var(--vpi-border);font-weight:800}.vpi-pricing .is-popular a{background:linear-gradient(90deg,var(--vpi-purple),var(--vpi-purple2));border:0}.vpi-admin-promo{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:28px}.vpi-dashboard-mock{padding:24px;background:#0a1020}.vpi-dashboard-mock>div{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.vpi-dashboard-mock span{display:block;padding:16px;border:1px solid var(--vpi-border);border-radius:12px;color:var(--vpi-muted)}.vpi-dashboard-mock b{font-size:24px;color:#fff}.vpi-final-cta{max-width:1240px;margin:40px auto 64px;padding:28px;display:grid;grid-template-columns:60px 1fr auto;align-items:center;gap:20px;border-color:rgba(124,60,255,.75);box-shadow:0 0 60px rgba(124,60,255,.18)}.vpi-final-cta>span{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:rgba(124,60,255,.16)}.vpi-final-cta h2{margin:0 0 8px;font-size:26px}
.vpi-app{padding:42px 20px}.vpi-app-layout{position:relative;z-index:1;max-width:1240px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:22px}.vpi-builder-panel,.vpi-result-panel{border:1px solid var(--vpi-border);border-radius:22px;background:linear-gradient(180deg,rgba(17,25,42,.94),rgba(9,14,25,.94));box-shadow:0 24px 80px rgba(0,0,0,.28);padding:24px}.vpi-panel-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:18px}.vpi-panel-head h1{font-size:32px;margin:8px 0 8px;letter-spacing:-.04em}.vpi-panel-head p{color:var(--vpi-muted);margin:0;line-height:1.6}.vpi-token-pill{border:1px solid rgba(124,60,255,.55);border-radius:999px;background:rgba(124,60,255,.12);padding:10px 14px;white-space:nowrap;color:#d8ccff}.vpi-tabs{display:flex;background:#070b14;border:1px solid rgba(255,255,255,.07);border-radius:13px;padding:5px;width:max-content;gap:5px}.vpi-tabs button{border:0;background:transparent;color:#aeb8ce;border-radius:9px;padding:8px 16px;font-weight:800;cursor:pointer}.vpi-tabs button.is-active{background:linear-gradient(90deg,var(--vpi-purple),var(--vpi-purple2));color:#fff}.vpi-tabs button.is-disabled{opacity:.45}.vpi-mode-note,.vpi-pipeline-note,.vpi-model-help{color:var(--vpi-muted);font-size:13px;line-height:1.55}.vpi-label{display:block;margin:18px 0 8px;font-size:13px;color:#e6ebff;font-weight:850}.vpi-label small{display:block;color:#7f8ca6;font-weight:600;margin-top:4px}.vpi-input{width:100%;min-height:46px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#070b14!important;color:#fff!important;padding:0 14px;outline:none;box-shadow:none!important}.vpi-input:focus{border-color:rgba(124,60,255,.75);box-shadow:0 0 0 4px rgba(124,60,255,.12)!important}.vpi-textarea{min-height:116px;padding:14px;resize:vertical}.vpi-choice-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.vpi-choice-row button,.vpi-control-cards button{min-height:44px;border:1px solid rgba(124,60,255,.4);background:rgba(255,255,255,.025);color:#dce3f6;border-radius:12px;font-weight:850;cursor:pointer}.vpi-choice-row button.is-active,.vpi-control-cards button.is-active{border-color:rgba(124,60,255,.95);background:rgba(124,60,255,.18);box-shadow:0 0 34px rgba(124,60,255,.16)}.vpi-two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}.vpi-control-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.vpi-control-cards button{min-height:108px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px}.vpi-control-cards span{font-size:24px}.vpi-control-cards strong{display:block}.vpi-control-cards em{font-size:9px;font-style:normal;margin-left:4px;background:#6f3cff;color:#fff;border-radius:999px;padding:2px 5px}.vpi-control-cards small{display:block;color:#7f8ca6;font-weight:600}.vpi-generate-btn{width:100%;height:56px;border-radius:13px;border:0;color:#fff;font-weight:900;margin-top:20px;cursor:pointer}.vpi-generate-btn:disabled{opacity:.72;cursor:wait}.vpi-alert{margin-top:14px;border-radius:12px;padding:12px 14px;border:1px solid var(--vpi-border);background:rgba(255,255,255,.05);color:#dce4f7}.vpi-alert.error{border-color:rgba(255,95,122,.45);color:#ff9aad;background:rgba(255,95,122,.09)}.vpi-alert.warn{border-color:rgba(255,204,71,.45);color:#ffd36b;background:rgba(255,204,71,.08)}.vpi-alert.success{border-color:rgba(53,208,138,.45);color:#85ffc2;background:rgba(53,208,138,.08)}.vpi-result-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.vpi-output-actions{display:flex;gap:8px}.vpi-output-actions button,.vpi-refine-row button{border:1px solid var(--vpi-border);background:rgba(255,255,255,.05);color:#fff;border-radius:10px;min-height:38px;padding:0 12px;font-weight:850;cursor:pointer}.vpi-output-actions button:disabled,.vpi-refine-row button:disabled{opacity:.45;cursor:not-allowed}.vpi-output-box{min-height:320px;border:1px solid rgba(255,255,255,.1);background:#070b14;border-radius:16px;padding:16px;overflow:auto}.vpi-output-box pre{white-space:pre-wrap;margin:0;color:#eff3ff;line-height:1.72;font-size:14px}.vpi-empty-state{min-height:286px;display:grid;place-items:center;text-align:center;color:var(--vpi-muted);align-content:center;gap:9px}.vpi-empty-state span{font-size:34px;color:#ae8bff}.vpi-empty-state strong{color:#fff}.vpi-refine-row{display:grid;grid-template-columns:1fr 90px;gap:10px}.vpi-history-box{margin-top:20px}.vpi-history-box h3{font-size:15px}.vpi-history-list{display:grid;gap:10px}.vpi-history-item{width:100%;text-align:left;border:1px solid var(--vpi-border);border-radius:12px;background:rgba(255,255,255,.035);padding:12px;color:#fff;cursor:pointer}.vpi-history-item strong{display:block;margin-bottom:4px}.vpi-history-item span{display:block;color:var(--vpi-muted);font-size:12px}.vpi-muted{color:var(--vpi-muted)}
@media (max-width:1050px){.vpi-hero,.vpi-app-layout,.vpi-admin-promo{grid-template-columns:1fr}.vpi-feature-grid{grid-template-columns:repeat(2,1fr)}.vpi-model-grid{grid-template-columns:repeat(3,1fr)}.vpi-pricing,.vpi-steps{grid-template-columns:repeat(2,1fr)}.vpi-nav nav{display:none}.vpi-final-cta{grid-template-columns:1fr;text-align:center}.vpi-final-cta>span{margin:auto}}@media (max-width:640px){.vpi-nav{padding:14px;align-items:flex-start}.vpi-nav-actions{display:none}.vpi-hero{padding:44px 16px}.vpi-hero h1{font-size:42px}.vpi-section{padding:42px 16px}.vpi-feature-grid,.vpi-model-grid,.vpi-pricing,.vpi-steps,.vpi-choice-row,.vpi-control-cards,.vpi-two-col{grid-template-columns:1fr}.vpi-app{padding:18px 10px}.vpi-builder-panel,.vpi-result-panel{padding:16px;border-radius:16px}.vpi-panel-head{display:block}.vpi-token-pill{display:inline-flex;margin-top:12px}.fake-pills,.fake-controls,.fake-cols{grid-template-columns:1fr}.vpi-refine-row{grid-template-columns:1fr}.vpi-tabs{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}}

/* Fullscreen page template: remove WordPress/theme visual constraints for generated VPI pages. */
body.vpi-fullscreen-body{margin:0!important;padding:0!important;background:#070b16!important;overflow-x:hidden!important;color:var(--vpi-text)}
body.vpi-fullscreen-body:before,body.vpi-fullscreen-body:after{display:none!important;content:none!important}
body.vpi-fullscreen-body .vpi-fullscreen-root{width:100%;min-height:100vh;margin:0!important;padding:0!important;background:#070b16;overflow:hidden}
body.vpi-fullscreen-body .vpi-fullscreen-root>.vpi-shell{width:100%;min-height:100vh;margin:0!important}
body.vpi-fullscreen-body .entry-header,body.vpi-fullscreen-body .entry-title,body.vpi-fullscreen-body .page-title,body.vpi-fullscreen-body header.site-header,body.vpi-fullscreen-body footer.site-footer{display:none!important}
body.vpi-fullscreen-body .vpi-app{min-height:100vh;width:100%;padding:32px clamp(16px,3vw,52px)}
body.vpi-fullscreen-body .vpi-app-layout{width:100%;max-width:1560px;min-height:calc(100vh - 64px);align-items:stretch}
body.vpi-fullscreen-body .vpi-builder-panel,body.vpi-fullscreen-body .vpi-result-panel{min-height:calc(100vh - 64px)}
body.vpi-fullscreen-body .vpi-result-panel{display:flex;flex-direction:column}
body.vpi-fullscreen-body .vpi-output-box{flex:1;min-height:360px}
body.vpi-fullscreen-body .vpi-landing{width:100%;min-height:100vh}
@media (min-width:1280px){body.vpi-fullscreen-body .vpi-app-layout{grid-template-columns:minmax(680px,1.08fr) minmax(420px,.92fr)}}
@media (max-width:1050px){body.vpi-fullscreen-body .vpi-app-layout,body.vpi-fullscreen-body .vpi-builder-panel,body.vpi-fullscreen-body .vpi-result-panel{min-height:auto}}
.vpi-model-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0 2px}.vpi-model-card{text-align:left;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.025);color:#eaf0ff;border-radius:13px;padding:12px;cursor:pointer;min-height:96px;transition:all .18s ease}.vpi-model-card:hover,.vpi-model-card.is-active{border-color:rgba(124,60,255,.85);background:rgba(124,60,255,.14);box-shadow:0 0 28px rgba(124,60,255,.13)}.vpi-model-card strong{display:block;font-size:13px;margin-bottom:6px}.vpi-model-card span{display:block;color:#8f9bb4;font-size:11px;line-height:1.35;min-height:30px}.vpi-model-card em{display:inline-flex;margin-top:8px;color:#c8b8ff;font-size:10px;font-style:normal;border:1px solid rgba(124,60,255,.4);border-radius:999px;padding:3px 7px;background:rgba(124,60,255,.12)}
body.vpi-fullscreen-body .vpi-app-layout{max-width:1680px}.vpi-shell .vpi-generate-btn,.vpi-shell .vpi-btn.primary{background:linear-gradient(90deg,var(--vpi-purple),var(--vpi-purple2));box-shadow:0 12px 34px rgba(124,60,255,.28)}
@media (max-width:1050px){.vpi-model-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.vpi-model-cards{grid-template-columns:1fr}}

/* v0.2 Intelligence Core UI */
.vpi-provider-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:10px}
.vpi-provider-grid button{border:1px solid rgba(139,92,246,.35);background:rgba(8,13,26,.72);color:#e8edff;border-radius:16px;padding:12px 10px;text-align:left;cursor:pointer;transition:.2s ease;min-height:68px}
.vpi-provider-grid button strong{display:block;font-size:13px;margin-bottom:4px}.vpi-provider-grid button small{display:block;color:#8f9ab8;font-size:11px;line-height:1.35}.vpi-provider-grid button.is-active,.vpi-provider-grid button:hover{border-color:#8b5cf6;background:linear-gradient(135deg,rgba(75,39,176,.72),rgba(14,23,42,.85));box-shadow:0 0 28px rgba(124,58,237,.24)}
.vpi-intelligence-box{border:1px solid rgba(139,92,246,.26);background:linear-gradient(180deg,rgba(12,18,34,.92),rgba(6,10,20,.9));border-radius:22px;padding:18px;margin:0 0 18px;box-shadow:0 0 42px rgba(99,102,241,.12)}
.vpi-intel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;color:#f5f7ff}.vpi-intel-head strong{font-size:15px}.vpi-intel-head span{font-size:11px;border:1px solid rgba(34,197,94,.35);color:#86efac;background:rgba(34,197,94,.08);padding:6px 10px;border-radius:999px}
.vpi-intel-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.vpi-intel-grid>div,.vpi-timeline,.vpi-guardrails{border:1px solid rgba(148,163,184,.15);background:rgba(2,6,23,.45);border-radius:16px;padding:13px}.vpi-intelligence-box h4{font-size:12px;margin:0 0 10px;color:#a78bfa;text-transform:uppercase;letter-spacing:.08em}.vpi-intelligence-box p{margin:6px 0;color:#c9d2ec;font-size:12px;line-height:1.6}.vpi-intelligence-box small{display:block;color:#8f9ab8;line-height:1.55}.vpi-timeline{display:grid;gap:8px;margin-bottom:12px}.vpi-timeline h4,.vpi-guardrails h4{grid-column:1/-1}.vpi-timeline div{display:grid;grid-template-columns:76px 1fr;gap:10px;align-items:start;border-top:1px solid rgba(148,163,184,.11);padding-top:8px}.vpi-timeline span{color:#c4b5fd;font-size:12px;font-weight:800}.vpi-timeline p{margin:0}.vpi-guardrails ul{margin:8px 0 0;padding-left:18px;color:#c9d2ec;font-size:12px;line-height:1.6}.vpi-output-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.vpi-output-meta span{border:1px solid rgba(139,92,246,.3);background:rgba(124,58,237,.13);color:#ddd6fe;border-radius:999px;padding:6px 9px;font-size:11px}.vpi-generate-btn{position:relative;overflow:hidden}.vpi-generate-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent,rgba(255,255,255,.22),transparent);transform:translateX(-120%);transition:.5s}.is-loading .vpi-generate-btn:before{animation:vpi-sweep 1.25s infinite}@keyframes vpi-sweep{to{transform:translateX(120%)}}
@media (max-width: 860px){.vpi-provider-grid{grid-template-columns:1fr 1fr}.vpi-intel-grid{grid-template-columns:1fr}.vpi-timeline div{grid-template-columns:1fr}}
/* v0.2.1 Auto/Manual visibility and deeper analysis UI */
.vpi-shell [hidden]{display:none!important}.vpi-auto-note{border:1px solid rgba(139,92,246,.32);background:linear-gradient(135deg,rgba(124,58,237,.14),rgba(15,23,42,.72));border-radius:16px;padding:13px 14px;margin:14px 0;color:#cfd7ff;font-size:12px;line-height:1.65}.vpi-auto-note:before{content:"⚡";margin-right:7px}.vpi-fit-list{display:grid;gap:8px;margin-top:10px}.vpi-fit-list>div{border:1px solid rgba(148,163,184,.15);background:rgba(255,255,255,.035);border-radius:12px;padding:9px}.vpi-fit-list strong{display:block;color:#fff;font-size:12px}.vpi-fit-list span{display:block;color:#c4b5fd;font-size:11px;margin:3px 0}.vpi-fit-list small{font-size:10px;color:#8f9ab8}.vpi-conflicts{display:grid;gap:8px}.vpi-conflicts p{border:1px solid rgba(251,191,36,.25);background:rgba(251,191,36,.06);border-radius:12px;padding:9px;margin:0}.vpi-conflicts small{margin-top:4px;color:#fef3c7}.vpi-timeline p small{display:block;margin-top:3px;color:#a78bfa;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.is-full-auto-mode .vpi-builder-panel{background:linear-gradient(180deg,rgba(15,23,42,.96),rgba(7,11,22,.96));box-shadow:0 0 80px rgba(124,58,237,.16)}.is-assisted-mode .vpi-auto-note{box-shadow:0 0 34px rgba(124,58,237,.10)}.is-manual-mode .vpi-builder-panel{border-color:rgba(99,102,241,.34)}

/* v0.2.4 UX Flow Fix: guided focus, tabs, compact left state, progress and history drawer */
body.vpi-fullscreen-body .vpi-app-layout{align-items:start;gap:24px}
body.vpi-fullscreen-body .vpi-builder-panel{min-height:auto!important;position:sticky;top:28px;align-self:start}
body.vpi-fullscreen-body .vpi-result-panel{min-height:auto!important;align-self:start}
.vpi-result-panel{position:relative;transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}.vpi-result-pulse{border-color:rgba(168,85,247,.85)!important;box-shadow:0 0 0 1px rgba(168,85,247,.34),0 0 58px rgba(124,58,237,.30)!important}.vpi-panel-kicker{display:block;color:#a78bfa;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;margin-bottom:4px}.vpi-result-head{position:sticky;top:0;z-index:6;margin:-2px -2px 14px;padding:2px;background:linear-gradient(180deg,rgba(10,15,28,.96),rgba(10,15,28,.70));backdrop-filter:blur(10px)}.vpi-result-head strong{display:block;font-size:16px;letter-spacing:-.01em}.vpi-result-status{border:1px solid rgba(148,163,184,.18);background:rgba(255,255,255,.04);color:#aeb8ce;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:800;white-space:nowrap}.has-result .vpi-result-status{border-color:rgba(53,208,138,.35);background:rgba(53,208,138,.08);color:#86efac}.vpi-output-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 14px;padding:5px;border:1px solid rgba(148,163,184,.13);background:rgba(2,6,23,.40);border-radius:14px}.vpi-output-tabs button{border:0;background:transparent;color:#94a3b8;border-radius:10px;min-height:38px;font-weight:850;cursor:pointer;transition:.18s ease}.vpi-output-tabs button:hover{color:#fff;background:rgba(255,255,255,.04)}.vpi-output-tabs button.is-active{color:#fff;background:linear-gradient(90deg,rgba(124,58,237,.85),rgba(168,85,247,.85));box-shadow:0 12px 28px rgba(124,58,237,.22)}.vpi-tab-panel{animation:vpi-fade-up .22s ease}.vpi-tab-panel[hidden]{display:none!important}@keyframes vpi-fade-up{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.vpi-prompt-toolbar{position:sticky;top:64px;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px;padding:10px 12px;border:1px solid rgba(148,163,184,.13);border-radius:14px;background:rgba(8,13,26,.88);backdrop-filter:blur(12px)}.vpi-prompt-toolbar strong{font-size:13px}.vpi-output-actions button{min-height:34px;border-radius:9px}.vpi-output-box{max-height:none;scroll-margin-top:24px}.has-result .vpi-output-box{border-color:rgba(139,92,246,.28);box-shadow:0 0 34px rgba(124,58,237,.10) inset}.vpi-refine-box{margin-top:14px;padding-top:2px}.vpi-refine-row{align-items:center}.vpi-refine-row .vpi-input{min-height:42px}.vpi-progress-panel{border:1px solid rgba(139,92,246,.32);background:linear-gradient(135deg,rgba(124,58,237,.13),rgba(2,6,23,.48));border-radius:16px;padding:14px;margin:16px 0 2px;box-shadow:0 18px 44px rgba(0,0,0,.18)}.vpi-progress-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.vpi-progress-head strong{font-size:13px}.vpi-progress-head span{font-size:11px;color:#c4b5fd}.vpi-progress-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0;padding:0;list-style:none}.vpi-progress-steps li{position:relative;border:1px solid rgba(148,163,184,.13);background:rgba(255,255,255,.035);border-radius:11px;padding:9px 9px 9px 28px;color:#8490a8;font-size:11px;font-weight:800}.vpi-progress-steps li:before{content:"";position:absolute;left:10px;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:#475569}.vpi-progress-steps li.is-active{color:#fff;border-color:rgba(168,85,247,.75);background:rgba(124,58,237,.14)}.vpi-progress-steps li.is-active:before{background:#a855f7;box-shadow:0 0 15px rgba(168,85,247,.9)}.vpi-progress-steps li.is-done{color:#86efac;border-color:rgba(53,208,138,.24);background:rgba(53,208,138,.055)}.vpi-progress-steps li.is-done:before{content:"✓";display:grid;place-items:center;width:14px;height:14px;margin-top:-7px;left:7px;background:#22c55e;color:#03120a;font-size:9px;font-weight:950}.vpi-result-jump{width:100%;margin-top:12px;border:1px solid rgba(53,208,138,.35);background:rgba(53,208,138,.07);color:#86efac;border-radius:12px;min-height:40px;font-weight:900;cursor:pointer;text-align:center}.vpi-result-jump:hover{background:rgba(53,208,138,.12)}
.vpi-overview-card{border:1px solid rgba(139,92,246,.26);background:linear-gradient(180deg,rgba(12,18,34,.92),rgba(6,10,20,.88));border-radius:18px;padding:16px}.vpi-recommended-model{display:grid;gap:6px;padding:16px;border-radius:16px;border:1px solid rgba(139,92,246,.42);background:radial-gradient(circle at 85% 0%,rgba(168,85,247,.22),transparent 42%),rgba(124,58,237,.10);margin-bottom:12px}.vpi-recommended-model span{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#c4b5fd;font-weight:900}.vpi-recommended-model strong{font-size:24px;line-height:1.1}.vpi-recommended-model em{font-style:normal;color:#86efac;font-size:12px;font-weight:850}.vpi-overview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:12px 0}.vpi-overview-grid div{border:1px solid rgba(148,163,184,.14);background:rgba(255,255,255,.035);border-radius:13px;padding:11px}.vpi-overview-grid small{display:block;color:#8f9ab8;font-size:10px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px}.vpi-overview-grid b{display:block;color:#f8fbff;font-size:12px;line-height:1.45}.vpi-overview-card p{color:#b9c4dd;line-height:1.65;font-size:12px}.vpi-overview-checks{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.vpi-overview-checks span{border:1px solid rgba(53,208,138,.25);background:rgba(53,208,138,.07);color:#86efac;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:850}
.vpi-tech-details{border:1px solid rgba(148,163,184,.14);border-radius:16px;background:rgba(2,6,23,.34);padding:0}.vpi-tech-details summary{cursor:pointer;list-style:none;padding:14px 16px;color:#e9edff;font-size:13px;font-weight:900}.vpi-tech-details summary::-webkit-details-marker{display:none}.vpi-tech-details summary:after{content:"⌄";float:right;color:#a78bfa}.vpi-tech-details[open] summary:after{content:"⌃"}.vpi-tech-details .vpi-intelligence-box{margin:0;border-width:1px 0 0;border-radius:0 0 16px 16px;background:transparent;box-shadow:none}.vpi-tab-panel[data-tab-panel="timeline"] .vpi-timeline{margin:0}.vpi-tab-panel[data-tab-panel="analysis"] .vpi-guardrails{margin-top:12px}.vpi-history-box{margin-top:16px;border:1px solid rgba(148,163,184,.13);border-radius:15px;background:rgba(2,6,23,.28);overflow:hidden}.vpi-history-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;border:0;background:rgba(255,255,255,.035);color:#e9edff;min-height:44px;padding:0 14px;font-weight:900;cursor:pointer}.vpi-history-toggle span{color:#9aa6bd}.vpi-history-toggle:after{content:"Open";font-size:10px;color:#a78bfa;text-transform:uppercase;letter-spacing:.08em}.vpi-history-box.is-open .vpi-history-toggle:after{content:"Close"}.vpi-history-list{padding:12px;max-height:360px;overflow:auto}.vpi-run-summary{margin-top:14px;border:1px solid rgba(139,92,246,.24);background:rgba(2,6,23,.34);border-radius:16px;padding:14px;display:grid;gap:8px}.vpi-run-summary strong{display:block;margin-bottom:2px;color:#fff}.vpi-run-summary div{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid rgba(148,163,184,.10);padding-top:8px}.vpi-run-summary span{color:#8996ae;font-size:11px;text-transform:uppercase;letter-spacing:.07em}.vpi-run-summary b{font-size:12px;color:#dfe6ff;text-align:right}.has-result .vpi-panel-head h1{font-size:24px}.has-result .vpi-panel-head p{font-size:13px;line-height:1.45}.has-result .vpi-mode-note,.has-result .vpi-pipeline-note{font-size:12px}.has-result .vpi-alert{margin-top:10px}.has-result .vpi-builder-panel{box-shadow:0 16px 52px rgba(0,0,0,.22)}
@media (min-width:1051px){.vpi-app-layout{grid-template-columns:minmax(460px,.95fr) minmax(560px,1.05fr)!important}.has-result .vpi-app-layout{grid-template-columns:minmax(390px,.78fr) minmax(680px,1.22fr)!important}}
@media (max-width:1050px){body.vpi-fullscreen-body .vpi-builder-panel{position:relative;top:auto}.vpi-prompt-toolbar{top:0}.vpi-progress-steps{grid-template-columns:1fr 1fr}.vpi-output-tabs{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.vpi-progress-steps,.vpi-overview-grid{grid-template-columns:1fr}.vpi-output-tabs{grid-template-columns:1fr}.vpi-prompt-toolbar{display:grid;gap:10px}.vpi-output-actions{display:grid;grid-template-columns:1fr 1fr}.vpi-output-actions button{width:100%}}