.pp-builder{--color-bg-black: #0A0A0A;--color-bg-ink: #0F1117;--color-bg-slate: #1E202B;--color-bg-code: #060A12;--color-panel: rgba(15, 17, 23, .78);--color-panel-strong: rgba(30, 32, 43, .88);--color-panel-soft: rgba(255, 255, 255, .04);--color-panel-hover: rgba(255, 255, 255, .075);--color-panel-border: rgba(255, 255, 255, .1);--color-panel-border-soft: rgba(255, 255, 255, .08);--color-text-primary: #F8FAFC;--color-text-secondary: #CBD5E1;--color-text-muted: #94A3B8;--color-text-faint: #64748B;--color-text-code: #DBEAFE;--color-text-terminal: #DDF4FF;--color-accent-cyan: #38BDF8;--color-accent-blue: #3B82F6;--color-accent-violet: #8B5CF6;--color-accent-purple: #A855F7;--color-accent-green: #22C55E;--color-accent-amber: #F59E0B;--color-accent-red: #EF4444;--nav-bg: rgba(10, 10, 10, .62);--editor-bg: rgba(10, 10, 10, .58);--grid-line-x: rgba(255, 255, 255, .035);--grid-line-y: rgba(255, 255, 255, .028);--soft-row-bg: rgba(255, 255, 255, .035);--terminal-chrome-bg: rgba(255, 255, 255, .035);--pill-bg: rgba(255, 255, 255, .055);--gradient-page-left: radial-gradient(circle at top left, rgba(56, 189, 248, .18), transparent 35%);--gradient-page-right: radial-gradient(circle at top right, rgba(168, 85, 247, .16), transparent 35%);--gradient-page-depth: linear-gradient(180deg, rgba(30, 32, 43, .72), rgba(10, 10, 10, .28) 42%);--gradient-accent-band: linear-gradient(90deg, rgba(56, 189, 248, .55), rgba(139, 92, 246, .45), rgba(168, 85, 247, .55));--gradient-button: linear-gradient(90deg, var(--color-accent-cyan), var(--color-accent-blue), var(--color-accent-violet));--gradient-selected: linear-gradient(135deg, rgba(56, 189, 248, .16), rgba(139, 92, 246, .1));--gradient-progress: linear-gradient(90deg, var(--color-accent-cyan), var(--color-accent-violet), var(--color-accent-purple));--gradient-script: linear-gradient(180deg, rgba(56, 189, 248, .05), rgba(139, 92, 246, .03));--radius-sm: 7px;--radius-md: 12px;--radius-lg: 14px;--radius-xl: 16px;--radius-panel: 18px;--radius-pill: 999px;--glow-panel: 0 24px 90px rgba(0, 0, 0, .42);--glow-nav: 0 22px 70px rgba(0, 0, 0, .35);--glow-button: 0 18px 42px rgba(59, 130, 246, .28);--glow-button-hover: 0 20px 54px rgba(139, 92, 246, .34);--glow-active: 0 0 36px rgba(56, 189, 248, .14);--glow-focus: rgba(56, 189, 248, .72);--space-1: 4px;--space-2: 8px;--space-3: 10px;--space-4: 12px;--space-5: 14px;--space-6: 16px;--space-7: 18px;--space-8: 28px;--container-max: 1480px;--page-padding-x: clamp(14px, 3vw, 36px);--page-padding-top: 18px;--page-padding-bottom: 44px;--transition-fast: .16s ease;--font-mono: ui-monospace, "SFMono-Regular", "Cascadia Code", Consolas, monospace;--bg-black: var(--color-bg-black);--bg-ink: var(--color-bg-ink);--bg-slate: var(--color-bg-slate);--panel: var(--color-panel);--panel-strong: var(--color-panel-strong);--panel-border: var(--color-panel-border);--text-primary: var(--color-text-primary);--text-secondary: var(--color-text-secondary);--text-muted: var(--color-text-muted);--text-faint: var(--color-text-faint);--accent-cyan: var(--color-accent-cyan);--accent-blue: var(--color-accent-blue);--accent-violet: var(--color-accent-violet);--accent-purple: var(--color-accent-purple);--accent-green: var(--color-accent-green);--accent-amber: var(--color-accent-amber);--accent-red: var(--color-accent-red);min-height:100vh;padding:var(--page-padding-top) var(--page-padding-x) var(--page-padding-bottom);color:var(--text-primary);background:var(--gradient-page-left),var(--gradient-page-right),var(--gradient-page-depth),var(--page-bg, var(--bg-black));isolation:isolate}.pp-builder.theme-light{--color-bg-black: #F6F8FB;--color-bg-ink: #FFFFFF;--color-bg-slate: #E8EEF5;--color-panel: rgba(255, 255, 255, .84);--color-panel-strong: rgba(255, 255, 255, .94);--color-panel-soft: rgba(15, 23, 42, .045);--color-panel-hover: rgba(14, 165, 233, .09);--color-panel-border: rgba(15, 23, 42, .14);--color-panel-border-soft: rgba(15, 23, 42, .1);--color-text-primary: #0F172A;--color-text-secondary: #334155;--color-text-muted: #475569;--color-text-faint: #64748B;--color-accent-cyan: #0284C7;--color-accent-blue: #2563EB;--color-accent-violet: #6D28D9;--color-accent-purple: #7C3AED;--nav-bg: rgba(255, 255, 255, .82);--editor-bg: rgba(255, 255, 255, .8);--grid-line-x: rgba(15, 23, 42, .045);--grid-line-y: rgba(15, 23, 42, .035);--soft-row-bg: rgba(15, 23, 42, .035);--terminal-chrome-bg: rgba(15, 23, 42, .035);--pill-bg: rgba(15, 23, 42, .055);--gradient-page-left: radial-gradient(circle at top left, rgba(14, 165, 233, .15), transparent 34%);--gradient-page-right: radial-gradient(circle at top right, rgba(124, 58, 237, .1), transparent 34%);--gradient-page-depth: linear-gradient(180deg, rgba(232, 238, 245, .86), rgba(246, 248, 251, .72) 48%);--gradient-accent-band: linear-gradient(90deg, rgba(14, 165, 233, .32), rgba(109, 40, 217, .2), rgba(124, 58, 237, .28));--gradient-selected: linear-gradient(135deg, rgba(14, 165, 233, .12), rgba(109, 40, 217, .07));--glow-panel: 0 20px 70px rgba(15, 23, 42, .12);--glow-nav: 0 18px 54px rgba(15, 23, 42, .14);--glow-button: 0 16px 34px rgba(37, 99, 235, .18);--glow-button-hover: 0 18px 42px rgba(109, 40, 217, .2);--glow-active: 0 0 28px rgba(14, 165, 233, .13);--glow-focus: rgba(2, 132, 199, .64)}.pp-builder.theme-light .hero-terminal{--color-panel-soft: rgba(255, 255, 255, .06);--color-panel-hover: rgba(255, 255, 255, .11);--color-panel-border-soft: rgba(255, 255, 255, .1);--color-text-terminal: #DDF4FF;--text-primary: #F8FAFC;--text-secondary: #CBD5E1;--text-faint: #94A3B8;--terminal-chrome-bg: rgba(255, 255, 255, .035);background:#0f1117eb}.pp-builder:before{position:fixed;inset:0;z-index:-1;pointer-events:none;content:"";background:linear-gradient(var(--grid-line-x) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line-y) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 78%);mask-image:linear-gradient(180deg,#000,transparent 78%)}.pp-builder .top-nav,.pp-builder .layout-editor,.pp-builder .hero-section,.pp-builder .dashboard-simulator,.pp-builder .mode-strip,.pp-builder .private-placeholder,.pp-builder .builder-section,.pp-builder .presets-panel,.pp-builder .category-section,.pp-builder .summary-panel,.pp-builder .script-panel,.pp-builder .note-panel{width:min(var(--container-max),100%);margin-right:auto;margin-left:auto}.pp-builder .top-nav{position:sticky;top:12px;z-index:10;display:grid;grid-template-columns:1fr auto 1fr;gap:var(--space-7);align-items:center;padding:var(--space-4) var(--space-5);border:1px solid var(--panel-border);border-radius:var(--radius-xl);background:var(--nav-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--glow-nav)}.pp-builder .brand-mark,.pp-builder .nav-links,.pp-builder .nav-actions,.pp-builder .nav-cta,.pp-builder .hero-actions,.pp-builder .button-primary,.pp-builder .button-secondary,.pp-builder .panel-title,.pp-builder .mode-option,.pp-builder .catalog-main-button,.pp-builder .summary-list{display:flex;align-items:center}.pp-builder .brand-mark{gap:var(--space-3);color:var(--text-primary);font-weight:800;text-decoration:none}.pp-builder .brand-mark svg{color:var(--accent-cyan)}.pp-builder .nav-links{justify-content:center;gap:var(--space-2)}.pp-builder .nav-actions{justify-content:flex-end;gap:var(--space-2)}.pp-builder .nav-links a,.pp-builder .nav-cta,.pp-builder .theme-toggle,.pp-builder .button-secondary{border:1px solid var(--color-panel-border-soft);background:var(--color-panel-soft);color:var(--text-secondary)}.pp-builder .nav-links a,.pp-builder .nav-cta,.pp-builder .theme-toggle{min-height:36px;padding:8px 12px;border-radius:999px;font-size:.88rem;text-decoration:none}.pp-builder .nav-cta{justify-content:center}.pp-builder .theme-toggle{display:inline-flex;gap:var(--space-2);align-items:center;justify-content:center;font-weight:800}.pp-builder .layout-editor{margin-top:var(--space-5);padding:var(--space-6);border:1px solid var(--panel-border);border-radius:var(--radius-panel);background:var(--editor-bg);box-shadow:var(--glow-nav);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.pp-builder .layout-editor-header,.pp-builder .layout-editor-actions,.pp-builder .layout-section-item,.pp-builder .layout-drag-handle,.pp-builder .layout-visibility-toggle{display:flex;align-items:center}.pp-builder .layout-editor-header{justify-content:space-between;gap:var(--space-5)}.pp-builder .layout-editor-header h2,.pp-builder .layout-editor-header p{margin-bottom:0}.pp-builder .layout-safety-note{margin:var(--space-5) 0;padding:var(--space-4);border:1px solid rgba(245,158,11,.24);border-radius:var(--radius-md);background:#f59e0b14;color:var(--text-secondary);line-height:1.5}.pp-builder .layout-editor-actions{flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-5)}.pp-builder .layout-section-list{display:grid;gap:var(--space-2);padding:0;margin:0;list-style:none}.pp-builder .layout-section-item{justify-content:space-between;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--color-panel-border-soft);border-radius:var(--radius-md);background:var(--color-panel-soft)}.pp-builder .layout-section-item.is-dragging{opacity:.54}.pp-builder .layout-drag-handle,.pp-builder .layout-visibility-toggle{gap:var(--space-2)}.pp-builder .layout-drag-handle{flex:0 0 auto;color:var(--accent-cyan);cursor:grab;font-weight:800}.pp-builder .layout-section-copy{flex:1 1 auto;min-width:0}.pp-builder .layout-section-copy strong,.pp-builder .layout-section-copy small{display:block}.pp-builder .layout-section-copy small{margin-top:var(--space-1);color:var(--text-muted);line-height:1.4}.pp-builder .layout-visibility-toggle{justify-content:center;min-width:106px;min-height:38px;border:1px solid var(--color-panel-border-soft);border-radius:var(--radius-pill);background:#ffffff0d;color:var(--text-secondary);font-weight:800}.pp-builder .layout-visibility-toggle[aria-pressed=true]{border-color:#38bdf86b;color:var(--text-primary);background:#38bdf81f}.pp-builder .hero-section{display:grid;grid-template-columns:minmax(0,.85fr) minmax(460px,1fr);gap:clamp(28px,5vw,72px);align-items:start;min-height:auto;padding:clamp(16px,3vw,38px) 0 24px}.pp-builder .hero-copy{max-width:760px}.pp-builder .eyebrow{margin:0 0 12px;color:var(--accent-cyan);font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.pp-builder h1,.pp-builder h2,.pp-builder h3,.pp-builder p{margin-top:0}.pp-builder h1{margin-bottom:20px;color:var(--text-primary);font-size:clamp(1.6rem,3.6vw,3rem);line-height:1.02;letter-spacing:0}.pp-builder h2{margin-bottom:8px;color:var(--text-primary);font-size:1.35rem;line-height:1.16}.pp-builder h3{margin-bottom:0;color:var(--text-primary);font-size:.98rem}.pp-builder .header-copy{max-width:680px;margin-bottom:0;color:var(--text-secondary);font-size:clamp(1.05rem,2vw,1.22rem);line-height:1.65}.pp-builder .hero-metrics{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.pp-builder .hero-metrics span,.pp-builder .summary-list span,.pp-builder .catalog-title small,.pp-builder .catalog-meta em,.pp-builder .status-pill,.pp-builder .alert-row small{border:1px solid rgba(255,255,255,.1);border-radius:999px;background:var(--pill-bg)}.pp-builder .hero-metrics span{padding:9px 12px;color:var(--text-muted)}.pp-builder .hero-metrics strong{color:var(--text-primary)}.pp-builder .hero-visuals{display:grid;gap:var(--space-6)}.pp-builder .hero-terminal,.pp-builder .dashboard-simulator,.pp-builder .private-placeholder,.pp-builder .presets-panel,.pp-builder .category-section,.pp-builder .summary-panel,.pp-builder .script-panel,.pp-builder .note-panel,.pp-builder .sim-panel{position:relative;overflow:hidden;border:1px solid var(--panel-border);border-radius:var(--radius-panel);background:var(--panel);box-shadow:var(--glow-panel);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.pp-builder .hero-terminal:before,.pp-builder .script-panel:before,.pp-builder .catalog-item.is-selected:before,.pp-builder .preset-button:hover:before,.pp-builder .sim-panel:before{position:absolute;inset:0;pointer-events:none;content:"";background:var(--gradient-accent-band);opacity:.16}.pp-builder .terminal-chrome{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-panel-border-soft);background:var(--terminal-chrome-bg)}.pp-builder .terminal-chrome span{width:10px;height:10px;border-radius:var(--radius-pill)}.pp-builder .terminal-chrome span:nth-child(1){background:var(--accent-red)}.pp-builder .terminal-chrome span:nth-child(2){background:var(--accent-amber)}.pp-builder .terminal-chrome span:nth-child(3){background:var(--accent-green)}.pp-builder .terminal-chrome strong{margin-left:auto;color:var(--text-faint);font-family:var(--font-mono);font-size:.82rem}.pp-builder .terminal-body{padding:clamp(18px,3vw,28px);color:var(--color-text-terminal);font-family:var(--font-mono);font-size:clamp(.9rem,1.6vw,1rem);line-height:1.75}.pp-builder .terminal-body p{margin-bottom:9px}.pp-builder .terminal-body span{color:var(--accent-green)}.pp-builder .terminal-command{color:var(--text-primary)}.pp-builder .cursor{display:inline-block;margin-left:3px;color:var(--accent-cyan)!important;animation:blink 1s steps(2,start) infinite}.pp-builder .hero-actions,.pp-builder .action-grid{gap:10px}.pp-builder .hero-actions{flex-wrap:wrap;padding:0 clamp(18px,3vw,28px) clamp(18px,3vw,28px)}.pp-builder .button-primary,.pp-builder .button-secondary,.pp-builder .nav-cta,.pp-builder .theme-toggle,.pp-builder .preset-button,.pp-builder .catalog-main-button,.pp-builder .mode-option{min-height:42px;border-radius:var(--radius-md);font-weight:800;text-decoration:none;transition:transform var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast)}.pp-builder .button-primary,.pp-builder .button-secondary{justify-content:center;gap:8px;padding:11px 14px}.pp-builder .button-primary{border:1px solid rgba(255,255,255,.22);background:var(--gradient-button);color:#fff;box-shadow:var(--glow-button)}.pp-builder .button-secondary:hover,.pp-builder .nav-links a:hover,.pp-builder .nav-cta:hover,.pp-builder .theme-toggle:hover,.pp-builder .preset-button:hover,.pp-builder .catalog-item:hover:not(.is-disabled),.pp-builder .mode-option:hover:not(:disabled){border-color:#38bdf87a;background:var(--color-panel-hover);transform:translateY(-1px)}.pp-builder .button-primary:hover{transform:translateY(-1px);box-shadow:var(--glow-button-hover)}.pp-builder .button-clear{border-color:#f59e0b3d}.pp-builder .button-clear:hover{border-color:#f59e0b6b}.pp-builder button:focus-visible,.pp-builder a:focus-visible,.pp-builder textarea:focus-visible{outline:3px solid var(--glow-focus);outline-offset:3px}.pp-builder .section-heading p,.pp-builder .private-placeholder p,.pp-builder .mode-option small,.pp-builder .catalog-description,.pp-builder .preset-button span,.pp-builder .note-panel p{color:var(--text-muted)}.pp-builder .dashboard-simulator{padding:clamp(18px,3vw,28px)}.pp-builder .section-heading{margin-bottom:14px}.pp-builder .section-heading-large{margin-bottom:18px}.pp-builder .section-heading-large h2{font-size:clamp(1.55rem,3vw,2.05rem)}.pp-builder .section-heading p{margin-bottom:0;line-height:1.5}.pp-builder .dashboard-grid{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:var(--space-5)}.pp-builder .sim-panel{padding:var(--space-6);box-shadow:none}.pp-builder .panel-title{gap:9px;margin-bottom:var(--space-5)}.pp-builder .panel-title svg{color:var(--accent-cyan)}.pp-builder .machine-table,.pp-builder .alert-list{display:grid;gap:var(--space-2)}.pp-builder .machine-row,.pp-builder .alert-row{display:flex;justify-content:space-between;gap:var(--space-4);align-items:center;padding:10px 11px;border:1px solid var(--color-panel-border-soft);border-radius:var(--radius-md);background:var(--soft-row-bg)}.pp-builder .machine-row span,.pp-builder .alert-row span{color:var(--text-secondary)}.pp-builder .status-pill,.pp-builder .alert-row small{padding:4px 8px;font-size:.72rem}.pp-builder .status-pill.ready{color:#bbf7d0;background:#22c55e29}.pp-builder .status-pill.installing{color:#bfdbfe;background:#3b82f62e}.pp-builder .status-pill.attention{color:#fde68a;background:#f59e0b2e}.pp-builder .pipeline{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-2);padding-top:26px}.pp-builder .pipeline:before{position:absolute;top:9px;right:8%;left:8%;height:4px;border-radius:var(--radius-pill);content:"";background:linear-gradient(90deg,var(--accent-cyan),var(--accent-violet),rgba(255,255,255,.14))}.pp-builder .pipeline span{position:relative;padding:10px 6px;border:1px solid var(--color-panel-border-soft);border-radius:var(--radius-md);background:var(--color-panel-soft);color:var(--text-muted);font-size:.78rem;font-weight:800;text-align:center}.pp-builder .pipeline span:before{position:absolute;top:-22px;left:calc(50% - 5px);width:10px;height:10px;border-radius:var(--radius-pill);content:"";background:var(--accent-blue);box-shadow:0 0 20px #38bdf86b}.pp-builder .pipeline span.is-current{border-color:#8b5cf6b8;color:var(--text-primary);background:#8b5cf629}.pp-builder .mode-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5);margin-top:var(--space-7);margin-bottom:var(--space-7)}.pp-builder .mode-option{gap:13px;min-height:90px;padding:var(--space-6);border:1px solid var(--panel-border);background:var(--panel);color:var(--text-primary);text-align:left}.pp-builder .mode-option.is-active{border-color:#38bdf89e;background:var(--gradient-selected);box-shadow:var(--glow-active)}.pp-builder .mode-option:disabled{opacity:.68}.pp-builder .mode-icon,.pp-builder .catalog-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:38px;height:38px;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);background:#38bdf81f;color:var(--accent-cyan)}.pp-builder .mode-option strong,.pp-builder .mode-option small,.pp-builder .preset-button strong,.pp-builder .preset-button span,.pp-builder .catalog-title,.pp-builder .catalog-description,.pp-builder .catalog-meta{display:block}.pp-builder .mode-option small{margin-top:4px;line-height:1.4}.pp-builder .private-placeholder{display:flex;gap:var(--space-5);margin-bottom:var(--space-7);padding:var(--space-7);border-color:#f59e0b3d}.pp-builder .private-placeholder svg{flex:0 0 auto;color:var(--accent-amber)}.pp-builder .private-placeholder p{margin-bottom:0}.pp-builder .workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(400px,.54fr);gap:var(--space-7);align-items:start;width:min(var(--container-max),100%);margin:0 auto}.pp-builder .selection-pane,.pp-builder .output-pane{display:grid;gap:var(--space-5)}.pp-builder .presets-panel,.pp-builder .category-section,.pp-builder .summary-panel,.pp-builder .script-panel{padding:clamp(16px,2vw,22px)}.pp-builder .preset-grid,.pp-builder .catalog-grid,.pp-builder .action-grid{display:grid;gap:var(--space-3)}.pp-builder .preset-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.pp-builder .preset-button,.pp-builder .catalog-item{position:relative;overflow:hidden;border:1px solid var(--panel-border);background:var(--color-panel-soft);color:var(--text-primary)}.pp-builder .catalog-item{display:grid;gap:var(--space-3)}.pp-builder .catalog-main-button{gap:var(--space-4);align-items:flex-start;width:100%;min-height:80px;padding:0;border:0;background:transparent;color:inherit;text-align:left}.pp-builder .preset-button{padding:14px;text-align:left}.pp-builder .preset-button span{margin-top:7px;font-size:.88rem;line-height:1.45}.pp-builder .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pp-builder .catalog-item{gap:12px;align-items:flex-start;min-height:128px;padding:14px;text-align:left}.pp-builder .catalog-item.is-selected{border-color:#38bdf8ad;background:var(--gradient-selected);box-shadow:inset 3px 0 #38bdf8eb,0 0 32px #38bdf81f}.pp-builder .catalog-item.is-disabled{opacity:.52}.pp-builder .catalog-copy{min-width:0}.pp-builder .catalog-title{color:var(--text-primary);font-weight:850;line-height:1.25}.pp-builder .catalog-title small{display:inline-flex;margin-left:7px;padding:2px 7px;color:#bae6fd;font-size:.67rem;font-weight:800}.pp-builder .catalog-description{margin-top:7px;font-size:.9rem;line-height:1.42}.pp-builder .catalog-meta{display:flex;flex-wrap:wrap;gap:6px;min-height:24px;margin-top:10px}.pp-builder .catalog-meta em{padding:4px 7px;color:var(--text-secondary);font-family:var(--font-mono);font-size:.68rem;font-style:normal}.pp-builder .install-method-selector{display:grid;gap:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--color-panel-border-soft)}.pp-builder .install-method-selector>span{color:var(--text-faint);font-size:.72rem;font-weight:800;text-transform:uppercase}.pp-builder .install-method-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.pp-builder .method-button{min-height:34px;padding:7px 9px;border:1px solid var(--color-panel-border-soft);border-radius:var(--radius-md);background:var(--color-panel-soft);color:var(--text-secondary);font-size:.78rem;font-weight:800}.pp-builder .method-button.is-active{border-color:#38bdf89e;background:var(--gradient-selected);color:var(--text-primary)}.pp-builder .method-button:disabled{opacity:.45}.pp-builder .install-method-selector small{color:var(--text-muted);font-size:.76rem;line-height:1.4}.pp-builder .summary-list{flex-wrap:wrap;gap:8px}.pp-builder .summary-list span{padding:6px 9px;color:var(--text-secondary);font-size:.82rem}.pp-builder .summary-list em{margin-left:var(--space-1);color:var(--accent-cyan);font-family:var(--font-mono);font-size:.72rem;font-style:normal}.pp-builder .script-panel{border-color:#38bdf833}.pp-builder .script-preview,.pp-builder .bootstrap-preview{width:100%;border:1px solid rgba(56,189,248,.18);border-radius:var(--radius-lg);background:var(--gradient-script),var(--color-bg-code);color:var(--color-text-code);font-family:var(--font-mono);font-size:.86rem;line-height:1.58;resize:vertical;box-shadow:inset 0 1px #ffffff0f}.pp-builder .script-preview{min-height:500px;padding:15px}.pp-builder .bootstrap-preview{min-height:92px;margin-top:8px;padding:12px}.pp-builder .action-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin:13px 0}.pp-builder .action-grid button{border-radius:var(--radius-md)}.pp-builder .bootstrap-label{display:block;color:var(--text-secondary);font-size:.85rem;font-weight:800}.pp-builder .notes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5);width:min(var(--container-max),100%);margin:var(--space-7) auto 0}.pp-builder .note-panel{padding:var(--space-7)}.pp-builder .note-panel svg{margin-bottom:12px;color:var(--accent-cyan)}.pp-builder .note-panel p{margin-bottom:0;line-height:1.5}@keyframes blink{50%{opacity:0}}@keyframes shimmer{0%{filter:hue-rotate(0deg);transform:translate(-4%)}50%{filter:hue-rotate(18deg);transform:translate(4%)}to{filter:hue-rotate(0deg);transform:translate(-4%)}}@media(max-width:1180px){.pp-builder .hero-section,.pp-builder .workspace-grid,.pp-builder .dashboard-grid,.pp-builder .preset-grid,.pp-builder .catalog-grid{grid-template-columns:1fr}.pp-builder .hero-section{min-height:auto}.pp-builder .output-pane{position:static}}@media(max-width:760px){.pp-builder{padding:12px 10px 28px}.pp-builder .top-nav{position:static;grid-template-columns:1fr}.pp-builder .nav-links{justify-content:flex-start;flex-wrap:wrap}.pp-builder .nav-cta{justify-self:stretch;justify-content:center}.pp-builder .nav-actions{display:grid;grid-template-columns:1fr}.pp-builder .hero-actions,.pp-builder .mode-strip,.pp-builder .action-grid,.pp-builder .notes-grid{grid-template-columns:1fr}.pp-builder .hero-actions{display:grid}.pp-builder .button-primary,.pp-builder .button-secondary,.pp-builder .theme-toggle{width:100%}}@media(prefers-reduced-motion:reduce){.pp-builder *{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}.pp-builder{min-height:auto;padding:0}.pp-builder:before{content:none}:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f8fafc;background:#0a0a0a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#0a0a0a}button,a{font:inherit}.portal-shell{--bg-black: #0A0A0A;--bg-ink: #0F1117;--panel: rgba(15, 17, 23, .78);--panel-border: rgba(255, 255, 255, .1);--text-primary: #F8FAFC;--text-secondary: #CBD5E1;--text-muted: #94A3B8;--accent-cyan: #38BDF8;--accent-blue: #3B82F6;--accent-violet: #8B5CF6;--accent-amber: #F59E0B;--accent-green: #22C55E;min-height:100vh;padding:18px clamp(14px,3vw,36px) 44px;color:var(--text-primary);background:radial-gradient(circle at top left,rgba(56,189,248,.18),transparent 35%),radial-gradient(circle at top right,rgba(139,92,246,.15),transparent 35%),linear-gradient(180deg,#1e202bb8,#0a0a0a4d 42%),var(--bg-black)}.portal-nav,.hero-section,.identity-panel,.data-section,.feature-grid,.boundary-panel{width:min(1380px,100%);margin-right:auto;margin-left:auto}.portal-nav{position:sticky;top:12px;z-index:10;display:flex;gap:18px;align-items:center;justify-content:space-between;padding:12px 14px;border:1px solid var(--panel-border);border-radius:16px;background:#0a0a0aa3;box-shadow:0 22px 70px #00000059;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-mark,.nav-pills,.hero-actions,.panel-title,.card-heading,.boundary-list{display:flex;align-items:center}.brand-mark{gap:10px;color:var(--text-primary);font-weight:850;text-decoration:none}.brand-mark svg,.panel-title svg{color:var(--accent-cyan)}.nav-pills,.hero-actions,.boundary-list{flex-wrap:wrap;gap:8px}.nav-pills button,.nav-pills span,.hero-actions span,.boundary-list span,.status-pill{border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#ffffff0e;color:var(--text-secondary)}.nav-pills span{padding:8px 12px;font-size:.82rem;font-weight:800}.nav-pills button{padding:8px 12px;cursor:pointer;font-size:.82rem;font-weight:800}.nav-pills button.active{border-color:#38bdf88c;background:#38bdf82e;color:var(--text-primary)}.hero-section{display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,.7fr);gap:clamp(28px,5vw,72px);align-items:center;padding:clamp(58px,8vw,110px) 0 26px}.eyebrow{margin:0 0 12px;color:var(--accent-cyan);font-size:.78rem;font-weight:850;letter-spacing:0;text-transform:uppercase}h1,h2,p{margin-top:0}h1{max-width:900px;margin-bottom:20px;font-size:clamp(2.65rem,6vw,5.6rem);line-height:.96}h2{margin-bottom:8px}.hero-text{max-width:780px;color:var(--text-secondary);font-size:clamp(1.05rem,2vw,1.22rem);line-height:1.65}.hero-actions span{gap:8px;padding:9px 12px}.terminal-card,.identity-panel,.data-card,.feature-card,.boundary-panel{position:relative;overflow:hidden;border:1px solid var(--panel-border);border-radius:18px;background:var(--panel);box-shadow:0 24px 90px #0000006b;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.terminal-card:before,.data-card:before,.feature-card:before,.identity-panel:before,.boundary-panel:before{position:absolute;inset:0;pointer-events:none;content:"";background:linear-gradient(90deg,#38bdf873,#8b5cf659);opacity:.15}.terminal-chrome{display:flex;gap:8px;align-items:center;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.08);background:#ffffff09}.terminal-chrome span{width:10px;height:10px;border-radius:999px}.terminal-chrome span:nth-child(1){background:#ef4444}.terminal-chrome span:nth-child(2){background:var(--accent-amber)}.terminal-chrome span:nth-child(3){background:var(--accent-green)}.terminal-chrome strong{margin-left:auto;color:var(--text-muted);font-family:ui-monospace,SFMono-Regular,Cascadia Code,Consolas,monospace;font-size:.82rem}.terminal-body{padding:clamp(18px,3vw,28px);color:#ddf4ff;font-family:ui-monospace,SFMono-Regular,Cascadia Code,Consolas,monospace;line-height:1.75}.terminal-body p{margin-bottom:9px}.terminal-body span{color:var(--accent-green)}.identity-panel,.boundary-panel{display:grid;gap:12px;padding:clamp(18px,3vw,28px);margin-top:18px}.panel-title{gap:9px}.panel-title h2,.identity-panel p{margin-bottom:0}.identity-panel small,.feature-card p{color:var(--text-muted);line-height:1.5}.identity-meta{display:flex;flex-wrap:wrap;gap:8px}.identity-meta span{padding:7px 10px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#38bdf814;color:var(--text-secondary);font-size:.82rem;font-weight:800}.data-section{display:grid;gap:14px;margin-top:18px}.data-section-heading{display:flex;gap:18px;align-items:flex-end;justify-content:space-between}.data-section-heading p{max-width:760px;margin-bottom:0;color:var(--text-secondary);line-height:1.55}.small-action,.compact-form button{border:1px solid rgba(56,189,248,.38);border-radius:10px;background:#38bdf824;color:var(--text-primary);cursor:pointer;font-weight:850}.small-action{min-width:96px;padding:9px 12px}.inline-action{width:fit-content;min-width:0;padding:7px 10px;font-size:.78rem}.api-status{margin-bottom:0;padding:10px 12px;border:1px solid var(--panel-border);border-radius:12px;background:#ffffff0e;color:var(--text-secondary)}.api-status.warning,.warning-note{border-color:#f59e0b59;background:#f59e0b1a;color:#fde68a}.data-grid{display:grid;grid-template-columns:1fr;gap:14px}.overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.data-card{display:grid;align-content:start;gap:14px;min-height:320px;padding:16px}.page-card{min-height:auto}.preset-page-card{gap:18px}.metric-card{min-height:130px}.metric-card span{color:var(--accent-cyan);font-size:1.5rem;font-weight:900}.compact-form,.record-list{position:relative;z-index:1;display:grid;gap:10px}.compact-form label{display:grid;gap:6px;color:var(--text-muted);font-size:.82rem;font-weight:800}.compact-form input,.compact-form select,.compact-form textarea{width:100%;min-height:40px;padding:10px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#0a0a0a8f;color:var(--text-primary)}.compact-form textarea{min-height:76px;resize:vertical}.compact-form button{padding:10px 12px}.preset-builder-form{min-width:0}.preset-workspace{position:relative;z-index:1;display:grid;grid-template-columns:minmax(250px,.72fr) minmax(420px,1.35fr) minmax(280px,.86fr);gap:14px;align-items:start}.catalog-pane,.inspector-pane{display:grid;gap:10px;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#ffffff0a}.catalog-pane input,.catalog-pane select{width:100%;min-height:40px;padding:10px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#0a0a0a8f;color:var(--text-primary)}.catalog-list{display:grid;gap:8px;max-height:620px;overflow:auto}.catalog-app{display:grid;gap:4px;width:100%;padding:10px;border:1px solid rgba(56,189,248,.18);border-radius:12px;background:#38bdf80f;color:var(--text-primary);text-align:left;cursor:pointer}.catalog-app span,.catalog-app small{color:var(--text-muted);overflow-wrap:anywhere}.preset-canvas{align-content:start}.preset-builder,.preset-items,.preset-item-card,.builder-actions{display:grid;gap:10px}.builder-toolbar,.example-apps,.preset-item-heading,.item-controls,.builder-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.builder-toolbar .small-action{display:inline-flex;gap:7px;align-items:center}.example-app{padding:7px 9px;border:1px solid rgba(34,197,94,.26);border-radius:999px;background:#22c55e14;color:var(--text-secondary);cursor:pointer;font-size:.76rem;font-weight:800}.preset-item-card{padding:10px;border:1px solid rgba(56,189,248,.18);border-radius:12px;background:#38bdf80f}.preset-item-heading{justify-content:space-between}.item-type-badge{padding:5px 8px;border:1px solid rgba(56,189,248,.28);border-radius:999px;background:#38bdf81c;color:#bae6fd;font-size:.7rem;font-weight:900;text-transform:uppercase}.icon-action{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:#ffffff0f;color:var(--text-primary);cursor:pointer}.icon-action:disabled{cursor:not-allowed;opacity:.38}.icon-action.danger{border-color:#ef444457;color:#fca5a5}.raw-action{border-color:#f59e0b75;background:#f59e0b21}.raw-action:disabled{cursor:not-allowed;opacity:.48}.field-warning,.builder-empty{color:#fde68a;line-height:1.45}.json-preview{min-height:150px;font-family:ui-monospace,SFMono-Regular,Cascadia Code,Consolas,monospace}.full-record-list{position:relative;z-index:1}.record-list{max-height:none;overflow:auto;padding-top:4px}.record-list p,.warning-note{margin-bottom:0;color:var(--text-muted);line-height:1.5}.warning-note{position:relative;z-index:1;padding:10px;border:1px solid rgba(245,158,11,.35);border-radius:12px}.record-row{display:grid;gap:3px;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#ffffff0b}.job-row{gap:8px}.record-row span,.record-row small{min-width:0;overflow-wrap:anywhere;color:var(--text-muted)}.token-created,.token-list,.token-row{display:grid;gap:7px}.token-created,.token-row{padding:9px;border:1px solid rgba(56,189,248,.18);border-radius:10px;background:#38bdf812}.token-created code,.command-preview{width:100%;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#0a0a0aa3;color:#ddf4ff;font-family:ui-monospace,SFMono-Regular,Cascadia Code,Consolas,monospace;overflow-wrap:anywhere}.token-created code{padding:8px;font-size:.76rem}.token-created p{margin-bottom:0;color:#fde68a;line-height:1.45}.command-preview{min-height:84px;padding:9px;resize:vertical}.deferred-grid{grid-template-columns:minmax(0,1fr)}.status-good{color:#bbf7d0}.status-warn{color:#fde68a}.feature-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:18px}.feature-card{display:grid;gap:12px;min-height:240px;padding:16px}.card-heading{justify-content:space-between;gap:10px}.card-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#38bdf81f;color:var(--accent-cyan)}.status-pill{padding:5px 8px;font-size:.68rem;font-weight:850}.feature-card h2{margin-bottom:0}.boundary-list span{padding:8px 10px}@media(max-width:1180px){.hero-section,.overview-grid,.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-section,.preset-workspace{grid-template-columns:1fr}.feature-card{min-height:auto}}@media(max-width:760px){.portal-shell{padding:12px 10px 28px}.portal-nav,.nav-pills,.data-section-heading{align-items:flex-start;flex-direction:column}.nav-pills button,.nav-pills span,.small-action{width:100%}.data-grid,.overview-grid,.preset-workspace{grid-template-columns:1fr}}
