:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#17212b;background:#f2f6fb}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{border:0;border-radius:10px;padding:.68rem .9rem;cursor:pointer;font-weight:700}button:disabled{cursor:not-allowed;opacity:.48}.app-shell{max-width:1440px;padding:2rem;margin:0 auto}.app-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.8rem}.eyebrow{color:#2563eb;letter-spacing:.12em;font-size:.72rem;font-weight:800;margin:0 0 .3rem}h1{margin:0;font-size:clamp(1.8rem,3vw,2.6rem)}.subtitle{margin:.35rem 0 0;color:#5c697a}.state{border-radius:999px;background:#e7edf5;padding:.45rem .8rem;font-size:.87rem;white-space:nowrap}.state.success{color:#146c43;background:#dff5e9}.state.error{color:#a32424;background:#fee6e6}.search-bar{display:grid;grid-template-columns:auto minmax(220px,1fr) auto auto auto;gap:.75rem;align-items:center;background:#fff;padding:1rem;border:1px solid #dce5f0;border-radius:16px;box-shadow:0 8px 24px #1b2d440f}.search-bar label{font-weight:800}.place-search-wrap{position:relative;min-width:0}.search-bar input{width:100%;min-width:0;border:1px solid #b8c5d5;border-radius:9px;padding:.7rem .8rem;outline:none}.search-bar input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #dbeafe}.place-suggestions{position:absolute;z-index:10;top:calc(100% + .35rem);left:0;right:0;overflow:hidden;border:1px solid #cbd8e6;border-radius:10px;background:#fff;box-shadow:0 10px 22px #1b2d4429}.place-suggestions button{display:block;width:100%;border-radius:0;padding:.7rem .8rem;color:#25344b;background:#fff;text-align:left;font-weight:600}.place-suggestions button:hover{background:#eff6ff}.zoom-control{display:flex;align-items:center;gap:.35rem;white-space:nowrap;font-size:.86rem;font-weight:800}.zoom-control input{width:105px;padding:0}.zoom-control output{min-width:3.7rem;color:#516176;font-variant-numeric:tabular-nums}.zoom-step{min-width:2rem;padding:.38rem .5rem;background:#e8eef6;color:#223149;font-size:1.1rem;line-height:1}.primary{color:#fff;background:#2563eb}.primary:hover:not(:disabled){background:#1d4ed8}.secondary{color:#223149;background:#e8eef6}.danger{color:#9f1d1d;background:#fee5e5;width:100%}.workspace{display:grid;grid-template-columns:245px minmax(0,1fr);gap:1.2rem;margin-top:1.2rem}.tools{padding:1rem;border:1px solid #dce5f0;background:#fff;border-radius:16px;align-self:start;box-shadow:0 8px 24px #1b2d440f}.tools h2{margin:0;font-size:1.05rem}.tool-help{font-size:.85rem;color:#64748b;line-height:1.4}.tools hr{border:0;border-top:1px solid #e5ebf2;margin:1rem 0}.tool{display:flex;align-items:center;gap:.55rem;width:100%;margin:.35rem 0;background:#f6f8fb;color:#243147;text-align:left}.tool.active{outline:3px solid #93c5fd;background:#dbeafe}.tool small{color:#64748b;margin-left:auto;font-weight:500}.tool-swatch{display:inline-block;flex:0 0 auto}.tool-swatch.truck{width:27px;height:15px;background:#facc15;border:3px solid #713f12;box-shadow:0 0 0 2px #fff}.tool-swatch.screen{width:23px;height:11px;background:#06b6d4;border:2px solid #0e7490}.tool-swatch.route{width:26px;border-top:3px dashed #2563eb}.tool-swatch.electric,.tool-swatch.toilet{width:23px;height:20px;border-radius:3px;background:#2563eb;color:#fff;font-size:.76rem;font-weight:900;line-height:20px;text-align:center}.tool-swatch.electric{background:#facc15;color:#17212b}.rotation-controls{margin-bottom:.6rem}.rotation-controls label{display:flex;justify-content:space-between;color:#516176;font-size:.82rem;font-weight:800}.rotation-controls input{width:100%;margin-top:.35rem}.rotation-controls output{color:#17212b;font-variant-numeric:tabular-nums}.scale-readout{font-size:.82rem;color:#516176;line-height:1.4}.tools #export{width:100%}.map-panel{min-width:0}.map-frame{position:relative;width:100%;aspect-ratio:16 / 10;overflow:hidden;background:#dbe5ee;border:1px solid #c5d2df;border-radius:16px;box-shadow:0 10px 28px #1b2d441c}.map-frame>#map,.map-frame>#static-map,.map-frame>#overlay{position:absolute;inset:0;width:100%;height:100%}.map-frame>#static-map{object-fit:fill}.map-frame>#overlay{touch-action:none}.map-hint{position:absolute;left:50%;bottom:16px;transform:translate(-50%);padding:.55rem .8rem;background:#ffffffeb;border-radius:999px;box-shadow:0 4px 12px #00000029;font-size:.88rem;text-align:center}.map-caption{color:#607084;font-size:.87rem;margin:.75rem .2rem}@media(max-width:820px){.app-shell{padding:1rem}.app-header{display:block}.state{display:inline-block;margin-top:.8rem}.search-bar{grid-template-columns:1fr auto}.search-bar label{display:none}.place-search-wrap,.zoom-control{grid-column:1 / -1}.workspace{grid-template-columns:1fr}.tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem}.tools h2,.tool-help,.tools hr,.scale-readout{grid-column:1 / -1}.tool{margin:0}.tools #export{grid-column:1 / -1}}@media print{@page{size:landscape;margin:9mm}body{background:#fff}.app-shell{padding:0;max-width:none}.app-header{margin:0 0 4mm}.eyebrow,.subtitle,.state,.search-bar,.tools,.map-caption{display:none!important}h1{font-size:18pt}.workspace{display:block;margin:0}.map-panel{width:100%}.map-frame{width:100%;height:auto;aspect-ratio:16 / 10;border-radius:0;box-shadow:none}.map-frame>#map,.map-frame>#overlay,.map-frame>#static-map:not([hidden]){display:block!important}}