:root{color-scheme:dark;--bg: #101417;--panel: #20262b;--panel-2: #2c3339;--line: #414a52;--text: #f2f5f7;--muted: #aeb8c0;--accent: #f6a623;--accent-2: #2b7ce9;--danger: #d95555;--ok: #69c779}*{box-sizing:border-box}body{margin:0;min-width:320px;height:100vh;overflow:hidden;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:14px}button,input,select{font:inherit}.planner-shell{display:flex;height:100vh;min-height:100vh;flex-direction:column;padding:16px;gap:10px}h2,p{margin:0}h2{font-size:16px}.app-title{margin:0;color:var(--text);font-size:18px;font-weight:700;line-height:1.2;white-space:nowrap}.app-header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:42px;padding:6px 10px;border:1px solid var(--line);border-radius:6px;background:#181d21}.header-main{display:flex;align-items:baseline;min-width:0;gap:16px}.history-current{display:flex;align-items:baseline;min-width:0;gap:8px}.history-label,.history-meta{color:var(--muted);font-size:12px}.history-current strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-actions{display:flex;flex:0 0 auto;align-items:center;gap:8px}.language-select{position:relative}.language-select summary{display:inline-flex;align-items:center;min-height:36px;gap:7px;padding:0 12px;border:1px solid var(--line);border-radius:4px;color:var(--text);background:var(--panel-2);cursor:pointer;list-style:none;white-space:nowrap}.language-select summary::-webkit-details-marker{display:none}.language-select summary:after{content:"";width:0;height:0;margin-left:4px;border-right:4px solid transparent;border-left:4px solid transparent;border-top:5px solid var(--muted)}.language-select[open] summary:after{border-top:0;border-bottom:5px solid var(--muted)}.language-menu{position:absolute;z-index:20;top:calc(100% + 6px);right:0;min-width:150px;overflow:hidden;border:1px solid var(--line);border-radius:4px;background:var(--panel);box-shadow:0 12px 28px #00000057}.language-menu button{display:flex;align-items:center;width:100%;min-height:36px;gap:8px;padding:0 12px;border:0;color:var(--text);background:transparent;cursor:pointer;text-align:left;white-space:nowrap}.header-icon{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.language-code{display:inline-grid;place-items:center;min-width:28px;height:20px;padding:0 5px;border:1px solid currentColor;border-radius:3px;font-size:11px;font-weight:700;line-height:1}.language-menu button.active{color:#1c1405;background:var(--accent);font-weight:700}.power-pill{display:flex;align-items:center;justify-content:flex-end;min-height:44px;margin-left:auto;padding:0 14px;border-left:1px solid var(--line);text-align:right}.power-pill strong{display:inline-flex;align-items:center;gap:8px;font-size:16px;line-height:1;white-space:nowrap}.planner-workbench{display:grid;grid-template-columns:minmax(0,1fr) 340px;min-height:0;flex:1;gap:10px}.network-panel{grid-column:1;grid-row:1}.control-sidebar{grid-column:2;grid-row:1}.panel,.network-panel,.tabs-panel{border:1px solid var(--line);border-radius:6px;background:var(--panel)}.control-sidebar{display:flex;overflow:hidden;min-height:0;flex-direction:column}.side-tab-buttons{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);background:#181d21}.side-page{display:none;overflow:hidden;min-height:0;flex:1;flex-direction:column}.side-page.active{display:flex}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:58px;padding:12px;border-bottom:1px solid var(--line);background:#181d21}.btn,.tab,.icon-btn{border:1px solid var(--line);border-radius:4px;color:var(--text);background:var(--panel-2);cursor:pointer}.btn{min-height:36px;padding:0 12px}.btn.primary{border-color:#be7e16;background:var(--accent);color:#1c1405;font-weight:700}.btn.ghost{background:#181d21}.icon-btn{display:inline-grid;place-items:center;width:34px;height:34px;padding:0;line-height:1}.info-button{background:#181d21}.selected-list{display:flex;flex:1;flex-direction:column;gap:10px;overflow:auto;padding:12px}.empty-state{margin:auto;max-width:220px;color:var(--muted);text-align:center;line-height:1.4}.catalog-item,.tree-row,.list-row{display:flex;align-items:center;gap:10px}.selected-item{display:grid;grid-template-columns:42px minmax(0,1fr) 34px;align-items:center;gap:10px;min-height:70px;padding:8px;border:1px solid var(--line);border-radius:6px;background:#181d21}.item-icon,.machine-icon{display:inline-block;width:42px;height:42px;flex:0 0 42px;image-rendering:auto;background-image:url(/assets/sprite-sheet-generated.png);background-repeat:no-repeat;background-size:672px 672px}.item-main{min-width:0;flex:1}.item-name{overflow-wrap:anywhere;font-weight:700;line-height:1.25}.item-meta{margin-top:3px;color:var(--muted);font-size:12px}.stepper{display:grid;grid-column:1 / -1;grid-template-columns:32px minmax(74px,1fr) 32px}.stepper button,.stepper input{height:32px;border:1px solid var(--line);background:var(--panel-2);color:var(--text)}.stepper input{width:100%;border-right:0;border-left:0;text-align:center}.remove-btn{align-self:start;grid-column:3;grid-row:1;justify-self:end;color:#fff;background:var(--danger)}.network-panel{position:relative;min-height:0;overflow:hidden}.graph-toolbar{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;min-height:0;overflow:auto;padding:12px}.graph-toolbar select{width:100%;min-width:0;height:36px;border:1px solid var(--line);border-radius:4px;background:var(--panel-2);color:var(--text)}.graph-toolbar .btn{width:100%}.option-form{display:grid;gap:14px;width:100%}.option-group{display:grid;gap:8px;padding-bottom:12px;border-bottom:1px solid var(--line)}.option-group:last-child{border-bottom:0}.option-group h3{margin:0;color:var(--muted);font-size:12px;text-transform:uppercase}.option-field{display:grid;gap:4px}.option-field label,.option-label,.option-radio legend,.option-check{color:var(--muted);font-size:12px}.option-field select,.option-field input[type=number]{width:100%;height:34px;border:1px solid var(--line);border-radius:4px;background:var(--panel-2);color:var(--text)}.icon-select{position:relative}.icon-select summary{position:relative;display:grid;grid-template-columns:30px minmax(0,1fr) 12px;align-items:center;gap:8px;width:100%;min-height:38px;padding:4px 10px 4px 6px;border:1px solid var(--line);border-radius:4px;background:var(--panel-2);color:var(--text);cursor:pointer;list-style:none;overflow:hidden}.icon-select summary::-webkit-details-marker{display:none}.icon-select summary:after{content:"";grid-column:3;grid-row:1;justify-self:center;width:0;height:0;border-top:5px solid var(--muted);border-right:5px solid transparent;border-left:5px solid transparent}.icon-select summary .item-icon{position:absolute;top:50%;left:0;width:42px;height:42px;flex-basis:42px;justify-self:center;transform:translateY(-50%) scale(.7142857)}.icon-select summary span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-select-menu{position:absolute;z-index:10;top:calc(100% + 4px);right:0;left:0;display:grid;max-height:240px;overflow:auto;border:1px solid var(--line);border-radius:4px;background:#181d21;box-shadow:0 12px 24px #00000059}.icon-select-menu button{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:8px;min-height:54px;padding:5px 8px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);text-align:left;cursor:pointer}.icon-select-menu button:last-child{border-bottom:0}.icon-select-menu button:hover,.icon-select-menu button.selected{background:var(--panel-2)}.option-radio{display:grid;gap:5px;margin:0;padding:0;border:0}.option-radio label,.option-check{display:flex;align-items:center;gap:6px}.production-network,.graph-page{height:calc(100% - 44px);min-height:0}.production-network{background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),#11171b;background-size:32px 32px}.loader{position:absolute;inset:44px 0 0;display:grid;place-content:center;gap:14px;background:#0a0d10a6;text-align:center}.loader[hidden]{display:none}.spinner{width:42px;height:42px;margin:0 auto;border:4px solid rgba(255,255,255,.22);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.tabs-panel{margin-top:16px;overflow:hidden}.tab-buttons{display:flex;align-items:stretch;gap:0;border-bottom:1px solid var(--line);background:#181d21}.tab{min-height:44px;padding:0 16px;border-width:0 1px 0 0;border-radius:0}.tab.active{background:var(--accent);color:#1c1405;font-weight:700}.graph-page{display:none;padding:12px;overflow:auto}.graph-page.active{display:block}.production-network.graph-page{padding:0}.item-modal{width:min(920px,calc(100vw - 24px));max-height:min(760px,calc(100vh - 24px));padding:0;border:1px solid var(--line);border-radius:6px;background:var(--panel);color:var(--text)}.history-modal{width:min(520px,calc(100vw - 24px));max-height:min(680px,calc(100vh - 24px));padding:0;border:1px solid var(--line);border-radius:6px;background:var(--panel);color:var(--text)}.history-modal::backdrop,.about-modal::backdrop,.item-modal::backdrop{background:#000000b3}.history-frame{display:grid;grid-template-rows:auto minmax(0,1fr);max-height:min(680px,calc(100vh - 24px))}.history-list{display:grid;gap:8px;overflow:auto;padding:12px}.history-item{display:grid;grid-template-columns:minmax(0,1fr) 34px;gap:8px;align-items:center;border:1px solid var(--line);border-radius:6px;background:#181d21}.history-item.active{border-color:var(--accent)}.history-load{display:grid;gap:3px;min-width:0;min-height:58px;padding:8px 10px;border:0;background:transparent;color:var(--text);text-align:left;cursor:pointer}.history-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.history-delete{margin-right:8px;color:#fff;background:var(--danger)}.modal-frame{display:grid;grid-template-rows:auto auto minmax(0,1fr);max-height:min(760px,calc(100vh - 24px))}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px;border-bottom:1px solid var(--line);background:#181d21}.modal-search{height:44px;margin:12px;padding:0 12px;border:1px solid var(--line);border-radius:4px;background:#11171b;color:var(--text)}.modal-body{overflow:auto;padding:0 12px 12px}.catalog-category{display:grid;gap:8px;padding:0 0 14px}.catalog-category[hidden]{display:none}.catalog-category h3{position:sticky;z-index:1;top:0;margin:0;padding:8px 2px;border-bottom:1px solid var(--line);background:var(--panel);color:var(--accent);font-size:12px;text-transform:uppercase}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}.catalog-item{min-height:66px;padding:8px;border:1px solid var(--line);border-radius:6px;background:#181d21;color:var(--text);text-align:left;cursor:pointer}.catalog-item[hidden]{display:none}.catalog-item:hover{border-color:var(--accent)}.tree{display:inline-grid;align-items:start;gap:10px;min-width:min(560px,100%);width:max-content;max-width:100%;padding:4px 10px 18px 4px}.list-row{min-height:52px;padding:8px 10px;border:1px solid var(--line);border-radius:6px;background:#181d21}.tree-node{position:relative;display:grid;justify-items:start}.tree-children{position:relative;display:grid;justify-items:start;gap:8px;margin-left:24px;padding-top:8px;padding-left:24px}.tree-children>.tree-node:before{content:"";position:absolute;top:26px;left:-24px;width:24px;border-top:2px solid rgba(246,166,35,.42)}.tree-children>.tree-node:after{content:"";position:absolute;top:-8px;bottom:-8px;left:-24px;border-left:2px solid rgba(246,166,35,.42)}.tree-children>.tree-node:last-child:after{bottom:auto;height:34px}.tree-row{display:inline-grid;grid-template-columns:42px minmax(210px,auto) auto auto auto;align-items:center;gap:10px;width:max-content;max-width:min(860px,calc(100vw - 48px));min-height:52px;padding:8px 10px;border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:6px;background:#181d21}.tree-row.resource{border-left-color:var(--ok)}.tree-row{margin-left:0}.tree-main{min-width:0}.tree-edge-rate{color:var(--muted);font-size:12px;white-space:nowrap}.machine-pill{color:#f2f5f7;background:#2b7ce92e}.list-row strong{margin-left:auto;white-space:nowrap}.pill{display:inline-flex;align-items:center;min-height:22px;padding:0 8px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:12px}.about-modal{width:min(680px,calc(100vw - 24px));max-height:min(760px,calc(100vh - 24px));padding:0;border:1px solid var(--line);border-radius:6px;background:var(--panel);color:var(--text)}.about-frame{display:grid;grid-template-rows:auto minmax(0,1fr);max-height:min(760px,calc(100vh - 24px))}.about-body{display:grid;gap:16px;overflow:auto;padding:16px}.about-content{display:grid;gap:18px;color:var(--text);line-height:1.7}.about-content-compact{gap:14px}.about-content section{display:grid;gap:8px}.about-content h3{margin:0;color:var(--accent);font-size:15px}.about-content ul,.about-content ol{display:grid;gap:6px;margin:0;padding-left:1.4em}.about-page-link,.content-back{color:var(--accent);font-weight:700}.content-body{height:auto;min-height:100vh;overflow:auto}.content-shell{width:min(880px,calc(100vw - 32px));margin:0 auto;padding:32px 0 48px}.content-header{display:grid;gap:12px;margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid var(--line)}.content-header h1{margin:0;font-size:28px;line-height:1.25}@media(max-width:1120px){body{height:auto;overflow:auto}.planner-shell{height:auto}.planner-workbench{grid-template-columns:1fr}.control-sidebar{min-height:360px}.network-panel{min-height:70vh}.production-network,.graph-page{min-height:376px}}@media(max-width:640px){.planner-shell{padding:8px}.app-header{align-items:stretch;flex-direction:column}.header-main{align-items:flex-start;flex-direction:column;gap:4px}.header-actions{display:grid;grid-template-columns:1fr 1fr 42px}.language-select{grid-column:1 / -1}.language-select summary{justify-content:center;width:100%}.language-menu{left:0;right:0}.info-button{width:100%;height:36px}.panel-heading,.tab-buttons{align-items:stretch;flex-direction:column}.power-pill{justify-content:flex-start;min-height:40px;margin-left:0;border-top:1px solid var(--line);border-left:0;width:100%;text-align:left}.selected-item{grid-template-columns:42px minmax(0,1fr) 34px}.stepper{grid-template-columns:36px minmax(86px,1fr) 36px}.stepper input{width:100%}}