:root{--ink:#233e39;--muted:#7a8780;--green:#317765;--green-dark:#235d4e;--line:#dde5de;--paper:#f7f9f6;--mint:#e9f1eb;--white:#fff;--shadow:0 8px 30px #203f3510;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #71b6a1;outline-offset:3px}[hidden]{display:none!important}.topbar{height:88px;max-width:1280px;margin:auto;padding:0 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:18px;letter-spacing:-.3px}.brand b{font-weight:400;color:var(--muted)}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:#fff;background:var(--green);font-size:24px}.header-note{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:8px}.status-dot{width:6px;height:6px;background:#82a38e;border-radius:100%}main{max-width:1184px;margin:0 auto;padding:0 32px}.intro{padding:62px 0 34px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.eyebrow{font-size:10px;letter-spacing:2.2px;font-weight:700;color:#7e9384;margin:0 0 14px}h1{font-size:36px;letter-spacing:-1px;font-weight:600;margin:0 0 15px;line-height:1.3}.intro-text{color:var(--muted);font-size:14px;margin:0}.button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:10px 18px;border-radius:8px;border:1px solid transparent;font-size:13px;font-weight:600;white-space:nowrap;transition:background .15s,transform .15s}.button:not(:disabled):active{transform:translateY(1px)}.primary{background:var(--green);color:white}.primary:hover:not(:disabled){background:var(--green-dark)}.secondary{background:white;border-color:var(--line)}.secondary:hover{background:#eef4ef}.subtle{background:transparent;color:var(--muted)}.full{width:100%}.access-panel{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:44px;padding:26px 30px;border:1px solid var(--line);background:#fff;border-radius:12px;box-shadow:var(--shadow)}h2{font-size:21px;margin:0;font-weight:600}.access-copy h2{font-size:16px;margin-bottom:9px}.access-copy p{font-size:12px;line-height:1.8;color:var(--muted);max-width:270px;margin:0}label{display:block;font-size:12px;font-weight:600;margin:0 0 9px}.access-row{display:flex;gap:10px}.key-wrap{display:flex;flex:1;min-width:0;border:1px solid #d7dfd9;border-radius:8px;background:#fbfcfa;overflow:hidden}.key-wrap:focus-within{border-color:var(--green)}.key-wrap input{border:0;background:none;outline:0;padding:12px 13px;width:100%;min-width:0;font-size:13px;letter-spacing:.3px}.key-wrap button{border:0;color:var(--muted);font-size:11px;background:transparent;padding:0 11px;white-space:nowrap}.field-help{font-size:11px;line-height:1.8;color:var(--muted);margin:9px 0 0}.workspace{margin-top:40px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.section-heading .eyebrow{margin-bottom:9px}.map-actions{display:flex;gap:8px}.snapshot-bar{display:flex;flex-wrap:wrap;gap:10px 24px;font-size:12px;color:var(--muted);margin:-5px 0 20px}.diamond-total{color:var(--green);margin-left:auto}.map-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line);gap:0}.map-tabs button{position:relative;border:0;background:transparent;padding:16px 10px 19px;font-size:13px;color:var(--muted);display:flex;justify-content:center;align-items:center;gap:12px}.map-tabs button span{font-size:10px;color:#a1b2a6;font-variant-numeric:tabular-nums}.map-tabs button[aria-selected=true]{color:var(--green);font-weight:600}.map-tabs button[aria-selected=true]:after{content:"";height:3px;position:absolute;bottom:-1px;left:15%;right:15%;background:var(--green);border-radius:2px}.map-tabs i{width:5px;height:5px;border-radius:100%;background:transparent}.map-tabs button.has-data i{background:#6c9f7a}.map-panel{margin-top:20px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:white;min-height:340px}.empty-state{min-height:340px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:42px 20px;background:linear-gradient(90deg,#f0f5efed,#f9fbf5f5,#f0f5efed),url('/preview-map.png') center/cover}.empty-icon{font-size:35px;color:#6f9987;line-height:1;margin-bottom:15px}h3{font-size:17px;margin:0 0 10px;font-weight:600}.empty-state p{font-size:12px;line-height:1.9;color:var(--muted);margin:0 0 22px}.empty-state .button{font-size:12px;min-height:38px}.image-wrap{position:relative;background:#dae9da;line-height:0}.image-wrap img{width:100%;height:auto;display:block}.image-expand{position:absolute;right:16px;bottom:16px;border:1px solid #ffffffb0;border-radius:8px;background:#ffffffe0;width:36px;height:36px;font-size:22px;color:var(--ink)}.map-caption{padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:15px}.map-caption h3{font-size:16px;margin-bottom:6px}.map-caption p{font-size:12px;color:var(--muted);margin:0}.how-it-works{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;padding:38px 6px 48px}.how-it-works>div{position:relative;padding-left:33px}.step{position:absolute;left:0;top:2px;font-size:11px;color:#8d9e90;font-variant-numeric:tabular-nums}.how-it-works h3{font-size:12px;margin-bottom:8px}.how-it-works p{font-size:11px;line-height:1.9;color:var(--muted);margin:0;max-width:230px}footer{max-width:1184px;margin:auto;padding:24px 32px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;font-size:11px;color:#94a096}#notice{margin-top:16px;padding:13px 17px;border-radius:8px;background:var(--mint);color:var(--green-dark);font-size:13px;line-height:1.6}#notice.error{color:#98604a;background:#f9ede7}dialog{border:1px solid var(--line);border-radius:16px;padding:28px;max-width:460px;width:calc(100% - 32px);box-shadow:0 24px 100px #132b3033;color:var(--ink);max-height:90dvh;overflow:auto}dialog::backdrop{background:#193d354d;backdrop-filter:blur(3px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.dialog-top .eyebrow{margin:0}.close-button{background:none;border:0;font-size:26px;color:var(--muted);padding:0 4px;line-height:1}dialog h2{margin-bottom:12px}dialog>p{font-size:13px;line-height:1.8;color:var(--muted);margin-bottom:23px}.file-drop{display:flex;flex-direction:column;align-items:center;gap:10px;padding:23px 12px;border:1px dashed #b8cdbd;border-radius:10px;background:#f6f9f4;cursor:pointer;margin-bottom:20px;position:relative;overflow:hidden}.file-drop>span{font-size:22px;color:var(--green)}.file-drop strong{font-size:13px}.file-drop small{font-size:11px;color:var(--muted);max-width:100%;overflow-wrap:anywhere}.file-drop input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.file-drop:focus-within{outline:3px solid #71b6a1}select{width:100%;padding:10px;border:1px solid var(--line);border-radius:8px;background:white;color:var(--ink)}.dialog-error{color:#a35b46;font-size:12px;line-height:1.7;min-height:16px}.sync-steps{padding-left:22px;font-size:13px;color:var(--muted);line-height:2.1}.sync-origin{padding:15px;background:var(--paper);border-radius:8px;font-size:11px;display:flex;flex-direction:column;gap:9px}.sync-origin code{overflow-wrap:anywhere}.image-dialog{max-width:1350px;width:95vw;padding:12px}.image-dialog form{text-align:right;margin-bottom:8px}.image-dialog img{display:block;width:100%;height:auto}
@media(min-width:1450px){.intro{padding-top:72px}.map-panel,.empty-state{min-height:390px}}
@media(max-width:800px){.topbar{padding:0 24px;height:72px}main{padding:0 24px}.intro{padding-top:36px}h1{font-size:29px}.access-panel{grid-template-columns:1fr;gap:20px;padding:24px}.access-copy p{max-width:none}.how-it-works{gap:20px}.how-it-works>div{padding-left:0}.step{position:static;display:block;margin-bottom:10px}.header-note{font-size:10px}}
@media(max-width:520px){.topbar{padding:0 18px}.brand{font-size:16px}.header-note{display:none}main{padding:0 18px}.intro{display:block;padding-bottom:26px}.intro>.button{margin-top:22px;font-size:12px}h1{font-size:28px}.intro-text{font-size:12px}.access-panel{padding:20px 18px}.access-row{flex-wrap:wrap}.key-wrap{flex-basis:100%}.access-row>.button{width:100%}.field-help{font-size:10px}.workspace{margin-top:30px}.section-heading{gap:10px}.section-heading h2{font-size:19px}.map-actions{gap:0}.map-actions .button{padding:9px 11px;font-size:11px}.map-tabs button{font-size:11px;gap:3px;padding:15px 0}.map-tabs button span{display:none}.map-tabs i{width:4px;height:4px}.map-panel,.empty-state{min-height:310px}.map-caption{padding:15px}.map-caption .button{font-size:11px;padding:8px 10px}.map-caption p{font-size:10px}.snapshot-bar{gap:8px;font-size:10px}.diamond-total{margin-left:0}.how-it-works{grid-template-columns:1fr;gap:22px;padding:30px 4px}.how-it-works>div{padding-left:30px}.step{position:absolute;margin:0}.how-it-works p{max-width:none}footer{padding:22px 18px;flex-direction:column;gap:10px;font-size:10px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Continuous layout: controls followed directly by the map. */
:root{--paper:#fff;--ink:#29332e;--muted:#7a817d;--line:#e3e7e3;--shadow:none}
.topbar{height:66px;max-width:1280px;padding:0 32px}.brand-mark{background:transparent;color:var(--green);width:22px;height:26px;font-size:24px}.brand{font-size:16px;gap:8px}
main{max-width:1280px}.intro{padding:30px 0 24px;align-items:center}.intro h1{font-size:25px;margin:0;letter-spacing:0}.access-panel{display:block;box-shadow:none;border:0;border-radius:0;background:transparent;padding:0 0 24px;border-bottom:1px solid var(--line)}#access-form{max-width:620px}.key-wrap{background:#fff;border-radius:4px}.button{border-radius:4px;min-height:39px;font-size:12px}.workspace{margin-top:24px}.section-heading{margin-bottom:12px}.section-heading h2{font-size:16px}.map-panel{border:0;border-radius:0;margin-top:16px;min-height:400px}.empty-state{background:#f7f8f6;min-height:400px}.empty-state h3{font-size:15px}.map-tabs button[aria-selected=true]:after{height:2px;left:0;right:0}.map-tabs button{padding:13px 8px}.map-caption{padding:16px 0;border-bottom:1px solid var(--line)}footer{max-width:1280px;border:0;padding:26px 32px;color:#929893}#notice{border-radius:0;background:none;padding:0;color:var(--green)}#notice.error{background:none;color:#98604a}.snapshot-bar{margin:0 0 16px}dialog{border-radius:8px}.image-expand{border-radius:4px}
@media(max-width:520px){.topbar{padding:0 18px}.intro{display:flex;gap:12px;padding:24px 0 20px}.intro h1{font-size:22px}.intro>.button{margin:0;font-size:11px;padding:8px 10px}.access-panel{padding:0 0 22px}.workspace{margin-top:22px}.map-panel,.empty-state{min-height:320px}.map-tabs button{padding:13px 0}.map-caption{padding:14px 0}footer{padding:22px 18px}}

#access-form{max-width:none}.access-row{align-items:stretch}.key-wrap{max-width:620px}.access-actions{display:flex;gap:8px;flex-shrink:0}.required-label{font-weight:400;font-size:10px;color:var(--muted);margin-left:5px}.key-error{font-size:12px;line-height:1.6;margin:8px 0 0;color:#a54e3b}.key-wrap:has([aria-invalid=true]){border-color:#a54e3b;background:#fff9f7}.intro{justify-content:flex-start}.intro h1{margin:0}
@media(max-width:800px){.access-row{flex-wrap:wrap}.key-wrap{flex-basis:100%;max-width:none}.access-actions{width:100%;margin-top:2px}.access-actions .button{flex:1}.access-row>.button{width:auto}}

.access-row{align-items:flex-end;gap:10px}.credential-field{min-width:0}.credential-field label{margin-bottom:8px}.uid-field{flex:1;max-width:340px}.password-field{width:200px}.credential-field input{height:42px;width:100%;min-width:0;padding:10px 12px;border:1px solid #d7dfd9;border-radius:4px;background:#fff;font-size:13px;color:var(--ink)}.password-field .key-wrap{max-width:none}.password-field .key-wrap input{border:0;background:none}.credential-field input[aria-invalid=true]{border-color:#a54e3b;background:#fff9f7}.access-actions{align-self:flex-end}.access-actions .button{min-height:42px}.password-field .key-wrap{flex-basis:auto}
@media(max-width:800px){.uid-field{max-width:none;flex:1}.password-field{width:190px}.access-actions{margin-top:0;width:auto}.access-row{flex-wrap:wrap}.access-actions{width:100%;margin-top:2px}}
@media(max-width:520px){.uid-field{flex-basis:55%}.password-field{flex:1;width:auto}.credential-field label{font-size:11px}.required-label{font-size:9px}.credential-field input{font-size:12px}.access-actions{gap:8px}}