:root,:host{--ol-background-color:white;--ol-accent-background-color:#f5f5f5;--ol-subtle-background-color:#80808040;--ol-partial-background-color:#ffffffbf;--ol-foreground-color:#333;--ol-subtle-foreground-color:#666;--ol-brand-color:#0af}.ol-box{box-sizing:border-box;border:1.5px solid var(--ol-background-color);background-color:var(--ol-partial-background-color);border-radius:2px}.ol-mouse-position{position:absolute;top:8px;right:8px}.ol-scale-line{background:var(--ol-partial-background-color);border-radius:4px;padding:2px;position:absolute;bottom:8px;left:8px}.ol-scale-line-inner{border:1px solid var(--ol-subtle-foreground-color);color:var(--ol-foreground-color);text-align:center;will-change:contents, width;border-top:none;margin:1px;font-size:10px;transition:all .25s}.ol-scale-bar{position:absolute;bottom:8px;left:8px}.ol-scale-bar-inner{display:flex}.ol-scale-step-marker{background-color:var(--ol-foreground-color);float:right;z-index:10;width:1px;height:15px}.ol-scale-step-text{z-index:11;color:var(--ol-foreground-color);text-shadow:-1.5px 0 var(--ol-partial-background-color), 0 1.5px var(--ol-partial-background-color), 1.5px 0 var(--ol-partial-background-color), 0 -1.5px var(--ol-partial-background-color);font-size:10px;position:absolute;bottom:-5px}.ol-scale-text{text-align:center;color:var(--ol-foreground-color);text-shadow:-1.5px 0 var(--ol-partial-background-color), 0 1.5px var(--ol-partial-background-color), 1.5px 0 var(--ol-partial-background-color), 0 -1.5px var(--ol-partial-background-color);font-size:12px;position:absolute;bottom:25px}.ol-scale-singlebar{z-index:9;box-sizing:border-box;border:1px solid var(--ol-foreground-color);height:10px;position:relative}.ol-scale-singlebar-even{background-color:var(--ol-subtle-foreground-color)}.ol-scale-singlebar-odd{background-color:var(--ol-background-color)}.ol-unsupported{display:none}.ol-viewport,.ol-unselectable{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.ol-viewport canvas{all:unset;overflow:hidden}.ol-viewport{touch-action:pan-x pan-y}.ol-selectable{-webkit-touch-callout:default;-webkit-user-select:text;user-select:text}.ol-grabbing{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.ol-grab{cursor:move;cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.ol-control{background-color:var(--ol-subtle-background-color);border-radius:4px;position:absolute}.ol-zoom{top:.5em;left:.5em}.ol-rotate{transition:opacity .25s linear,visibility linear;top:.5em;right:.5em}.ol-rotate.ol-hidden{opacity:0;visibility:hidden;transition:opacity .25s linear,visibility 0s linear .25s}.ol-zoom-extent{top:4.643em;left:.5em}.ol-full-screen{top:.5em;right:.5em}.ol-control button{color:var(--ol-subtle-foreground-color);font-weight:700;font-size:inherit;text-align:center;background-color:var(--ol-background-color);border:none;border-radius:2px;width:1.375em;height:1.375em;margin:1px;padding:0;line-height:.4em;text-decoration:none;display:block}.ol-control button::-moz-focus-inner{border:none;padding:0}.ol-zoom-extent button{line-height:1.4em}.ol-compass{will-change:transform;font-weight:400;display:block}.ol-touch .ol-control button{font-size:1.5em}.ol-touch .ol-zoom-extent{top:5.5em}.ol-control button:hover,.ol-control button:focus{outline:1px solid var(--ol-subtle-foreground-color);color:var(--ol-foreground-color);text-decoration:none}.ol-zoom .ol-zoom-in{border-radius:2px 2px 0 0}.ol-zoom .ol-zoom-out{border-radius:0 0 2px 2px}.ol-attribution{text-align:right;flex-flow:row-reverse;align-items:center;max-width:calc(100% - 1.3em);display:flex;bottom:.5em;right:.5em}.ol-attribution a{color:var(--ol-subtle-foreground-color);text-decoration:none}.ol-attribution ul{color:var(--ol-foreground-color);text-shadow:0 0 2px var(--ol-background-color);margin:0;padding:1px .5em;font-size:12px}.ol-attribution li{list-style:none;display:inline}.ol-attribution li:not(:last-child):after{content:" "}.ol-attribution img{max-height:2em;max-width:inherit;vertical-align:middle}.ol-attribution button{flex-shrink:0}.ol-attribution.ol-collapsed ul{display:none}.ol-attribution:not(.ol-collapsed){background:var(--ol-partial-background-color)}.ol-attribution.ol-uncollapsible{border-radius:4px 0 0;bottom:0;right:0}.ol-attribution.ol-uncollapsible img{max-height:1.6em;margin-top:-.2em}.ol-attribution.ol-uncollapsible button{display:none}.ol-zoomslider{height:200px;top:4.5em;left:.5em}.ol-zoomslider button{height:10px;position:relative}.ol-touch .ol-zoomslider{top:5.5em}.ol-overviewmap{bottom:.5em;left:.5em}.ol-overviewmap.ol-uncollapsible{border-radius:0 4px 0 0;bottom:0;left:0}.ol-overviewmap .ol-overviewmap-map,.ol-overviewmap button{display:block}.ol-overviewmap .ol-overviewmap-map{border:1px solid var(--ol-subtle-foreground-color);width:150px;height:150px}.ol-overviewmap:not(.ol-collapsed) button{position:absolute;bottom:0;left:0}.ol-overviewmap.ol-collapsed .ol-overviewmap-map,.ol-overviewmap.ol-uncollapsible button{display:none}.ol-overviewmap:not(.ol-collapsed){background:var(--ol-subtle-background-color)}.ol-overviewmap-box{border:1.5px dotted var(--ol-subtle-foreground-color)}.ol-overviewmap .ol-overviewmap-box:hover{cursor:move}.ol-overviewmap .ol-viewport:hover{cursor:pointer}
:root{--page-bg:#eaeee9;--map-bg:#eaeee9;--panel-bg:#fffffff2;--panel-border:#141e2814;--text:#1d2733;--muted:#667085;--muted-2:#98a2b3;--border:#e4e8ec;--control-bg:#fff;--hover:#f4f6f9;--focus:#8ab4ff;--accent:#2f6fed;--shadow:0 10px 30px #141e2829;--popup-bg:#fff;--popup-border:#e4e8ec;--pp-text-bg:#f2f4f7;--status-active-bg:#f2f7ff;--status-active-border:#b9cdf2;--status-active-count:#175cd3;--link:#2563eb;--link-hover:#eef4ff;--swatch-border:#0000002e;--font:system-ui, -apple-system, "Segoe UI", Arial, sans-serif;--khmer:"Khmer Sangam MN", "Khmer OS Battambang", "Noto Sans Khmer", var(--font);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--page-bg:#14181d;--map-bg:#14181d;--panel-bg:#191e24f2;--panel-border:#ffffff14;--text:#e8edf3;--muted:#98a4b3;--muted-2:#8f9baa;--border:#303843;--control-bg:#222830;--hover:#29313a;--focus:#5b8def;--accent:#5b8def;--shadow:0 10px 30px #00000080;--popup-bg:#222830;--popup-border:#303843;--pp-text-bg:#181e25;--status-active-bg:#1c2a3d;--status-active-border:#3e5a83;--status-active-count:#8ab4ff;--link:#8ab4ff;--link-hover:#223047;--swatch-border:#ffffff40;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body{height:100%;margin:0}html{background:var(--page-bg)}body{background:var(--page-bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;overflow:hidden}*,:before,:after{box-sizing:border-box}button,input{font:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--focus);outline-offset:2px}::selection{background:color-mix(in srgb, var(--accent) 25%, transparent)}.ol-viewport,.ol-layer canvas{background:var(--map-bg)}.ol-control{padding:0}.ol-zoom{background:0 0;flex-direction:column;gap:4px;display:flex;top:14px;left:auto;right:14px}.ol-zoom button{border:1px solid var(--border);background:var(--panel-bg);width:30px;height:30px;color:var(--text);cursor:pointer;border-radius:8px;margin:0;font-size:18px;line-height:1;box-shadow:0 2px 8px #141e2814}.ol-zoom button:hover,.ol-zoom button:focus{background:var(--hover);color:var(--text)}.ol-scale-line{background:color-mix(in srgb, var(--panel-bg) 82%, transparent);border-radius:5px;padding:2px;bottom:14px;left:14px}.ol-scale-line-inner{border:1px solid var(--muted);color:var(--muted);border-top:none;font-size:10px}.ol-attribution{background:color-mix(in srgb, var(--panel-bg) 82%, transparent);max-width:calc(100% - 28px);color:var(--muted-2);text-shadow:none;border-radius:6px;font-size:10px;bottom:14px;right:14px}.ol-attribution ul{color:var(--muted-2);text-shadow:none;margin:0;padding:0 4px}.ol-attribution li{line-height:1.35}.ol-attribution a{color:var(--muted)}.ol-attribution button{color:var(--text);background:0 0;border:0}.ol-attribution button:hover{background:var(--hover)}.ol-attribution:not(.ol-collapsed){padding:2px 4px}@media (max-width:760px){.ol-zoom{top:10px;right:10px}.ol-scale-line{bottom:10px;left:10px}.ol-attribution{max-width:calc(100% - 100px);bottom:10px;right:10px}}.app{height:100%;position:relative;overflow:hidden}.map{background:var(--map-bg);position:absolute;inset:0}.panel{z-index:1200;background:var(--panel-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--panel-border);width:312px;max-height:calc(100% - 28px);box-shadow:var(--shadow);scrollbar-color:var(--border) transparent;border-radius:14px;flex-direction:column;display:flex;position:absolute;top:14px;left:14px;overflow-y:auto}.panel-head{border-bottom:1px solid var(--border);padding:14px 14px 12px}.head-row{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}h1{letter-spacing:-.01em;margin:0;font-size:16px;line-height:1.2}.subtitle{color:var(--muted-2);letter-spacing:.01em;margin:3px 0 0;font-size:10.5px}.icon-btn{border:1px solid var(--border);width:30px;height:30px;color:inherit;cursor:pointer;background:0 0;border-radius:9px;flex:none;justify-content:center;align-items:center;padding:0;display:flex}.icon-btn:hover{background:var(--hover)}.icon-btn svg{width:16px;height:16px;display:block}.search-block{padding:12px 12px 10px}.search-box{align-items:center;display:flex;position:relative}.search-icon{width:15px;height:15px;color:var(--muted-2);pointer-events:none;position:absolute;left:10px}input[type=search]{box-sizing:border-box;width:100%;font:inherit;color:var(--text);background:var(--control-bg);border:1px solid var(--border);border-radius:9px;outline:none;padding:8px 30px 8px 32px;font-size:12px}input[type=search]::placeholder{color:var(--muted-2)}input[type=search]:focus{border-color:var(--focus);box-shadow:0 0 0 3px color-mix(in srgb, var(--focus) 16%, transparent)}input[type=search]:disabled{color:var(--muted-2);background:var(--hover);cursor:progress}input[type=search]::-webkit-search-cancel-button{display:none}.search-clear{width:22px;height:22px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0;font-size:17px;line-height:1;position:absolute;right:6px}.search-clear:hover{background:var(--hover);color:var(--text)}.search-results{border:1px solid var(--border);background:var(--control-bg);border-radius:9px;max-height:190px;margin-top:6px;overflow:hidden auto}.search-summary{color:var(--muted-2);padding:7px 10px;font-size:10.5px}.search-result{border:0;border-top:1px solid var(--border);width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border-radius:0;justify-content:space-between;align-items:center;gap:10px;margin:0;padding:7px 10px;font-size:12px;display:flex}.search-result:hover{background:var(--hover)}.sr-value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sr-count{color:var(--muted-2);font-variant-numeric:tabular-nums;font-size:10.5px}.status-block{border-bottom:1px solid var(--border);padding:12px 12px 10px}.status-head{justify-content:space-between;align-items:center;margin:0 2px 8px;display:flex}.status-head h2{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0;font-size:10.5px}.link-btn{color:var(--link);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;padding:2px 4px;font-size:11.5px}.link-btn:hover{background:var(--link-hover)}.status-row{border:1px solid var(--border);background:var(--control-bg);width:100%;color:inherit;text-align:left;cursor:pointer;border-radius:10px;flex:none;align-items:center;gap:10px;margin:0;padding:9px 10px;transition:background .15s,border-color .15s,box-shadow .15s;display:flex}.status-row+.status-row{margin-top:7px}.status-row:hover{background:var(--hover)}.status-row.active{background:var(--status-active-bg);border-color:var(--status-active-border);box-shadow:inset 3px 0 0 var(--accent)}.status-swatch{border:1px solid var(--swatch-border);border-radius:50%;flex:none;width:14px;height:14px;box-shadow:inset 0 0 0 2px #ffffff59}.status-text{flex:1;min-width:0}.status-km{font-family:var(--khmer);color:var(--text);font-size:12.5px;line-height:1.55;display:block}.status-note{font-family:var(--khmer);color:var(--muted-2);margin-top:2px;font-size:10.5px;line-height:1.5;display:block}.status-count{color:var(--muted);font-variant-numeric:tabular-nums;flex:none;font-size:13px;font-weight:650}.status-row.active .status-count{color:var(--status-active-count)}.controls{border-bottom:1px solid var(--border);gap:8px;padding:10px 14px;display:grid}.buttons{gap:8px;display:flex}.controls button{font:inherit;color:var(--text);border:1px solid var(--border);background:var(--control-bg);cursor:pointer;border-radius:8px;flex:1;padding:7px 10px;font-size:12px}.controls button:hover{background:var(--hover)}.row{color:var(--muted);cursor:pointer;align-items:center;gap:8px;font-size:12px;display:flex}.row input[type=checkbox]{accent-color:var(--accent);margin:0}.foot{border-top:1px solid var(--border);color:var(--muted-2);margin:8px 10px 0;padding:8px 4px 2px;font-size:10.5px;line-height:1.5}.popup-anchor{pointer-events:none}.popup-card{background:var(--popup-bg);min-width:210px;max-width:330px;color:var(--text);border:1px solid var(--popup-border);box-shadow:var(--shadow);pointer-events:auto;border-radius:11px;padding:12px 14px;font-size:12px;position:relative}.popup-card:after{content:"";background:var(--popup-bg);border-right:1px solid var(--popup-border);border-bottom:1px solid var(--popup-border);width:12px;height:12px;position:absolute;bottom:-7px;left:12px;transform:translate(-50%)rotate(45deg)}.popup-close{width:24px;height:24px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0;font-size:17px;line-height:1;position:absolute;top:5px;right:6px}.popup-close:hover{background:var(--hover);color:var(--text)}.pp-title{margin:0 22px 2px 0;font-weight:650}.pp-text{background:var(--pp-text-bg);word-break:break-word;white-space:pre-wrap;border-radius:7px;margin:6px 0 8px;padding:7px 9px;font-size:13px}.pp-row{color:var(--text);justify-content:space-between;gap:14px;padding:2px 0;display:flex}.pp-row>span:first-child{color:var(--muted);flex:none}.pp-row b{text-align:right;font-weight:550}.pp-colors{font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px;display:inline-flex}.pp-arrow{color:var(--muted-2)}.sw{border:1px solid var(--swatch-border);vertical-align:-1px;border-radius:3px;width:10px;height:10px;margin-right:2px;display:inline-block}.loading-pill{z-index:1500;border:1px solid var(--border);background:var(--panel-bg);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--muted);pointer-events:none;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:12px;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%)}.loading-pill .spinner{width:14px;height:14px}.loading{background:color-mix(in srgb, var(--page-bg) 88%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:2000;color:var(--muted);justify-content:center;align-items:center;gap:10px;font-size:14px;display:flex;position:fixed;inset:0}.loading.error{text-align:center;flex-direction:column;gap:6px;padding:24px}.loading.error strong{color:var(--text);font-size:15px}.loading.error .hint{color:var(--muted-2);font-size:11.5px}.loading.error button{border:1px solid var(--border);background:var(--control-bg);color:var(--text);cursor:pointer;border-radius:8px;margin-top:8px;padding:7px 14px}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.paint-block{border-bottom:1px solid var(--border);padding:12px}.paint-head{justify-content:space-between;align-items:center;margin:0 2px 8px;display:flex}.paint-head h2{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0;font-size:10.5px}.paint-toggle{width:100%;font:inherit;color:var(--text);background:var(--control-bg);border:1px solid var(--border);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:8px 10px;font-size:12px;display:flex}.paint-toggle:hover{background:var(--hover)}.paint-toggle.active{background:var(--status-active-bg);border-color:var(--status-active-border);color:var(--status-active-count)}.paint-toggle svg{width:15px;height:15px}.palette{grid-template-columns:repeat(6,1fr);gap:6px;margin-top:10px;display:grid}.swatch{aspect-ratio:1;border:1px solid var(--swatch-border);cursor:pointer;border-radius:7px;width:100%;padding:0;position:relative}.swatch.active{outline:2px solid var(--accent);outline-offset:1px}.swatch.custom{background:conic-gradient(#f43f5e,#f59e0b,#22c55e,#06b6d4,#3b82f6,#a855f7,#f43f5e);justify-content:center;align-items:center;display:flex;overflow:hidden}.swatch.custom input{cursor:pointer;background:0 0;border:0;width:150%;height:150%;padding:0}.swatch.eraser{color:var(--text);background:var(--control-bg);justify-content:center;align-items:center;display:flex}.swatch.eraser svg{width:14px;height:14px}.paint-hint{color:var(--muted-2);margin:8px 0 0;font-size:10.5px;line-height:1.45}.paint-meta{color:var(--muted);margin-top:9px;font-size:11px}.paint-actions{gap:6px;margin-top:8px;display:flex}.paint-actions button,.paint-actions .file-btn{font:inherit;color:var(--text);background:var(--control-bg);border:1px solid var(--border);cursor:pointer;text-align:center;border-radius:7px;flex:1;justify-content:center;align-items:center;padding:6px 8px;font-size:11.5px;display:flex}.paint-actions button:hover,.paint-actions .file-btn:hover{background:var(--hover)}.paint-actions button:disabled{opacity:.45;cursor:not-allowed}.paint-actions .danger{color:#c0392b}:root[data-theme=dark] .paint-actions .danger{color:#ff8f87}.paint-actions .danger.confirm{color:#fff;background:#c0392b;border-color:#c0392b}.paint-actions .file-btn input{display:none}.paint-message{color:var(--muted);margin:8px 0 0;font-size:10.5px}.sync-status{color:var(--muted-2);align-items:center;gap:6px;margin-top:8px;font-size:10.5px;line-height:1.4;display:flex}.sync-dot{background:var(--muted-2);border-radius:50%;flex:none;width:7px;height:7px}.sync-status.shared{color:#1a7f4b}.sync-status.shared .sync-dot{background:#30a46c}.sync-status.local{color:#9a6700}.sync-status.local .sync-dot{background:#f5a524}.sync-status.connecting .sync-dot{animation:1.2s ease-in-out infinite sync-pulse}:root[data-theme=dark] .sync-status.shared{color:#6fd39b}:root[data-theme=dark] .sync-status.local{color:#f0c36a}@keyframes sync-pulse{0%,to{opacity:.35}50%{opacity:1}}.pdf-btn{width:100%;font:inherit;color:var(--text);background:var(--control-bg);border:1px solid var(--border);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:7px;margin-top:8px;padding:7px 10px;font-size:11.5px;display:flex}.pdf-btn:hover{background:var(--hover)}.pdf-btn svg{width:14px;height:14px}.pdf-hint{color:var(--muted-2);margin:6px 0 0;font-size:10.5px;line-height:1.45}.head-actions{flex:none;align-items:center;gap:6px;display:flex}.map-toolbar{z-index:1500;gap:6px;display:flex;position:fixed;top:14px;right:58px}.map-tool-btn{width:30px;height:30px;color:var(--text);background:var(--panel-bg);border:1px solid var(--border);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:0;display:flex;box-shadow:0 2px 8px #141e2814}.map-tool-btn:hover{background:var(--hover)}.map-tool-btn svg{width:16px;height:16px}.color-editor{align-items:flex-end;gap:8px;margin-top:10px;display:flex}.color-preview{border:1px solid var(--swatch-border);border-radius:7px;flex:none;width:30px;height:30px}.color-preview.is-eraser{background:repeating-conic-gradient(#e5e7eb 0% 25%,#fff 0% 50%) 50%/8px 8px}.color-field{letter-spacing:.06em;text-transform:uppercase;min-width:0;color:var(--muted-2);flex-direction:column;flex:1;gap:3px;font-size:9.5px;display:flex}.color-field input{width:100%;min-width:0;color:var(--text);background:var(--control-bg);border:1px solid var(--border);font:inherit;letter-spacing:normal;text-transform:none;border-radius:6px;outline:none;padding:5px 6px;font-size:11.5px}.color-field input:focus{border-color:var(--focus);box-shadow:0 0 0 2px color-mix(in srgb, var(--focus) 16%, transparent)}.rgb-field{flex:1.4}.rgb-inputs{gap:4px;display:flex}.rgb-inputs input{text-align:center;padding:5px 2px}.history-popover{z-index:1600;border:1px solid var(--border);background:var(--panel-bg);width:min(320px,100vw - 28px);max-height:min(60vh,520px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:14px;flex-direction:column;padding:12px;display:flex;position:fixed;top:58px;right:14px}.history-popover-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.history-popover-head h2{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0;font-size:10.5px}.history-close{width:24px;height:24px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0;font-size:17px;line-height:1}.history-close:hover{background:var(--hover);color:var(--text)}.history-empty{color:var(--muted-2);margin:4px 0;font-size:11px}.history-popover .history-list{max-height:none;overflow-y:auto}@media (max-width:760px){.map-toolbar{top:10px;right:50px}.history-popover{width:calc(100vw - 20px);top:48px;right:10px}}.history-list{gap:4px;max-height:190px;margin-top:7px;display:grid;overflow-y:auto}.history-row{border:1px solid var(--border);background:var(--control-bg);border-radius:7px;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;font-size:10.5px;display:flex}.history-row.active{border-color:var(--status-active-border);background:var(--status-active-bg)}.history-meta{color:var(--muted);font-variant-numeric:tabular-nums;flex-direction:column;gap:1px;display:flex}.history-count{color:var(--muted-2)}.history-row button{font:inherit;color:var(--link);background:var(--control-bg);border:1px solid var(--border);cursor:pointer;border-radius:6px;flex:none;padding:3px 8px;font-size:10.5px}.history-row button:hover{background:var(--hover)}.history-row button:disabled{color:var(--muted-2);cursor:default;opacity:.7}.crop-box{z-index:1400;pointer-events:none;background:#2f6fed14;border:2px dashed #2f6fed;border-radius:2px;position:absolute}.crop-bar{z-index:1600;border:1px solid var(--border);background:var(--panel-bg);max-width:calc(100% - 24px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text);border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px 8px 14px;font-size:12px;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%)}.crop-bar-text{color:var(--muted)}.crop-bar button{font:inherit;color:var(--text);background:var(--control-bg);border:1px solid var(--border);cursor:pointer;border-radius:7px;padding:6px 10px;font-size:11.5px}.crop-bar button:hover{background:var(--hover)}.crop-bar button.primary{color:#fff;background:var(--accent);border-color:var(--accent)}.crop-bar button.primary:hover{filter:brightness(1.05)}.crop-bar button:disabled{opacity:.55;cursor:progress}@media (max-width:760px){.panel{width:calc(100% - 20px);max-height:48%;top:10px;left:10px}.foot{display:none}.popup-card{max-width:280px}.loading-pill{top:auto;bottom:48px}}.login-page{background:radial-gradient(circle at top left, color-mix(in srgb, var(--accent) 12%, transparent), transparent 42%), var(--page-bg);place-items:center;height:100%;min-height:100%;padding:24px;display:grid;overflow-y:auto}.login-card{border:1px solid var(--panel-border);background:var(--panel-bg);width:min(100%,380px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:18px;padding:28px}.login-mark{background:var(--accent);color:#fff;letter-spacing:.04em;border-radius:12px;place-items:center;width:42px;height:42px;margin-bottom:18px;font-size:12px;font-weight:700;display:grid}.login-card h1{font-size:22px}.login-subtitle{color:var(--muted);margin:6px 0 22px;font-size:13px;line-height:1.5}.login-form{gap:14px;display:grid}.login-field{color:var(--muted);gap:6px;font-size:12px;font-weight:600;display:grid}.login-field input{border:1px solid var(--border);background:var(--control-bg);width:100%;color:var(--text);border-radius:9px;padding:10px 11px}.login-field input:focus{border-color:var(--focus)}.login-error{border:1px solid color-mix(in srgb, #e5484d 35%, var(--border));color:#b42318;background:#e5484d17;border-radius:8px;margin:0;padding:9px 11px;font-size:12px;line-height:1.4}:root[data-theme=dark] .login-error{color:#ffb4ab}.login-submit{border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;border-radius:9px;margin-top:4px;padding:10px 12px;font-weight:700}.login-submit:hover{filter:brightness(1.05)}.login-submit:disabled{opacity:.65;cursor:progress}.login-note{color:var(--muted-2);margin:18px 0 0;font-size:11px;line-height:1.5}@media (max-width:480px){.login-page{padding:14px}.login-card{padding:22px}}