:root{--ink: #3c2a14;--ink-soft: #5c4326;--parchment: #e8d9ae;--parchment-panel: #f2e6c4;--parchment-panel-alt: #e6d5a3;--parchment-panel-hover: #dcc98f;--border-brown: #8a6a3c;--border-brown-dark: #5c4326;--heading: #4b2e5c;--accent-gold: #9c6b1f;--accent-gold-hover: #b17f2a;--highlight-green: #2f5233;--status-danger: #7a2020;--shadow-sepia: rgba(60, 40, 20, .35);--font-display: "Metamorphous", cursive;--font-body: "IM Fell English", Georgia, serif}*,*:before,*:after{box-sizing:border-box}*{scrollbar-width:thin;scrollbar-color:var(--border-brown) var(--parchment-panel-alt)}::-webkit-scrollbar{width:14px;height:14px}::-webkit-scrollbar-track{background:var(--parchment-panel-alt)}::-webkit-scrollbar-thumb{background-color:var(--border-brown);border-radius:7px;border:3px solid var(--parchment-panel-alt)}::-webkit-scrollbar-thumb:hover{background-color:var(--border-brown-dark)}::-webkit-scrollbar-corner{background:var(--parchment-panel-alt)}html,body,#root{height:100%;margin:0}body{position:relative;font-family:var(--font-body);font-size:17px;background:radial-gradient(ellipse at 20% 15%,rgba(255,250,230,.45),transparent 60%),radial-gradient(ellipse at 85% 75%,rgba(110,80,35,.2),transparent 55%),var(--parchment);background-attachment:fixed;color:var(--ink)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.5;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.30  0 0 0 0 0.22  0 0 0 0 0.10  0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}p{line-height:1.5}a{color:var(--heading)}a:hover{color:var(--accent-gold)}#root{position:relative;z-index:1;height:100%}h1,h3{font-family:var(--font-display);font-weight:400;color:var(--heading);text-shadow:0 1px 0 rgba(255,255,255,.3)}h1{font-size:2em;margin:0 0 8px;letter-spacing:.5px}.app{display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:16px;box-sizing:border-box}.upload-view{max-width:900px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:16px}.phase-tabs{display:flex;align-items:flex-end;gap:4px;margin-bottom:16px;border-bottom:2px solid var(--border-brown)}.phase-tabs button{font-family:var(--font-display);font-size:1.05em;border:1px solid var(--border-brown);border-bottom:none;border-radius:8px 8px 0 0;background:linear-gradient(to bottom,var(--parchment-panel-hover),var(--parchment-panel-alt));box-shadow:inset 0 -4px 6px -3px var(--shadow-sepia),inset 0 1px #ffffff40;color:var(--ink-soft);padding:8px 14px;margin-top:6px;transition:margin-top .15s ease,background .15s ease}.phase-tabs button:hover:not(:disabled):not(.active){margin-top:3px;background:linear-gradient(to bottom,var(--parchment-panel-alt),var(--parchment-panel-alt))}.phase-tabs button.active{background:var(--parchment-panel);color:var(--heading);box-shadow:inset 0 1px #fff6;border:1px solid var(--border-brown);border-top:2px solid var(--highlight-green);border-bottom:2px solid var(--parchment-panel);margin-top:0;margin-bottom:-2px;font-weight:400}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#23180c99;display:flex;align-items:center;justify-content:center}.modal-box{display:flex;flex-direction:column;gap:10px;width:360px;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);overflow-y:auto;background:var(--parchment-panel);border:1px solid var(--border-brown);border-radius:6px;padding:16px;box-shadow:0 8px 30px var(--shadow-sepia)}.modal-header{display:flex;align-items:center;justify-content:space-between}.modal-close{border:none;background:transparent;box-shadow:none;font-size:20px;line-height:1;padding:2px 6px;cursor:pointer;color:var(--ink-soft)}.drop-zone{display:flex;align-items:center;justify-content:center;text-align:center;min-height:100px;padding:12px;border:2px dashed var(--border-brown);border-radius:6px;color:var(--ink-soft);font-size:.9em;cursor:pointer}.drop-zone.dragging{border-color:var(--accent-gold);background:var(--parchment-panel-alt);color:var(--ink)}.map-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.map-list li{display:flex;align-items:center;gap:8px}.workspace{position:relative;display:flex;flex:1;min-height:0;margin:0 -16px -16px;overflow:hidden}.map-canvas-wrapper{position:relative;flex:1;min-width:0;min-height:0;overflow:hidden}.side-panel-container{position:absolute;top:12px;left:12px;z-index:10;pointer-events:none}.side-panel{position:relative;display:flex;flex-direction:column;gap:12px;width:280px;max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);pointer-events:auto;overflow-y:auto;background:linear-gradient(var(--parchment-panel) 30%,rgba(242,230,196,0)) 0 0,linear-gradient(rgba(242,230,196,0),var(--parchment-panel) 70%) 0 100%,radial-gradient(farthest-side at 50% 0,var(--shadow-sepia),rgba(0,0,0,0)) 0 0,radial-gradient(farthest-side at 50% 100%,var(--shadow-sepia),rgba(0,0,0,0)) 0 100%;background-repeat:no-repeat;background-color:#f2e6c4f2;background-size:100% 28px,100% 28px,100% 10px,100% 10px;background-attachment:local,local,scroll,scroll;border:1px solid var(--border-brown);border-radius:6px;padding:10px;box-shadow:0 2px 10px var(--shadow-sepia);transition:transform .25s ease}.side-panel.collapsed{transform:translate(-300px)}.side-panel-handle{position:absolute;top:50%;transform:translateY(-50%);left:280px;z-index:11;width:30px;height:72px;border:1px solid var(--border-brown);border-left:none;border-radius:0 6px 6px 0;background:#f2e6c4f2;box-shadow:1px 1px 4px var(--shadow-sepia);cursor:pointer;font-size:18px;color:var(--ink-soft);line-height:1;padding:0;transition:left .25s ease;pointer-events:auto}.side-panel-handle.collapsed{left:-20px}.upload-notice{position:absolute;top:12px;left:50%;transform:translate(-50%);z-index:10;display:flex;align-items:center;gap:10px;max-width:calc(100% - 24px);background:#f2e6c4f2;border:1px solid var(--border-brown);border-radius:6px;padding:8px 12px;font-size:.85em;box-shadow:0 2px 10px var(--shadow-sepia)}.upload-notice button{border:none;background:transparent;box-shadow:none;font-size:16px;line-height:1;padding:0 2px;cursor:pointer;color:var(--ink-soft)}.zoom-controls{position:absolute;bottom:12px;right:12px;z-index:10;display:flex;flex-direction:column;gap:4px;background:#f2e6c4f2;border:1px solid var(--border-brown);border-radius:6px;padding:4px;box-shadow:0 2px 10px var(--shadow-sepia)}.zoom-controls button{width:32px;height:32px;padding:0;font-size:16px;line-height:1}.panel{background:var(--parchment-panel);border:1px solid var(--border-brown);border-radius:6px;padding:12px}.panel h3{margin:0 0 8px;font-size:1.1em}.toolbar-group{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}button{font-family:var(--font-body);font-size:1em;cursor:pointer;padding:6px 10px;border-radius:4px;border:1px solid var(--border-brown);background:linear-gradient(to bottom,var(--parchment-panel),var(--parchment-panel-alt));color:var(--ink);box-shadow:0 1px 2px var(--shadow-sepia),inset 0 1px #ffffff4d}button:hover:not(:disabled){background:linear-gradient(to bottom,var(--parchment-panel-alt),var(--parchment-panel-hover));border-color:var(--highlight-green)}button.active{background:var(--accent-gold);border-color:var(--border-brown-dark);color:var(--ink);box-shadow:inset 0 1px 3px #00000059}button.active:hover:not(:disabled){background:var(--accent-gold-hover);border-color:var(--border-brown-dark)}button:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{font-family:var(--font-body);font-size:1em;color:var(--ink);background:var(--parchment-panel);border:1px solid var(--border-brown);border-radius:4px;padding:5px 7px}input:focus,select:focus,textarea:focus{outline:2px solid var(--highlight-green);outline-offset:1px}input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:16px;height:16px;padding:0;margin:0 6px 0 0;vertical-align:middle;position:relative;top:-1px;border:1px solid var(--border-brown);border-radius:3px;background:var(--parchment-panel)}input[type=checkbox]:checked{background:var(--accent-gold);border-color:var(--border-brown-dark)}input[type=checkbox]:checked:after{content:"";position:absolute;left:5px;top:2px;width:3px;height:7px;border:solid var(--ink);border-width:0 2px 2px 0;transform:rotate(45deg)}input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}input[type=range]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;height:6px;padding:0;background:var(--parchment-panel-alt);border:1px solid var(--border-brown);border-radius:3px}input[type=range]::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent-gold);border:1px solid var(--border-brown-dark);box-shadow:0 1px 2px var(--shadow-sepia);cursor:pointer}input[type=range]::-moz-range-track{height:6px;background:var(--parchment-panel-alt);border:1px solid var(--border-brown);border-radius:3px}input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--accent-gold);border:1px solid var(--border-brown-dark);box-shadow:0 1px 2px var(--shadow-sepia);cursor:pointer}.hint{font-size:.85em;font-style:italic;color:var(--ink-soft);margin:4px 0}.status{margin-left:8px;color:var(--highlight-green);font-size:.85em}.status-error{color:var(--status-danger);font-size:.85em}.calibration-form{display:flex;flex-direction:column;gap:6px;margin-top:8px}.calibration-distance-row{display:flex;gap:6px}.calibration-distance-row input{width:80px}.route-result{margin-top:8px;font-size:.9em}.item-box-list{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.item-box{display:flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid var(--border-brown);border-radius:4px;background:var(--parchment-panel-alt);cursor:pointer}.item-box.active{border-color:var(--accent-gold);background:var(--parchment-panel)}.item-box input{flex:1;min-width:0;border:none;background:transparent;font:inherit;padding:2px 4px}.item-box-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:2px 4px}.item-box button{padding:2px 8px}.item-box-menu{position:relative;flex-shrink:0}.item-box-menu>button{background:#f2e6c4e6;box-shadow:0 1px 3px var(--shadow-sepia)}.item-box-menu-popup{position:absolute;top:100%;right:0;z-index:10;display:flex;flex-direction:column;min-width:90px;margin-top:2px;background:var(--parchment-panel);border:1px solid var(--border-brown);border-radius:4px;box-shadow:0 2px 6px var(--shadow-sepia);overflow:hidden}.item-box-menu-popup button{padding:6px 10px;border:none;border-radius:0;text-align:left;background:var(--parchment-panel);box-shadow:none}.item-box-menu-popup button:hover{background:var(--parchment-panel-alt)}.map-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-bottom:12px}.map-card{position:relative;display:flex;flex-direction:column;border:2px solid var(--border-brown);border-radius:6px;overflow:hidden;background:var(--parchment-panel);box-shadow:0 1px 3px var(--shadow-sepia);cursor:pointer}.map-card.active{border-color:var(--accent-gold)}.map-card-thumb{width:100%;aspect-ratio:4 / 3;object-fit:cover;display:block;background:var(--parchment-panel-alt)}.map-card-menu{position:absolute;top:6px;right:6px}.map-card-body{display:flex;align-items:center;padding:6px 8px}.map-card-body input{width:100%;min-width:0;border:none;background:transparent;font:inherit;padding:2px 0}.map-card-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9em}.map-card-new{display:flex;align-items:center;justify-content:center;min-height:140px;border:2px dashed var(--border-brown);border-radius:6px;background:transparent;color:var(--ink-soft);box-shadow:none}