:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;color:#e8edf2;background:#171d25;font-synthesis:none;--red:#d72e49;--muted:#a9b4c0;--line:#35404e}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid #f697a6;outline-offset:3px}button{border:1px solid var(--line);background:#242d39;color:#eef2f5;border-radius:6px;min-height:39px;padding:8px 11px;font-size:14px}button:hover{background:#364252}button.active,button[aria-pressed=true]{border-color:#ef6c80;background:#703041;color:#fff}button.primary{background:var(--red);border-color:var(--red)}button:disabled{opacity:.45;cursor:wait}h1,h2,h3,p{margin:0}a{color:#f592a4}header{height:66px;display:flex;align-items:center;gap:20px;padding:0 22px;border-bottom:1px solid var(--line);background:#171d25;position:relative;z-index:5}.brand{font-size:21px;font-weight:800;letter-spacing:1px;border-right:2px solid var(--red);padding-right:20px}.heading h1{font-size:17px;font-weight:600}.heading p{font-size:12px;color:var(--muted);margin-top:4px}.top-right{margin-left:auto;display:flex;align-items:center;gap:12px}.chip{font-size:12px;border:1px solid #52606e;padding:5px 8px;border-radius:3px;color:#dbe4eb;white-space:nowrap}#togglePanel{display:none}.workspace{height:calc(100dvh - 66px);min-height:440px;display:grid;grid-template-columns:274px minmax(0,1fr)}aside{padding:20px 16px;overflow:auto;border-right:1px solid var(--line);background:#1e2631;scrollbar-width:thin}section{margin-bottom:23px}h2{font-size:12px;letter-spacing:1.3px;text-transform:uppercase;color:#aebcc9;margin-bottom:11px}.views{display:grid;grid-template-columns:1fr 1fr;gap:7px}.views button:first-child{grid-column:span 2}.views button{text-align:left}.line-note{font-size:12px;line-height:1.6;color:#a5b2c0;margin-top:9px}.layer{display:flex;gap:9px;align-items:center;font-size:14px;min-height:33px;cursor:pointer}.layer input{accent-color:var(--red);width:16px;height:16px;margin:0}.swatch{width:7px;height:7px;border-radius:2px}.controlrow{display:flex;gap:7px;margin:9px 0}.controlrow button{flex:1}select{width:100%;padding:8px;background:#26313e;border:1px solid #536171;border-radius:4px;color:#fff;min-height:39px;font-size:14px}.range-title{display:flex;justify-content:space-between;font-size:14px;margin-top:12px}input[type=range]{width:100%;accent-color:var(--red);height:24px}.small{font-size:12px;line-height:1.6;color:var(--muted)}.info-note{border-left:2px solid #d69a42;padding-left:10px;font-size:12px;line-height:1.65;color:#cbd4de}.divider{border-top:1px solid var(--line);padding-top:18px}.viewport{position:relative;overflow:hidden;background:#e2e7eb;min-width:0}#canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}.viewport-top{position:absolute;top:15px;left:18px;right:18px;display:flex;gap:8px;align-items:flex-start;pointer-events:none}.view-tag{background:rgba(255,255,255,.92);border:1px solid #bec7d0;box-shadow:0 2px 12px #27394c13;color:#233347;border-radius:5px;padding:10px 14px;max-width:430px}.view-tag strong{font-size:14px;display:block}.view-tag span{font-size:12px;display:block;color:#5d6b7a;margin-top:4px}.floating-actions{display:flex;gap:6px;margin-left:auto;pointer-events:auto}.floating-actions button{background:#fffffff0;color:#26384a;border-color:#bbc6d0;box-shadow:0 2px 8px #0000000b}.floating-actions button.active{background:#a72139;color:white;border-color:#a72139}.bottom-bar{position:absolute;bottom:0;left:0;right:0;padding:10px 16px;background:#17212aeF;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:#c6d1dc;border-top:2px solid #bc2941;z-index:3}.bottom-bar span:last-child{text-align:right}.measure-result{position:absolute;left:18px;top:95px;max-width:calc(100% - 36px);padding:11px 15px;background:#172332ec;color:#fff;border-radius:6px;box-shadow:0 4px 20px #0002;font-size:14px;display:none}.measure-result strong{font-size:22px;font-weight:600;color:#ffbcc7}.selection{position:absolute;right:18px;bottom:62px;width:302px;max-height:42%;overflow:auto;border:1px solid #bbc7d0;background:#fffffff5;box-shadow:0 8px 26px #1c2e4826;border-radius:7px;padding:15px;color:#29394c;display:none}.selection h3{font-size:15px;line-height:1.4;margin:0 20px 6px 0;overflow-wrap:anywhere}.selection .close{position:absolute;right:6px;top:6px;min-height:28px;padding:1px 7px;background:transparent;color:#526478;border:none;font-size:20px}.selection p{font-size:12px;color:#667588;line-height:1.6;overflow-wrap:anywhere}.selection dl{display:grid;grid-template-columns:90px 1fr;gap:7px;font-size:13px;margin:12px 0}.selection dt{color:#68768a}.selection dd{margin:0}.selection button{background:#34495d;color:white;font-size:13px;width:100%;margin-top:10px}.selection .warning{font-size:12px;border-top:1px solid #d4dce3;padding-top:9px;color:#8a5d28}#loader{position:absolute;inset:0;z-index:10;background:#e9edf0;display:flex;align-items:center;justify-content:center;padding:30px;color:#283c50}.load-inner{width:330px;max-width:100%}.load-inner strong{font-size:22px}.load-inner p{font-size:14px;line-height:1.7;color:#627286;margin-top:12px}.progress{height:3px;background:#ccd4dc;overflow:hidden;margin-top:18px}.progress span{display:block;width:35%;height:100%;background:var(--red);animation:loading 1.3s ease-in-out infinite}@keyframes loading{0%{transform:translateX(-100%)}100%{transform:translateX(390%)}}.walkpad{position:absolute;left:18px;bottom:64px;display:none;grid-template-columns:44px 44px 44px;gap:4px;touch-action:none}.walkpad button{background:#1d2c3ddd;color:white;font-size:20px;min-height:44px;touch-action:none;user-select:none}.walkpad button:first-child{grid-column:2}.walkpad button:nth-child(2){grid-row:2;grid-column:1}.walkpad button:nth-child(3){grid-row:2;grid-column:2}.walkpad button:nth-child(4){grid-row:2;grid-column:3}.walkpad .hint{grid-column:span 3;font-size:12px;color:#324a61;background:#ffffffe8;padding:5px;text-align:center;border-radius:3px}.walk-controls{display:none}.walk-mode .walkpad{display:grid}.walk-mode .walk-controls{display:block}.help{font-size:13px;line-height:1.7;color:#c3cfdb}.help kbd{font-family:inherit;background:#334052;border:1px solid #5c6978;border-radius:3px;padding:1px 4px;color:#f6f8fa}details{font-size:13px;line-height:1.65}summary{cursor:pointer;color:#dce4eb;font-size:14px}details ul{padding-left:18px;color:#b8c5d2}details li{margin:8px 0}#stats{font-size:12px;font-variant-numeric:tabular-nums;color:#9fb0c1;margin-top:15px}#minimap{position:absolute;left:18px;bottom:66px;width:168px;height:126px;background:#fafcfde8;border:1px solid #b9c5ce;border-radius:5px;pointer-events:none}.walk-mode #minimap{left:170px;width:134px;height:105px;bottom:66px}.mobile-scrim{display:none}.notice{font-size:12px;color:#a96c2d;background:#fff5e1;border:1px solid #e3c89a;padding:7px 9px;border-radius:4px;margin-top:9px}.check-link{display:block;font-size:12px;margin-top:13px;text-decoration:underline}#fullScreen{min-width:38px}.caption-label{font-size:12px}@media(min-width:1600px){.workspace{grid-template-columns:292px minmax(0,1fr)}aside{padding:22px}}@media(max-width:850px){header{height:60px;padding:0 14px;gap:12px}.brand{font-size:18px;padding-right:12px}.heading h1{font-size:15px}.heading p{display:none}.top-right .chip{display:none}#togglePanel{display:block;font-size:14px}.workspace{height:calc(100dvh - 60px);grid-template-columns:1fr}aside{position:absolute;left:0;top:60px;bottom:0;width:278px;z-index:12;transform:translateX(-100%);transition:transform .2s}.panel-open aside{transform:translateX(0)}.panel-open .mobile-scrim{display:block;position:absolute;inset:60px 0 0;background:#0005;z-index:11}.viewport-top{top:10px;left:10px;right:10px}.view-tag{padding:8px 10px;max-width:65%}.view-tag span{font-size:12px}.floating-actions button{padding:7px 9px}.bottom-bar{font-size:12px;align-items:flex-start;padding:8px 10px;flex-direction:column;gap:3px}.bottom-bar span:last-child{text-align:left}#minimap{left:10px;bottom:81px;width:116px;height:88px}.walk-mode #minimap{display:none}.selection{right:10px;bottom:81px;width:min(270px,calc(100% - 20px));max-height:38%}.walkpad{left:10px;bottom:82px}.measure-result{left:10px;top:101px}.selection dl{grid-template-columns:85px 1fr}.walk-mode .selection{max-width:calc(100% - 168px);font-size:12px}.walk-mode .selection dl{display:block}.walk-mode .selection dd{margin-bottom:6px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(max-height:600px){.workspace{min-height:320px}.selection{max-height:55%}.view-tag span{display:none}}