:root{color-scheme:dark;--bg: #08101c;--panel: rgba(12, 22, 39, .88);--panel-soft: rgba(20, 33, 57, .82);--line: rgba(148, 163, 184, .16);--text: #e8eef8;--muted: #9fb0c8;--accent: #fb923c;--accent-2: #facc15;--danger: #f87171}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Avenir Next,Segoe UI,Helvetica Neue,sans-serif;background:radial-gradient(circle at top left,rgba(251,146,60,.12),transparent 28%),radial-gradient(circle at top right,rgba(14,165,233,.14),transparent 22%),linear-gradient(180deg,#060b13,#08101c 48%,#091425);color:var(--text)}button,input,select,textarea{font:inherit}button{cursor:pointer}.port-pro-shell{min-height:100%}.shell-header{display:flex;justify-content:space-between;gap:24px;padding:28px;border-bottom:1px solid var(--line);background:#08101cd1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.shell-header h1,.gate-card h2,.designer-header h2,.panel-card h3{margin:0}.shell-main{padding:24px 28px 40px}.shell-copy,.gate-copy,.gate-note span,.meta-line{color:var(--muted)}.eyebrow{margin:0 0 8px;color:#fbbf24;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase}.status-banner{margin:0 0 18px;padding:12px 14px;border-radius:14px;border:1px solid rgba(125,211,252,.22);background:#0c1627e0}.status-banner.error{border-color:#f8717147;color:#fecaca}.primary-action,.secondary-action,.ghost-action,.driver-result{border-radius:999px;border:1px solid var(--line);transition:transform .12s ease,border-color .12s ease}.primary-action:hover,.secondary-action:hover,.ghost-action:hover,.driver-result:hover{transform:translateY(-1px)}.primary-action{border-color:transparent;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#111827;padding:12px 18px}.primary-action:disabled{cursor:not-allowed;opacity:.45}.secondary-action,.ghost-action,.driver-result{padding:11px 15px;background:#142139b8;color:var(--text)}.hidden-input{display:none}.entry-gate,.designer-surface{display:grid;gap:18px}.gate-card,.gate-notes,.panel-card,.designer-header{background:var(--panel);border:1px solid var(--line);border-radius:24px;box-shadow:0 24px 60px #0000003d}.gate-card,.panel-card,.designer-header{padding:20px}.gate-actions,.designer-actions,.import-actions,.project-save{display:flex;flex-wrap:wrap;gap:12px}.gate-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px}.gate-note{padding:16px;border-radius:18px;background:var(--panel-soft)}.gate-note strong{display:block;margin-bottom:6px}.import-request{display:grid;gap:16px}.designer-header{display:flex;justify-content:space-between;gap:16px;align-items:center}.designer-grid{display:grid;gap:18px;align-items:start}.panel-wide{grid-column:1 / -1}.workflow-section{padding:0;overflow:hidden}.workflow-summary{display:grid;grid-template-columns:minmax(0,auto) minmax(280px,1fr);align-items:center;gap:12px 18px;padding:18px 20px;cursor:pointer;list-style:none}.workflow-summary::-webkit-details-marker{display:none}.workflow-summary:after{content:"+";justify-self:end;width:32px;height:32px;border-radius:999px;border:1px solid var(--line);background:#142139b8;color:var(--text);display:inline-flex;align-items:center;justify-content:center;font-size:1.25rem;line-height:1}.workflow-section[open] .workflow-summary:after{content:"−"}.workflow-summary-copy{color:var(--muted);font-size:.95rem}.workflow-section-content{display:grid;gap:18px;padding:0 20px 20px}.workflow-two-column{grid-template-columns:repeat(2,minmax(0,1fr))}.geometry-workspace{grid-template-columns:minmax(320px,.9fr) minmax(0,1.3fr)}.geometry-controls-stack{display:grid;gap:18px;align-self:start}.quick-preview-card,.geometry-preview-panel,.ends-editor-panel{align-self:start}.field,.result-list,.segment-stack,.warning-list,.project-list,.build-list,.stack-list{display:grid;gap:12px}.field span,.result-list span{color:var(--muted);font-size:.88rem}.toggle-field{display:flex;align-items:center;gap:10px;margin-top:10px;color:var(--muted)}.toggle-field input{width:18px;height:18px;accent-color:var(--accent)}.field input,.field select,.request-textarea,.project-save input,.segment-row input{width:100%;padding:11px 12px;border-radius:14px;border:1px solid var(--line);background:#08101cd1;color:var(--text)}.request-textarea{resize:vertical;min-height:180px}.two-up,.three-up,.result-list{display:grid;gap:12px}.two-up,.three-up{grid-template-columns:repeat(2,minmax(0,1fr))}.segment-row,.project-row{display:grid;gap:10px;align-items:center}.segment-row{grid-template-columns:88px 1fr;padding:12px;border-radius:16px;background:var(--panel-soft)}.end-block{margin-top:14px}.flare-editor{display:grid;gap:18px}.flare-controls-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.flare-node-workbench{display:grid;grid-template-columns:minmax(0,2fr) minmax(320px,.95fr);gap:16px;align-items:start}.flare-node-graph-stack{display:grid;gap:16px;align-self:start}.flare-node-panel{padding:16px;display:grid;gap:14px}.flare-node-template-panel{padding:16px}.curve-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.flare-graph-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px}.ghost-action.active{border-color:#fb923c61;background:#fb923c24;color:var(--text)}.flare-profile-card{display:grid;gap:12px;padding:16px;border-radius:18px;border:1px solid rgba(148,163,184,.16);background:radial-gradient(circle at top left,rgba(251,146,60,.14),transparent 42%),#070e18bd}.flare-profile-copy,.flare-profile-meta{display:grid;gap:6px}.flare-profile-copy div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 14px}.flare-profile-copy span,.flare-profile-copy p,.flare-profile-meta span{color:var(--muted)}.flare-profile-copy p{margin:0}.flare-compare-legend{display:flex;flex-wrap:wrap;gap:8px}.flare-compare-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;border:1px solid rgba(148,163,184,.16);background:#08101c80;color:var(--muted);font-size:.82rem}.flare-compare-chip.active{border-color:#fb923c4d;background:#fb923c1f;color:var(--text)}.flare-compare-swatch{display:inline-block;width:18px;height:0;border-top-width:2px;border-top-style:solid;border-radius:999px}.flare-profile-preview{width:100%;border-radius:14px;background:linear-gradient(180deg,#0a1422f5,#0e1828d1);border:1px solid rgba(148,163,184,.16)}.flare-profile-preview.editable{cursor:default;min-height:360px}.flare-profile-preview.insert-mode{cursor:crosshair}.flare-axis{stroke:#94a3b859;stroke-width:1;stroke-dasharray:4 4}.flare-compare-line{fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;opacity:.72}.flare-compare-line.active{stroke-width:2.5;opacity:1}.flare-compare-conic{stroke:#94a3b8e0;border-top-color:#94a3b8e0}.flare-compare-parabolic{stroke:#facc15e0;border-top-color:#facc15e0}.flare-compare-circular{stroke:#38bdf8eb;border-top-color:#38bdf8eb}.flare-compare-hyperbolic{stroke:#fb923cf5;border-top-color:#fb923cf5}.flare-flange{stroke:#facc15f5;stroke-width:3;stroke-linecap:round}.flare-node{fill:#f97316}.flare-node-handle{cursor:grab;stroke:#ffffffbf;stroke-width:1.25}.flare-node-handle.active{cursor:grabbing;stroke:#facc15f2;stroke-width:2}.flare-node-mid{fill:#7dd3fc}.flare-node-preview{fill:#facc15f2;stroke:#ffffffc7;stroke-width:1.25}.flare-slope-guide{stroke:#facc15b3;stroke-width:1.5;stroke-dasharray:4 3}.flare-slope-handle{fill:#facc15eb;stroke:#ffffffd1;stroke-width:1.25;cursor:ns-resize}.flare-slope-handle.active{stroke:#38bdf8f2;stroke-width:2}.flare-node-selection-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px}.node-chip{display:grid;gap:4px;padding:10px 12px;border-radius:14px;border:1px solid rgba(148,163,184,.16);background:#08101c80;color:var(--muted);text-align:left}.node-chip strong{color:var(--text);font-size:.9rem}.node-chip span{font-size:.82rem}.node-chip.active{border-color:#fb923c59;background:#fb923c1f;color:var(--text)}.selected-node-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.selected-node-actions{display:flex;flex-wrap:wrap;gap:10px}.flare-label{fill:#e2e8f0eb;font-size:11px}.driver-results,.warning-list{display:grid;gap:10px}.handoff-grid,.handoff-outline-list{display:grid;gap:12px}.handoff-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:14px}.handoff-block,.handoff-termination{padding:14px;border-radius:18px;border:1px solid var(--line);background:var(--panel-soft)}.handoff-label,.handoff-outline-list span,.handoff-termination-header span{color:var(--muted);font-size:.88rem}.handoff-terminations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}.handoff-termination-header{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px}.handoff-outline-list div{display:flex;justify-content:space-between;gap:12px}.driver-result{text-align:left}.project-save input{flex:1 1 220px}.project-row{grid-template-columns:1fr auto}.build-breakdown{margin-top:16px}.assembly-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px}.assembly-toolbar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.assembly-chip{padding:9px 12px;border-radius:999px;border:1px solid var(--line);background:#14213985;color:var(--muted)}.assembly-chip.active{border-color:#fb923c59;background:#fb923c1f;color:var(--text)}.assembly-preview-shell{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:16px;align-items:start}.assembly-preview{width:100%;border-radius:18px;background:linear-gradient(180deg,#08101cf0,#0c1627e0);border:1px solid rgba(148,163,184,.14)}.assembly-preview rect{fill:transparent}.assembly-panel{cursor:pointer;transition:fill-opacity .12s ease,stroke-width .12s ease}.assembly-panel:hover{fill-opacity:.42}.assembly-meta,.assembly-family-list{display:grid;gap:12px}.assembly-family{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border-radius:14px;border:1px solid transparent;background:var(--panel-soft);color:var(--text);text-align:left}.assembly-family.active{border-color:#fb923c52;background:#fb923c1f}.assembly-family-copy{display:grid;gap:4px}.assembly-family-copy span{color:var(--muted)}.assembly-swatch{width:14px;height:14px;border-radius:999px;box-shadow:0 0 0 2px #ffffff14}.build-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:start;padding:12px;border-radius:16px;background:var(--panel-soft)}.build-row-button{width:100%;border:1px solid transparent;color:var(--text);text-align:left}.build-row.active{border:1px solid rgba(251,146,60,.34);background:#fb923c1f}.build-row.dimmed{opacity:.45}.build-selection-banner{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.build-selection-banner strong{margin-right:6px}.build-selection-banner span{color:var(--muted)}.build-row strong,.build-row span{display:block}.build-row span{color:var(--muted)}.port-sketch{width:100%;border-radius:18px;background:#08101cc7;min-height:240px}.port-sketch rect{fill:#94a3b814;stroke:#94a3b82e}.port-sketch-shell{fill:#fb923c38;stroke:#fb923c;stroke-width:2;stroke-linejoin:round}.port-sketch-centerline{fill:none;stroke:#fb923c;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:7 5;opacity:.92}.port-sketch-guide{stroke:#7dd3fc70;stroke-width:1.5;stroke-dasharray:5 4}.port-sketch-label{fill:#e2e8f0eb;font-size:12px}.preview-metrics{margin-top:12px}.preview-metrics-compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px}.preview-end-copy{margin:10px 0 0}.result-list{grid-template-columns:repeat(2,minmax(0,1fr))}.result-list strong{display:block;margin-top:4px}.warning-list p{margin:0;padding:10px 12px;border-radius:14px;background:#f8717114;border:1px solid rgba(248,113,113,.18);color:#fecaca}@media(max-width:980px){.workflow-two-column,.geometry-workspace,.flare-controls-grid,.flare-node-workbench,.assembly-preview-shell{grid-template-columns:minmax(0,1fr)}.handoff-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.shell-header,.designer-header,.designer-actions,.gate-actions,.project-save{flex-direction:column;align-items:stretch}.shell-main{padding:18px}.shell-header{padding:22px 18px}.designer-grid,.gate-notes,.two-up,.three-up,.selected-node-grid,.workflow-summary,.workflow-two-column,.geometry-workspace,.flare-controls-grid,.result-list,.assembly-controls,.handoff-grid,.handoff-terminations{grid-template-columns:minmax(0,1fr)}.workflow-summary:after{justify-self:start}}