: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,textarea,a{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}#root{min-height:100vh}.app-shell{--bg-black: #0A0A0A;--bg-ink: #0F1117;--bg-slate: #1E202B;--panel: rgba(15, 17, 23, .78);--panel-strong: rgba(30, 32, 43, .88);--panel-border: rgba(255, 255, 255, .1);--text-primary: #F8FAFC;--text-secondary: #CBD5E1;--text-muted: #94A3B8;--text-faint: #64748B;--accent-cyan: #38BDF8;--accent-blue: #3B82F6;--accent-violet: #8B5CF6;--accent-purple: #A855F7;--accent-green: #22C55E;--accent-amber: #F59E0B;--accent-red: #EF4444;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(168,85,247,.16),transparent 35%),linear-gradient(180deg,#1e202bb8,#0a0a0a47 42%),var(--page-bg, var(--bg-black));isolation:isolate}.app-shell:before{position:fixed;inset:0;z-index:-1;pointer-events:none;content:"";background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 78%);mask-image:linear-gradient(180deg,#000,transparent 78%)}.top-nav,.hero-section,.dashboard-simulator,.mode-strip,.private-placeholder,.presets-panel,.category-section,.summary-panel,.script-panel,.note-panel,.background-panel{width:min(1480px,100%);margin-right:auto;margin-left:auto}.top-nav{position:sticky;top:12px;z-index:10;display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center;padding:12px 14px;border:1px solid var(--panel-border);border-radius:16px;background:#0a0a0a9e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 22px 70px #00000059}.brand-mark,.nav-links,.nav-cta,.hero-actions,.button-primary,.button-secondary,.panel-title,.mode-option,.catalog-item,.summary-list,.swatch-row{display:flex;align-items:center}.brand-mark{gap:10px;color:var(--text-primary);font-weight:800;text-decoration:none}.brand-mark svg{color:var(--accent-cyan)}.nav-links{justify-content:center;gap:8px}.nav-links a,.nav-cta,.button-secondary{border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:var(--text-secondary)}.nav-links a,.nav-cta{min-height:36px;padding:8px 12px;border-radius:999px;font-size:.88rem;text-decoration:none}.nav-cta{justify-self:end}.hero-section{display:grid;grid-template-columns:minmax(0,.85fr) minmax(460px,1fr);gap:clamp(28px,5vw,72px);align-items:center;min-height:calc(100vh - 106px);padding:clamp(58px,8vw,110px) 0 54px}.hero-copy{max-width:760px}.eyebrow{margin:0 0 12px;color:var(--accent-cyan);font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin-bottom:20px;color:var(--text-primary);font-size:clamp(2.5rem,6vw,5.5rem);line-height:.96;letter-spacing:0}h2{margin-bottom:8px;color:var(--text-primary);font-size:1.35rem;line-height:1.16}h3{margin-bottom:0;color:var(--text-primary);font-size:.98rem}.header-copy{max-width:680px;margin-bottom:0;color:var(--text-secondary);font-size:clamp(1.05rem,2vw,1.22rem);line-height:1.65}.hero-metrics{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.hero-metrics span,.summary-list span,.catalog-title small,.catalog-meta em,.status-pill,.alert-row small{border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#ffffff0e}.hero-metrics span{padding:9px 12px;color:var(--text-muted)}.hero-metrics strong{color:var(--text-primary)}.hero-visuals{display:grid;gap:16px}.hero-terminal,.background-panel,.dashboard-simulator,.private-placeholder,.presets-panel,.category-section,.summary-panel,.script-panel,.note-panel,.sim-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)}.hero-terminal:before,.script-panel:before,.catalog-item.is-selected:before,.preset-button:hover:before,.sim-panel:before{position:absolute;inset:0;pointer-events:none;content:"";background:linear-gradient(90deg,#38bdf88c,#8b5cf673,#a855f78c);opacity:.16}.terminal-chrome{display:flex;align-items:center;gap:8px;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:var(--accent-red)}.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-faint);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;font-size:clamp(.9rem,1.6vw,1rem);line-height:1.75}.terminal-body p{margin-bottom:9px}.terminal-body span{color:var(--accent-green)}.terminal-command{color:var(--text-primary)}.cursor{display:inline-block;margin-left:3px;color:var(--accent-cyan)!important;animation:blink 1s steps(2,start) infinite}.terminal-progress{height:10px;margin-top:22px;overflow:hidden;border-radius:999px;background:#ffffff14}.terminal-progress span{display:block;width:72%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#38bdf8,#8b5cf6,#a855f7);animation:shimmer 3.2s ease-in-out infinite}.hero-actions,.action-grid{gap:10px}.hero-actions{flex-wrap:wrap;padding:0 clamp(18px,3vw,28px) clamp(18px,3vw,28px)}.button-primary,.button-secondary,.nav-cta,.preset-button,.catalog-item,.mode-option,.color-swatch{min-height:42px;border-radius:12px;font-weight:800;text-decoration:none;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.button-primary,.button-secondary{justify-content:center;gap:8px;padding:11px 14px}.button-primary{border:1px solid rgba(255,255,255,.22);background:linear-gradient(90deg,#38bdf8,#3b82f6,#8b5cf6);color:#fff;box-shadow:0 18px 42px #3b82f647}.button-secondary:hover,.nav-links a:hover,.nav-cta:hover,.preset-button:hover,.catalog-item:hover:not(:disabled),.mode-option:hover:not(:disabled),.color-swatch:hover{border-color:#38bdf87a;background:#ffffff13;transform:translateY(-1px)}.button-primary:hover{transform:translateY(-1px);box-shadow:0 20px 54px #8b5cf657}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid rgba(56,189,248,.72);outline-offset:3px}.background-panel{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:16px}.background-panel p,.section-heading p,.private-placeholder p,.mode-option small,.catalog-description,.preset-button span,.note-panel p{color:var(--text-muted)}.background-panel h2{margin-bottom:2px;font-size:.96rem}.background-panel p{margin-bottom:0;font-size:.86rem}.swatch-row{gap:8px}.color-swatch{display:grid;gap:6px;justify-items:center;padding:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:var(--text-muted)}.color-swatch span{width:30px;height:22px;border:1px solid rgba(255,255,255,.18);border-radius:7px}.color-swatch small{font-family:ui-monospace,SFMono-Regular,Cascadia Code,Consolas,monospace;font-size:.66rem}.color-swatch.is-active{border-color:#38bdf8ad;box-shadow:0 0 0 3px #8b5cf62e,0 0 28px #38bdf82e}.dashboard-simulator{padding:clamp(18px,3vw,28px)}.section-heading{margin-bottom:14px}.section-heading-large{margin-bottom:18px}.section-heading-large h2{font-size:clamp(1.55rem,3vw,2.05rem)}.section-heading p{margin-bottom:0;line-height:1.5}.dashboard-grid{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:14px}.sim-panel{padding:16px;box-shadow:none}.panel-title{gap:9px;margin-bottom:14px}.panel-title svg{color:var(--accent-cyan)}.machine-table,.alert-list{display:grid;gap:8px}.machine-row,.alert-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 11px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#ffffff09}.machine-row span,.alert-row span{color:var(--text-secondary)}.status-pill,.alert-row small{padding:4px 8px;font-size:.72rem}.status-pill.ready{color:#bbf7d0;background:#22c55e29}.status-pill.installing{color:#bfdbfe;background:#3b82f62e}.status-pill.attention{color:#fde68a;background:#f59e0b2e}.pipeline{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding-top:26px}.pipeline:before{position:absolute;top:9px;right:8%;left:8%;height:4px;border-radius:999px;content:"";background:linear-gradient(90deg,#38bdf8,#8b5cf6,#ffffff24)}.pipeline span{position:relative;padding:10px 6px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#ffffff0a;color:var(--text-muted);font-size:.78rem;font-weight:800;text-align:center}.pipeline span:before{position:absolute;top:-22px;left:calc(50% - 5px);width:10px;height:10px;border-radius:999px;content:"";background:var(--accent-blue);box-shadow:0 0 20px #38bdf86b}.pipeline span.is-current{border-color:#8b5cf6b8;color:var(--text-primary);background:#8b5cf629}.mode-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px;margin-bottom:18px}.mode-option{gap:13px;min-height:90px;padding:16px;border:1px solid var(--panel-border);background:var(--panel);color:var(--text-primary);text-align:left}.mode-option.is-active{border-color:#38bdf89e;background:linear-gradient(135deg,#38bdf829,#8b5cf61a);box-shadow:0 0 36px #38bdf824}.mode-option:disabled{opacity:.68}.mode-icon,.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:12px;background:#38bdf81f;color:var(--accent-cyan)}.mode-option strong,.mode-option small,.preset-button strong,.preset-button span,.catalog-title,.catalog-description,.catalog-meta{display:block}.mode-option small{margin-top:4px;line-height:1.4}.private-placeholder{display:flex;gap:14px;margin-bottom:18px;padding:18px;border-color:#f59e0b3d}.private-placeholder svg{flex:0 0 auto;color:var(--accent-amber)}.private-placeholder p{margin-bottom:0}.workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(400px,.54fr);gap:18px;align-items:start;width:min(1480px,100%);margin:0 auto}.selection-pane,.output-pane{display:grid;gap:14px}.presets-panel,.category-section,.summary-panel,.script-panel{padding:clamp(16px,2vw,22px)}.preset-grid,.catalog-grid,.action-grid{display:grid;gap:10px}.preset-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.preset-button,.catalog-item{position:relative;overflow:hidden;border:1px solid var(--panel-border);background:#ffffff0a;color:var(--text-primary)}.preset-button{padding:14px;text-align:left}.preset-button span{margin-top:7px;font-size:.88rem;line-height:1.45}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-item{gap:12px;align-items:flex-start;min-height:128px;padding:14px;text-align:left}.catalog-item.is-selected{border-color:#38bdf8ad;background:linear-gradient(135deg,#38bdf81f,#8b5cf61a);box-shadow:inset 3px 0 #38bdf8eb,0 0 32px #38bdf81f}.catalog-item:disabled{opacity:.52}.catalog-copy{min-width:0}.catalog-title{color:var(--text-primary);font-weight:850;line-height:1.25}.catalog-title small{display:inline-flex;margin-left:7px;padding:2px 7px;color:#bae6fd;font-size:.67rem;font-weight:800}.catalog-description{margin-top:7px;font-size:.9rem;line-height:1.42}.catalog-meta{display:flex;flex-wrap:wrap;gap:6px;min-height:24px;margin-top:10px}.catalog-meta em{padding:4px 7px;color:var(--text-secondary);font-family:ui-monospace,SFMono-Regular,Cascadia Code,Consolas,monospace;font-size:.68rem;font-style:normal}.summary-list{flex-wrap:wrap;gap:8px}.summary-list span{padding:6px 9px;color:var(--text-secondary);font-size:.82rem}.script-panel{border-color:#38bdf833}.script-preview,.bootstrap-preview{width:100%;border:1px solid rgba(56,189,248,.18);border-radius:14px;background:linear-gradient(180deg,#38bdf80d,#8b5cf608),#060a12;color:#dbeafe;font-family:ui-monospace,SFMono-Regular,Cascadia Code,Consolas,monospace;font-size:.86rem;line-height:1.58;resize:vertical;box-shadow:inset 0 1px #ffffff0f}.script-preview{min-height:500px;padding:15px}.bootstrap-preview{min-height:92px;margin-top:8px;padding:12px}.action-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin:13px 0}.action-grid button{border-radius:12px}.bootstrap-label{display:block;color:var(--text-secondary);font-size:.85rem;font-weight:800}.notes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:min(1480px,100%);margin:18px auto 0}.note-panel{padding:18px}.note-panel svg{margin-bottom:12px;color:var(--accent-cyan)}.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){.hero-section,.workspace-grid,.dashboard-grid,.preset-grid,.catalog-grid{grid-template-columns:1fr}.hero-section{min-height:auto}.output-pane{position:static}}@media(max-width:760px){.app-shell{padding:12px 10px 28px}.top-nav{position:static;grid-template-columns:1fr}.nav-links{justify-content:flex-start;flex-wrap:wrap}.nav-cta{justify-self:stretch;justify-content:center}.hero-actions,.background-panel,.mode-strip,.action-grid,.notes-grid{grid-template-columns:1fr}.background-panel{align-items:flex-start}.swatch-row,.hero-actions{display:grid}.button-primary,.button-secondary{width:100%}}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}