:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:#0a0a0a;color:#e5e7eb}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 20%,rgba(0,242,254,.06),transparent 35%),radial-gradient(circle at 80% 0%,rgba(102,126,234,.08),transparent 30%),radial-gradient(circle at 50% 80%,rgba(240,147,251,.08),transparent 30%),#0a0a0a}[data-help-boxes=hidden] [data-help-box=true]{display:none!important}.app-shell{display:flex;flex-direction:column;min-height:100vh;padding:24px;gap:24px}.app-header{display:flex;align-items:center;justify-content:space-between}.header-actions{display:flex;gap:12px;align-items:center}.app-main{flex:1;display:grid;place-items:center}.auth-card,.welcome-card{max-width:420px;width:100%}.card-body{padding:12px 16px;display:grid;gap:12px}.app-shell-landing{min-height:100vh;display:flex;flex-direction:column;background:var(--colorNeutralBackground1)}[data-theme=dark] .app-shell-landing{background:radial-gradient(circle at 20% 20%,rgba(0,242,254,.06),transparent 35%),radial-gradient(circle at 80% 0%,rgba(102,126,234,.08),transparent 30%),radial-gradient(circle at 50% 80%,rgba(240,147,251,.08),transparent 30%),#0a0a0a}[data-theme=light] .app-shell-landing{background:radial-gradient(circle at 20% 20%,rgba(0,242,254,.03),transparent 35%),radial-gradient(circle at 80% 0%,rgba(102,126,234,.04),transparent 30%),radial-gradient(circle at 50% 80%,rgba(240,147,251,.04),transparent 30%),#fff}.header{background-color:var(--colorNeutralBackground2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--colorNeutralStroke2);padding:16px 0;position:sticky;top:0;z-index:100;overflow:visible;height:72px}.container{max-width:1200px;margin:0 auto;padding:0 24px}.header-content{display:flex;justify-content:space-between;align-items:center;height:100%}.logo{position:relative;z-index:101;height:72px;display:flex;align-items:center}.logo-image{height:72px;width:auto;object-fit:contain;display:block;position:static;transform:none}.header-actions{display:flex;gap:12px;align-items:center;height:100%}.pp-public-chip,.pp-shell-chip{padding:.45rem .8rem;border-radius:999px;border:1px solid var(--colorNeutralStroke2);background:#ffffff0a;font-size:.8rem;font-weight:600}.pp-public-chip{color:var(--colorBrandForeground1)}.landing-page{max-width:1400px;margin:0 auto;padding:80px 48px;display:flex;flex-direction:column;gap:80px}.landing-hero{text-align:center;padding:60px 0}.hero-content{max-width:800px;margin:0 auto}.hero-title{background:linear-gradient(135deg,#4da6ff,#667eea,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px}.hero-subtitle{color:var(--colorNeutralForeground2);display:block;margin-bottom:8px}.landing-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}.pp-landing-proof-row{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:20px}.pp-landing-proof-pill{padding:.5rem .85rem;border-radius:999px;border:1px solid var(--colorNeutralStroke2);background:#ffffff0a;font-size:.82rem;font-weight:600}.pp-landing-role-grid,.pp-dashboard-grid,.pp-dashboard-role-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.feature-card{padding:32px;text-align:center;background:var(--colorNeutralBackground3);border:1px solid var(--colorNeutralStroke2);transition:all .3s ease}.feature-card:hover{transform:translateY(-8px);border-color:var(--colorBrandForeground1);box-shadow:0 12px 40px var(--colorNeutralShadowAmbient)}.layout{display:flex;min-height:100vh;background:var(--colorNeutralBackground1)}[data-theme=dark] .layout{background:radial-gradient(circle at 20% 20%,rgba(0,242,254,.06),transparent 35%),radial-gradient(circle at 80% 0%,rgba(102,126,234,.08),transparent 30%),radial-gradient(circle at 50% 80%,rgba(240,147,251,.08),transparent 30%),#0a0a0a}[data-theme=light] .layout{background:radial-gradient(circle at 20% 20%,rgba(0,242,254,.03),transparent 35%),radial-gradient(circle at 80% 0%,rgba(102,126,234,.04),transparent 30%),radial-gradient(circle at 50% 80%,rgba(240,147,251,.04),transparent 30%),#f5f5f5}.sidebar{width:260px;background:var(--colorNeutralBackground2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-right:1px solid var(--colorNeutralStroke2);display:flex;flex-direction:column;padding:24px 16px;gap:24px}.sidebar-header{padding:0 12px;display:flex;flex-direction:column;gap:4px}.sidebar-workspace-card{margin:0 8px;padding:14px;border-radius:18px;border:1px solid var(--colorNeutralStroke2);background:linear-gradient(160deg,#00f2fe1f,#667eea14)}.sidebar-workspace-label,.pp-shell-eyebrow,.pp-dashboard-kicker{text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:700;color:#00f2fe}.sidebar-workspace-title{margin-top:.45rem;font-family:Space Grotesk,sans-serif;font-size:1rem;font-weight:700}.sidebar-workspace-body,.pp-shell-description,.pp-dashboard-body-copy,.pp-dashboard-role-grid p,.pp-dashboard-priority-item{color:var(--colorNeutralForeground2);line-height:1.55}.sidebar-logo-image{height:38px;width:auto;object-fit:contain;display:block}.nav-items{flex:1;display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:6px;color:var(--colorNeutralForeground1);text-decoration:none;transition:all .2s;font-size:14px}.nav-item:hover{background:var(--colorNeutralBackground3)}.nav-item.active{background:var(--colorBrandBackground);color:var(--colorNeutralForegroundOnBrand);font-weight:600}.nav-item svg{width:20px;height:20px}.sidebar-footer{display:flex;flex-direction:column;gap:8px;padding-top:16px;border-top:1px solid var(--colorNeutralStroke2)}.main-content{flex:1;overflow-y:auto;padding:32px}.pp-shell-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:16px;align-items:end;margin-bottom:24px;padding:24px 28px;border-radius:24px;border:1px solid var(--colorNeutralStroke2);background:radial-gradient(circle at top left,rgba(0,242,254,.18),transparent 35%),linear-gradient(160deg,var(--colorNeutralBackground2),rgba(24,24,27,.92))}.pp-shell-title{margin:.4rem 0 .7rem;font-family:Space Grotesk,sans-serif;font-size:clamp(2rem,2.8vw,2.7rem)}.pp-shell-chip-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.pp-shell-chip--success{color:#10b981;border-color:#10b98159;background:#10b9811f}.page-container{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.metric-card{padding:20px;display:flex;flex-direction:column;gap:8px}.pp-dashboard-panel{padding:22px;border-radius:22px}.pp-dashboard-panel--accent{background:radial-gradient(circle at top right,rgba(240,147,251,.16),transparent 35%),linear-gradient(160deg,var(--colorNeutralBackground2),var(--colorNeutralBackground3))}.pp-dashboard-priority-list{display:grid;gap:10px;margin-top:14px}.pp-agent-setup-hero,.pp-agent-setup-footer-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:16px;margin-bottom:20px}.pp-agent-setup-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.pp-agent-setup-card{padding:20px;border-radius:20px}.pp-agent-setup-card--accent{background:radial-gradient(circle at top right,rgba(0,242,254,.16),transparent 35%),linear-gradient(160deg,var(--colorNeutralBackground2),var(--colorNeutralBackground3))}.pp-agent-setup-metric{font-family:Space Grotesk,sans-serif;font-size:1.8rem;font-weight:700}.pp-agent-setup-label{color:var(--colorNeutralForeground2);margin-top:6px}.pp-agent-stage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pp-agent-stage-card,.pp-agent-readiness-item,.pp-agent-review-comment,.pp-agent-save-banner{background:var(--colorNeutralBackground2);border:1px solid var(--colorNeutralStroke2);border-radius:16px;padding:14px 16px}.pp-agent-stage-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.pp-agent-status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:3px 10px;font-size:.78rem;font-weight:600}.pp-agent-status-pill--ready{background:#10b98124;color:#10b981}.pp-agent-status-pill--needs_review{background:#f59e0b24;color:#f59e0b}.pp-agent-status-pill--missing{background:#ef444424;color:#ef4444}.pp-agent-readiness-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.pp-agent-readiness-item{display:grid;gap:4px}.pp-agent-readiness-item--wide{grid-column:span 2}.pp-agent-review-comment{display:grid;gap:4px}.pp-agent-save-banner{display:flex;align-items:center;justify-content:space-between;gap:12px}.pp-agent-studio-page{padding-bottom:32px}.pp-agent-studio-hero{display:flex;justify-content:space-between;gap:20px;padding:24px;border-radius:24px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#18181bfa,#18181beb 82%,#18181bc7),radial-gradient(circle at top right,rgba(0,242,254,.16),transparent 35%),linear-gradient(150deg,#18181bf2,#0e0e11f5);box-shadow:inset 0 1px #ffffff0d}.pp-agent-studio-hero-copy,.pp-agent-studio-hero-meta,.pp-agent-studio-step-copy,.pp-agent-studio-template-card,.pp-agent-studio-choice-card,.pp-agent-studio-preview-card,.pp-agent-studio-action-bar-left,.pp-agent-studio-action-bar-right,.pp-agent-studio-unresolved-list{display:grid;gap:8px}.pp-agent-studio-hero-meta{justify-items:end;align-content:start;min-width:220px}.pp-agent-studio-status-chip{display:inline-flex;align-items:center;padding:.35rem .8rem;border-radius:999px;font-size:.8rem;font-weight:700}.pp-agent-studio-status-chip--ready{background:#10b98124;color:#10b981}.pp-agent-studio-status-chip--needs_review{background:#f59e0b24;color:#f59e0b}.pp-agent-studio-status-chip--missing{background:#ef444424;color:#ef4444}.pp-agent-studio-shell{--pp-agent-studio-pane-height: min(76vh, 860px);display:grid;grid-template-columns:320px minmax(0,1fr);gap:20px;align-items:stretch}.pp-agent-studio-rail{display:flex;flex-direction:column;gap:16px;position:sticky;top:24px;height:var(--pp-agent-studio-pane-height);min-height:var(--pp-agent-studio-pane-height);overflow-y:auto;padding-right:6px}.pp-agent-studio-rail-card,.pp-agent-studio-canvas-card{padding:20px;border-radius:24px}.pp-agent-studio-rail>.pp-agent-studio-rail-card:first-child{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.pp-agent-studio-step-list,.pp-agent-studio-starter-layout,.pp-agent-studio-starter-mode-grid,.pp-agent-studio-existing-list,.pp-agent-studio-template-grid,.pp-agent-studio-form-grid,.pp-agent-studio-hook-grid{display:grid;gap:12px}.pp-agent-studio-step-list,.pp-agent-studio-canvas{min-height:0}.pp-agent-studio-canvas-card{height:var(--pp-agent-studio-pane-height);min-height:var(--pp-agent-studio-pane-height);display:flex;flex-direction:column}.pp-agent-studio-canvas-header{position:sticky;top:0;z-index:1;margin:-4px -4px 0;padding:0 4px 14px;border-bottom:1px solid var(--colorNeutralStroke2);background:linear-gradient(180deg,#18181bfa,#18181bf0 74%,#18181b00)}.pp-agent-studio-canvas-header-card{padding:0}.pp-agent-studio-canvas-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding-right:6px;padding-bottom:8px}.pp-agent-studio-step-button,.pp-agent-studio-template-card,.pp-agent-studio-choice-card,.pp-agent-studio-existing-card{width:100%;border:1px solid var(--colorNeutralStroke2);background:#ffffff08;color:inherit;border-radius:18px;text-align:left}.pp-agent-studio-step-button{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px}.pp-agent-studio-step-button.is-active,.pp-agent-studio-template-card.is-selected,.pp-agent-studio-choice-card.is-selected,.pp-agent-studio-existing-card.is-selected{border-color:#00f2fe99;box-shadow:0 0 0 1px #00f2fe40;background:#00f2fe14}.pp-agent-studio-step-index{width:34px;height:34px;display:grid;place-items:center;border-radius:999px;background:#ffffff14;font-weight:700}.pp-agent-studio-step-title{display:block;font-weight:600}.pp-agent-studio-step-description,.pp-agent-studio-template-subtitle{display:block;color:var(--colorNeutralForeground2)}.pp-agent-studio-step-state{font-size:.78rem;font-weight:700}.pp-agent-studio-step-state--ready{color:#10b981}.pp-agent-studio-step-state--needs_review{color:#f59e0b}.pp-agent-studio-step-state--missing{color:#ef4444}.pp-agent-studio-starter-mode-grid,.pp-agent-studio-template-grid,.pp-agent-studio-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pp-agent-studio-starter-layout{gap:20px}.pp-agent-studio-starter-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pp-agent-studio-existing-card{padding:16px;text-align:left}.pp-agent-studio-existing-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.pp-agent-studio-preview-card{padding:14px;border-radius:18px;background:#ffffff08;border:1px solid var(--colorNeutralStroke2)}.pp-agent-studio-template-card,.pp-agent-studio-choice-card{padding:16px}.pp-agent-studio-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pp-agent-studio-form-grid>.fui-Field,.pp-agent-studio-preview-card,.pp-agent-studio-hook-grid,.pp-agent-studio-form-grid--nested{grid-column:1 / -1}.pp-agent-studio-form-grid--nested{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pp-agent-studio-hook-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pp-agent-studio-action-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px;padding-top:20px;padding-bottom:4px;border-top:1px solid var(--colorNeutralStroke2);flex:0 0 auto;position:sticky;bottom:0;z-index:1;background:linear-gradient(180deg,#18181b00,#18181beb 22%,#18181bfa)}.pp-agent-studio-action-bar-left,.pp-agent-studio-action-bar-right{display:flex;align-items:center;gap:12px}@media(max-width:980px){.pp-shell-hero,.pp-agent-setup-hero,.pp-agent-setup-footer-grid{grid-template-columns:1fr}.pp-shell-chip-row{justify-content:flex-start}.pp-agent-setup-summary-grid,.pp-agent-stage-grid,.pp-agent-readiness-grid{grid-template-columns:1fr}.pp-agent-readiness-item--wide{grid-column:auto}.pp-agent-save-banner{flex-direction:column;align-items:flex-start}.pp-agent-studio-hero,.pp-agent-studio-shell{grid-template-columns:1fr;display:grid}.pp-agent-studio-hero-meta,.pp-agent-studio-rail{position:static;justify-items:start;height:auto;min-height:0}.pp-agent-studio-canvas-card{height:auto;min-height:0}.pp-agent-studio-canvas-body,.pp-agent-studio-step-list,.pp-agent-studio-rail{overflow:visible;min-height:0;padding-right:0}.pp-agent-studio-summary-grid,.pp-agent-studio-starter-mode-grid,.pp-agent-studio-template-grid,.pp-agent-studio-choice-grid,.pp-agent-studio-form-grid,.pp-agent-studio-form-grid--nested,.pp-agent-studio-hook-grid{grid-template-columns:1fr}.pp-agent-studio-step-button{grid-template-columns:auto minmax(0,1fr)}.pp-agent-studio-step-state{grid-column:2}.pp-agent-studio-action-bar,.pp-agent-studio-action-bar-left,.pp-agent-studio-action-bar-right{flex-direction:column;align-items:stretch}}
