:root{--bg: #1a1d21;--panel: #24282e;--panel-2: #2b3038;--border: #363b43;--text: #e6e8ea;--muted: #9aa2ad;--good: #46c07a;--bad: #e5674b;--accent: #5a9bd8;--accent-dim: #38516b;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text)}.app{height:100vh;display:flex;flex-direction:column;overflow:hidden}.app-header{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:.6rem 1.25rem;border-bottom:1px solid var(--border);background:var(--panel);flex-wrap:wrap}.brand{display:flex;align-items:baseline;gap:.6rem}.brand h1{margin:0;font-size:1.35rem;letter-spacing:.02em;color:var(--accent)}.app-subtitle{color:var(--muted);font-size:.85rem}.header-controls{display:flex;align-items:flex-start;gap:1.5rem;flex-wrap:wrap}.app-body{flex:1;display:grid;grid-template-columns:220px 1fr 260px;min-height:0}.app-canvas{min-width:0;min-height:0;padding:1rem;background:var(--bg);overflow:auto}.switcher{display:flex;flex-direction:column;gap:.25rem}.switcher-caption{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.switcher-buttons{display:inline-flex;gap:2px;background:var(--panel-2);padding:2px;border-radius:7px;border:1px solid var(--border)}.seg-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--text);font-size:.82rem;padding:.32rem .7rem;border-radius:5px;cursor:pointer;transition:background .12s ease,color .12s ease;white-space:nowrap}.seg-btn:hover{background:var(--accent-dim)}.seg-btn.is-active{background:var(--accent);color:#0f1216;font-weight:600}.panel{background:var(--panel);padding:1rem;overflow-y:auto;min-height:0}.panel--left{border-right:1px solid var(--border)}.panel--right{border-left:1px solid var(--border)}.panel-title{margin:0 0 .6rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.panel-title:not(:first-child){margin-top:1.6rem;padding-top:1.2rem;border-top:1px solid var(--border)}.panel-note{margin-top:1rem;font-size:.75rem;color:var(--muted);line-height:1.45}.layer-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.15rem}.layer-item{display:flex;align-items:center;gap:.55rem;padding:.32rem .4rem;border-radius:5px;cursor:pointer;font-size:.9rem}.layer-item:hover{background:var(--panel-2)}.layer-item input{accent-color:var(--accent);width:15px;height:15px}.context-list{margin:0;display:grid;grid-template-columns:auto 1fr;gap:.3rem .75rem;font-size:.9rem}.context-list dt{color:var(--muted)}.context-list dd{margin:0;font-weight:600}.context-muted{color:var(--muted);font-weight:400!important}.status-list{list-style:none;padding:0;margin:0;line-height:1.9;font-size:.9rem}.status-good{color:var(--good);font-weight:600}.status-bad{color:var(--bad);font-weight:600}.workspace{height:100%;min-height:420px}.workspace--split{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.ws-pane{position:relative;height:100%;min-height:420px;border:1px dashed var(--border);border-radius:10px;background:repeating-linear-gradient(0deg,transparent 0 39px,rgba(255,255,255,.03) 39px 40px),repeating-linear-gradient(90deg,transparent 0 39px,rgba(255,255,255,.03) 39px 40px),var(--panel);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;text-align:center;padding:2rem}.ws-pane-badge{position:absolute;top:.75rem;left:.75rem;font-size:.72rem;font-weight:700;letter-spacing:.05em;color:var(--accent);border:1px solid var(--accent-dim);border-radius:5px;padding:.15rem .45rem;background:#5a9bd814}.ws-pane-title{margin:0;font-size:1.1rem;font-weight:600}.ws-pane-hint{margin:0;max-width:420px;color:var(--muted);font-size:.85rem;line-height:1.5}.version-save{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.7rem}.version-title-input{width:100%;background:var(--panel-2);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:.85rem;padding:.4rem .55rem}.version-title-input::placeholder{color:var(--muted)}.version-title-input:focus{outline:none;border-color:var(--accent)}.btn-primary{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:var(--accent);color:#0f1216;font-weight:600;font-size:.85rem;padding:.45rem .8rem;border-radius:6px;cursor:pointer;width:100%}.btn-primary:hover:not(:disabled){filter:brightness(1.08)}.btn-primary:disabled{opacity:.6;cursor:default}.btn-ghost{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:1px solid var(--border);color:var(--text);font-size:.78rem;padding:.22rem .55rem;border-radius:5px;cursor:pointer}.btn-ghost:hover:not(:disabled){background:var(--accent-dim);border-color:var(--accent-dim)}.btn-ghost:disabled{opacity:.5;cursor:default}.version-error{font-size:.78rem;margin:.3rem 0}.version-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.3rem;max-height:220px;overflow-y:auto}.version-item{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.4rem .5rem;border:1px solid var(--border);border-radius:6px;background:var(--panel-2)}.version-item.is-loaded{border-color:var(--accent)}.version-meta{display:flex;flex-direction:column;line-height:1.25;min-width:0}.version-label{font-size:.85rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.version-date{font-size:.7rem;color:var(--muted)}.version-buttons{display:flex;gap:.3rem;flex-shrink:0}.btn-danger{padding:.22rem .45rem;color:var(--muted)}.btn-danger:hover:not(:disabled){background:#e5674b26;border-color:var(--bad);color:var(--bad)}.login-box{width:100%;max-width:380px;margin:8vh auto 0;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:1.6rem 1.8rem}.login-hint{font-size:.85rem;color:var(--muted);margin:0 0 1rem;line-height:1.5}.login-submit{margin-top:.6rem}.gate-user{margin-left:auto;display:inline-flex;align-items:center;gap:.6rem;font-size:.82rem;color:var(--muted)}.gate{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:3rem 1.5rem;overflow-y:auto}.gate-inner{width:100%;max-width:860px}.gate-header{display:flex;align-items:baseline;gap:.75rem;margin-bottom:1.5rem}.gate-header h1{margin:0;color:var(--accent);font-size:1.6rem}.gate-error{margin:0 0 1rem}.gate-columns{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.project-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.project-item{display:flex;align-items:stretch;gap:.4rem}.project-open{flex:1;text-align:left;background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:.6rem .8rem;color:var(--text);cursor:pointer;display:flex;flex-direction:column;gap:.15rem}.project-open:hover{border-color:var(--accent)}.project-name{font-weight:600}.project-addr{font-size:.78rem;color:var(--muted)}.field{display:flex;flex-direction:column;gap:.25rem;font-size:.78rem;color:var(--muted);margin-bottom:.7rem}.field input{background:var(--panel-2);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:.9rem;padding:.45rem .55rem}.field input:focus{outline:none;border-color:var(--accent)}.field-row{display:flex;gap:.4rem}.field-row input{flex:1}.field-row .btn-ghost{white-space:nowrap}.field-grid{display:grid;grid-template-columns:1fr 1fr .7fr;gap:.6rem}.gate-geoinfo{font-size:.78rem;color:var(--good);margin:-.3rem 0 .7rem}.gate-create{margin-top:.5rem}.project-switch{margin-left:.5rem;font-size:.72rem}@media(max-width:720px){.gate-columns{grid-template-columns:1fr}}.project-title-btn{background:transparent;border:none;color:var(--text);font-size:.9rem;cursor:pointer;padding:.15rem .3rem;border-radius:5px}.project-title-btn:hover{background:var(--panel-2)}.project-title-btn .gear{color:var(--muted);font-size:.85rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:flex-start;justify-content:center;padding:4vh 1rem;z-index:100;overflow-y:auto}.modal{width:100%;max-width:640px;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:1.2rem 1.4rem}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.8rem}.modal-header h2{margin:0;font-size:1.15rem}.modal-section{font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);border-top:1px solid var(--border);padding-top:.9rem;margin:1.2rem 0 .6rem;display:flex;align-items:center;justify-content:space-between}.modal-add{font-size:.72rem}.custom-row{margin-bottom:.4rem}.modal-footer{display:flex;justify-content:flex-end;gap:.6rem;margin-top:1.2rem}.modal-footer .btn-primary{width:auto;padding:.45rem 1.2rem}.parcel-list{list-style:none;margin:0 0 .8rem;padding:0;display:flex;flex-direction:column;gap:.4rem}.parcel-item{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.45rem .6rem;border:1px solid var(--border);border-radius:7px;background:var(--panel-2)}.parcel-meta{display:flex;flex-direction:column;line-height:1.3;min-width:0}.parcel-name{font-weight:600;font-size:.9rem}.parcel-num{color:var(--accent);font-weight:500}.parcel-sub{font-size:.75rem;color:var(--muted)}.parcel-form{border-top:1px dashed var(--border);padding-top:.7rem}.parcel-add{margin-top:.3rem}.import-panel{display:flex;flex-direction:column;gap:.55rem;margin-bottom:.5rem}.import-select-label{display:flex;flex-direction:column;gap:.25rem;font-size:.75rem;color:var(--muted)}.import-select{background:var(--panel-2);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:.85rem;padding:.35rem .5rem}.import-select:focus{outline:none;border-color:var(--accent)}.import-toggle{margin-top:.1rem}.canvas2d{position:relative;width:100%;height:100%;min-height:420px;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:#20242a}.canvas2d-el{display:block;touch-action:none}.canvas2d-hud{position:absolute;bottom:.6rem;left:.6rem;display:flex;align-items:center;gap:.6rem;background:#14171bcc;border:1px solid var(--border);border-radius:7px;padding:.3rem .5rem;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.canvas2d-scale{font-size:.75rem;color:var(--muted);font-variant-numeric:tabular-nums}.canvas2d-north{position:absolute;top:.6rem;right:.6rem;line-height:0;pointer-events:none}.scene3d{width:100%;height:100%;min-height:420px;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:#20242a}.scene3d{position:relative}.scene3d canvas{display:block}.scene3d-hud{position:absolute;bottom:.6rem;left:.6rem;background:#14171bcc;border:1px solid var(--border);border-radius:7px;padding:.3rem .4rem;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media(max-width:1100px){.app-body{grid-template-columns:180px 1fr 220px}}@media(max-width:860px){.app-body{grid-template-columns:1fr}.panel{display:none}.workspace--split{grid-template-columns:1fr}}