.planner-root,.planner-root>astro-island{display:flex;flex-direction:column;flex:1;width:100%;min-width:0;min-height:0}.planner-shell{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0;background:#0b0b0f;color:var(--text);--planner-flow: rgba(255, 255, 255, .4);--planner-flow-selected: rgba(255, 255, 255, .72);--planner-load-ok: #6db86d;--planner-load-over: var(--danger);--planner-rate: #d8d8d8;--planner-energy: #e8b64c}.planner-toolbar{display:flex;align-items:center;gap:.75rem;flex:0 0 auto;min-height:44px;padding:0 .75rem;border-bottom:1px solid rgba(255,255,255,.07);background:#121218}.planner-toolbar__brand{display:flex;align-items:baseline;gap:.45rem;flex:0 0 auto;min-width:0}.planner-brand{font-size:.82rem;font-weight:700;letter-spacing:.02em;color:var(--text);text-decoration:none}.planner-brand:hover{color:var(--accent-bright)}.planner-brand__title{font-size:.78rem;font-weight:500;color:var(--muted);white-space:nowrap}.planner-toolbar__actions{display:flex;align-items:center;gap:.4rem;flex:0 0 auto}.planner-toolbar__actions .button{padding:.35rem .65rem;font-size:.78rem}.planner-toolbar__rate{display:flex;align-items:center;gap:.4rem;margin-left:auto;flex:0 0 auto}.planner-toolbar__rate-label{font-size:.72rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.planner-segmented{display:inline-flex;border-radius:5px;border:1px solid rgba(255,255,255,.1);background:#0b0b0f;overflow:hidden}.planner-segmented__btn{padding:.28rem .55rem;border:none;background:transparent;color:var(--muted);font-size:.72rem;font-weight:600;font-family:var(--mono);cursor:pointer}.planner-segmented__btn+.planner-segmented__btn{border-left:1px solid rgba(255,255,255,.08)}.planner-segmented__btn.is-active{background:#ffffff1a;color:var(--text)}.planner-body{display:flex;flex:1;min-height:0;min-width:0}.planner-rail{display:flex;flex-direction:column;min-height:0;min-width:0;background:#121218}.planner-rail--left{flex:0 0 208px;border-right:1px solid rgba(255,255,255,.07);padding:.55rem;gap:.45rem}.planner-rail--right{flex:0 0 272px;border-left:1px solid rgba(255,255,255,.07);padding:.55rem .65rem;gap:0;overflow-y:auto}.planner-rail__head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex:0 0 auto}.planner-rail__title{margin:0;font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.planner-rail__meta{font-family:var(--mono);font-size:.68rem;color:var(--muted)}.planner-search{width:100%;flex:0 0 auto;padding:.35rem .5rem;font-size:.78rem}.palette-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;flex:1;min-height:0;overflow-y:auto;padding:4px;border-radius:5px;background:#0a0a0e;box-shadow:inset 0 1px 3px #0000008c}.palette-slot{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;aspect-ratio:1;padding:3px 2px;border:1px solid rgba(255,255,255,.05);border-radius:3px;background:#15151b;box-shadow:inset 0 1px 2px #0009;cursor:pointer;transition:border-color .1s,background .1s;min-width:0}.palette-slot:hover{border-color:#ffffff2e;background:#1a1a22}.palette-slot:active{cursor:grabbing}.palette-slot[draggable=true]{cursor:grab}.palette-slot__label{max-width:100%;padding:0 1px;font-size:.48rem;font-weight:600;line-height:1.1;color:#ffffff80;text-align:center;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;pointer-events:none}.palette-slot:hover .palette-slot__label{color:#ffffffc7}.palette-empty{grid-column:1 / -1;padding:.75rem .35rem;color:var(--muted);font-size:.75rem;text-align:center}.planner-canvas{position:relative;flex:1 1 auto;min-width:0;min-height:0;background:#0e0e13;overflow:hidden}.planner-canvas .react-flow{width:100%;height:100%}.planner-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:.75rem 1rem;border-radius:6px;border:1px dashed rgba(255,255,255,.12);color:var(--muted);font-size:.82rem;text-align:center;max-width:36ch;pointer-events:none}.planner-canvas--drop-target .react-flow{outline:2px dashed rgba(72,212,255,.35);outline-offset:-2px}.planner-canvas-help{position:absolute;left:50%;bottom:.55rem;transform:translate(-50%);padding:.25rem .55rem;border-radius:4px;background:#0000008c;color:var(--muted);font-size:.68rem;white-space:nowrap;pointer-events:none;z-index:5}.planner-connect-menu{position:fixed;z-index:40;width:min(320px,calc(100vw - 1rem));max-height:min(360px,calc(100vh - 2rem));transform:translate(8px,8px);display:flex;flex-direction:column;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#16161e;box-shadow:0 10px 32px #000000a6;overflow:hidden}.planner-connect-menu__head{display:flex;align-items:center;gap:.4rem;padding:.45rem .5rem;border-bottom:1px solid rgba(255,255,255,.08);background:#121218}.planner-connect-menu__title{flex:1;min-width:0;font-size:.76rem;font-weight:600;line-height:1.25}.planner-connect-menu__close{border:none;background:transparent;color:var(--muted);font-size:1rem;line-height:1;cursor:pointer;padding:0 .2rem}.planner-connect-menu__close:hover{color:var(--text)}.planner-connect-menu__empty{margin:0;padding:.75rem .65rem;color:var(--muted);font-size:.76rem}.planner-connect-menu__list{list-style:none;margin:0;padding:.35rem;overflow-y:auto;display:flex;flex-direction:column;gap:.25rem}.planner-connect-menu__item{display:flex;align-items:center;gap:.45rem;width:100%;padding:.35rem .4rem;border:1px solid transparent;border-radius:5px;background:#ffffff08;color:var(--text);text-align:left;cursor:pointer}.planner-connect-menu__item:hover{border-color:#ffffff24;background:#ffffff0f}.planner-connect-menu__item-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:.05rem}.planner-connect-menu__item-name{font-size:.76rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.planner-connect-menu__item-sub{font-size:.66rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.planner-section{padding:.55rem 0;border-bottom:1px solid rgba(255,255,255,.06)}.planner-section:last-child{border-bottom:none}.planner-section__title{margin:0 0 .45rem;font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.planner-kv{margin:0;display:flex;flex-direction:column;gap:.3rem}.planner-kv__row{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;font-size:.78rem}.planner-kv__row dt{margin:0;color:var(--muted);font-weight:500}.planner-kv__row dd{margin:0;font-family:var(--mono);font-size:.76rem;color:var(--text);text-align:right}.planner-kv__row dd.is-warn{color:#e8b84a}.planner-note{margin:0;color:var(--muted);font-size:.76rem;line-height:1.4}.planner-rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.3rem}.planner-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.35rem .45rem;border-radius:4px;background:#ffffff08;font-size:.76rem;min-width:0}.planner-row__main{display:flex;flex-direction:column;gap:.05rem;min-width:0}.planner-row__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.planner-row__sub{font-size:.68rem;color:var(--muted);text-transform:lowercase}.planner-row__value{flex:0 0 auto;font-family:var(--mono);font-size:.72rem;color:var(--text)}.planner-row__value.is-warn{color:#e8b84a}.planner-row--balance{flex-direction:column;align-items:stretch;gap:.25rem}.planner-row__label{display:flex;align-items:center;gap:.35rem;min-width:0}.planner-row__label .planner-row__name{flex:1}.planner-row__rates{display:flex;align-items:center;justify-content:flex-end;gap:.25rem;font-family:var(--mono);font-size:.7rem;color:var(--muted)}.planner-row__sep{opacity:.45}.planner-row__rates .is-good{color:var(--success)}.planner-row__rates .is-bad{color:var(--danger)}@media(max-width:900px){.planner-body{flex-wrap:wrap}.planner-rail--left{flex:1 1 100%;max-height:32vh;border-right:none;border-bottom:1px solid rgba(255,255,255,.07)}.planner-canvas{flex:1 1 100%;min-height:45vh}.planner-rail--right{flex:1 1 100%;max-height:28vh;border-left:none;border-top:1px solid rgba(255,255,255,.07)}.planner-toolbar{flex-wrap:wrap;padding:.45rem .65rem;gap:.45rem}.planner-toolbar__rate{margin-left:0}}.item-icon{display:block;flex:0 0 auto;object-fit:contain;image-rendering:pixelated;image-rendering:crisp-edges}.mnode{width:260px;border-radius:8px;border:1px solid var(--panel-border);background:var(--panel-raised);box-shadow:var(--frame-shadow);font-size:.78rem;color:var(--text);border-left:3px solid var(--steel-light)}.mnode--load-ok{border-left-color:var(--planner-load-ok)}.mnode--load-over{border-left-color:var(--planner-load-over);box-shadow:0 0 0 1px #c45c5c59,var(--frame-shadow)}.mnode--load-none{border-left-color:var(--muted)}.mnode__head{display:flex;align-items:center;gap:.45rem;padding:.4rem .5rem;border-bottom:1px solid rgba(255,255,255,.05)}.mnode__icon{flex:0 0 auto}.mnode__head-text{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:.05rem}.mnode__title{font-weight:600;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mnode__family{font-size:.62rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tier-stepper{display:flex;align-items:center;flex:0 0 auto;border:1px solid rgba(255,255,255,.1);border-radius:4px;background:#00000040;overflow:hidden}.tier-stepper__btn{border:none;background:transparent;color:var(--muted);font-size:.85rem;line-height:1;padding:.15rem .28rem;cursor:pointer;transition:color .1s,background .1s}.tier-stepper__btn:hover:not(:disabled){color:var(--text);background:#ffffff0f}.tier-stepper__btn:disabled{opacity:.25;cursor:default}.tier-stepper__value{font-family:var(--mono);font-size:.62rem;font-weight:600;min-width:1.4rem;text-align:center;color:var(--steel-light);border-left:1px solid rgba(255,255,255,.08);border-right:1px solid rgba(255,255,255,.08);padding:.12rem .1rem;line-height:1.2}.mnode__del{border:none;background:transparent;color:var(--muted);font-size:1rem;line-height:1;cursor:pointer;padding:0 .15rem}.mnode__del:hover{color:var(--danger)}.mnode__controls{display:flex;align-items:center;gap:.4rem;padding:.4rem .5rem}.mnode__count{display:flex;align-items:center;gap:.2rem;flex:0 0 auto;text-transform:none;letter-spacing:0;color:var(--muted)}.mnode__count input{width:42px;padding:.2rem .3rem;font-size:.78rem}.recipe-picker{position:relative;flex:1 1 auto;min-width:0}.recipe-picker__current{display:flex;align-items:center;justify-content:center;width:100%;min-height:32px;padding:.25rem;border-radius:5px;border:1px solid var(--panel-border);background:var(--recess);cursor:pointer}.recipe-picker__current:hover{border-color:var(--panel-border-bright)}.recipe-picker__filter{width:100%;min-height:32px;padding:.25rem .45rem;border-radius:5px;border:1px solid var(--panel-border-bright);background:var(--recess);color:var(--text);font:inherit;font-size:.78rem;outline:none}.recipe-picker__filter:focus{border-color:var(--accent)}.recipe-picker__filter::placeholder{color:var(--muted)}.recipe-picker__empty-msg{grid-column:1 / -1;padding:.35rem .25rem;color:var(--muted);font-size:.72rem;text-align:center}.recipe-picker__empty{color:var(--muted);font-size:.85rem;line-height:1}.recipe-picker__menu{position:absolute;z-index:10;top:calc(100% + 2px);left:0;right:0;list-style:none;margin:0;padding:.25rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(34px,1fr));gap:.2rem;max-height:160px;overflow-y:auto;border:1px solid var(--panel-border);border-radius:6px;background:var(--panel);box-shadow:0 6px 20px #00000073}.recipe-picker__menu button{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;padding:.2rem;border:1px solid transparent;border-radius:4px;background:var(--panel-raised);cursor:pointer}.recipe-picker__menu button:hover{border-color:var(--panel-border-bright);background:var(--recess)}.recipe-picker__menu button.is-active{border-color:var(--accent);background:var(--recess)}.mnode__util{display:flex;align-items:center;gap:.4rem;padding:0 .5rem .35rem}.mnode__bar{flex:1 1 auto;height:6px;border-radius:3px;background:var(--recess);overflow:hidden;box-shadow:inset 1px 1px 2px #0009}.mnode__bar span{display:block;height:100%;background:var(--planner-load-ok)}.mnode--load-over .mnode__bar span{background:var(--planner-load-over)}.mnode--load-none .mnode__bar span{background:#fff3}.mnode__pct{font-family:var(--mono);font-size:.7rem;color:var(--planner-load-ok);min-width:2.5em;text-align:right}.mnode--load-over .mnode__pct{color:var(--planner-load-over)}.mnode--load-none .mnode__pct{color:var(--muted)}.mnode__io{padding:.35rem .5rem .5rem}.mnode__io-rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem}.mnode__io-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.15rem .35rem;min-height:28px;border-radius:4px;background:#00000026}.mnode__io-side{position:relative;display:flex;align-items:center;gap:.35rem;flex:1 1 0;min-width:0}.mnode__io-side--in{justify-content:flex-start;padding-left:.15rem}.mnode__io-side--out{justify-content:flex-end;padding-right:.15rem}.mnode__rate{font-family:var(--mono);font-size:.72rem;color:var(--planner-rate);flex:0 0 auto;white-space:nowrap}.mnode__io-side--bonus .mnode__rate{color:var(--success)}.mnode__rate-bonus{margin-left:.15rem;color:var(--success)}.mnode__foot{display:flex;align-items:center;gap:.4rem;padding:.3rem .5rem;border-top:1px solid rgba(255,255,255,.05)}.mnode__foot-spacer{flex:1 1 auto}.mnode__load-mark{display:flex;flex:0 0 auto;align-items:center;justify-content:center;line-height:0}.mnode__load-mark--ok{color:var(--planner-load-ok)}.mnode__load-mark--over{color:var(--planner-load-over)}.mnode__load-mark--none,.mnode__rate--energy{color:var(--muted)}.react-flow__handle.mnode__handle{width:10px;height:10px;background:var(--steel-light);border:2px solid var(--panel-raised);box-shadow:0 0 0 1px #ffffff1f}.react-flow__handle.mnode__handle--energy{background:var(--planner-energy)}.react-flow__handle.mnode__handle--bonus{background:var(--success)}.planner-modal-backdrop{position:fixed;inset:0;z-index:50;background:#0009;display:flex;align-items:center;justify-content:center;padding:1rem}.planner-modal{width:min(520px,100%);max-height:min(90vh,720px);overflow:auto;border-radius:8px;border:2px solid var(--panel-border);background:var(--panel);box-shadow:0 10px 40px #0009;padding:1rem}.planner-modal--wide{width:min(640px,100%)}.planner-share-section{margin-top:1rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.08)}.planner-share-section__title{margin:0 0 .35rem;font-size:.82rem;font-weight:600;color:var(--text)}.planner-share-label{display:block;margin:.35rem 0 .15rem;font-size:.72rem;color:var(--muted)}.planner-share-url{width:100%;font-family:var(--mono);font-size:.72rem;padding:.4rem .5rem;border-radius:4px;border:1px solid rgba(255,255,255,.12);background:var(--recess);color:var(--text)}.planner-share-row{display:flex;justify-content:flex-end;margin:.35rem 0 .15rem}.planner-modal h3{margin:0 0 .4rem;font-size:1rem}.planner-import-text{width:100%;font-family:var(--mono);font-size:.75rem;resize:vertical;margin:.5rem 0}.planner-ok{margin:0 0 .5rem;color:var(--success);font-size:.82rem}.planner-modal-actions{display:flex;justify-content:flex-end;gap:.5rem}.react-flow__node{font-family:inherit}.react-flow__attribution{background:#0006;font-size:9px}.planner-canvas .react-flow.dark{--xy-controls-button-background-color-default: #16161c;--xy-controls-button-background-color-hover-default: #222228;--xy-controls-button-color-default: #ececec;--xy-controls-button-color-hover-default: #fff;--xy-controls-button-border-color-default: rgba(255, 255, 255, .08);--xy-controls-box-shadow-default: 0 2px 8px rgba(0, 0, 0, .4)}.planner-canvas .react-flow__controls{border-radius:5px;overflow:hidden}.react-flow__edge.selected .react-flow__edge-path{stroke:var(--planner-flow-selected)!important;stroke-width:3!important}.react-flow__node.selected .mnode{outline:2px solid var(--planner-flow-selected);outline-offset:2px;border-radius:8px}