:root{color-scheme:dark;--surface: #171b20;--panel: #232a31;--border: #404950;--text: #f2f4f5;--muted: #b4bdc4;--accent: #ffac48;--success: #7bd9a5;font-family:Inter,system-ui,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;color:var(--text);background:var(--surface)}button,input,select{font:inherit}button{color:var(--surface);background:var(--accent);border:0;border-radius:6px;padding:.7rem 1rem;cursor:pointer;font-weight:650}button:disabled{opacity:.6;cursor:wait}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.skip-link{position:absolute;left:1rem;top:-5rem;padding:1rem;background:var(--panel);color:var(--text);z-index:10}.skip-link:focus{top:1rem}.site-header{display:flex;align-items:center;gap:1rem;padding:1.3rem max(1.5rem,calc((100vw - 1160px)/2));border-bottom:1px solid var(--border);font-size:.85rem;letter-spacing:.08em;font-weight:700}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:6px;background:var(--accent);color:var(--surface);font-size:1.25rem}.header-note{margin-left:auto;color:var(--muted);font-weight:400;letter-spacing:0}main{max-width:1160px;margin:auto;padding:0 1.5rem}.hero{padding:5rem 0 4rem;max-width:780px}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.13em;font-size:.8rem;font-weight:700}h1{font-size:clamp(2.5rem,6vw,4.6rem);line-height:1.05;letter-spacing:-.04em;margin:1.3rem 0}.intro{font-size:1.2rem;line-height:1.7;color:var(--muted);max-width:610px}.status-card{display:flex;align-items:center;gap:1rem;background:var(--panel);border:1px solid var(--border);padding:1.2rem;border-radius:10px;margin-top:2rem}.status-card p{color:var(--muted);font-size:.9rem;line-height:1.5;margin:.4rem 0 0}.status-card button{margin-left:auto;flex-shrink:0}.status-dot{width:10px;height:10px;background:var(--accent);border-radius:50%;flex-shrink:0}.status-dot.available{background:var(--success)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;padding-bottom:4rem}.feature-grid article{border-top:2px solid var(--border);padding-top:1.5rem}.feature-number{color:var(--accent);font-size:.75rem;letter-spacing:.1em}h2{font-size:1.25rem}.feature-grid p{color:var(--muted);line-height:1.7}footer{max-width:1160px;margin:auto;padding:2rem 1.5rem;border-top:1px solid var(--border);color:var(--muted);font-size:.8rem}.legal-page{max-width:720px;padding:2rem 0;line-height:1.7;overflow-wrap:anywhere}.legal-page dt{font-weight:700;margin-top:1rem}.legal-page dd{margin:0}@media(max-width:700px){.hero{padding:3rem 0}.feature-grid{grid-template-columns:1fr;gap:1rem}.header-note{display:none}.status-card{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}}.game-icon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center}.game-icon img{object-fit:contain}.brand-link{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}.site-header{justify-content:space-between}.site-header nav,.inline-links{display:flex;gap:16px;flex-wrap:wrap}.auth-card{max-width:600px;margin:40px auto;padding:32px;background:var(--color-panel, #22282c);border:1px solid #465058;border-radius:12px}label{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;font-weight:600}input,select{width:100%;padding:11px;border:1px solid #647079;border-radius:6px;background:#161c20;color:#f6f4ee;font:inherit}input[type=checkbox]{width:auto}button,.button-link{cursor:pointer}button:disabled{cursor:wait;opacity:.6}.button-link{display:inline-block;padding:12px 20px;color:#171a1c;background:#ff9a3d;border-radius:6px;font-weight:700;text-decoration:none}.inline-links{margin-top:24px}.dashboard{max-width:1100px;margin:auto;padding:32px}.create-factory{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:16px;margin:32px 0}.create-factory label{margin:0}.factory-list{list-style:none;padding:0}.factory-list li{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;padding:20px;border:1px solid #465058;border-radius:8px;background:#22282c}.factory-list li>a{display:flex;flex-direction:column;gap:8px;text-decoration:none}.factory-list li>div{display:flex;gap:8px;flex-wrap:wrap}.danger{color:#ffb4a9;background:#3a2023;border:1px solid #c88b81}.empty-state{border:1px dashed #647079;padding:32px;border-radius:8px}[role=alert]{color:#ffc7bc}@media(max-width:700px){.create-factory{grid-template-columns:1fr}.factory-list li{align-items:flex-start;flex-direction:column}.auth-card{padding:20px}.dashboard{padding:16px}}a{color:#ffb369}.editor{padding:20px 0}.editor-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.editor-toolbar label{flex:1;min-width:180px;margin:0}.editor-toolbar p{min-width:120px}.editor-layout{display:grid;grid-template-columns:220px minmax(0,1fr) 230px;gap:16px}.editor-layout aside{background:#22282c;padding:14px;border-radius:8px}.graph-canvas{height:560px;border:1px solid #465058;border-radius:8px;overflow:hidden}.production-node{width:240px;padding:16px;border:1px solid #6a7983;border-radius:8px;background:#263139;display:flex;gap:10px;flex-wrap:wrap}.production-node strong{flex:1}.production-node small{width:100%;color:#d2d6d8}.production-node.standby{opacity:.65}.react-flow__node.selected .production-node{outline:3px solid #ff9a3d}.recipe-list{max-height:380px;overflow:auto;display:flex;flex-direction:column;gap:6px}.recipe-list button{display:flex;align-items:center;gap:8px;padding:8px;text-align:left;background:#34414a;color:#f5f3ee}.node-list{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0}.checkbox-label{flex-direction:row;align-items:center}.connection-form{display:flex;flex-wrap:wrap;gap:12px;align-items:end}.connection-form label{max-width:220px}.analysis-panel{margin-top:24px;padding:20px;background:#22282c;border:1px solid #465058;border-radius:8px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse}caption{text-align:left;padding:8px}th,td{text-align:left;padding:10px;border-bottom:1px solid #465058}th small{display:block;font-weight:400}.shortage{color:#ffc7bc;font-weight:700}.catalog-note{color:#b3bec6}.suggestion-preview{border:2px solid #6bbca4;padding:20px;margin:20px 0}@media(max-width:1000px){.editor-layout{grid-template-columns:190px minmax(0,1fr)}.editor-layout aside:last-child{grid-column:1 / -1}}@media(max-width:650px){.editor-layout{display:flex;flex-direction:column}.graph-canvas{height:400px}.recipe-list{max-height:200px}}.target-wizard{padding:24px;margin:24px 0;border:2px solid #ff9a3d;border-radius:8px;background:#22282c}.factory-map{display:flex;flex-direction:column;gap:10px}.map-controls{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.map-controls label{display:flex;gap:6px;align-items:center;flex:1;min-width:180px;margin:0}.map-canvas{height:560px;border:1px solid #465058;border-radius:8px;background:#1a2024}.group-inspector{background:#22282c;padding:14px;border-radius:8px}.group-inspector ul{list-style:none;padding:0;max-height:220px;overflow:auto;display:flex;flex-direction:column;gap:4px}@media(max-width:650px){.map-canvas{height:400px}}.target-wizard fieldset{border:1px solid #647079;padding:20px}.target-wizard details{margin:16px 0}.target-wizard summary{cursor:pointer;font-weight:700;padding:10px}.target-row,.resource-limits>div{display:flex;gap:16px;flex-wrap:wrap;align-items:end}.resource-limits{max-height:400px;overflow:auto}.preferences-list{max-height:300px;overflow:auto;padding:12px}.resource-limits>div{padding:12px 0;border-bottom:1px solid #465058}.resource-limits>div>strong{min-width:160px;align-self:center}.map-canvas{background-image:linear-gradient(#46505855 1px,transparent 1px),linear-gradient(90deg,#46505855 1px,transparent 1px);background-size:32px 32px}#root{min-height:100dvh;display:flex;flex-direction:column}main{flex:1;width:100%;max-width:1600px}footer{width:100%;max-width:1600px;margin:3rem auto 0;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;font-size:.75rem}footer a{color:var(--muted);text-underline-offset:3px}footer p{margin:0}.editor h1,.dashboard h1,.import-wizard h1,.import-review h1{font-size:clamp(1.8rem,3vw,2.7rem)}.editor-toolbar button{padding:.55rem .8rem;font-size:.85rem;background:#303c46;color:#e6edf1;border:1px solid #4a5964}.editor-toolbar .primary-action,.primary-action{background:#ffa04c;color:#171c20;border-color:#ffa04c}.workspace-header{padding:16px 20px;border:1px solid #46535e;border-radius:12px;background:#202a32}.workspace-header label{max-width:320px;font-size:.8rem;color:#bcc8cf}.workspace-header input{font-size:1.15rem;font-weight:700}.workspace-header p{font-size:.8rem;color:#a8d7be}.editor-layout{grid-template-columns:minmax(0,1fr) 300px;gap:18px}.editor-layout.with-palette{grid-template-columns:250px minmax(0,1fr) 300px}.editor-layout aside{border:1px solid #3e4c56;background:#202a32}.editor-layout aside[hidden]{display:none}.graph-canvas{height:clamp(520px,72vh,900px);background:#161f26;border:1px solid #46535e;border-radius:12px}.production-node{width:320px;padding:0;display:block;border:1px solid #63727d;border-radius:12px;background:#25313b;box-shadow:0 8px 24px #0003;overflow:visible}.node-heading{display:flex;gap:12px;align-items:center;padding:16px;border-bottom:1px solid #42515d;background:#2c3a46;border-radius:12px 12px 0 0}.node-heading>div{min-width:0;display:flex;flex-direction:column;gap:5px}.node-heading strong{font-size:1rem;line-height:1.3}.node-heading small{font-size:.72rem;color:#bcc8d0}.node-spec{display:flex;flex-wrap:wrap;gap:7px 12px;padding:12px 16px;font-size:.74rem;color:#c7d1d8}.node-spec b{font-size:1rem;color:#ffa04c}.node-spec span:last-child{width:100%}.node-ports{padding:10px 16px 14px;position:relative;border-top:1px solid #3e4d59}.node-ports>small{display:block;font-size:.62rem;letter-spacing:.13em;color:#a7b8c4;margin-bottom:10px}.node-flow{display:flex;gap:9px;align-items:center;padding:5px 0;font-size:.78rem}.node-flow>span{flex:1;min-width:0}.node-flow small{display:block;font-size:.63rem;color:#b7c5ce;margin-top:3px}.node-flow>strong{text-align:right;font-size:.94rem;color:#f5f7f8}.node-flow .react-flow__handle{width:12px;height:12px;border:2px solid #202a32;background:#ffa04c}.node-output{border-color:#75bf98}.node-output .node-heading{background:#284536}.node-unresolved{border-color:#e5b25a}.node-attention{margin:0;padding:16px;color:#f5d69a;font-size:.8rem;line-height:1.5}.node-origin{display:block;padding:8px 16px;background:#1d2830;border-radius:0 0 12px 12px;font-size:.65rem}.inspector-heading{display:flex;gap:12px;align-items:center;margin-bottom:20px}.inspector-heading h2{font-size:1rem;line-height:1.5}.inspector p{color:#bac7cf;font-size:.85rem;line-height:1.6}.inspector-rates{padding:12px;background:#17222a;border:1px solid #40515c;border-radius:8px;margin-bottom:20px}.inspector-rates>strong{font-size:.8rem}.inspector-rates small{display:block;margin-top:12px;color:#aabdc9}.inspector-rates p{display:flex;justify-content:space-between;gap:12px;font-size:.75rem}.inspector-rates b{white-space:nowrap;color:#eaf0f4}.inspector details{margin:20px 0}.target-wizard{border:1px solid #5c6e7b;border-top:3px solid #ffa04c;padding:24px;border-radius:12px;background:#202a32}.target-wizard>p{color:#c0cdd5;max-width:850px;line-height:1.6}.target-wizard fieldset{border:0;padding:12px 0;min-width:0}.target-wizard legend{font-size:.75rem;color:#a8bcc9;text-transform:uppercase;letter-spacing:.1em;padding:0 0 12px}.target-row{padding:16px;background:#17232c;border:1px solid #40525f;border-radius:10px;margin-bottom:12px}.target-row .item-picker{flex:1;min-width:240px}.target-row>label{width:170px}.target-row>label,.target-row .field-label{font-size:.8rem}.target-row>label{margin:0}.field-label{display:block;font-weight:600;margin-bottom:8px}.item-picker{min-width:180px;margin-bottom:16px}.item-picker-trigger{display:flex;align-items:center;gap:12px;width:100%;padding:10px 14px;background:#253746;color:#f1f5f8;border:1px solid #647c8d;text-align:left}.item-picker-trigger>span:nth-child(2){flex:1}.item-picker-trigger small,.item-choice small{display:block;font-weight:400;color:#b7c6d2;font-size:.7rem;margin-top:5px}.item-picker-options{margin-top:12px;border:1px solid #667e90;border-radius:10px;padding:16px;background:#1d2b36}.picker-tools{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.picker-tools label:first-child{flex:1;min-width:160px}.item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;max-height:350px;overflow:auto;padding:4px;margin-bottom:12px}.item-choice{display:flex;gap:10px;align-items:center;padding:12px;background:#293c4b;color:#edf2f6;border:1px solid #4c6373;text-align:left;font-size:.8rem}.item-choice.is-selected{border:2px solid #ffa04c;background:#354552}.item-choice:hover{background:#3d5161}.equipment-controls{margin:22px 0;padding:18px;border:1px solid #435965;border-radius:10px}.equipment-controls h3{margin:0;font-size:1rem}.equipment-controls p{color:#b7c6d0;font-size:.85rem}.equipment-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.equipment-grid label{font-size:.8rem}.target-wizard details{border-top:1px solid #40525e}.target-wizard summary,.keyboard-panel summary,.inspector summary{cursor:pointer;padding:12px 0;color:#c2d2de}.proposal-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.proposal .graph-canvas{height:600px;margin:16px 0}.proposal th .game-icon{vertical-align:middle;margin-right:10px}.quiet-button{background:#344856;color:#e3edf4;border:1px solid #596f7f}.keyboard-panel{margin-top:16px;padding:0 16px;border:1px solid #43525d;border-radius:8px;background:#1d2932}.analysis-panel{background:#202a32}.balance-overview{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}.balance-chip{display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid #486451;border-radius:8px;background:#20352a}.balance-chip.needs-attention{background:#3c2d22;border-color:#ad8144}.balance-chip small{display:block;color:#c3d2c9;margin-top:5px}.analysis-panel details{margin-top:12px}.import-review{max-width:1180px;margin:32px auto}.import-review>p{color:#bac8d1;line-height:1.6}.import-steps{display:flex;gap:12px;list-style:none;padding:0;font-size:.8rem;color:#b2c2cd}.import-steps li{padding:8px 14px;border:1px solid #4d6170;border-radius:20px}.import-steps li[aria-current]{color:#ffa04c;border-color:#ffa04c}.import-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0}.import-summary article,.import-summary>div{background:#24323d;border:1px solid #4b6171;border-radius:10px;padding:20px}.import-summary strong{display:block;font-size:2rem;color:#ffa04c}.attention-panel{padding:18px 24px;border:1px solid #bd9656;border-left:4px solid #eeb364;background:#3a3024;border-radius:8px;margin:20px 0}.attention-panel h2{color:#ffe0a9;margin-top:0}.attention-panel p{line-height:1.6;color:#e3d2b9}.import-controls,.import-selection-tools,.import-pagination,.import-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:20px 0}.import-controls label{flex:1;min-width:200px;margin:0}.import-groups,.import-group-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.import-group{display:flex;gap:16px;padding:18px;border:1px solid #4e6373;border-radius:10px;background:#23323e;align-items:start}.import-group.needs-settings{border-color:#c39b5d}.import-group label{margin:0;display:flex;flex-direction:row;align-items:start;gap:12px;width:100%}.import-group input[type=checkbox]{margin-top:18px;accent-color:#ffa04c;width:20px;height:20px}.import-group h3{margin:0 0 7px;font-size:1rem}.import-group p{margin:6px 0;color:#c0ced8;font-size:.85rem;line-height:1.5}.import-group small{color:#efd09c}.import-group-content{flex:1}@media(max-width:1150px){.editor-layout,.editor-layout.with-palette{grid-template-columns:minmax(0,1fr) 280px}.editor-layout .machine-palette{grid-column:1 / -1}.editor-layout aside:last-child{grid-column:auto}.equipment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){main{padding:0 14px}.editor-layout,.editor-layout.with-palette{display:flex;flex-direction:column}.workspace-header label{max-width:none}.equipment-grid,.import-groups,.import-group-list{grid-template-columns:1fr}.import-summary{gap:8px}.import-summary article,.import-summary>div{padding:12px}.import-summary strong{font-size:1.5rem}.target-wizard{padding:16px}.proposal .graph-canvas{height:480px}footer{flex-wrap:wrap}}.import-groups{list-style:none;padding:0}.import-group{display:block}.import-group-choice>span:nth-last-child(2){flex:1}.recipe-caption{display:flex;align-items:center;gap:7px;margin-top:8px;color:#c3d1db;font-size:.8rem}.group-state{text-align:right;font-size:.75rem;color:#b3dcc1}.group-state small{display:block;margin-top:8px}.needs-settings .group-state{color:#f0d398}.group-warnings{padding-left:20px;color:#e8cd9e;font-size:.78rem;line-height:1.6}.confirm-import{margin-top:24px;padding:24px;background:#22333f;border:1px solid #576e7f;border-radius:12px}.confirm-import>label{max-width:480px}.button-row{display:flex;gap:12px;flex-wrap:wrap}.secondary{background:#354b5b;color:#eaf0f5;border:1px solid #698194}@media(max-width:760px){.import-group label{flex-wrap:wrap}.group-state{text-align:left;margin-left:32px}}.editor-layout{grid-template-columns:minmax(0,1fr)}.editor-layout.with-inspector{grid-template-columns:minmax(0,1fr) 300px}.editor-layout.with-palette{grid-template-columns:250px minmax(0,1fr)}.editor-layout.with-palette.with-inspector{grid-template-columns:250px minmax(0,1fr) 300px}.node-heading strong{font-size:1.12rem}.node-heading small,.node-spec{font-size:.84rem}.node-flow{font-size:1rem}.node-flow small{font-size:.8rem}.node-flow>strong{font-size:1.1rem}@media(max-width:1150px){.editor-layout.with-palette.with-inspector{grid-template-columns:minmax(0,1fr) 280px}}@media(max-width:760px){.editor-layout,.editor-layout.with-inspector,.editor-layout.with-palette,.editor-layout.with-palette.with-inspector{display:flex;flex-direction:column}}.verification-banner{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;padding:.75rem 1rem;background:var(--surface, #18232b);border-bottom:1px solid #718087}dialog{color:inherit;background:var(--surface, #18232b);border:1px solid #718087;border-radius:.75rem;padding:1.5rem;max-width:min(32rem,calc(100vw - 2rem))}dialog::backdrop{background:#0009}.dialog-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}.toast-region{position:fixed;bottom:1rem;right:1rem;z-index:1000;max-width:calc(100vw - 2rem)}.toast{display:flex;gap:1rem;align-items:center;padding:1rem;background:#18232b;color:#fff;border:1px solid #718087;border-radius:.5rem}.workspace-header{position:sticky;top:0;z-index:20;background:#18232b}.editor-more{position:relative}.editor-more[open]{padding:.5rem;border:1px solid #718087}.editor-more[open] button{display:block;width:100%;text-align:left}.save-status{padding:.35rem .65rem;border-radius:999px;background:#22372f;white-space:nowrap}.save-status.offline,.save-status.conflict{background:#573d24}.goals-bar,.goal-chips,.editor-tabs{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;padding:.75rem 0}.goal-chips>span{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:.5rem;background:#223038}.editor-tabs button[aria-pressed=true]{outline:2px solid #f5a154}.machine-list{min-height:20rem}.password-field{display:flex;align-items:end;gap:.5rem}.password-field label{flex:1;min-width:0}.password-field button{flex-shrink:0}.password-rules{padding-left:1.25rem;color:#b9c5cc}.analysis-stale{color:#f5bd73;font-size:.9rem}.mobile-inspector-close{display:none}@media(max-width:700px){.workspace-header{gap:.5rem;padding:.5rem}.workspace-header>label{flex:1 1 100%}.workspace-header input{width:100%}.workspace-header .save-status{white-space:normal;flex:1 1 auto;font-size:.85rem}.workspace-header>button{font-size:.85rem;padding:.4rem .6rem}.editor-layout.with-inspector{grid-template-columns:1fr}.editor-layout>.selected-inspector{position:fixed;z-index:40;inset:auto 0 0;max-height:70dvh;overflow-y:auto;background:#18232b;border:1px solid #718087;border-radius:1rem 1rem 0 0;padding:1rem;box-shadow:0 -1rem 3rem #0008}.mobile-inspector-close{display:block;margin-left:auto}.password-field{align-items:stretch;flex-direction:column}}.site-header nav,.site-header details,#production-view{min-width:0;max-width:100%}.site-header summary,.auth-card>p{overflow-wrap:anywhere}