:root{--color-bg:#111;--color-surface:#171717;--color-surface-2:#1c1c1c;--color-surface-3:#222;--color-border:#303030;--color-border-light:#3b3b3b;--color-text:#d6d6d6;--color-text-muted:#858585;--color-text-faint:#5d5d5d;--color-danger:#b95757;--color-warning:#b39a58;--color-success:#67916d;--color-info:#6d8ca8;--radius:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--font-ui:Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"SFMono-Regular", "Cascadia Mono", "Roboto Mono", Menlo, Consolas, monospace}*{box-sizing:border-box;margin:0;padding:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-surface-3);border:2px solid var(--color-bg)}::-webkit-scrollbar-thumb:hover{background:var(--color-border-light)}.sig{background:currentColor;flex-shrink:0;width:5px;height:5px}.sig-on{color:var(--color-success)}.section-label{letter-spacing:.11em;color:var(--color-text-faint);text-transform:uppercase;margin-bottom:var(--space-2);font-size:10px;font-weight:600}html,body{width:100%;height:100%;font-family:var(--font-ui);background:var(--color-bg);color:var(--color-text);-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;font-size:13px;overflow:hidden}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}.mono{font-family:var(--font-mono)}.hidden{display:none!important}#app{flex-direction:column;height:100vh;display:flex;overflow:hidden}.app-header{align-items:center;gap:var(--space-3);height:40px;padding:0 var(--space-3);background:var(--color-bg);border-bottom:1px solid var(--color-border);flex-shrink:0;display:flex}.app-brand{align-items:center;gap:var(--space-2);display:flex}.app-title{letter-spacing:.16em;color:var(--color-text-muted);text-transform:uppercase;font-size:11px;font-weight:600}.app-sep{background:var(--color-border);width:1px;height:14px}.app-unit{font-family:var(--font-mono);letter-spacing:.08em;color:var(--color-text-faint);font-size:10px}.btn-tips{height:24px;padding:0 var(--space-3);letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);font-size:9px;font-weight:600;transition:background-color .1s,border-color .1s,color .1s}.btn-tips:hover{color:var(--color-text);border-color:var(--color-border-light);background:var(--color-surface-3)}.docs-link{align-items:center;text-decoration:none;display:inline-flex}.app-credits{align-items:center;gap:var(--space-3);margin-left:auto;display:flex}.app-credit{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-faint);align-items:center;gap:6px;font-size:9px;text-decoration:none;transition:color .1s;display:inline-flex}.app-credit:hover{color:var(--color-text-muted)}.credit-icon{width:11px;height:11px}.app-body{flex:1;grid-template-columns:260px 1fr 260px;min-height:0;display:grid}.panel{background:var(--color-bg);padding:var(--space-3);gap:var(--space-4);flex-direction:column;display:flex;overflow-y:auto}.left-panel{border-right:1px solid var(--color-border);gap:0;padding:0;overflow:hidden}.sidebar-content{min-height:0;padding:var(--space-3);gap:var(--space-4);flex-direction:column;flex:1;display:flex;overflow-y:auto}.sidebar-footer{border-top:1px solid var(--color-border);background:var(--color-bg);flex:none;grid-template-columns:repeat(4,1fr);height:44px;display:grid}.footer-btn{color:var(--color-text-faint);flex-direction:column;justify-content:center;align-items:center;gap:3px;transition:background-color .1s,color .1s;display:flex;position:relative}.footer-btn+.footer-btn{border-left:1px solid var(--color-border)}.footer-btn:hover{background:var(--color-surface-2);color:var(--color-text)}.footer-btn svg{width:15px;height:15px}.footer-btn span{font-family:var(--font-mono);letter-spacing:.12em;font-size:7px;font-weight:600}.footer-badge{background:var(--color-info);border-radius:50%;width:6px;height:6px;display:none;position:absolute;top:6px;right:14px}.footer-badge.shown{display:block}.right-panel{border-left:1px solid var(--color-border)}.combobox{position:relative}.cb-input-wrap{align-items:center;display:flex;position:relative}.cb-input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);width:100%;height:30px;color:var(--color-text);outline:none;flex:1;padding:0 26px 0 10px;font-size:12px;font-weight:500;transition:background-color .1s,border-color .1s}.cb-input:hover{border-color:var(--color-border-light)}.cb-input:focus{border-color:var(--color-info)}.cb-clear{border-radius:var(--radius);width:16px;height:16px;color:var(--color-text-faint);z-index:1;justify-content:center;align-items:center;font-size:13px;line-height:1;transition:color .1s,background-color .1s;display:flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.cb-clear:hover{color:var(--color-danger);background:var(--color-surface-3)}.cb-dropdown{background:var(--color-surface-2);border:1px solid var(--color-border-light);border-radius:var(--radius);z-index:20;max-height:200px;margin-top:0;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.cb-item{cursor:pointer;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);align-items:center;gap:var(--space-2);padding:6px 10px;font-size:11px;display:flex}.cb-item:last-child{border-bottom:none}.cb-item:hover{background:var(--color-surface-3);color:var(--color-text)}.cb-item .cb-thumb{border:1px solid var(--color-border);object-fit:cover;flex-shrink:0;width:22px;height:22px}.cb-item .cb-name{flex:1}.cb-meta{font-family:var(--font-mono);color:var(--color-text-faint);margin-left:auto;font-size:9px}.placement-buttons{gap:var(--space-2);flex-direction:column;display:flex}.placement-row{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.btn-place{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);height:34px;padding:0 var(--space-2);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);justify-content:center;align-items:center;gap:var(--space-2);flex:1;font-size:9px;font-weight:600;line-height:1.2;transition:background-color .1s,border-color .1s,color .1s;display:flex}.btn-place:hover{background:var(--color-surface-2);border-color:var(--color-border-light);color:var(--color-text)}.btn-place.arty.active{background:var(--color-surface-3);border-color:var(--color-info);color:var(--color-info)}.btn-place.target.active{background:var(--color-surface-3);border-color:var(--color-danger);color:var(--color-danger)}.btn-place svg{flex-shrink:0;width:16px;height:16px}.dot-icon .dot-body{fill:#151515;stroke-width:2px;stroke:var(--color-text-muted)}.dot-icon .dot-core{fill:var(--color-text-muted)}.dot-icon.arty .dot-body{stroke:var(--color-text)}.dot-icon.arty .dot-core{fill:var(--color-text)}.dot-icon.target .dot-body{stroke:var(--color-danger)}.dot-icon.target .dot-core{fill:var(--color-danger)}.btn-full{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);width:100%;height:30px;color:var(--color-text-muted);letter-spacing:.12em;text-transform:uppercase;justify-content:center;align-items:center;font-size:10px;font-weight:600;transition:background-color .1s,border-color .1s,color .1s;display:flex}.btn-full:hover{background:var(--color-surface-2);border-color:var(--color-border-light);color:var(--color-text)}.btn-full:disabled{opacity:.45;cursor:default}.btn-full:disabled:hover{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text-muted)}.btn-full.active{background:var(--color-surface-3);border-color:var(--color-info);color:var(--color-info)}.btn-full.danger{color:var(--color-danger);border-color:#6d3a3a}.btn-full.danger:hover{background:var(--color-surface-3)}.btn-config{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);height:30px;color:var(--color-text-muted);letter-spacing:.12em;text-transform:uppercase;flex:1;font-size:10px;font-weight:600;transition:background-color .1s,border-color .1s,color .1s}.btn-config:hover{background:var(--color-surface-2);border-color:var(--color-border-light);color:var(--color-text)}.btn-config:disabled{opacity:.45;cursor:default}.btn-config:disabled:hover{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text-muted)}.btn-config.active{background:var(--color-surface-3);border-color:var(--color-info);color:var(--color-info)}.preset-list{gap:var(--space-2);flex-direction:column;max-height:46vh;display:flex;overflow-y:auto}.preset-empty{color:var(--color-text-faint);text-align:center;padding:var(--space-4) 0;font-size:11px}.preset-row{align-items:center;gap:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;padding:6px 8px;transition:background-color .1s,border-color .1s;display:flex}.preset-row:hover{background:var(--color-surface-3);border-color:var(--color-border-light)}.preset-row.invalid{opacity:.55;cursor:default}.preset-square{background:var(--color-surface-3);border:1px solid var(--color-border);width:28px;height:28px;font-family:var(--font-mono);color:var(--color-text-muted);border-radius:2px;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.preset-row-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.preset-row-name{font-family:var(--font-mono);color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;font-weight:600;overflow:hidden}.preset-row-meta{font-family:var(--font-mono);color:var(--color-text-faint);white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.preset-row-delete{border-radius:var(--radius);width:22px;height:22px;color:var(--color-text-faint);background:0 0;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;line-height:1;transition:color .1s,background-color .1s;display:flex}.preset-row-delete:hover{color:var(--color-danger);background:var(--color-surface-3)}.preset-footer{gap:var(--space-2);flex-direction:column;display:flex}.preset-name-input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);width:100%;min-width:0;height:30px;color:var(--color-text);outline:none;padding:0 10px;font-size:12px;font-weight:500;transition:background-color .1s,border-color .1s}.preset-name-input:hover{border-color:var(--color-border-light)}.preset-name-input:focus{border-color:var(--color-info)}.preset-footer-row{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.info-grid{gap:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.info-item{flex-direction:column;gap:2px;min-width:0;display:flex}.info-item .label{color:var(--color-text-faint);letter-spacing:.09em;text-transform:uppercase;font-size:10px;font-weight:600}.info-item .value{font-family:var(--font-mono);color:var(--color-text);font-size:12px}.map-container{background:#0c0c0c;position:relative;overflow:hidden}.map-wrapper{cursor:crosshair;position:absolute;inset:0;overflow:hidden}#mapImage{transform-origin:0 0;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;filter:brightness(.78)saturate(.55)contrast(1.05);position:absolute;top:0;left:0}.heightmap-image{transform-origin:0 0;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;object-fit:cover;filter:brightness(.9);position:absolute;top:0;left:0}.reach-canvas{transform-origin:0 0;pointer-events:none;image-rendering:pixelated;image-rendering:crisp-edges;z-index:2;position:absolute;top:0;left:0}.reach-legend{bottom:var(--space-3);left:var(--space-3);gap:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-faint);pointer-events:none;z-index:5;padding:6px 10px;font-size:9px;display:flex;position:absolute}.reach-legend .swatch{vertical-align:middle;width:10px;height:10px;margin-right:4px;display:inline-block}.reach-legend .swatch.reach{background:#00ff0059;border:1px solid #67916d}.reach-legend .swatch.block{background:#ff000059;border:1px solid #b95757}.reach-legend .swatch.oor{background:#80808059;border:1px solid #5d5d5d}.map-wrapper.has-overlay #mapImage,.map-wrapper.has-overlay .heightmap-image{filter:brightness(.55)contrast(1.1)}.overlay-svg{pointer-events:none;z-index:3;width:100%;height:100%;position:absolute;top:0;left:0}.map-crosshair{pointer-events:none;opacity:0;z-index:4;width:20px;height:20px;transition:opacity .1s;position:absolute;transform:translate(-50%,-50%)}.map-crosshair:before,.map-crosshair:after{content:"";background:var(--color-border-light);position:absolute}.map-crosshair:before{width:1px;height:100%;top:0;left:50%;transform:translate(-50%)}.map-crosshair:after{width:100%;height:1px;top:50%;left:0;transform:translateY(-50%)}.map-coords{top:var(--space-3);left:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);padding:4px var(--space-2);border-radius:var(--radius);font-family:var(--font-mono);color:var(--color-text-muted);pointer-events:none;z-index:5;font-size:10px;position:absolute}.map-controls{right:var(--space-3);top:var(--space-3);gap:var(--space-1);background:var(--color-surface);border-radius:var(--radius);border:1px solid var(--color-border);z-index:5;flex-direction:column;padding:4px;display:flex;position:absolute}.map-controls-br{top:auto;bottom:var(--space-3)}.zoom-btn:disabled{opacity:.4;cursor:default;pointer-events:none}.zoom-btn{width:26px;height:26px;color:var(--color-text-muted);font-family:var(--font-mono);background:0 0;border:1px solid #0000;border-radius:0;justify-content:center;align-items:center;font-size:13px;font-weight:600;transition:background-color .1s,border-color .1s,color .1s;display:flex}.zoom-btn:hover{background:var(--color-surface-3);border-color:var(--color-border-light);color:var(--color-text)}.zoom-info{text-align:center;font-family:var(--font-mono);color:var(--color-text-faint);border-top:1px solid var(--color-border);margin-top:2px;padding-top:3px;font-size:9px}.map-hint{bottom:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:4px var(--space-3);letter-spacing:.09em;text-transform:uppercase;color:var(--color-text-faint);pointer-events:none;z-index:5;white-space:nowrap;font-size:9px;font-weight:600;position:absolute;left:50%;transform:translate(-50%)}.map-loading{background:var(--color-bg);z-index:10;color:var(--color-text-faint);letter-spacing:.2em;text-transform:uppercase;justify-content:center;align-items:center;gap:var(--space-3);font-size:10px;font-family:var(--font-mono);flex-direction:column;display:flex;position:absolute;inset:0}.loading-spinner{border:1.5px solid var(--color-border);border-top-color:var(--color-info);border-radius:50%;width:24px;height:24px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.solutions-list{gap:var(--space-2);flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.list-empty{text-align:center;padding:var(--space-5) var(--space-3);color:var(--color-text-faint);font-size:11px}.target-row{background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;border-radius:3px;transition:background-color .1s,border-color .1s;display:flex;overflow:hidden}.target-row:hover{background:var(--color-surface-2);border-color:var(--color-border-light)}.target-row.selected{background:var(--color-surface-2);border-color:var(--color-border-light);box-shadow:0 2px 8px #00000073}.state-block{width:30px;font-family:var(--font-mono);border-right:1px solid var(--color-border);-webkit-user-select:none;user-select:none;flex:none;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.state-block.st-clear{color:#3cd969;background:#00c83c21}.state-block.st-blocked{color:#e05555;background:#dc323221}.state-block.st-none{color:#9a9a9a;background:#8c8c8c21}.target-row.selected .state-block{background:var(--color-info);color:#10151c;border-right-color:var(--color-info)}.target-body{flex-direction:column;flex:1;min-width:0;display:flex}.card-header{justify-content:space-between;align-items:center;padding:6px 8px 4px;display:flex}.status-pill{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;border:1px solid;border-radius:2px;padding:2px 6px;font-size:8px;font-weight:700;line-height:1.4}.status-pill.st-clear{color:#3cd969;background:#00c83c14;border-color:#00c83c73}.status-pill.st-blocked{color:#e05555;background:#dc323214;border-color:#dc323273}.status-pill.st-none{color:#9a9a9a;background:#8c8c8c0f;border-color:#8c8c8c59}.target-remove{width:18px;height:18px;color:var(--color-text-faint);border:1px solid #0000;border-radius:2px;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;line-height:1;transition:color .1s,border-color .1s,background-color .1s;display:flex}.target-remove:hover{border-color:var(--color-danger);color:var(--color-danger);background:var(--color-surface-3)}.name-row{border-bottom:1px solid var(--color-border);padding:0 8px 6px}.target-name{width:100%;font-family:var(--font-mono);color:var(--color-text);text-overflow:ellipsis;cursor:text;background:0 0;border:none;outline:none;margin:0;padding:1px 2px;font-size:11px;transition:background-color .1s;display:block}.target-name:hover{background:var(--color-surface-2)}.target-name:focus{background:var(--color-surface-3)}.target-name::placeholder{color:var(--color-text-faint);font-style:italic}.hero-row{border-bottom:1px solid var(--color-border);grid-template-columns:1fr 1fr;display:grid}.hero-cell{flex-direction:column;gap:2px;min-width:0;padding:8px;display:flex}.hero-cell+.hero-cell{border-left:1px solid var(--color-border)}.hero-cell .label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-faint);font-size:8px;font-weight:600}.hero-cell .value{font-family:var(--font-mono);color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-size:24px;font-weight:600;line-height:1.1;overflow:hidden}.hero-cell .value .unit{color:var(--color-text-faint);margin-left:3px;font-size:11px;font-weight:500}.mini-strip{background:var(--color-surface-2);grid-template-columns:1fr 1fr 1fr;display:grid}.mini-cell{flex-direction:column;gap:1px;min-width:0;padding:5px 8px;display:flex}.mini-cell+.mini-cell{border-left:1px solid var(--color-border)}.mini-cell .label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-faint);font-size:7px;font-weight:600}.mini-cell .value{font-family:var(--font-mono);color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}.mini-cell .value .unit{color:var(--color-text-faint);margin-left:2px;font-size:8px;font-weight:500}.marker{z-index:10;pointer-events:none;background:#151515;border:1px solid;width:12px;height:12px;position:absolute;transform:translate(-50%,-50%)}.marker:after{content:"";background:currentColor;width:4px;height:4px;position:absolute;top:3px;left:3px}.marker-artillery{color:var(--color-text)}.marker-target{color:var(--color-danger)}.marker.active{color:#c76565;border-color:#c76565}.marker.active:before{content:"";background:linear-gradient(#c76565,#c76565) 0 0/8px 1px no-repeat,linear-gradient(#c76565,#c76565) 100% 0/8px 1px no-repeat,linear-gradient(#c76565,#c76565) 0 100%/8px 1px no-repeat,linear-gradient(#c76565,#c76565) 100% 100%/8px 1px no-repeat,linear-gradient(#c76565,#c76565) 0 0/1px 8px no-repeat,linear-gradient(#c76565,#c76565) 100% 0/1px 8px no-repeat,linear-gradient(#c76565,#c76565) 0 100%/1px 8px no-repeat,linear-gradient(#c76565,#c76565) 100% 100%/1px 8px no-repeat;width:28px;height:28px;position:absolute;top:-8px;left:-8px}.marker-label{z-index:8;border:1px solid var(--color-border);height:22px;color:var(--color-text-muted);font-family:var(--font-mono);white-space:nowrap;pointer-events:none;background:#151515;align-items:center;padding:0 6px;font-size:10px;line-height:1;display:flex;position:absolute}.marker-label:before{content:"";background:#555;width:16px;height:1px;position:absolute;top:50%;right:100%}.marker-label:after{content:"";transform-origin:100%;background:#555;width:17px;height:1px;position:absolute;top:50%;right:calc(100% + 16px);transform:rotate(-45deg)}.marker-label.active{color:var(--color-text);border-color:#c76565}.marker-label.active:before,.marker-label.active:after{background:#c76565}.modal-overlay{z-index:100;background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-panel{background:var(--color-surface-2);border:1px solid var(--color-border-light);border-radius:var(--radius);flex-direction:column;width:min(520px,92vw);max-height:80vh;display:flex;overflow:hidden}.modal-header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);flex-shrink:0;align-items:center;display:flex}.modal-title{letter-spacing:.16em;color:var(--color-text-muted);text-transform:uppercase;font-size:10px;font-weight:600}.modal-close{color:var(--color-text-faint);border-radius:var(--radius);border:1px solid #0000;margin-left:auto;padding:2px 6px;font-size:14px;line-height:1;transition:color .1s,background-color .1s,border-color .1s}.modal-close:hover{color:var(--color-danger);background:var(--color-surface-3);border-color:var(--color-border-light)}.modal-body{padding:var(--space-4);gap:var(--space-4);flex-direction:column;display:flex;overflow-y:auto}.options-modal-panel{width:min(360px,92vw)}.options-modal-panel .modal-body{gap:var(--space-2)}.option-row{align-items:center;gap:var(--space-3);height:48px;padding:0 var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;transition:background-color .1s,border-color .1s,opacity .1s;display:flex}.option-row:hover{background:var(--color-surface-2);border-color:var(--color-border-light)}.option-row.disabled{opacity:.45;cursor:default}.option-row.disabled:hover{background:var(--color-surface);border-color:var(--color-border)}.option-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.option-label{color:var(--color-text);font-size:11px;font-weight:600}.option-desc{color:var(--color-text-faint);white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.switch{background:var(--color-surface-3);border:1px solid var(--color-border);border-radius:9px;flex:none;width:34px;height:18px;transition:background-color .12s,border-color .12s;position:relative}.switch:after{content:"";background:var(--color-text-faint);border-radius:50%;width:12px;height:12px;transition:transform .12s,background-color .12s;position:absolute;top:2px;left:2px}.switch.on{background:var(--color-info);border-color:var(--color-info)}.switch.on:after{background:#0d1117;transform:translate(16px)}.switch.loading{opacity:.6}.toast{bottom:var(--space-5);background:var(--color-surface-3);border:1px solid var(--color-info);padding:var(--space-2) var(--space-4);border-radius:var(--radius);color:var(--color-text);font-family:var(--font-mono);letter-spacing:.05em;z-index:99999;opacity:0;pointer-events:none;font-size:11px;transition:opacity .15s,transform .15s;position:fixed;left:50%;transform:translate(-50%)translateY(8px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.toast.error{border-color:var(--color-danger)}@media (width<=768px){.app-body{grid-template-rows:2fr 1fr;grid-template-columns:1fr 1fr}.app-body>.left-panel{border-right:1px solid var(--color-border);border-left:none;border-top:1px solid var(--color-border);grid-area:2/1}.app-body>.map-container{grid-area:1/1/auto/-1}.app-body>.right-panel{border-left:1px solid var(--color-border);border-top:1px solid var(--color-border);grid-area:2/2}.app-header{padding:0 var(--space-2);gap:var(--space-2)}.app-unit{display:none}.panel{padding:var(--space-2)}.solutions-list{flex:1;min-height:0}}