@font-face{font-family:"InterSite";src:url("/fonts/inter/Inter-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap;}@font-face{font-family:"InterSite";src:url("/fonts/inter/Inter-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap;}@font-face{font-family:"InterSite";src:url("/fonts/inter/Inter-SemiBold.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap;}@font-face{font-family:"InterSite";src:url("/fonts/inter/Inter-Bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap;}@font-face{font-family:"InterSite";src:url("/fonts/inter/Inter-ExtraBold.woff2") format("woff2");font-weight:800;font-style:normal;font-display:swap;}:root{--font-sans:"InterSite",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Arial,sans-serif;--ink:#10213B;--muted:#60708A;--bg:#F5F8FC;--surface:#FFFFFF;--border:#E4EBF5;--accent:#163D7A;--success:#188A40;--warning:#93641C;--warning-bg:#FCF7EE;--danger:#A23B34;--danger-bg:#FFF6F5;--protect:#875A0A;--risk:#BE3426;--focus-ring:rgba(22,61,122,.18);--text-meta:12px;--text-control:13px;--text-body:14px;--text-dialog:18px;--control-radius:8px;--radius:12px;}*{box-sizing:border-box;}html,body{height:100%;}body{margin:0;font-family:var(--font-sans);font-synthesis:none;background:var(--bg);color:var(--ink);}button,input,select,textarea{font:inherit;font-family:var(--font-sans);}header.page-header{padding:28px 24px 18px;max-width:1280px;margin:0 auto;}header.page-header h1{font-family:var(--font-sans);font-weight:400;font-size:30px;margin:0 0 8px;letter-spacing:0.2px;}header.page-header p{margin:0;color:var(--muted);font-size:14px;max-width:880px;line-height:1.55;}main.layout{max-width:1280px;margin:0 auto;padding:0 24px 38px;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;align-items:start;}@media(max-width:980px){main.layout{grid-template-columns:1fr;}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;}.canvas-panel{padding:16px;position:relative;}.upload-empty{width:100%;text-align:center;padding:74px 20px;border:2px dashed var(--border);border-radius:var(--radius);color:var(--muted);font-size:14px;cursor:pointer;transition:border-color .15s,background .15s;}.upload-empty.dragover{border-color:var(--accent);background:#F2F7F5;}.upload-empty strong{display:block;color:var(--ink);font-size:17px;margin-bottom:6px;}.upload-empty input[type=file]{display:none;}.canvas-stage[hidden]{display:none !important;}.canvas-viewport{width:100%;max-height:72vh;overflow:auto;border:1px solid var(--border);border-radius:10px;background:linear-gradient(45deg,#f4f5f2 25%,transparent 25%),linear-gradient(-45deg,#f4f5f2 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f4f5f2 75%),linear-gradient(-45deg,transparent 75%,#f4f5f2 75%);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0;touch-action:none;position:relative;}.canvas-viewport.pan-enabled{cursor:grab;}.canvas-viewport.pan-enabled.dragging{cursor:grabbing;}.canvas-inner{position:relative;display:inline-block;min-width:100%;min-height:100%;}#displayCanvas{display:block;border-radius:8px;max-width:none;background:#EDEDED;touch-action:none;}.brush-preview{position:absolute;left:0;top:0;width:0;height:0;border:1.5px solid rgba(255,255,255,.95);box-shadow:0 0 0 1px rgba(27,36,32,.72);border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);display:none;z-index:5;}.wand-sample-preview{position:absolute;left:0;top:0;width:20px;height:20px;border:2px solid rgba(255,255,255,.96);box-shadow:0 0 0 1px rgba(27,36,32,.72),0 2px 7px rgba(0,0,0,.16);border-radius:6px;pointer-events:none;transform:translate(12px,-30px);display:none;z-index:6;}.brush-preview.touch-preview{transform:translate(-50%,-125%);box-shadow:0 0 0 1px rgba(27,36,32,.82),0 3px 12px rgba(27,36,32,.18);}.brush-core-preview{position:absolute;left:50%;top:50%;border:1px dashed rgba(255,255,255,.95);box-shadow:0 0 0 1px rgba(27,36,32,.55);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;}.touch-loupe{position:absolute;width:118px;height:118px;border:2px solid rgba(255,255,255,.98);box-shadow:0 0 0 1px rgba(27,36,32,.65),0 8px 24px rgba(27,36,32,.25);border-radius:59px;overflow:hidden;background:#fff;pointer-events:none;z-index:8;transform:translate(-50%,-118%);}.touch-loupe[hidden]{display:none!important;}.touch-loupe canvas{display:block;width:114px;height:114px;}.canvas-stage.edit-mode.brush-tool #displayCanvas,.canvas-stage.edit-mode.protect-tool #displayCanvas{cursor:none;}.canvas-stage.edit-mode.wand-tool #displayCanvas{cursor:crosshair;}.canvas-stage.edit-mode.wand-tool.wand-busy #displayCanvas{cursor:progress;}.wand-canvas-badge{position:absolute;left:10px;top:10px;z-index:7;padding:6px 9px;border-radius:999px;background:rgba(27,36,32,.82);color:#fff;font-size:12px;font-weight:650;line-height:1;pointer-events:none;box-shadow:0 2px 10px rgba(27,36,32,.18);}.wand-canvas-badge[hidden]{display:none!important;}.wand-canvas-badge.busy::after{content:' · đang xử lý';font-weight:500;}.wand-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap;}.wand-actions[hidden]{display:none!important;}.wand-state-note{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;}.wand-state-note[hidden]{display:none!important;}.wand-advanced{border:1px solid var(--border);border-radius:var(--control-radius);background:#FAFBFA;}.wand-advanced[hidden]{display:none!important;}.wand-advanced summary{cursor:pointer;padding:8px 10px;font-size:var(--text-control);font-weight:650;color:var(--ink);}.wand-advanced-body{display:flex;flex-direction:column;gap:8px;padding:0 10px 10px;}.wand-refine-note{font-size:11px;color:var(--muted);line-height:1.35;}.canvas-stage.edit-mode.polygon-tool #displayCanvas{cursor:crosshair;}.canvas-stage.pan-active #displayCanvas{cursor:grab;}.canvas-toolbar{display:flex;justify-content:space-between;align-items:flex-start;margin-top:10px;gap:10px;flex-wrap:wrap;}.canvas-zoombar{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px;padding:2px 2px 0;}.canvas-underbar{display:flex;flex-direction:column;gap:10px;align-items:center;margin-top:12px;}.canvas-underbar .onboarding-details{width:min(100%,760px);margin:0 auto;}.canvas-zoombar .btn{min-width:102px;text-align:center;}.zoom-pill{border:1px solid var(--border);background:#fff;color:var(--ink);cursor:pointer;font-weight:600;min-width:90px;}.zoom-pill.warn{background:#fff;color:var(--ink);border-color:var(--border);}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}.toolbar-left{flex:1 1 280px;}.toolbar-right{justify-content:flex-end;}.compare-active-note{margin-top:10px;padding:8px 10px;border:1px dashed var(--border);border-radius:9px;background:#FAFBFA;font-size:12px;color:var(--muted);text-align:center;}.compare-active-note[hidden]{display:none!important;}.hint{font-size:12px;color:var(--muted);line-height:1.4;}.controls-panel{padding:12px;display:flex;flex-direction:column;gap:10px;position:sticky;top:12px;overflow:visible;}.panel-group{display:flex;flex-direction:column;gap:10px;}.section-label{font-size:var(--text-control);text-transform:none;letter-spacing:0;color:var(--ink);font-weight:700;margin:0;}.mode-toggle{display:flex;border:1px solid var(--border);border-radius:10px;overflow:hidden;}.tool-controls .tool-selector{margin-top:6px;}.mode-toggle button{flex:1;border:none;background:var(--surface);padding:10px 12px;font-size:13px;cursor:pointer;color:var(--muted);}.mode-toggle button.active{background:var(--accent);color:#fff;}.regions-list{display:flex;flex-direction:column;gap:10px;}.region-row{border:1px solid var(--border);border-radius:10px;padding:10px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;grid-template-areas:"swatch name toggle" "swatch selected toggle" "surface surface surface" "search search search" "recent recent recent" "discovery discovery discovery" "actions actions actions";gap:6px 10px;background:#FBFBF9;position:relative;}.region-row.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);z-index:2;}.protect-region-host{display:flex;flex-direction:column;gap:10px;}.protect-region-host[hidden]{display:none!important;}.protect-region-row{background:#FFF4F2;border-color:#E7C8C3;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"selected toggle" "search search";}.protect-region-row.active{border-color:#C76557;box-shadow:0 0 0 1px #C76557;}.protect-swatch{background:#F4D7D2;background-image:repeating-linear-gradient(135deg,rgba(156,52,41,.92) 0 4px,rgba(248,225,221,.95) 4px 8px)!important;border-color:rgba(156,52,41,.28);}.protect-title-block{grid-area:name;min-width:0;}.protect-title-block strong{display:block;font-size:14px;line-height:1.35;}.protect-title-block .data-note{margin-top:2px;}.protect-status-wrap{grid-area:selected;display:flex;flex-direction:column;gap:4px;min-width:0;}.protect-status-main{font-size:12px;font-weight:700;color:#8C2F25;}.protect-status-meta{font-size:12px;color:var(--muted);line-height:1.35;}.protect-row-note{grid-area:search;}.protect-state-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:700;width:max-content;max-width:100%;}.protect-state-chip.is-empty{background:#F8E5E1;color:#8C2F25;}.protect-state-chip.is-active{background:#B94234;color:#fff;}.paint-erase-toggle{margin-top:2px;}.paint-erase-toggle button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;}.paint-erase-toggle .toggle-icon{font-size:14px;line-height:1;}.shared-help{margin-top:2px;}.swatch{grid-area:swatch;width:38px;height:38px;border-radius:7px;border:1px solid rgba(0,0,0,.14);align-self:start;background-image:linear-gradient(45deg,#eee 25%,transparent 25%),linear-gradient(-45deg,#eee 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eee 75%),linear-gradient(-45deg,transparent 75%,#eee 75%);background-size:10px 10px;background-position:0 0,0 5px,5px -5px,-5px 0;}.name-input{grid-area:name;border:none;background:transparent;font-size:14px;font-weight:600;padding:2px 0;min-width:0;width:100%;}.name-input:focus{outline:none;border-bottom:1px solid var(--accent);}.selected-color{grid-area:selected;min-width:0;line-height:1.25;}.selected-color-main{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.selected-color-meta{margin-top:2px;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.region-risk-chip{display:inline-flex;margin-top:5px;padding:3px 7px;border-radius:999px;background:var(--danger-bg);color:var(--danger);border:1px solid rgba(162,59,52,.22);font-size:11px;font-weight:700;line-height:1.2;}.region-risk-chip[hidden]{display:none!important;}.surface-type-wrap{grid-area:surface;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px 8px;margin-top:1px;}.surface-type-wrap .data-note{grid-column:1 / -1;margin-top:1px;}.surface-suggestion{grid-column:1 / -1;display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:7px 8px;border:1px solid rgba(147,100,28,.24);background:var(--warning-bg);border-radius:8px;color:var(--warning);font-size:12px;line-height:1.35;}.surface-suggestion[hidden]{display:none!important;}.surface-type-wrap label{font-size:12px;color:var(--muted);white-space:nowrap;}.surface-type-select{min-width:0;flex:1;border:1px solid var(--border);background:#fff;color:var(--ink);border-radius:7px;padding:6px 8px;font-size:var(--text-meta);outline:none;}.surface-type-select:focus{border-color:var(--accent);box-shadow:0 0 0 2px rgba(22,61,122,.08);}.surface-type-wrap>.info-tip{align-self:center;}.color-search-wrap{grid-area:search;position:relative;margin-top:2px;}.color-search-input{width:100%;border:1px solid var(--border);background:#fff;color:var(--ink);border-radius:7px;padding:8px 38px 8px 9px;font-size:12px;outline:none;}.color-search-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px rgba(22,61,122,.08);}.color-search-submit{position:absolute;right:4px;top:4px;width:28px;height:28px;display:grid;place-items:center;border:0;border-radius:6px;background:transparent;color:var(--muted);cursor:pointer;padding:0;}.color-search-submit:hover,.color-search-submit:focus-visible{background:#F2F7F5;color:var(--accent);}.color-search-submit:disabled{opacity:.45;cursor:wait;}.color-search-icon{position:static;width:14px;height:14px;color:currentColor;pointer-events:none;}.color-results{position:absolute;z-index:20;left:0;right:0;top:calc(100%+5px);max-height:360px;overflow:hidden;background:#fff;border:1px solid var(--border);border-radius:8px;box-shadow:0 10px 28px rgba(27,36,32,.14);padding:4px;display:flex;flex-direction:column;}.color-results[hidden]{display:none;}.color-result{width:100%;border:0;background:#fff;border-radius:6px;padding:7px;display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px;text-align:left;cursor:pointer;}.color-result:hover,.color-result.active{background:#F2F7F5;}.color-result:focus-visible{background:#F2F7F5;outline:2px solid var(--accent);outline-offset:-2px;}.color-result-swatch{width:28px;height:28px;border-radius:5px;border:1px solid rgba(0,0,0,.13);}.color-result-main{font-size:var(--text-meta);font-weight:600;line-height:1.25;}.color-result-meta{margin-top:2px;font-size:12px;color:var(--muted);line-height:1.3;}.color-result-empty{padding:9px;color:var(--muted);font-size:var(--text-meta);}.color-results-list{min-height:0;overflow:auto;overscroll-behavior:contain;}.color-search-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 5px 2px;border-top:1px solid var(--border);background:#fff;}.color-search-count{font-size:10px;color:var(--muted);white-space:nowrap;}.data-note{font-size:12px;color:var(--muted);line-height:1.5;}.session-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:12px;}.session-actions button{font-size:12px;border:1px solid var(--border);background:#fff;border-radius:8px;padding:7px 10px;cursor:pointer;color:var(--muted);}.session-actions .project-open-empty{border-color:#BCCDE4;color:var(--accent);font-weight:700;background:#F7FBF9;}.project-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;}.project-actions .btn{white-space:nowrap;}.project-actions .project-save-btn{border-color:rgba(22,61,122,.32);color:var(--accent);background:#F7F9FD;}.project-actions .project-save-btn:hover:not(:disabled){background:#EDF3FA;border-color:rgba(22,61,122,.48);}.project-actions .project-open-btn:hover{border-color:rgba(22,61,122,.38);color:var(--accent);}@media(max-width:760px){.workspace-topbar .project-actions{width:100%;}.workspace-topbar .project-actions .btn{flex:1 1 145px;}}.onboarding{margin:0 0 12px;padding:10px 12px;border:1px solid #D3DEEE;border-radius:9px;background:#F5F8FC;font-size:12px;line-height:1.55;color:var(--ink);}.onboarding strong{color:var(--accent);}.risk-review{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border:1px solid #E2B9B4;border-radius:8px;background:#FFF6F5;font-size:12px;line-height:1.4;}.risk-review[hidden]{display:none!important;}.risk-review button{white-space:nowrap;}.export-progress{width:100%;height:10px;accent-color:var(--accent);}.export-progress[hidden]{display:none!important;}.export-options{display:block;}.export-compression-row{display:grid;grid-template-columns:auto 20px minmax(0,1fr);align-items:center;gap:7px;font-size:12px;color:var(--muted);}.export-compression-row select{width:100%;min-width:0;border:1px solid var(--border);border-radius:7px;background:#fff;padding:7px;color:var(--ink);}.export-compression-row .info-tip{width:20px;height:20px;min-width:20px;min-height:20px;padding:0;border:1px solid #CBD4CF;border-radius:50%;background:#fff;color:#1B2420;font:700 11px/1 Georgia,serif;box-shadow:none;}.export-compression-row .info-tip:hover,.export-compression-row .info-tip:focus-visible,.export-compression-row .info-tip[aria-expanded="true"]{border-color:#AEB9B3;background:#fff;color:#1B2420;box-shadow:0 0 0 2px rgba(27,36,32,.06);}.app-dialog{position:fixed;inset:0;background:rgba(12,18,16,.45);display:grid;place-items:center;padding:20px;z-index:1000;}.app-dialog[hidden]{display:none!important;}.app-dialog-card{width:min(440px,100%);background:#fff;border-radius:12px;border:1px solid var(--border);box-shadow:0 20px 60px rgba(0,0,0,.22);padding:18px;}.app-dialog-card h2{font-size:18px;margin:0 0 8px;}.app-dialog-card p{font-size:13px;line-height:1.55;color:var(--muted);white-space:pre-line;}.app-dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px;}.show-original-held{background:var(--accent)!important;border-color:var(--accent)!important;color:#fff!important;}.keyboard-cursor-note{font-size:var(--text-meta);color:var(--muted);}.region-actions{grid-area:actions;display:flex;gap:6px;flex-wrap:wrap;}.region-actions button{font-size:var(--text-meta);}.region-actions button.select-btn{color:var(--accent);border-color:var(--accent);}.region-actions button.danger{color:var(--danger);}.helper-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;}.helper-grid .btn{font-size:var(--text-meta);}@media(max-width:460px){.helper-grid{grid-template-columns:1fr;}}#addRegionBtn{align-self:flex-start;font-size:13px;border:1px dashed var(--border);background:transparent;border-radius:8px;padding:8px 12px;cursor:pointer;color:var(--muted);}.tool-controls{display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--border);padding-top:14px;}.tool-controls [hidden]{display:none!important;}.brush-row{display:flex;align-items:center;gap:10px;font-size:13px;}.brush-row input[type=range]{flex:1;}.brush-options{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:var(--text-meta);color:var(--muted);}.brush-options label{display:inline-flex;align-items:center;gap:5px;}.brush-options input[type=checkbox]{width:16px;height:16px;}.polygon-row .data-note{flex:1 1 100%;}.meta-row{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap;}.kbd{padding:1px 5px;border:1px solid var(--border);border-bottom-width:2px;border-radius:5px;background:#fff;font-size:10px;color:var(--muted);}.actions-panel{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--border);padding-top:14px;}.actions-panel button{font-size:13px;border:none;background:var(--accent);color:#fff;border-radius:8px;padding:10px 12px;cursor:pointer;}.actions-panel button.secondary{background:transparent;color:var(--muted);border:1px solid var(--border);}.status-pill{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-meta);padding:5px 8px;border-radius:999px;background:#F2F7F5;color:var(--accent);border:1px solid rgba(22,61,122,.16);}footer.note{max-width:var(--editor-max);margin:0 auto;padding:0 20px 40px;font-size:12px;color:var(--muted);line-height:1.65;}footer.note ul{margin:8px 0 0 18px;padding:0;}footer.note li+li{margin-top:4px;}.fullres-modal{position:fixed;inset:0;z-index:1000;background:rgba(10,16,13,.82);display:flex;flex-direction:column;padding:16px;gap:10px;}.fullres-modal[hidden]{display:none!important;}.fullres-modal-bar{display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap;}.fullres-modal-bar button{min-height:42px;border:1px solid rgba(255,255,255,.28);background:#fff;color:var(--ink);border-radius:8px;padding:8px 12px;cursor:pointer;}.fullres-modal-bar .active{background:var(--accent);border-color:var(--accent);color:#fff;}.fullres-modal-viewport{flex:1;min-height:0;overflow:auto;display:flex;align-items:flex-start;justify-content:flex-start;border-radius:10px;background:#202522;}.fullres-modal-inner{margin:auto;position:relative;line-height:0;}.fullres-modal-img{display:block;max-width:none;height:auto;transform-origin:top left;}.fullres-modal-note{color:#fff;text-align:center;font-size:12px;line-height:1.45;opacity:.9;}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}.consumer-note{margin:12px 0 0;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:#F7F9F7;font-size:12px;line-height:1.55;color:var(--muted);}.export-note{font-size:12px;line-height:1.45;color:var(--muted);margin-top:-2px;}.overlay-legend{display:flex;flex-wrap:wrap;gap:8px 12px;font-size:var(--text-meta);line-height:1.35;color:var(--muted);}.overlay-legend span{display:inline-flex;align-items:center;gap:6px;}.legend-chip{display:inline-block;width:16px;height:10px;border-radius:3px;border:1px solid rgba(0,0,0,.18);}@media(max-width:980px){button,.region-actions button{min-height:44px;}.color-search-input,.name-input,.surface-type-select,.export-options select{min-height:44px;font-size:16px;}.brush-row input[type=range]{height:44px;}.brush-options label,.meta-row label{min-height:44px;display:inline-flex;align-items:center;}.controls-panel{position:static;}.canvas-viewport{max-height:64vh;}}@media(pointer:coarse){button,.region-actions button{min-height:44px;}.color-search-input,.name-input,.surface-type-select,.export-options select{min-height:44px;}.brush-row input[type=range]{height:44px;}.brush-options label,.meta-row label{min-height:44px;display:inline-flex;align-items:center;}}.skip-link{position:fixed;left:12px;top:10px;z-index:2000;transform:translateY(-150%);background:var(--ink);color:#fff;padding:9px 12px;border-radius:8px;text-decoration:none;font-size:13px;}.skip-link:focus{transform:translateY(0);outline:3px solid #fff;outline-offset:2px;}.skip-link+.skip-link{left:142px;}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px;}.ui-icon{width:15px;height:15px;display:inline-block;vertical-align:-2.5px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;}.ui-icon+span{margin-left:4px;}.toolbar-compare{display:flex;gap:6px;align-items:center;flex-wrap:wrap;padding-left:8px;border-left:1px solid var(--border);}.toolbar-compare::before{content:"So sánh";font-size:12px;color:var(--muted);font-weight:600;}.compare-more{position:relative;}.compare-more>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;min-height:32px;padding:6px 9px;border:1px solid var(--border);border-radius:var(--control-radius);background:#fff;color:var(--muted);font-size:var(--text-meta);font-weight:500;}.compare-more>summary::-webkit-details-marker{display:none;}.compare-more>summary::after{content:"▾";margin-left:6px;font-size:10px;}.compare-more[open]>summary{border-color:var(--accent);color:var(--accent);}.compare-more-actions{position:absolute;right:0;top:calc(100%+5px);z-index:30;display:flex;flex-direction:column;gap:5px;min-width:168px;padding:6px;border:1px solid var(--border);border-radius:var(--control-radius);background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.12);}.compare-more-actions .btn{justify-content:flex-start;width:100%;}.protect-layer-block{display:flex;flex-direction:column;gap:7px;padding:9px;border:1px solid #E4D4B7;border-radius:var(--control-radius);background:#FFF9EF;}.protect-layer-heading{display:flex;justify-content:space-between;gap:8px;align-items:baseline;flex-wrap:wrap;}.protect-layer-heading strong{font-size:var(--text-control);color:var(--ink);}.protect-layer-heading span{font-size:var(--text-meta);color:var(--protect);font-weight:600;}.control-global{display:flex;flex-direction:column;gap:10px;padding:4px 4px 10px;background:var(--surface);position:static;border-bottom:1px solid var(--border);}.onboarding-details{border:1px solid #D3DEEE;border-radius:9px;background:#F5F8FC;overflow:hidden;}.onboarding-details summary{cursor:pointer;padding:9px 10px;font-size:12px;font-weight:700;color:var(--accent);display:flex;justify-content:space-between;gap:8px;align-items:center;}.onboarding-details[open] summary{border-bottom:1px solid #E2EAF5;}.onboarding-details .onboarding-body{padding:9px 10px 10px;font-size:12px;line-height:1.5;color:var(--ink);}.step-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;}.step-list li{border:1px solid var(--border);background:#fff;border-radius:8px;padding:7px 8px;color:var(--muted);min-width:0;}.step-list li.active{border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 1px var(--focus-ring);}.step-list li.done{background:#F2F7F5;color:var(--ink);}.step-list strong{display:block;font-size:var(--text-meta);text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px;}.onboarding-progress{font-weight:600;color:var(--muted);white-space:nowrap;}.sidebar-section{border:1px solid var(--border);border-radius:10px;background:#fff;overflow:visible;scroll-margin-top:220px;}.sidebar-section>summary{cursor:pointer;list-style:none;padding:11px 12px;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--ink);background:#FAFBFA;border-radius:10px;}.sidebar-section>summary::-webkit-details-marker{display:none;}.sidebar-section>summary::after{content:"";width:7px;height:7px;border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);transform:rotate(45deg);transition:transform .15s ease;flex:none;margin-right:2px;}.sidebar-section:not([open])>summary::after{transform:rotate(-45deg);}.sidebar-section[open]>summary{border-bottom:1px solid var(--border);border-radius:10px 10px 0 0;}.sidebar-section .section-body{display:flex;flex-direction:column;gap:10px;padding:12px;}.sidebar-section .section-summary{margin-left:auto;font-size:var(--text-meta);font-weight:500;color:var(--muted);}.sidebar-section .tool-controls,.sidebar-section .actions-panel{border-top:0;padding-top:0;}.mode-toggle[role="group"] button[aria-pressed="true"]{background:var(--accent);color:#fff;}#paintModeBtn[aria-pressed="true"],#eraseBtn[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:#fff;}.protect-card{border:1px solid #E4D4B7;background:#FFF9EF;border-radius:9px;padding:10px;display:flex;flex-direction:column;gap:8px;}.protect-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;}.protect-card strong{font-size:13px;color:var(--ink);}.protect-status{font-size:var(--text-meta);color:var(--protect);font-weight:600;}.destructive-tools{border-top:1px dashed var(--border);padding-top:10px;display:flex;gap:8px;flex-wrap:wrap;}.btn-danger-quiet{color:var(--danger)!important;border-color:#E6C5C1!important;background:#fff!important;}.region-row:not(.active) .surface-type-wrap,.region-row:not(.active) .color-search-wrap,.region-row:not(.active) .recent-colors,.region-row:not(.active) .region-actions{display:none;}.region-expand-btn{grid-area:toggle;align-self:center;border:1px solid var(--border);background:#fff;color:var(--accent);border-radius:7px;padding:5px 8px;font-size:12px;cursor:pointer;}.region-row.active .region-expand-btn{display:none;}.protect-region-row.active .region-expand-btn{display:inline-flex;}.regions-empty{padding:12px;border:1px dashed var(--border);border-radius:9px;background:#FAFBFA;color:var(--muted);font-size:12px;line-height:1.45;}.recent-colors{grid-area:recent;display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:2px;}.recent-colors-label{font-size:var(--text-meta);color:var(--muted);margin-right:2px;}.recent-color-btn{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--border);background:#fff;border-radius:999px;padding:4px 7px;font-size:var(--text-meta);color:var(--muted);cursor:pointer;}.recent-color-btn i{width:13px;height:13px;border-radius:50%;border:1px solid rgba(0,0,0,.14);display:inline-block;}.inline-help{border-top:1px dashed var(--border);padding-top:8px;}.inline-help summary{cursor:pointer;color:var(--accent);font-size:12px;font-weight:600;}.shortcut-grid{display:grid;grid-template-columns:auto 1fr;gap:5px 10px;margin-top:8px;font-size:12px;color:var(--muted);}.color-spec-box{border:1px solid var(--border);border-radius:9px;background:#FAFBFA;padding:9px 10px;display:flex;flex-direction:column;gap:8px;}.color-spec-preview{font-size:12px;line-height:1.45;color:var(--muted);white-space:pre-line;max-height:120px;overflow:auto;}.actions-panel #downloadFullResultBtn{background:var(--accent);color:#fff;border:1px solid var(--accent);}.actions-panel #downloadResultBtn,.actions-panel #previewFullResultBtn,.actions-panel #copyColorSpecBtn{background:#fff;color:var(--muted);border:1px solid var(--border);}.status-pill::before{content:"●";font-size:8px;line-height:1;}.status-pill.warn{background:var(--warning-bg);color:var(--warning);border-color:rgba(147,100,28,.24);}.status-pill.error{background:var(--danger-bg);color:var(--danger);border-color:rgba(162,59,52,.24);}.status-pill.error::before{content:"!";font-size:11px;font-weight:800;}.zoom-pill::after{content:" · Đặt lại";font-weight:400;color:var(--muted);}.zoom-pill::before{display:none;}.legend-chip.protect{background:repeating-linear-gradient(135deg,#875A0A 0 3px,#F2D7A5 3px 6px);}.legend-chip.risk{background:radial-gradient(circle at 2px 2px,#BE3426 1.4px,transparent 1.5px) 0 0/5px 5px,#FFF6F5;box-shadow:none;}button.btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;border:1px solid transparent;border-radius:var(--control-radius);font-weight:500;line-height:1.2;cursor:pointer;text-decoration:none;}button.btn-sm{min-height:32px;padding:6px 9px;font-size:var(--text-meta);}button.btn-md{min-height:38px;padding:8px 12px;font-size:var(--text-control);}button.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff;}button.btn-secondary{background:#fff;border-color:var(--border);color:var(--muted);}button.btn-ghost{background:transparent;border-color:var(--border);color:var(--muted);}button.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff;}button.btn-danger-quiet{background:#fff;border-color:#E6C5C1;color:var(--danger);}button.btn.active,button.btn[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:#fff;}button.btn:disabled{opacity:.52;cursor:not-allowed;}@media(max-width:980px),(pointer:coarse){button.btn-sm,button.btn-md{min-height:44px;}}.region-row:not(.active) .color-discovery{display:none;}.color-discovery{grid-area:discovery;display:flex;flex-direction:column;gap:7px;margin-top:1px;}.color-discovery-actions{display:flex;gap:7px;flex-wrap:wrap;align-items:center;}.color-discovery-actions .btn{flex:0 1 auto;}.shortlist-colors{display:flex;gap:6px;align-items:center;flex-wrap:wrap;}.shortlist-colors[hidden]{display:none!important;}.shortlist-label{font-size:var(--text-meta);color:var(--muted);font-weight:600;margin-right:1px;}.shortlist-chip{display:inline-flex;align-items:stretch;border:1px solid var(--border);border-radius:999px;background:#fff;overflow:hidden;}.shortlist-apply,.shortlist-remove{border:0;background:#fff;color:var(--muted);font-size:var(--text-meta);cursor:pointer;}.shortlist-apply{display:inline-flex;align-items:center;gap:5px;padding:5px 7px 5px 6px;}.shortlist-remove{padding:5px 7px;border-left:1px solid var(--border);color:var(--danger);}.shortlist-apply:hover,.shortlist-remove:hover{background:#F7F9F7;}.shortlist-dot{width:13px;height:13px;border-radius:50%;border:1px solid rgba(0,0,0,.16);display:inline-block;flex:none;}.color-browser{border:1px solid var(--border);border-radius:9px;background:#FAFBFA;padding:9px;display:flex;flex-direction:column;gap:8px;}.color-browser[hidden]{display:none!important;}.color-browser-note{font-size:var(--text-meta);line-height:1.45;color:var(--muted);}.color-family-filters{display:flex;gap:5px;flex-wrap:wrap;}.color-family-btn{border:1px solid var(--border);background:#fff;color:var(--muted);border-radius:999px;padding:5px 8px;font-size:var(--text-meta);cursor:pointer;}.color-family-btn[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:#fff;}.color-browser-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;}.color-browser-empty{grid-column:1 / -1;padding:14px 10px;border:1px dashed var(--border);border-radius:8px;background:#fff;color:var(--muted);font-size:var(--text-meta);line-height:1.45;text-align:center;}.color-browser-item{position:relative;min-width:0;border:1px solid var(--border);background:#fff;border-radius:8px;padding:5px;cursor:pointer;text-align:left;color:var(--ink);}.color-browser-item:hover{border-color:var(--accent);}.color-browser-item.is-selected{box-shadow:0 0 0 2px var(--accent);border-color:var(--accent);}.color-browser-item.is-shortlisted::after{content:"Ghim";position:absolute;right:3px;top:3px;padding:1px 4px;border-radius:999px;background:rgba(27,36,32,.82);color:#fff;font-size:9px;line-height:1.35;}.color-browser-swatch{display:block;width:100%;aspect-ratio:1/1;border-radius:5px;border:1px solid rgba(0,0,0,.12);margin-bottom:4px;}.color-browser-code{display:block;font-size:var(--text-meta);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.color-browser-name{display:block;margin-top:1px;font-size:var(--text-meta);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.color-browser-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;}.color-browser-count{font-size:var(--text-meta);color:var(--muted);}.color-pagination{display:flex;align-items:center;gap:4px;flex-wrap:nowrap;}.color-page-btn{width:27px;height:27px;min-width:27px;padding:0;border:1px solid var(--border);border-radius:7px;background:#fff;color:var(--muted);font-size:10px;font-weight:700;cursor:pointer;display:grid;place-items:center;}.color-page-btn:hover:not(:disabled),.color-page-btn:focus-visible{border-color:rgba(22,61,122,.4);color:var(--accent);background:#F4F7FC;}.color-page-btn[aria-current="page"]{background:var(--accent);border-color:var(--accent);color:#fff;}.color-page-btn:disabled{cursor:default;}.color-page-btn[aria-current="page"]:disabled{opacity:1;}@media(max-width:460px){.color-browser-grid{grid-template-columns:repeat(4,minmax(0,1fr));}.color-discovery-actions .btn{flex:1 1 150px;}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important;}}.mobile-only{display:none!important;}@media(max-width:980px){body{padding-bottom:8px;}.mobile-only{display:inline-flex!important;align-items:center;justify-content:center;}.sidebar-section{scroll-margin-top:96px;}}@media(max-width:460px){header.page-header{padding:20px 14px 14px;}main.layout{padding:0 12px 28px;}.canvas-panel{padding:10px;}.mode-toggle.tool-selector{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;border:0;gap:6px;margin-top:6px;}.mode-toggle.tool-selector button{border:1px solid var(--border);border-radius:8px;min-width:0;}.step-list{grid-template-columns:1fr;}.toolbar-compare{padding-left:0;border-left:0;width:100%;}}:root{--editor-max:1500px;--editor-rail:76px;--editor-inspector:356px;--editor-gap:14px;--surface-soft:#F5F8FC;--surface-strong:#EEF3FA;--shadow-soft:0 8px 28px rgba(17,34,59,.07);}body{background:var(--bg);}header.page-header{max-width:var(--editor-max);padding:20px 20px 14px;}header.page-header h1{font-family:var(--font-sans);font-size:24px;font-weight:700;letter-spacing:-.02em;margin-bottom:5px;}header.page-header p{font-size:13px;max-width:980px;}main.layout{max-width:var(--editor-max);padding:0 20px 32px;display:grid;grid-template-columns:var(--editor-rail) minmax(0,1fr) var(--editor-inspector);gap:var(--editor-gap);align-items:start;}.canvas-panel{grid-column:2;padding:12px;box-shadow:var(--shadow-soft);}.controls-panel{grid-column:3;width:auto;padding:10px;gap:9px;position:sticky;top:12px;max-height:calc(100vh - 24px);overflow-y:auto;overflow-x:hidden;box-shadow:var(--shadow-soft);scrollbar-width:thin;}.tool-rail{grid-column:1;position:sticky;top:12px;padding:10px 7px;border:1px solid var(--border);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow-soft);display:flex;flex-direction:column;align-items:stretch;gap:8px;z-index:15;}.tool-rail-title{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-align:center;padding:1px 0 3px;}.tool-rail .mode-toggle.tool-selector{display:flex;flex-direction:column;gap:7px;border:0;border-radius:0;overflow:visible;margin:0;}.tool-rail .tool-selector button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:58px;padding:7px 3px;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--muted);font-size:10px;font-weight:650;line-height:1.1;}.tool-rail .tool-selector button::before{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:var(--surface-strong);color:var(--ink);font-size:12px;font-weight:800;border:1px solid rgba(27,36,32,.08);}.tool-rail #brushToolBtn::before{content:"B";}.tool-rail #wandToolBtn::before{content:"W";}.tool-rail #polygonToolBtn::before{content:"P";}.tool-rail .tool-selector button.active,.tool-rail .tool-selector button[aria-pressed="true"]{background:#F3F6FB;border-color:rgba(22,61,122,.42);color:var(--accent);box-shadow:0 0 0 1px rgba(22,61,122,.08);}.tool-rail .tool-selector button.active::before,.tool-rail .tool-selector button[aria-pressed="true"]::before{background:var(--accent);color:#fff;border-color:var(--accent);}.tool-rail .tool-selector button:disabled{opacity:.4;cursor:not-allowed;}.tool-rail-note{font-size:10px;line-height:1.3;color:var(--muted);text-align:center;padding:3px 2px 0;}.control-global.workspace-topbar{display:flex;flex-direction:row;align-items:center;gap:8px;padding:8px;margin:0 0 10px;border:1px solid var(--border);border-radius:10px;background:#FAFBFA;position:relative;}.workspace-topbar .mode-toggle{width:220px;flex:none;background:#fff;}.workspace-topbar .mode-toggle button{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 10px;}.workspace-topbar .mode-toggle .mode-tab-icon{width:16px;height:16px;display:block;flex:none;fill:none;stroke:currentColor;stroke-width:2.15;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;transform:translateY(-.15px);}.workspace-topbar #editModeBtn .mode-tab-icon{width:15.5px;height:15.5px;stroke-width:2.1;}.workspace-topbar #previewModeBtn .mode-tab-icon{width:18px;height:18px;stroke-width:2.15;}.workspace-topbar .mode-toggle button>span{line-height:1.15;}.workspace-topbar .helper-grid{display:flex;gap:6px;margin-left:auto;}.workspace-topbar .helper-grid .btn{min-width:92px;}.workspace-topbar>.data-note{flex:1 1 100%;}.sidebar-section.layer-dock{margin-top:12px;border-color:var(--border);background:#fff;box-shadow:none;}.layer-dock>summary{padding:9px 11px;background:#F7F9F7;}.layer-dock>summary>span:first-child::before{content:"Layers · ";color:var(--muted);font-weight:600;}.layer-dock .section-body{display:flex;flex-direction:row;align-items:flex-start;gap:8px;padding:9px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;}.layer-dock .regions-list{display:flex;flex-direction:row;gap:8px;align-items:flex-start;}.layer-dock .region-row{flex:0 0 214px;min-width:214px;height:64px;min-height:64px;padding:9px;display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-areas:"swatch name" "swatch selected";gap:3px 8px;align-content:center;background:#fff;cursor:pointer;border-radius:9px;}.layer-dock .region-row:hover{border-color:#B8C8C0;background:#FBFCFB;}.layer-dock .region-row.active{border-color:var(--accent);background:#F4F7FC;box-shadow:0 0 0 1px rgba(22,61,122,.12);}.layer-dock .region-row .swatch{width:34px;height:34px;border-radius:8px;align-self:center;}.layer-dock .region-row .name-input{font-size:13px;font-weight:720;padding:0;border:0;}.layer-dock .region-row .selected-color-main{font-size:11px;}.layer-dock .region-row .selected-color-meta{font-size:10px;margin-top:1px;}.layer-dock .region-row .region-risk-chip{font-size:9px;padding:2px 5px;margin-top:3px;}.layer-dock .region-row .region-expand-btn,.layer-dock .region-row .surface-type-wrap,.layer-dock .region-row .color-search-wrap,.layer-dock .region-row .recent-colors,.layer-dock .region-row .color-discovery,.layer-dock .region-row .region-actions{display:none!important;}.layer-dock #addRegionBtn{flex:0 0 142px;min-width:142px;height:64px;min-height:64px;align-self:flex-start;justify-content:center;border-color:#BFCAC4;background:#FAFBFA;color:var(--accent);}.layer-dock .regions-empty{flex:0 0 220px;min-width:220px;}.layer-dock .protect-layer-block{flex:0 0 144px;min-width:144px;padding:7px;gap:5px;border-radius:9px;background:#FFF9EF;}.layer-dock .protect-layer-heading{display:block;}.layer-dock .protect-layer-heading strong{display:block;font-size:12px;}.layer-dock .protect-layer-heading span{display:block;margin-top:1px;font-size:10px;}.layer-dock .protect-region-row{display:block;flex:0 0 auto;width:100%;height:auto;min-width:0;min-height:0;padding:5px 6px;background:transparent;border:0;box-shadow:none;}.layer-dock .protect-region-row.active{background:#FFF2DF;border:1px solid #C99036;box-shadow:0 0 0 1px rgba(201,144,54,.1);}.layer-dock .protect-row-note,.layer-dock .protect-region-row .region-expand-btn{display:none!important;}.layer-dock .protect-status-wrap{gap:2px;}.layer-dock .protect-state-chip{font-size:10px;padding:3px 6px;}.inspector-active-card{border-color:#C9D8D2;position:relative;}.inspector-active-card>summary{background:#F4F7FC;}.inspector-active-section{overflow:visible;}.inspector-layer-heading{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 11px;background:#F4F7FC;border-bottom:1px solid var(--border);border-radius:9px 9px 0 0;font-size:13px;font-weight:700;color:var(--ink);}.inspector-layer-title,.inspector-layer-heading-right{display:flex;align-items:center;gap:7px;min-width:0;}.inspector-layer-title{flex:1 1 auto;}.inspector-layer-heading-right{flex:0 0 auto;}.inspector-layer-heading .section-summary{margin-left:0;max-width:82px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.active-layer-menu-btn{width:28px;height:28px;min-width:28px;padding:0;display:grid;place-items:center;border:1px solid var(--border);border-radius:7px;background:#fff;color:var(--muted);cursor:pointer;}.active-layer-menu-btn:hover,.active-layer-menu-btn:focus-visible,.active-layer-menu-btn[aria-expanded="true"]{border-color:rgba(22,61,122,.42);color:var(--accent);background:#F7F9FD;}.active-layer-menu-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .14s ease;}.active-layer-menu-btn[aria-expanded="true"] svg{transform:rotate(180deg);}.active-layer-menu{position:absolute;z-index:80;right:10px;top:48px;width:min(300px,calc(100% - 20px));max-height:300px;overflow:auto;padding:5px;border:1px solid var(--border);border-radius:9px;background:#fff;box-shadow:0 12px 32px rgba(16,33,59,.16);}.active-layer-menu[hidden]{display:none!important;}.active-layer-option{width:100%;display:grid;grid-template-columns:30px minmax(0,1fr);gap:8px;align-items:center;padding:7px;border:0;border-radius:7px;background:#fff;color:var(--ink);text-align:left;cursor:pointer;}.active-layer-option:hover,.active-layer-option:focus-visible{background:#F4F7FC;outline:none;}.active-layer-option.is-active{background:#EEF3FA;box-shadow:inset 0 0 0 1px rgba(22,61,122,.14);}.active-layer-option-swatch{width:30px;height:30px;border-radius:7px;border:1px solid rgba(0,0,0,.14);background:#E7ECE9;}.active-layer-option-swatch.protect{background:repeating-linear-gradient(135deg,#875A0A 0 4px,#F2D7A5 4px 8px);}.active-layer-option-copy{display:flex;flex-direction:column;gap:2px;min-width:0;}.active-layer-option-copy strong{font-size:12px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.active-layer-option-copy span{font-size:10px;line-height:1.3;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.inspector-active-head{display:grid;grid-template-columns:42px minmax(0,1fr);gap:9px;align-items:center;padding-bottom:10px;border-bottom:1px solid var(--border);}.inspector-active-swatch{width:42px;height:42px;border-radius:9px;border:1px solid rgba(0,0,0,.14);background:#E7ECE9;}.inspector-active-swatch.protect{background:repeating-linear-gradient(135deg,#875A0A 0 4px,#F2D7A5 4px 8px);}.inspector-active-name{font-size:14px;font-weight:760;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.inspector-active-meta{margin-top:3px;font-size:11px;line-height:1.35;color:var(--muted);}.inspector-context-note{padding:8px 9px;border-radius:8px;background:#F7F9F7;border:1px solid var(--border);font-size:11px;line-height:1.45;color:var(--muted);}.inspector-context-note.is-warning{background:#FFF8E9;border-color:#E8D39C;color:#7C5A1C;}#activeRegionInspectorHost{display:flex;flex-direction:column;gap:10px;min-width:0;}#activeRegionInspectorHost .surface-type-wrap{display:grid!important;}#activeRegionInspectorHost .color-search-wrap,#activeRegionInspectorHost .recent-colors,#activeRegionInspectorHost .color-discovery,#activeRegionInspectorHost .region-actions{display:flex;}#activeRegionInspectorHost .color-search-wrap{display:block;}#activeRegionInspectorHost .color-browser-grid{grid-template-columns:repeat(4,minmax(0,1fr));}#activeRegionInspectorHost .region-actions{padding-top:8px;border-top:1px dashed var(--border);}#activeRegionInspectorHost .region-actions .select-btn{display:none;}#activeRegionInspectorHost .surface-type-wrap{padding:8px 9px;border:1px solid var(--border);border-radius:9px;background:#FAFBFA;}#activeRegionInspectorHost .surface-type-wrap .data-note{font-size:11px;}.inspector-global-label{margin:2px 3px -1px;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#7B8580;}.controls-panel .sidebar-section{border-radius:9px;}.controls-panel .sidebar-section>summary{padding:10px 11px;}.controls-panel .sidebar-section .section-body{padding:10px;}.controls-panel .tool-controls{gap:9px;}.controls-panel .paint-erase-toggle{display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:3px;border:1px solid var(--border);border-radius:10px;background:#F1F4F2;overflow:visible;}.controls-panel .paint-erase-toggle button{min-height:36px;border:0!important;border-radius:7px!important;background:transparent!important;color:var(--muted)!important;font-weight:700;box-shadow:none!important;transition:background .14s ease,color .14s ease,box-shadow .14s ease,transform .08s ease;}.controls-panel .paint-erase-toggle button:hover{background:rgba(255,255,255,.72)!important;color:var(--ink)!important;}.controls-panel .paint-erase-toggle button[aria-pressed="true"]{background:#fff!important;color:var(--accent)!important;box-shadow:0 1px 3px rgba(27,36,32,.10),0 0 0 1px rgba(22,61,122,.14)!important;}.controls-panel .paint-erase-toggle button:active{transform:translateY(1px);}.controls-panel .paint-erase-toggle .toggle-icon{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:5px;font-size:16px;line-height:1;font-weight:800;}.controls-panel .paint-erase-toggle button[aria-pressed="true"] .toggle-icon{background:#EAF0F8;}.tool-mode-hint{margin-top:-3px;font-size:10px;line-height:1.35;color:var(--muted);text-align:center;}.tool-mode-hint kbd{display:inline-block;min-width:23px;padding:1px 5px;margin:0 2px;border:1px solid var(--border);border-bottom-width:2px;border-radius:5px;background:#fff;color:var(--ink);font:600 10px/1.2 -apple-system,"Segoe UI",sans-serif;}.canvas-tool-badge{display:inline-flex;align-items:center;gap:6px;max-width:calc(100% - 20px);padding:7px 10px;border-radius:8px;background:rgba(27,36,32,.86);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);font-size:11px;font-weight:700;letter-spacing:.01em;box-shadow:0 4px 14px rgba(27,36,32,.18);}.canvas-tool-badge.is-subtract{background:rgba(99,55,48,.90);}.canvas-tool-badge.is-protect{background:rgba(117,77,16,.91);}.canvas-tool-badge.is-alt{box-shadow:0 0 0 1px rgba(255,255,255,.42),0 5px 16px rgba(27,36,32,.22);}.canvas-tool-badge .badge-action{font-size:15px;line-height:10px;}.canvas-tool-badge .badge-layer{font-weight:550;opacity:.82;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.controls-panel .brush-row{display:grid;grid-template-columns:92px minmax(0,1fr) auto;gap:8px;}.controls-panel .brush-options{font-size:11px;line-height:1.4;}.controls-panel .destructive-tools{margin-top:2px;}.controls-panel .color-browser{padding:7px;}.controls-panel .color-browser-name{font-size:10px;}.controls-panel .color-browser-code{font-size:10px;}.canvas-viewport{max-height:70vh;}.canvas-toolbar{margin-top:8px;}.canvas-zoombar{margin-top:9px;}.canvas-underbar{margin-top:9px;}.onboarding-details:not([open]){opacity:.9;}@media(max-width:1180px){:root{--editor-rail:70px;--editor-inspector:330px;--editor-gap:10px;}main.layout{padding-left:12px;padding-right:12px;}header.page-header{padding-left:14px;padding-right:14px;}.layer-dock .region-row{flex-basis:196px;min-width:196px;}}@media(max-width:980px){main.layout{grid-template-columns:1fr;grid-template-areas:"canvas" "tools" "inspector";gap:10px;}.canvas-panel{grid-area:canvas;grid-column:auto;}.tool-rail{grid-area:tools;grid-column:auto;position:static;flex-direction:row;align-items:center;padding:7px;overflow-x:auto;}.tool-rail-title{writing-mode:horizontal-tb;min-width:max-content;padding:0 5px;}.tool-rail .mode-toggle.tool-selector{flex-direction:row;min-width:max-content;}.tool-rail .tool-selector button{min-height:48px;min-width:82px;padding:5px 8px;flex-direction:row;font-size:11px;}.tool-rail .tool-selector button::before{width:22px;height:22px;}.tool-rail-note{display:none;}.controls-panel{grid-area:inspector;grid-column:auto;position:static;max-height:none;overflow:visible;}.control-global.workspace-topbar{position:static;flex-wrap:wrap;}.workspace-topbar .mode-toggle{width:min(100%,260px);}.workspace-topbar .helper-grid{margin-left:0;}.layer-dock .section-body{padding:8px;}}@media(max-width:560px){header.page-header h1{font-size:21px;}main.layout{padding:0 8px 22px;}.canvas-panel{padding:8px;}.workspace-topbar .mode-toggle{width:100%;}.workspace-topbar .helper-grid{width:100%;}.workspace-topbar .helper-grid .btn{flex:1;}.layer-dock .region-row{flex-basis:180px;min-width:180px;}.layer-dock .protect-layer-block{flex-basis:136px;min-width:136px;}.controls-panel .brush-row{grid-template-columns:82px minmax(0,1fr) auto;}}:root{--editor-inspector:350px;--editor-gap:12px;}main.layout{grid-template-columns:minmax(0,1fr) var(--editor-inspector);gap:var(--editor-gap);}.canvas-panel{grid-column:1;}.controls-panel{grid-column:2;}.tool-rail{display:none!important;}.sidebar-section.workspace-tool-dock{margin:0 0 10px;border:1px solid var(--border);border-radius:10px;background:#FAFBFA;box-shadow:none;overflow:visible;}.workspace-tool-dock>summary{display:none!important;}.workspace-tool-dock>.section-body.tool-controls{display:flex;flex-direction:column;gap:8px;padding:8px;}.workspace-tool-dock .mode-toggle.tool-selector{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin:0;padding:3px;border:1px solid var(--border);border-radius:10px;background:#F0F3F1;overflow:visible;}.workspace-tool-dock .tool-selector button{position:relative;display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:38px;padding:7px 10px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:12px;font-weight:720;line-height:1.15;transition:background .14s ease,color .14s ease,box-shadow .14s ease,transform .08s ease;}.workspace-tool-dock .tool-selector button::before{display:grid;place-items:center;width:22px;height:22px;flex:none;border:1px solid rgba(27,36,32,.10);border-radius:6px;background:#fff;color:var(--ink);font-size:10px;font-weight:820;line-height:1;}.workspace-tool-dock #brushToolBtn::before{content:"B";}.workspace-tool-dock #wandToolBtn::before{content:"W";}.workspace-tool-dock #polygonToolBtn::before{content:"P";}.workspace-tool-dock .tool-selector button:hover:not(:disabled){background:rgba(255,255,255,.72);color:var(--ink);}.workspace-tool-dock .tool-selector button.active,.workspace-tool-dock .tool-selector button[aria-pressed="true"]{background:#fff;color:var(--accent);box-shadow:0 1px 3px rgba(27,36,32,.10),0 0 0 1px rgba(22,61,122,.13);}.workspace-tool-dock .tool-selector button.active::before,.workspace-tool-dock .tool-selector button[aria-pressed="true"]::before{background:var(--accent);border-color:var(--accent);color:#fff;}.workspace-tool-dock .tool-selector button:active:not(:disabled){transform:translateY(1px);}.workspace-tool-dock .tool-selector button:disabled{opacity:.42;cursor:not-allowed;}.workspace-tool-dock .tool-options-strip{display:flex;align-items:center;gap:8px 12px;min-height:46px;padding:7px 8px;border:1px solid var(--border);border-radius:10px;background:#fff;overflow:visible;flex-wrap:wrap;}.workspace-tool-dock .paint-erase-toggle{flex:0 0 188px;display:grid;grid-template-columns:1fr 1fr;gap:3px;margin:0;padding:3px;border:1px solid var(--border);border-radius:9px;background:#F1F4F2;overflow:visible;}.workspace-tool-dock .paint-erase-toggle button{min-height:32px;padding:5px 9px;border:0!important;border-radius:6px!important;background:transparent!important;color:var(--muted)!important;font-size:11px;font-weight:720;box-shadow:none!important;}.workspace-tool-dock .paint-erase-toggle button:hover{background:rgba(255,255,255,.74)!important;color:var(--ink)!important;}.workspace-tool-dock .paint-erase-toggle button[aria-pressed="true"]{background:#fff!important;color:var(--accent)!important;box-shadow:0 1px 3px rgba(27,36,32,.10),0 0 0 1px rgba(22,61,122,.13)!important;}.workspace-tool-dock .paint-erase-toggle .toggle-icon{font-size:15px;}.workspace-tool-dock .tool-mode-hint{order:99;flex:1 1 210px;margin:0;text-align:right;font-size:10px;line-height:1.35;color:var(--muted);}.workspace-tool-dock .brush-row{flex:1 1 250px;min-width:220px;display:grid;grid-template-columns:auto minmax(110px,1fr) auto;align-items:center;gap:7px;margin:0;font-size:11px;}.workspace-tool-dock .brush-row>span:first-child{font-weight:650;color:var(--ink);white-space:nowrap;}.workspace-tool-dock .brush-row>span:last-child{min-width:42px;text-align:right;color:var(--muted);font-variant-numeric:tabular-nums;}.workspace-tool-dock .brush-row input[type=range]{min-width:110px;}.workspace-tool-dock .brush-options{flex:1 1 280px;display:flex;align-items:center;gap:6px 10px;margin:0;font-size:10px;line-height:1.35;color:var(--muted);}.workspace-tool-dock .brush-options label{font-weight:620;color:var(--ink);white-space:nowrap;}.workspace-tool-dock .wand-actions{display:flex;align-items:center;gap:5px;flex:0 1 auto;}.workspace-tool-dock .wand-state-note,.workspace-tool-dock .data-note,.workspace-tool-dock .risk-review,.workspace-tool-dock .meta-row.polygon-row,.workspace-tool-dock .wand-advanced,.workspace-tool-dock .overlay-legend,.workspace-tool-dock .destructive-tools{flex:1 1 100%;}.workspace-tool-dock .wand-advanced{margin-top:0;}.workspace-tool-dock .destructive-tools{margin-top:0;padding-top:7px;}.control-global.workspace-topbar{margin-bottom:8px;min-height:48px;}.workspace-topbar .mode-toggle{width:250px;}@media(max-width:1180px){:root{--editor-inspector:330px;--editor-gap:10px;}main.layout{grid-template-columns:minmax(0,1fr) var(--editor-inspector);}}@media(max-width:980px){main.layout{grid-template-columns:1fr;grid-template-areas:"canvas" "inspector";gap:10px;}.canvas-panel{grid-area:canvas;grid-column:auto;}.controls-panel{grid-area:inspector;grid-column:auto;}.workspace-tool-dock .tool-selector button{min-height:44px;font-size:11px;}.workspace-tool-dock .tool-options-strip{align-items:stretch;}.workspace-tool-dock .paint-erase-toggle{flex:1 1 190px;}.workspace-tool-dock .tool-mode-hint{flex:1 1 100%;text-align:left;}}@media(max-width:560px){.workspace-tool-dock>.section-body.tool-controls{padding:6px;gap:6px;}.workspace-tool-dock .mode-toggle.tool-selector{gap:3px;padding:3px;}.workspace-tool-dock .tool-selector button{gap:4px;padding:6px 4px;font-size:10px;}.workspace-tool-dock .tool-selector button::before{width:20px;height:20px;font-size:9px;}.workspace-tool-dock .tool-options-strip{padding:6px;gap:7px;}.workspace-tool-dock .paint-erase-toggle{flex-basis:100%;}.workspace-tool-dock .brush-row{flex-basis:100%;min-width:0;grid-template-columns:76px minmax(0,1fr) auto;}.workspace-tool-dock .brush-options{flex-basis:100%;}.workspace-topbar .mode-toggle{width:100%;}}:root{--editor-rail:76px;--editor-inspector:350px;--editor-gap:12px;}main.layout{grid-template-columns:var(--editor-rail) minmax(0,1fr) var(--editor-inspector);gap:var(--editor-gap);}.canvas-panel{grid-column:2;}.controls-panel{grid-column:3;}.tool-rail{display:flex!important;grid-column:1;}.sidebar-section.workspace-tool-dock{margin:0 0 9px;border:1px solid var(--border);border-radius:10px;background:#FAFBFA;box-shadow:none;overflow:visible;}.workspace-tool-dock>summary{display:none!important;}.workspace-tool-dock>.section-body.tool-controls{display:block;padding:6px;}.workspace-tool-dock .tool-options-strip{display:flex;align-items:center;align-content:center;gap:6px 8px;min-height:44px;padding:5px 6px;border:1px solid var(--border);border-radius:9px;background:#fff;overflow:visible;flex-wrap:wrap;}.tool-settings-label{flex:0 0 auto;display:inline-flex;align-items:center;min-height:30px;padding:0 6px 0 3px;font-size:10px;font-weight:800;letter-spacing:.045em;text-transform:uppercase;color:var(--muted);white-space:nowrap;}.tool-settings-label::before{content:"";width:6px;height:6px;margin-right:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px rgba(22,61,122,.09);}.workspace-tool-dock .paint-erase-toggle{flex:0 0 152px;display:grid;grid-template-columns:1fr 1fr;gap:2px;margin:0;padding:2px;border:1px solid var(--border);border-radius:8px;background:#F1F4F2;overflow:visible;}.workspace-tool-dock .paint-erase-toggle button{min-height:30px;padding:4px 7px;border:0!important;border-radius:6px!important;background:transparent!important;color:var(--muted)!important;font-size:10px;font-weight:730;box-shadow:none!important;}.workspace-tool-dock .paint-erase-toggle button:hover{background:rgba(255,255,255,.78)!important;color:var(--ink)!important;}.workspace-tool-dock .paint-erase-toggle button[aria-pressed="true"]{background:#fff!important;color:var(--accent)!important;box-shadow:0 1px 3px rgba(27,36,32,.10),0 0 0 1px rgba(22,61,122,.12)!important;}.workspace-tool-dock .paint-erase-toggle .toggle-icon{font-size:14px;}.workspace-tool-dock .brush-row{flex:1 1 178px;min-width:165px;max-width:250px;display:grid;grid-template-columns:auto minmax(68px,1fr) 38px;align-items:center;gap:6px;margin:0;font-size:10px;}.workspace-tool-dock .brush-row>span:first-child{font-weight:680;color:var(--ink);white-space:nowrap;}.workspace-tool-dock .brush-row>span:last-child{min-width:38px;text-align:right;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;}.workspace-tool-dock .brush-row input[type=range]{min-width:68px;width:100%;height:26px;}.workspace-tool-dock .brush-options{flex:0 1 auto;min-width:168px;display:flex;align-items:center;gap:4px;margin:0;font-size:10px;line-height:1.25;color:var(--muted);}.workspace-tool-dock .brush-options label{display:inline-flex;align-items:center;gap:5px;min-height:30px!important;font-weight:650;color:var(--ink);white-space:nowrap;}.workspace-tool-dock .brush-options input[type=checkbox]{width:15px;height:15px;}.workspace-tool-dock .wand-actions{display:inline-flex;align-items:center;gap:4px;flex:0 0 auto;flex-wrap:nowrap;}.workspace-tool-dock .wand-actions .btn{min-height:30px;padding:5px 8px;font-size:10px;white-space:nowrap;}.workspace-tool-dock .wand-state-note{flex:0 1 auto;display:inline-flex;align-items:center;gap:5px;min-height:30px;margin:0;padding:3px 5px;border:1px solid var(--border);border-radius:7px;background:#FAFBFA;font-size:10px;white-space:nowrap;}.workspace-tool-dock .wand-state-note .btn{min-height:28px;padding:4px 7px;font-size:10px;}.workspace-tool-dock #wandDecisionNote,.workspace-tool-dock .risk-review{flex:1 1 100%;margin:0;}.workspace-tool-dock .overlay-legend{flex:0 1 auto;margin:0;font-size:10px;}.workspace-tool-dock .wand-advanced{position:relative;flex:0 0 auto;margin:0;border:0;background:transparent;overflow:visible;}.workspace-tool-dock .wand-advanced>summary{display:inline-flex;align-items:center;min-height:30px;padding:5px 8px;border:1px solid var(--border);border-radius:7px;background:#fff;font-size:10px;font-weight:680;color:var(--muted);white-space:nowrap;}.workspace-tool-dock .wand-advanced[open]>summary{border-color:rgba(22,61,122,.36);color:var(--accent);background:#F5F8FC;}.workspace-tool-dock .wand-advanced-body{position:absolute;right:0;top:calc(100%+6px);z-index:80;width:min(430px,80vw);padding:8px;border:1px solid var(--border);border-radius:9px;background:#fff;box-shadow:0 12px 34px rgba(27,36,32,.16);display:flex;flex-direction:column;gap:7px;}.workspace-tool-dock .wand-advanced-body .wand-actions{display:flex;flex-wrap:wrap;}.workspace-tool-dock .meta-row.polygon-row{flex:1 1 auto;display:flex;align-items:center;justify-content:flex-start;gap:4px;flex-wrap:wrap;margin:0;min-width:290px;}.workspace-tool-dock .polygon-row .btn{min-height:30px;padding:5px 8px;font-size:10px;white-space:nowrap;}.workspace-tool-dock .polygon-row .data-note{flex:0 0 auto;}.workspace-tool-dock .polygon-row label.data-note{display:inline-flex;align-items:center;gap:4px;min-height:30px!important;margin:0;padding:0 2px;font-size:10px;white-space:nowrap;}.workspace-tool-dock .destructive-tools{flex:0 0 auto;display:flex;margin:0 0 0 auto;padding:0;border-top:0;}.workspace-tool-dock .destructive-tools .btn{min-height:30px;padding:5px 8px;font-size:10px;white-space:nowrap;}.workspace-tool-dock .tool-mode-hint{display:none!important;}.tooltip-source{display:none!important;}.info-tip{flex:0 0 auto;width:20px;height:20px;min-width:20px;min-height:20px;padding:0;border:1px solid #CBD4CF;border-radius:50%;display:inline-grid;place-items:center;background:#fff;color:#66716B;font:700 11px/1 Georgia,serif;cursor:help;vertical-align:middle;transition:border-color .12s ease,color .12s ease,background .12s ease,box-shadow .12s ease;}.info-tip:hover,.info-tip:focus-visible,.info-tip[aria-expanded="true"]{border-color:rgba(22,61,122,.48);color:var(--accent);background:#F4F7FC;box-shadow:0 0 0 2px rgba(22,61,122,.08);outline:none;}.info-tip.is-contextual[hidden]{display:none!important;}.app-info-tooltip{position:fixed;z-index:2400;width:max-content;max-width:min(320px,calc(100vw - 24px));padding:8px 10px;border:1px solid rgba(27,36,32,.13);border-radius:8px;background:rgba(27,36,32,.95);color:#fff;font-size:11px;line-height:1.45;font-weight:500;letter-spacing:0;box-shadow:0 10px 30px rgba(16,22,19,.22);pointer-events:auto;}.app-info-tooltip[hidden]{display:none!important;}.app-info-tooltip::before{content:"";position:absolute;width:8px;height:8px;background:inherit;border-left:1px solid rgba(255,255,255,.05);border-top:1px solid rgba(255,255,255,.05);transform:rotate(45deg);left:var(--tip-arrow-left,20px);top:-5px;}.app-info-tooltip.is-above::before{top:auto;bottom:-5px;transform:rotate(225deg);}@media(max-width:1180px){:root{--editor-rail:70px;--editor-inspector:330px;--editor-gap:10px;}main.layout{grid-template-columns:var(--editor-rail) minmax(0,1fr) var(--editor-inspector);}.workspace-tool-dock .brush-row{flex-basis:160px;min-width:150px;}.workspace-tool-dock .brush-options{min-width:150px;}}@media(max-width:980px){main.layout{grid-template-columns:1fr;grid-template-areas:"tools" "canvas" "inspector";gap:8px;}.tool-rail{grid-area:tools;grid-column:auto!important;position:static;display:flex!important;flex-direction:row;align-items:center;padding:6px;overflow-x:auto;}.canvas-panel{grid-area:canvas;grid-column:auto;}.controls-panel{grid-area:inspector;grid-column:auto;}.workspace-tool-dock .tool-options-strip{align-items:center;}.workspace-tool-dock .brush-row{flex:1 1 185px;max-width:none;}}@media(max-width:560px){.workspace-tool-dock>.section-body.tool-controls{padding:5px;}.workspace-tool-dock .tool-options-strip{padding:5px;gap:5px 6px;}.tool-settings-label{flex-basis:100%;min-height:22px;padding-left:2px;}.workspace-tool-dock .paint-erase-toggle{flex:1 1 150px;}.workspace-tool-dock .brush-row{flex:1 1 100%;min-width:0;grid-template-columns:72px minmax(0,1fr) 38px;}.workspace-tool-dock .brush-options{flex:1 1 auto;min-width:0;}.workspace-tool-dock .meta-row.polygon-row{min-width:0;flex-basis:100%;}.workspace-tool-dock .destructive-tools{margin-left:0;}}.workspace-tool-dock #toleranceRow{grid-template-columns:auto minmax(68px,1fr) auto 20px;max-width:265px;}.workspace-tool-dock .overlay-legend{display:none!important;}.layer-dock .destructive-tools{flex:0 0 116px;min-width:116px;height:64px;margin:0;padding:0;border:0;align-self:flex-start;}.layer-dock .destructive-tools .btn{width:100%;height:64px;min-height:64px;padding:7px 8px;white-space:normal;font-size:10px;line-height:1.25;border-radius:9px;}@media(max-width:560px){.workspace-tool-dock #toleranceRow{max-width:none;}.layer-dock .destructive-tools{flex-basis:108px;min-width:108px;}}.workspace-tool-dock #wandBoundaryActions{flex:0 0 auto;display:inline-flex;align-items:center;gap:4px;margin:0;padding-left:7px;border-left:1px solid var(--border);}.workspace-tool-dock #wandBoundaryActions[hidden]{display:none!important;}.workspace-tool-dock #wandBoundaryActions::before{content:"Biên";margin-right:1px;font-size:10px;font-weight:700;color:var(--muted);white-space:nowrap;}.workspace-tool-dock #wandBoundaryActions .btn{min-height:30px;padding:5px 8px;font-size:10px;white-space:nowrap;}@media(max-width:700px){.workspace-tool-dock #wandBoundaryActions{padding-left:0;border-left:0;}}:root{--action-add:#249B57;--action-add-hover:#1F864B;--action-remove:#E2443D;--action-remove-hover:#C93631;--action-idle:#EDF1EE;--action-idle-text:#69736D;}.tool-rail .tool-selector button::before{display:none!important;}.tool-rail .tool-selector button{gap:5px;}.tool-rail .tool-icon{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}#wandToolBtn .tool-icon.magicwand-solid{fill:currentColor;stroke:none;}.tool-rail .tool-selector button>span{font-size:10px;}.workspace-tool-dock .paint-erase-toggle{background:transparent;border:0;padding:0;gap:5px;flex-basis:162px;}.workspace-tool-dock .paint-erase-toggle button{min-height:31px!important;padding:5px 9px!important;border:1px solid #D6DDD8!important;border-radius:999px!important;background:var(--action-idle)!important;color:var(--action-idle-text)!important;box-shadow:none!important;font-weight:760!important;}.workspace-tool-dock .paint-erase-toggle button:hover{background:#E5EAE7!important;color:#3C4640!important;}.workspace-tool-dock #paintModeBtn[aria-pressed="true"]{background:var(--action-add)!important;border-color:var(--action-add)!important;color:#fff!important;box-shadow:0 2px 6px rgba(36,155,87,.20)!important;}.workspace-tool-dock #eraseBtn[aria-pressed="true"]{background:var(--action-remove)!important;border-color:var(--action-remove)!important;color:#fff!important;box-shadow:0 2px 6px rgba(226,68,61,.20)!important;}.workspace-tool-dock #paintModeBtn[aria-pressed="true"] .toggle-icon,.workspace-tool-dock #eraseBtn[aria-pressed="true"] .toggle-icon{background:transparent!important;color:#fff!important;}.canvas-tool-badge{border:1px solid rgba(255,255,255,.36);color:#fff;}.canvas-tool-badge.is-add{background:rgba(36,155,87,.93);}.canvas-tool-badge.is-subtract{background:rgba(226,68,61,.93);}.canvas-tool-badge.is-protect{background:rgba(139,91,20,.93);}.workspace-tool-dock #wandBoundaryActions.has-boundary .btn:not(:disabled){background:#EFF9F3;border-color:#91CEAA;color:#167B43;font-weight:720;}.workspace-tool-dock #wandBoundaryActions.has-boundary .btn:not(:disabled):hover{background:#E5F5EB;border-color:#62B984;}.workspace-tool-dock #wandBoundaryActions .btn:disabled{background:#F1F3F2;border-color:#DDE2DF;color:#9AA39E;opacity:1;}#wandToleranceActions{display:none!important;}.layer-dock .region-row{height:70px;min-height:70px;padding:10px;padding-right:72px;overflow:hidden;}.layer-dock .region-row .name-input{padding-right:2px;}.layer-empty-badge{display:inline-flex;align-items:center;justify-content:center;padding:3px 7px;border-radius:999px;background:#F0F2F1;color:#7B8580;border:1px solid #E0E4E2;font-size:9px;font-weight:740;line-height:1.25;white-space:nowrap;}.layer-empty-badge[hidden]{display:none!important;}.region-row>.layer-empty-badge{position:absolute;top:9px;right:8px;z-index:2;}.layer-dock .protect-layer-block{position:relative;min-height:70px;flex-basis:144px;min-width:144px;padding:10px 10px 9px;cursor:pointer;background:#FFF9EF;transition:border-color .14s ease,background .14s ease,box-shadow .14s ease;}.layer-dock .protect-layer-block:hover{border-color:#D3B375;background:#FFF7E8;}.layer-dock .protect-layer-block.active{border-color:#C99036;background:#FFF3DE;box-shadow:0 0 0 1px rgba(201,144,54,.12);}.layer-dock .protect-layer-heading{display:block;padding-right:64px;}.layer-dock .protect-layer-heading .layer-empty-badge{position:absolute;right:8px;top:9px;}.protect-layer-subtitle{width:100%;margin-top:4px;font-size:10px;color:var(--protect);font-weight:600;line-height:1.3;white-space:nowrap;}.layer-dock .protect-region-host{display:none!important;}.protect-state-chip{display:none!important;}.canvas-viewport{isolation:isolate;}.canvas-zoombar{position:absolute;top:10px;left:10px;z-index:45;width:max-content;height:38px;margin:0;padding:3px;display:flex;align-items:center;justify-content:flex-end;gap:3px;flex-wrap:nowrap;border:1px solid rgba(27,36,32,.13);border-radius:12px;background:rgba(255,255,255,.84);box-shadow:0 5px 18px rgba(27,36,32,.14);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);}.canvas-zoombar .btn.icon-pill{width:31px;min-width:31px;height:31px;min-height:31px;padding:0;border:0;background:transparent;color:#38433D;border-radius:9px;}.canvas-zoombar .btn.icon-pill:hover{background:rgba(22,61,122,.09);color:var(--accent);}.canvas-zoombar .ui-icon{width:16px;height:16px;}#zoomLabel{display:none!important;}.canvas-panel:fullscreen{background:#F1F4F1;overflow:auto;padding:16px;}.canvas-panel:fullscreen .canvas-viewport{max-height:calc(100vh - 150px);}.toolbar-compare,.compare-active-note{display:none!important;}.preview-adjust-strip{display:flex;order:20;flex:1 1 100%;width:100%;align-items:center;gap:7px;padding:7px 8px;border:1px solid var(--border);border-radius:9px;background:#fff;}.preview-adjust-strip[hidden]{display:none!important;}.preview-adjust-item{display:flex;align-items:center;gap:6px;min-height:30px;padding:0 7px;border-right:1px solid #E4E8E5;font-size:10px;color:var(--muted);white-space:nowrap;}.preview-adjust-item:last-child{border-right:0;}.preview-adjust-item>strong{color:var(--ink);font-size:10px;font-weight:720;}.preview-adjust-item.coverage{flex:1 1 280px;min-width:215px;}.preview-adjust-item.coverage input[type=range]{flex:1;min-width:90px;height:26px;}.preview-adjust-value{min-width:30px;text-align:right;color:var(--muted);font-variant-numeric:tabular-nums;}.preview-switch{display:inline-flex;align-items:center;gap:5px;cursor:pointer;color:var(--ink);font-weight:650;}.preview-switch input{width:16px;height:16px;accent-color:var(--accent);}.preview-adjust-strip .info-tip{width:18px;height:18px;min-width:18px;min-height:18px;font-size:10px;}.inspector-global-label{display:none!important;}#surfaceSection,#lightingSection{display:none!important;}.control-global.workspace-topbar{flex-wrap:wrap;}.workspace-topbar .helper-grid{position:relative;}.workspace-topbar>.data-note{order:30;flex:1 1 100%;width:100%;min-width:0;}.layer-dock #regionsPreviewNote{display:none!important;}.notification-btn{position:relative;width:34px;min-width:34px!important;height:34px;min-height:34px!important;padding:0!important;border-radius:10px!important;}.notification-btn .ui-icon{width:17px;height:17px;}.notification-badge{position:absolute;right:-4px;top:-5px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:var(--action-remove);color:#fff;border:2px solid #FAFBFA;font-size:9px;font-weight:800;line-height:13px;text-align:center;}.notification-badge[hidden]{display:none!important;}.notification-popover{position:absolute;right:0;top:calc(100%+8px);z-index:120;width:min(340px,calc(100vw - 28px));padding:9px;border:1px solid var(--border);border-radius:10px;background:#fff;box-shadow:0 14px 36px rgba(27,36,32,.17);}.notification-popover[hidden]{display:none!important;}.notification-popover-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 7px;padding:1px 2px 7px;border-bottom:1px solid #E8EBE9;font-size:11px;font-weight:780;color:var(--ink);}.notification-popover .risk-review{display:flex!important;flex-direction:column;align-items:stretch;gap:8px;margin:0;padding:8px;border:1px solid #F0C9C5;border-radius:8px;background:#FFF8F7;font-size:11px;line-height:1.45;}.notification-popover .risk-review[hidden]{display:none!important;}.notification-popover .risk-review .btn{align-self:flex-end;}footer.note .onboarding-details{margin:9px 0 12px;border-color:#D6E3DE;background:#F7FAF8;}footer.note .onboarding-details summary{font-size:12px;}footer.note .step-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}@media(max-width:900px){.preview-adjust-strip{flex-wrap:wrap;}.preview-adjust-item{border-right:0;}.preview-adjust-item.coverage{flex-basis:100%;}}@media(max-width:560px){.layer-dock .region-row{height:68px;min-height:68px;}.canvas-zoombar{top:7px;margin-right:7px;}footer.note .step-list{grid-template-columns:1fr;}.preview-adjust-item{flex:1 1 100%;padding:2px 3px;}}.legacy-usage-heading{display:none!important;}.canvas-stage>.layer-dock{margin:7px 0 0;}.canvas-stage>.canvas-toolbar{margin-top:7px;padding-top:0;}.canvas-toolbar .toolbar-left{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 8px;flex:1 1 100%;min-width:0;}.canvas-toolbar .toolbar-left #wandDecisionNote{grid-column:1 / -1;width:100%;margin:0;padding:6px 9px;border:1px solid #CFE1D7;border-radius:8px;background:#F3F9F5;color:#356044;font-size:11px;line-height:1.4;}.canvas-toolbar .toolbar-left #wandDecisionNote[hidden]{display:none!important;}.canvas-toolbar .toolbar-left #hintText{grid-column:1;min-width:0;}.canvas-toolbar .toolbar-left #statusPill{grid-column:2;justify-self:end;}.canvas-toolbar .toolbar-right{width:100%;justify-content:flex-end;}.workspace-tool-dock #wandBoundaryActions .boundary-icon{width:15px;height:15px;stroke-width:1.7;}#fitZoomBtn .fit-icon{width:18px;height:18px;}#fitZoomBtn .fit-solid-icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}.workspace-tool-dock #wandBoundaryActions.has-boundary .btn:not(:disabled){background:#E9F7EF;border-color:#70C793;color:#116F3A;box-shadow:0 0 0 1px rgba(36,155,87,.07);}.workspace-tool-dock #wandBoundaryActions.has-boundary .btn:not(:disabled) .boundary-icon{stroke-width:1.9;}footer.note .onboarding-details{margin:8px 0 14px;border:1px solid #D9DEDB;border-radius:12px;background:#fff;box-shadow:0 1px 3px rgba(27,36,32,.03);overflow:hidden;}footer.note .onboarding-details summary{list-style:none;cursor:default;pointer-events:none;padding:15px 18px 7px;border:0!important;background:#fff;color:#25302A;font-size:13px;font-weight:760;}footer.note .onboarding-details summary::-webkit-details-marker{display:none;}footer.note .onboarding-progress{display:none!important;}footer.note .onboarding-details .onboarding-body{padding:7px 18px 17px;background:#fff;}footer.note .step-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;margin:0;padding:0;}footer.note .step-list li{position:relative;display:grid;grid-template-columns:22px minmax(0,1fr);gap:9px;align-items:start;min-width:0;padding:0 18px 0 0;border:0;border-radius:0;background:#fff;color:#5C6661;box-shadow:none!important;}footer.note .step-list li::after{content:"";position:absolute;right:-5px;top:21px;width:10px;height:10px;border-right:4px solid #E0E3E1;border-bottom:4px solid #E0E3E1;transform:rotate(-45deg);}footer.note .step-list li:last-child::after{display:none;}footer.note .step-number{display:grid;place-items:center;width:20px;height:20px;margin-top:1px;border-radius:50%;background:#239B57;color:#fff;font-size:10px;font-weight:800;line-height:1;}footer.note .step-copy{display:block;min-width:0;}footer.note .step-copy strong{display:block;margin:0 0 4px;color:#26312B;font-size:12px;font-weight:740;letter-spacing:0;text-transform:none;}footer.note .step-copy>span{display:block;color:#606A65;font-size:11px;line-height:1.55;}footer.note .step-list li.active,footer.note .step-list li.done{border:0;background:#fff;color:#5C6661;}@media(max-width:700px){footer.note .step-list{grid-template-columns:1fr;gap:15px;}footer.note .step-list li{padding-right:0;}footer.note .step-list li::after{display:none;}.canvas-toolbar .toolbar-left{grid-template-columns:1fr;}.canvas-toolbar .toolbar-left #statusPill{grid-column:1;justify-self:start;}}.layer-dock{position:relative;}.layer-dock>summary{cursor:default;padding-right:126px;min-height:42px;}.layer-dock>summary::after{display:none!important;content:none!important;}.layer-dock>summary .section-summary{display:none!important;}.layer-dock>.section-body{display:flex!important;}.layer-dock>#changeImageBtn{position:absolute;right:9px;top:6px;z-index:6;min-height:30px;padding:5px 10px;border-radius:999px;background:#fff;border-color:#CBD5CF;color:#52605A;font-size:10px;font-weight:700;}.layer-dock>#changeImageBtn:hover{border-color:rgba(22,61,122,.40);color:var(--accent);background:#F5F8FC;}.canvas-toolbar .toolbar-left{display:flex;flex-direction:column;align-items:stretch;gap:4px;width:100%;}.canvas-toolbar .toolbar-left #wandDecisionNote{order:1;width:100%;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:#315D41;font-size:11px;line-height:1.45;}.canvas-toolbar .toolbar-left #statusPill{order:2;display:block;align-self:stretch;justify-self:auto;width:100%;min-width:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:#5B6760;font-size:11px;font-weight:600;line-height:1.45;}.canvas-toolbar .toolbar-left #statusPill::before{display:none!important;content:none!important;}.canvas-toolbar .toolbar-left #statusPill.warn{background:transparent;color:#8A621F;border:0;}.canvas-toolbar .toolbar-left #statusPill.error{background:transparent;color:var(--danger);border:0;}.canvas-toolbar .toolbar-left #hintText{order:3;width:100%;margin:0;color:var(--muted);font-size:11px;line-height:1.45;}.canvas-toolbar .toolbar-right{min-height:0;}@media(max-width:700px){.layer-dock>summary{padding-right:118px;}.layer-dock>#changeImageBtn{right:7px;}}.workspace-image-disabled{opacity:.46;filter:saturate(.72);pointer-events:none;user-select:none;}.workspace-image-disabled *{cursor:not-allowed!important;}.workspace-topbar .helper-grid .project-actions{display:flex;align-items:center;gap:6px;width:auto;flex-wrap:nowrap;margin:0;}.workspace-topbar .helper-grid .project-actions .btn{flex:0 0 auto;}@media(max-width:760px){.workspace-topbar .helper-grid{flex-wrap:wrap;}.workspace-topbar .helper-grid .project-actions{width:auto;flex-wrap:nowrap;}}.workspace-topbar.no-image-open-only>*:not(.helper-grid){opacity:.46;filter:saturate(.72);pointer-events:none;user-select:none;}.workspace-topbar.no-image-open-only .helper-grid>*:not(.project-actions){opacity:.46;filter:saturate(.72);pointer-events:none;user-select:none;}.workspace-topbar.no-image-open-only .helper-grid .project-actions{opacity:1;filter:none;pointer-events:auto;}.workspace-topbar.no-image-open-only .project-actions .project-save-btn{opacity:.46;filter:saturate(.72);pointer-events:none;cursor:not-allowed!important;}.workspace-topbar.no-image-open-only .project-actions .project-open-btn{opacity:1;filter:none;pointer-events:auto;cursor:pointer!important;background:#fff;border-color:#BCCDE4;color:var(--accent);box-shadow:0 0 0 1px rgba(22,61,122,.05);}.workspace-topbar.no-image-open-only .project-actions .project-open-btn:hover{background:#F4F7FC;border-color:rgba(22,61,122,.48);}.layer-dock .protect-layer-block[hidden]{display:none!important;}.canvas-panel.no-image-workspace>.control-global.workspace-topbar{margin:0 0 8px;}.canvas-panel.no-image-workspace>.sidebar-section.workspace-tool-dock{margin:0 0 10px;}.canvas-panel.no-image-workspace .upload-empty{margin-top:0;}.canvas-panel.no-image-workspace>.layer-dock{margin-top:12px;}.canvas-panel.no-image-workspace>.layer-dock::after{content:"Minh hoạ khu vực layer · tải ảnh để bắt đầu tô vùng thật.";display:block;padding:0 12px 12px;color:var(--muted);font-size:12px;line-height:1.45;}.canvas-viewport>.canvas-tool-badge{position:sticky;left:10px;top:10px;z-index:46;width:max-content;max-width:calc(100% - 74px);margin:10px auto -40px 10px;pointer-events:none;}#wandToolBtn .tool-icon.magicwand-refined{overflow:visible;}#wandToolBtn .magicwand-refined .wand-stick,#wandToolBtn .magicwand-refined .wand-stick-tip{fill:none;stroke:currentColor;stroke-width:2.365;}#wandToolBtn .magicwand-refined .wand-star{fill:currentColor;stroke:currentColor;stroke-width:.18;paint-order:stroke fill;}@media(max-width:560px){.canvas-viewport>.canvas-tool-badge{left:7px;top:7px;max-width:calc(100% - 64px);margin-left:7px;}}.preview-compare-viewport-overlay{position:absolute;left:0;top:0;z-index:44;pointer-events:none;overflow:visible;}.preview-compare-viewport-overlay[hidden],.preview-compare-split-ui[hidden],.preview-compare-label[hidden]{display:none!important;}.preview-compare-actions{position:absolute;right:10px;bottom:10px;z-index:3;display:flex;align-items:center;gap:6px;pointer-events:none;}.preview-compare-toggle{position:static;display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:7px 10px;border:1px solid rgba(27,36,32,.16);border-radius:999px;background:rgba(255,255,255,.90);color:#35413A;box-shadow:0 5px 18px rgba(27,36,32,.14);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);font-size:11px;font-weight:720;line-height:1;cursor:pointer;pointer-events:auto;white-space:nowrap;}.preview-original-hold[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:#fff;}.preview-compare-toggle:hover{background:#fff;color:var(--accent);border-color:rgba(22,61,122,.26);}.preview-compare-toggle[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:#fff;}.preview-compare-toggle .ui-icon{width:16px;height:16px;stroke-width:1.75;}.preview-compare-split-ui{position:absolute;inset:0;pointer-events:none;}.preview-compare-dragline{position:absolute;top:0;bottom:0;width:32px;transform:translateX(-50%);z-index:2;cursor:ew-resize;touch-action:none;pointer-events:auto;outline:none;}.preview-compare-dragline::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;transform:translateX(-50%);background:rgba(255,255,255,.96);box-shadow:-1px 0 0 rgba(27,36,32,.52),1px 0 0 rgba(27,36,32,.18);}.preview-compare-dragline:focus-visible .preview-compare-handle{box-shadow:0 0 0 3px var(--focus-ring),0 5px 16px rgba(27,36,32,.20);}.preview-compare-handle{position:absolute;left:50%;top:50%;width:34px;height:44px;transform:translate(-50%,-50%);display:grid;place-items:center;border:1px solid rgba(27,36,32,.22);border-radius:10px;background:rgba(255,255,255,.90);color:#38433D;box-shadow:0 5px 16px rgba(27,36,32,.20);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);}.preview-compare-handle svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}.preview-compare-label{position:absolute;top:54px;z-index:1;transform:translateX(-50%);max-width:42%;overflow:hidden;text-overflow:ellipsis;padding:5px 9px;border-radius:999px;background:rgba(27,36,32,.78);color:#fff;box-shadow:0 3px 12px rgba(27,36,32,.14);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);font-size:10px;font-weight:730;line-height:1;white-space:nowrap;}.preview-compare-label.is-after{background:rgba(22,61,122,.86);}@media(max-width:560px){.preview-compare-actions{right:7px;bottom:7px;gap:5px;}.preview-compare-toggle{min-height:32px;padding:6px 9px;}.preview-compare-label{top:50px;padding:5px 7px;font-size:9px;}}.canvas-viewport>.canvas-tool-badge{position:absolute;left:10px;top:10px;margin:0;}.canvas-inner{min-width:0;min-height:0;display:block;}.upload-select-pill{display:inline-flex;align-items:center;justify-content:center;gap:6px;margin-top:10px;min-height:34px;padding:7px 13px;border:1px solid #BFCFC7;border-radius:999px;background:#fff;color:var(--accent);font-size:12px;font-weight:760;line-height:1.2;cursor:pointer;box-shadow:0 1px 2px rgba(27,36,32,.04);}.upload-select-pill:hover{background:#F4F7FC;border-color:rgba(22,61,122,.42);}.upload-select-pill:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px;}.upload-select-pill .ui-icon{width:15px;height:15px;}.workspace-notice-stack{display:none!important;}.workspace-notice{font-size:11px;line-height:1.45;margin:0;padding:0 1px;color:var(--muted);}.workspace-notice.is-warning{color:var(--warning);}.workspace-notice.is-diagnostic{color:#52635B;}.activity-log-card{max-width:var(--editor-max);margin:0 auto 18px;padding:12px 14px;box-shadow:var(--shadow-soft);}.activity-log-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px;}.activity-log-title-wrap{display:flex;flex-direction:column;gap:2px;}.activity-log-kicker{font-size:14px;font-weight:760;letter-spacing:0;text-transform:none;color:var(--ink);}.activity-log-title{font-size:16px;font-weight:760;color:var(--ink);margin:0;}.activity-log-subtitle{font-size:12px;color:var(--muted);margin:0;}.activity-log-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;max-height:260px;overflow:auto;}.activity-log-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:start;padding:8px 0;border-top:1px solid #E7ECE8;}.activity-log-item:first-child{border-top:0;padding-top:0;}.activity-log-time{font-size:11px;line-height:1.45;color:var(--muted);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;}.activity-log-badge{display:inline-flex;align-items:center;justify-content:center;width:max-content;padding:2px 8px;border-radius:999px;border:1px solid #D8E0DB;background:#F6F8F7;color:#5E6863;font-size:10px;font-weight:760;letter-spacing:.01em;}.activity-log-item.is-ok .activity-log-badge{background:#F2F7F5;border-color:#C9DDD5;color:#188A40;}.activity-log-item.is-warn .activity-log-badge{background:#FFF8E9;border-color:#E8D39C;color:#8A621F;}.activity-log-item.is-error .activity-log-badge{background:#FDEEEE;border-color:#E8C0BC;color:#B14238;}.activity-log-item.is-info .activity-log-badge{background:#F2F4F3;border-color:#D6DEDA;color:#52635B;}.activity-log-message{min-width:0;font-size:12px;line-height:1.45;color:#33413A;white-space:pre-wrap;}.activity-log-item.is-warn .activity-log-message{color:#7C5A1C;}.activity-log-item.is-error .activity-log-message{color:#A33A31;}.activity-log-empty{padding:10px 0;font-size:12px;line-height:1.5;color:var(--muted);}@media(max-width:700px){.activity-log-card{margin:0 12px 16px;padding:10px 12px;}.activity-log-item{grid-template-columns:auto minmax(0,1fr) auto;gap:8px;}}.layer-dock .region-row>.layer-empty-badge{right:31px;top:7px;}.layer-delete-btn{position:absolute;right:6px;top:6px;z-index:4;width:22px;height:22px;display:grid;place-items:center;padding:0;border:0;border-radius:6px;background:transparent;color:var(--danger);cursor:pointer;}.layer-delete-btn:hover{background:var(--danger-bg);}.layer-delete-btn:focus-visible{outline:2px solid rgba(162,59,52,.25);outline-offset:1px;}.layer-delete-btn svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;pointer-events:none;}.layer-dock .region-row{padding-right:30px;}.inspector-active-head{grid-template-columns:42px minmax(0,1fr) auto;gap:9px;}.inspector-active-copy{min-width:0;}.inspector-active-actions{display:flex;align-items:center;justify-content:flex-end;gap:5px;min-width:max-content;}.inspector-active-actions .btn{min-height:30px;padding:5px 8px;font-size:10px;white-space:nowrap;pointer-events:auto;transition:background .14s ease,border-color .14s ease,color .14s ease,transform .08s ease,box-shadow .14s ease;}.inspector-active-actions .btn:hover{background:#F7F9F8;border-color:#C9D3CE;color:var(--ink);}.inspector-active-actions .btn:active{transform:translateY(1px);}.inspector-active-actions .btn:focus-visible{box-shadow:0 0 0 2px rgba(22,61,122,.14);}.inspector-active-actions .btn-danger-quiet{color:var(--danger)!important;}.inspector-active-actions .btn-danger-quiet:hover{background:#FFF5F4;border-color:#E2BBB6;color:var(--danger)!important;}@media(max-width:1180px){.inspector-active-head{grid-template-columns:38px minmax(0,1fr);}.inspector-active-swatch{grid-row:1 / span 2;}.inspector-active-actions{grid-column:2;justify-content:flex-start;margin-top:2px;}}.recent-color-chip{display:inline-flex;align-items:stretch;border:1px solid var(--border);border-radius:999px;background:#fff;overflow:hidden;}.recent-color-chip .recent-color-btn{border:0;border-radius:0;margin:0;}.recent-color-pin{width:26px;min-width:26px;border:0;border-right:1px solid var(--border);background:#fff;color:#7B8580;display:grid;place-items:center;padding:0;cursor:pointer;}.recent-color-pin:hover{background:#F2F7F5;color:var(--accent);}.recent-color-pin[aria-pressed="true"]{background:#EAF0F8;color:var(--accent);}.recent-color-pin svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;}.color-discovery-actions{order:2;}.shortlist-colors{order:1;}.color-browser{order:3;}.canvas-viewport.ctrl-pan-ready #displayCanvas{cursor:grab!important;}.canvas-viewport.dragging #displayCanvas{cursor:grabbing!important;}.layer-delete-btn:disabled{opacity:.28;cursor:not-allowed;background:transparent!important;}.inspector-active-actions .btn:disabled{opacity:.42;cursor:not-allowed;}.recent-color-pin{border-right:0;border-left:1px solid var(--border);}.recent-color-pin svg{transform:rotate(0deg);transform-origin:50% 50%;transition:transform .14s ease,fill .14s ease;}.recent-color-pin[aria-pressed="true"] svg{fill:currentColor;stroke:currentColor;}.color-discovery-actions{display:flex;align-items:center;gap:7px;width:100%;}.color-discovery-actions .color-search-wrap{flex:1 1 auto;min-width:0;margin:0;}.color-discovery-actions>.info-tip{flex:0 0 auto;margin-left:auto;}.color-discovery-actions>.btn{flex:0 0 auto;margin-left:auto;}.workspace-tool-dock #wandBoundaryActions{padding-left:0;border-left:0;}#wandToolBtn .tool-icon.magicwand-refined{transform:scale(1.10);transform-origin:50% 50%;}.shortcut-help-static{width:min(100%,760px);margin:0 auto;}.shortcut-help-static .shortcut-help-title{padding:9px 10px;border-bottom:1px solid #E2EAF5;font-size:12px;font-weight:700;color:var(--accent);}.shortcut-help-static .shortcut-grid{margin-top:0;}.color-discovery-actions{flex-wrap:nowrap!important;}.color-discovery-actions .color-search-wrap{flex:1 1 0!important;width:auto!important;min-width:0!important;}.color-discovery-actions .color-search-input{min-width:0;}.color-discovery-actions>.btn{flex:0 0 auto!important;margin-left:0!important;white-space:nowrap;}.shortlist-remove{min-width:28px;padding:5px 8px;display:grid;place-items:center;color:var(--danger)!important;font-size:16px;font-weight:800;line-height:1;}.shortlist-remove:hover{background:var(--danger-bg);}.export-section-static{overflow:hidden;}.export-static-heading{padding:10px 11px;border-bottom:1px solid var(--border);background:#FAFBFA;font-size:13px;font-weight:750;color:var(--ink);display:flex;align-items:center;justify-content:space-between;gap:10px;}.export-static-heading .info-tip{flex:none;}.export-section-static .section-body{display:flex!important;}.tool-guide-card{width:100%;margin:0 0 12px;padding:18px 20px;border:1px solid #D3DEEE;border-radius:12px;background:#fff;box-shadow:0 4px 18px rgba(27,36,32,.045);color:var(--ink);}.tool-guide-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:14px;border-bottom:1px solid #E3ECE8;}.tool-guide-kicker{font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--accent);margin-bottom:4px;}.tool-guide-title{margin:0;font-size:18px;line-height:1.25;font-weight:780;color:var(--ink);}.tool-guide-intro{margin:6px 0 0;max-width:none;font-size:12px;line-height:1.65;color:var(--muted);}.tool-guide-card .onboarding-progress{flex:none;padding:5px 8px;border-radius:999px;background:#F0F7F4;color:var(--accent);font-size:11px;font-weight:750;}.tool-guide-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:18px;padding-top:14px;}.tool-guide-column{display:flex;flex-direction:column;gap:14px;min-width:0;}.tool-guide-panel{border:1px solid #E3ECE8;border-radius:12px;background:#FAFBFA;padding:12px 13px;}.tool-guide-block-title{margin:0 0 8px;font-size:12px;font-weight:760;color:var(--ink);}.tool-guide-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}.tool-guide-steps li{position:relative;min-width:0;padding:10px 10px 10px 38px;border:1px solid var(--border);border-radius:9px;background:#fff;color:var(--muted);}.tool-guide-steps li.active{border-color:#AFC4DF;background:#F4F7FC;color:var(--ink);box-shadow:0 0 0 1px rgba(22,61,122,.05);}.tool-guide-steps li.done{background:#F6F9F7;color:var(--ink);}.tool-guide-steps .step-number{position:absolute;left:9px;top:10px;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#E8EFEB;color:var(--muted);font-size:10px;font-weight:800;}.tool-guide-steps li.active .step-number,.tool-guide-steps li.done .step-number{background:var(--accent);color:#fff;}.tool-guide-steps strong{display:block;margin-bottom:3px;font-size:11px;line-height:1.35;color:var(--ink);}.tool-guide-steps .step-copy>span:last-child{display:block;font-size:10px;line-height:1.45;}.tool-guide-list{margin:0;padding-left:18px;display:grid;gap:7px;font-size:11px;line-height:1.55;color:var(--muted);}.tool-guide-list strong{color:var(--ink);}.tool-guide-shortcuts .shortcut-grid{grid-template-columns:max-content 1fr;margin:0;gap:6px 10px;font-size:11px;}.tool-guide-shortcuts .kbd{font-size:9px;color:var(--ink);}.tool-guide-tips{margin:0;padding-left:18px;display:grid;gap:7px;font-size:11px;line-height:1.55;color:var(--muted);}.tool-guide-tips strong{color:var(--ink);}.tool-guide-contact{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px 18px;align-items:center;margin-top:16px;padding:11px 12px;border-radius:9px;background:#F3F6FB;border:1px solid #D7E7E1;}.tool-guide-contact strong{font-size:12px;color:var(--accent);white-space:nowrap;}.tool-guide-contact-info{display:flex;align-items:center;gap:8px 14px;flex-wrap:wrap;font-size:11px;line-height:1.45;color:var(--ink);}.tool-guide-contact-info a{color:var(--accent);font-weight:700;text-decoration:none;}.tool-guide-contact-info a:hover{text-decoration:underline;}footer.note>.legacy-usage-heading,footer.note>p:not(.consumer-note){display:none;}footer.note .consumer-note{margin-top:0;}footer.note .tool-guide-card{width:calc(100%+40px);margin-left:-20px;margin-right:-20px;}.canvas-toolbar .toolbar-left{display:none!important;}.canvas-toolbar .toolbar-right{margin-left:auto;}@media(max-width:760px){.tool-guide-head{flex-direction:column;gap:8px;}.tool-guide-grid{grid-template-columns:1fr;}.tool-guide-steps{grid-template-columns:1fr;}.tool-guide-contact{grid-template-columns:1fr;gap:6px;}}.workspace-topbar .helper-grid{display:flex;align-items:center;flex-wrap:nowrap!important;gap:6px;max-width:100%;min-width:0;overflow:visible;}.workspace-topbar .helper-grid>.btn,.workspace-topbar .helper-grid .project-actions .btn{flex:0 0 auto!important;min-width:0!important;white-space:nowrap;}.workspace-topbar .helper-grid .project-actions{display:flex;align-items:center;flex:0 0 auto;flex-wrap:nowrap!important;gap:6px;min-width:0;}@media(max-width:760px){.workspace-topbar .helper-grid{width:100%!important;margin-left:0;justify-content:flex-end;}}@media(max-width:700px){.workspace-topbar .project-actions .project-save-btn,.workspace-topbar .project-actions .project-open-btn{width:36px;min-width:36px!important;padding-left:0!important;padding-right:0!important;}.workspace-topbar .project-actions .project-save-btn>span,.workspace-topbar .project-actions .project-open-btn>span{display:none!important;}}@media(max-width:390px){.workspace-topbar #undoBtn,.workspace-topbar #redoBtn{width:36px;min-width:36px!important;padding-left:0!important;padding-right:0!important;}.workspace-topbar #undoBtn>span,.workspace-topbar #redoBtn>span{display:none!important;}.workspace-topbar .helper-grid,.workspace-topbar .helper-grid .project-actions{gap:4px;}}.session-actions{width:100%;display:flex;align-items:center;justify-content:center;flex-wrap:nowrap!important;gap:6px;}.session-actions button{flex:1 1 0;min-width:0;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:7px;padding-right:7px;}@media(max-width:420px){.session-actions{gap:4px;}.session-actions button{font-size:11px;padding-left:4px;padding-right:4px;}}.layer-dock .region-row>.layer-empty-badge{top:7px;right:34px;min-height:22px;padding:2px 6px;line-height:16px;}.layer-dock .region-row>.layer-delete-btn{top:7px;right:7px;}.layer-dock .region-row{padding-right:88px;}.mobile-tool-dock{display:none;}@media(max-width:980px){.tool-rail{display:none!important;}body.mobile-tool-dock-active{padding-bottom:calc(82px+env(safe-area-inset-bottom,0px));}.mobile-tool-dock{position:fixed;left:50%;bottom:calc(10px+env(safe-area-inset-bottom,0px));z-index:2200;width:min(336px,calc(100vw - 20px));display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:5px;border:1px solid rgba(16,33,59,.15);border-radius:16px;background:rgba(255,255,255,.94);box-shadow:0 10px 30px rgba(16,33,59,.20);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transform:translateX(-50%);}.mobile-tool-dock.is-preview-mode{display:none!important;}.mobile-tool-dock-btn{min-width:0;min-height:52px;padding:6px 5px;border:1px solid transparent;border-radius:11px;background:transparent;color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font:720 10px/1.15 var(--font-sans);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;}.mobile-tool-dock-btn .tool-icon{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;}.mobile-tool-dock-btn.active,.mobile-tool-dock-btn[aria-pressed="true"]{background:#F1F5FB;border-color:#B9CBE3;color:var(--accent);box-shadow:0 1px 4px rgba(22,61,122,.09);}.mobile-tool-dock-btn:active:not(:disabled){transform:translateY(1px);}.mobile-tool-dock-btn:disabled{opacity:.42;cursor:not-allowed;}}@media(max-width:360px){.mobile-tool-dock{width:calc(100vw - 12px);gap:3px;padding:4px;}.mobile-tool-dock-btn{min-height:50px;padding:5px 3px;font-size:9px;}.mobile-tool-dock-btn .tool-icon{width:21px;height:21px;}}.layer-dock .region-row{height:78px;min-height:78px;padding:29px 10px 8px!important;padding-right:10px!important;align-content:start;overflow:hidden;}.layer-dock .region-row>.layer-empty-badge{top:7px!important;right:34px!important;}.layer-dock .region-row>.layer-delete-btn{top:7px!important;right:7px!important;}.layer-dock .region-row .name-input,.layer-dock .region-row .selected-color{min-width:0;width:100%;max-width:100%;}.layer-dock .region-row .name-input{padding-right:0!important;}.layer-dock .region-row .selected-color-main,.layer-dock .region-row .selected-color-meta{max-width:100%;}@media(max-width:560px){.layer-dock .region-row{height:76px;min-height:76px;}}@media(max-width:700px){.workspace-topbar .project-actions .project-save-btn{width:auto!important;min-width:0!important;padding-left:7px!important;padding-right:7px!important;font-size:11px;}.workspace-topbar .project-actions .project-save-btn>span{display:inline!important;}.workspace-topbar .project-actions .project-open-btn{width:36px;min-width:36px!important;padding-left:0!important;padding-right:0!important;}.workspace-topbar .project-actions .project-open-btn>span{display:none!important;}}@media(max-width:460px){.workspace-topbar #undoBtn,.workspace-topbar #redoBtn{width:36px;min-width:36px!important;padding-left:0!important;padding-right:0!important;}.workspace-topbar #undoBtn>span,.workspace-topbar #redoBtn>span{display:none!important;}.workspace-topbar .helper-grid,.workspace-topbar .helper-grid .project-actions{gap:4px;}}.inspector-active-head{grid-template-columns:42px minmax(0,1fr) auto!important;align-items:center!important;gap:9px!important;}.inspector-active-swatch{grid-row:auto!important;}.inspector-active-actions{grid-column:auto!important;justify-content:flex-end!important;margin-top:0!important;flex-wrap:nowrap!important;}@media(max-width:560px){.inspector-active-head{grid-template-columns:38px minmax(0,1fr) auto!important;gap:7px!important;}.inspector-active-swatch{width:38px;height:38px;}.inspector-active-actions{gap:4px!important;}.inspector-active-actions .btn{min-height:29px;padding:4px 6px;font-size:9px;}}.brush-size-control{position:relative;min-width:0;width:100%;display:flex;align-items:center;}.brush-size-control input[type=range]{width:100%;min-width:0!important;}.brush-size-tooltip{position:absolute;z-index:90;left:clamp(34px,var(--brush-size-left,21%),calc(100% - 34px));bottom:calc(100%+8px);transform:translateX(-50%) translateY(3px);display:flex;align-items:center;gap:7px;min-height:50px;padding:6px 9px;border:1px solid rgba(16,33,59,.16);border-radius:10px;background:rgba(255,255,255,.97);box-shadow:0 7px 22px rgba(16,33,59,.18);color:var(--ink);font-size:11px;font-weight:700;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s ease,transform .12s ease;}.brush-size-tooltip[hidden]{display:none!important;}.brush-size-control.is-previewing .brush-size-tooltip{opacity:1;transform:translateX(-50%) translateY(0);}.brush-size-demo{width:var(--brush-demo-size,20px);height:var(--brush-demo-size,20px);min-width:var(--brush-demo-size,20px);border:2px solid var(--accent);border-radius:50%;background:rgba(22,61,122,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.85);}.brush-size-tooltip-value{font-variant-numeric:tabular-nums;}@media(max-width:560px){.brush-size-tooltip{bottom:calc(100%+5px);min-height:44px;padding:5px 7px;}}.layer-dock #addRegionBtn{height:78px!important;min-height:78px!important;align-self:flex-start!important;}@media(max-width:980px){.layer-dock .regions-list{align-items:flex-start!important;}.layer-dock .region-row{flex:0 0 214px!important;min-width:214px!important;height:78px!important;min-height:78px!important;padding:29px 10px 8px!important;padding-right:10px!important;}.layer-dock .region-row>.layer-empty-badge{top:7px!important;right:34px!important;}.layer-dock .region-row>.layer-delete-btn{top:7px!important;right:7px!important;}.layer-dock #addRegionBtn{flex:0 0 142px!important;min-width:142px!important;height:78px!important;min-height:78px!important;}}@media(max-width:980px){.mobile-tool-dock{background:rgba(255,255,255,.48)!important;border-color:rgba(255,255,255,.30)!important;-webkit-backdrop-filter:blur(20px) saturate(150%)!important;backdrop-filter:blur(20px) saturate(150%)!important;box-shadow:0 20px 58px rgba(9,20,35,.24),inset 0 1px 0 rgba(255,255,255,.38)!important;}}@media(max-width:980px) and(prefers-color-scheme:dark){.mobile-tool-dock{background:rgba(16,32,57,.52)!important;border-color:rgba(255,255,255,.16)!important;}.mobile-tool-dock-btn{color:rgba(255,255,255,.78);}.mobile-tool-dock-btn.active,.mobile-tool-dock-btn[aria-pressed="true"]{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.20);color:#fff;box-shadow:0 1px 4px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.12);}}.snt-tool-site-header{position:relative;z-index:1800;width:100%;background:rgba(255,255,255,.97);border-bottom:1px solid #E8EEF6;box-shadow:0 8px 24px rgba(16,33,59,.045);}.snt-tool-nav-shell{width:min(1040px,calc(100% - 40px));height:86px;margin:0 auto;display:flex;align-items:center;gap:28px;}.snt-tool-brand{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-decoration:none;flex:0 0 auto;color:#60708A;line-height:1;}.snt-tool-brand-logo{position:relative;display:block;width:170px;height:49px;overflow:hidden;background:#fff;}.snt-tool-brand-logo img{display:block;width:100%;height:100%;object-fit:contain;}.snt-tool-brand small{margin-top:4px;padding-left:3px;font-size:11px;line-height:1.15;color:#6B7890;}.snt-tool-desktop-nav{margin-left:auto;display:flex;align-items:center;gap:4px;height:100%;white-space:nowrap;}.snt-tool-desktop-nav a{position:relative;display:flex;align-items:center;height:100%;padding:0 11px;text-decoration:none;color:#344561;font-size:15px;font-weight:500;letter-spacing:-.01em;}.snt-tool-desktop-nav a:hover{color:#163D7A;}.snt-tool-desktop-nav a.is-active{color:#163D7A;font-weight:650;}.snt-tool-desktop-nav a.is-active::after{content:"";position:absolute;left:11px;right:11px;bottom:24px;height:2px;border-radius:999px;background:#F2A900;}.snt-tool-mobile-nav{display:none;margin-left:auto;position:relative;}.snt-tool-mobile-nav>summary{list-style:none;width:42px;height:42px;border:1px solid #E1E8F2;border-radius:12px;background:#fff;display:grid;place-content:center;gap:4px;cursor:pointer;}.snt-tool-mobile-nav>summary::-webkit-details-marker{display:none;}.snt-tool-mobile-nav>summary span{display:block;width:18px;height:2px;border-radius:999px;background:#163D7A;}.snt-tool-mobile-menu{position:absolute;right:0;top:calc(100%+8px);width:min(270px,calc(100vw - 24px));padding:7px;border:1px solid #E1E8F2;border-radius:14px;background:#fff;box-shadow:0 18px 44px rgba(16,33,59,.16);}.snt-tool-mobile-menu a{display:block;padding:10px 11px;border-radius:9px;text-decoration:none;color:#344561;font-size:13px;font-weight:600;}.snt-tool-mobile-menu a:hover,.snt-tool-mobile-menu a.is-active{background:#F2F6FC;color:#163D7A;}.snt-tool-mobile-menu a.is-active{box-shadow:inset 3px 0 0 #F2A900;}@media(max-width:980px){.snt-tool-nav-shell{width:calc(100% - 28px);height:68px;gap:12px;}.snt-tool-brand-logo{width:142px;height:41px;}.snt-tool-brand small{font-size:9px;margin-top:2px;}.snt-tool-desktop-nav{display:none;}.snt-tool-mobile-nav{display:block;}header.page-header{padding-top:17px;}}@media(max-width:420px){.snt-tool-nav-shell{width:calc(100% - 20px);height:64px;}.snt-tool-brand-logo{width:132px;height:38px;}.snt-tool-brand small{font-size:8.5px;}}@media(max-width:760px){.workspace-topbar .helper-grid{justify-content:center!important;}}@media(max-width:560px){.preview-adjust-strip{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:6px!important;}.preview-adjust-item.coverage{grid-column:1 / -1;min-width:0!important;width:100%;}.preview-adjust-item:not(.coverage){min-width:0!important;width:100%;display:grid!important;grid-template-columns:auto 18px minmax(0,1fr);align-items:center;gap:4px!important;padding:3px 4px!important;border-right:0!important;}.preview-adjust-item:not(.coverage)>.preview-switch{min-width:0;white-space:nowrap;font-size:9.5px;gap:3px;}.preview-adjust-item:not(.coverage)>.preview-switch input{width:15px;height:15px;min-width:15px;}.preview-adjust-item:not(.coverage)>strong{white-space:nowrap;font-size:9.5px;}}.color-browser-count{display:none!important;}.color-browser-footer{justify-content:center!important;}.color-browser-pagination{margin-left:auto;margin-right:auto;}@media(max-width:560px){.color-pagination{gap:7px;justify-content:center;width:100%;}.color-page-btn{width:34px;height:34px;min-width:34px;min-height:34px;border-radius:8px;font-size:11px;}}@media(max-width:980px){.layer-dock .region-row .name-input{min-height:18px!important;height:18px!important;padding:0!important;font-size:13px!important;line-height:18px!important;}.layer-dock .region-row .selected-color{min-height:0!important;align-self:start!important;line-height:1.15!important;}.layer-dock .region-row .selected-color-main{display:block!important;min-height:13px!important;line-height:13px!important;font-size:11px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}.layer-dock .region-row .selected-color-meta{min-height:0!important;line-height:11px!important;font-size:10px!important;}.layer-dock .region-row>.layer-delete-btn{width:22px!important;min-width:22px!important;height:22px!important;min-height:22px!important;padding:0!important;}}.snt-tool-nav-actions{margin-left:auto;display:flex;align-items:center;gap:8px;position:relative;flex:0 0 auto;}.snt-tool-nav-icon{position:relative;display:inline-grid;place-items:center;width:42px;height:42px;min-width:42px;border:1px solid #E1E8F2;border-radius:999px;background:#fff;color:#163D7A;text-decoration:none;cursor:pointer;padding:0;box-shadow:0 4px 14px rgba(16,33,59,.035);transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease;}.snt-tool-nav-icon:hover,.snt-tool-nav-icon:focus-visible{border-color:#C7D5E8;background:#F7FAFE;color:#102F62;transform:translateY(-1px);}.snt-tool-nav-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;}.snt-tool-favorite.is-filled svg{fill:currentColor;}.snt-tool-favorite-badge{position:absolute;right:-3px;top:-5px;display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:#D83C30;color:#fff;border:2px solid #fff;font-size:10px;font-weight:800;line-height:1;}.snt-tool-search{position:relative;}.snt-tool-search-popover{position:absolute;right:-54px;top:calc(100%+10px);z-index:1905;width:min(390px,calc(100vw - 24px));padding:10px;border:1px solid #DCE5F1;border-radius:14px;background:#fff;box-shadow:0 18px 48px rgba(16,33,59,.18);}.snt-tool-search-popover[hidden]{display:none!important;}.snt-tool-search-form{display:grid;grid-template-columns:minmax(0,1fr) 40px;align-items:center;gap:6px;padding:4px;border:1px solid #DCE5F1;border-radius:11px;background:#F8FAFD;}.snt-tool-search-form input{width:100%;min-width:0;height:38px;border:0;background:transparent;color:#10213B;outline:0;padding:0 8px;font-size:13px;}.snt-tool-search-form input::placeholder{color:#7B879B;}.snt-tool-search-form button{display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:9px;background:#163D7A;color:#fff;cursor:pointer;}.snt-tool-search-form button:disabled{opacity:.45;cursor:not-allowed;}.snt-tool-search-form button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;}.snt-tool-search-results{display:grid;gap:5px;max-height:340px;overflow:auto;margin-top:8px;padding:2px;scrollbar-width:thin;}.snt-tool-search-results p{margin:5px 6px;color:#60708A;font-size:12px;line-height:1.45;}.snt-tool-search-section{display:block;margin:7px 6px 3px;color:#60708A;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;}.snt-tool-search-result{display:grid;grid-template-columns:30px minmax(0,1fr);gap:8px;align-items:center;min-height:44px;padding:6px 7px;border:1px solid transparent;border-radius:9px;color:#10213B;text-decoration:none;background:#fff;}.snt-tool-search-result:hover{background:#F3F7FC;border-color:#DFE8F3;}.snt-tool-search-result.is-product{grid-template-columns:1fr;}.snt-tool-search-swatch{width:30px;height:30px;border-radius:7px;border:1px solid rgba(0,0,0,.12);}.snt-tool-search-result strong{display:block;font-size:12px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.snt-tool-search-result small{display:block;margin-top:2px;color:#718096;font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.snt-tool-theme-toggle .snt-theme-sun{display:none;}html[data-theme="dark"] .snt-tool-theme-toggle .snt-theme-moon{display:none;}html[data-theme="dark"] .snt-tool-theme-toggle .snt-theme-sun{display:block;}.snt-tool-mobile-nav{margin-left:0;}.snt-site-footer{margin-top:42px;background:#0A1D3E;color:#fff;}.snt-footer-shell{width:min(1200px,calc(100% - 40px));margin:0 auto;}.snt-footer-grid{display:grid;grid-template-columns:1.35fr .8fr .9fr .8fr;gap:34px;padding:52px 0;}.snt-site-footer h3,.snt-site-footer h4{margin:0 0 13px;color:#fff;}.snt-site-footer h3{font-size:21px;line-height:1.25;}.snt-site-footer h4{font-size:14px;line-height:1.35;}.snt-site-footer p,.snt-site-footer li,.snt-site-footer a{font-size:12.5px;line-height:1.6;}.snt-site-footer p,.snt-site-footer li{color:rgba(255,255,255,.76);}.snt-site-footer a{color:#fff;text-decoration:none;}.snt-site-footer a:hover{color:#F2B817;}.snt-footer-legal-name{font-weight:700;color:rgba(255,255,255,.90)!important;}.snt-site-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:7px;}.snt-footer-contact{display:flex;align-items:flex-start;gap:8px;margin:10px 0;}.snt-footer-contact svg{width:18px;height:18px;min-width:18px;margin-top:2px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}.snt-footer-socials{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px;}.snt-footer-socials a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:7px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.10);font-weight:700;}.snt-footer-policy-group{margin-top:22px;}.snt-footer-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;margin-top:10px;padding:8px 13px;border-radius:999px;background:#F2B817!important;color:#2F2400!important;font-weight:800;}.snt-footer-button:hover{background:#fff!important;color:#163D7A!important;}.snt-footer-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}.snt-footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding:15px 0;color:rgba(255,255,255,.64);font-size:11.5px;line-height:1.5;}html[data-theme="dark"]{--ink:#EAF0FA;--muted:#AEBBD0;--bg:#0D1726;--surface:#142137;--border:#2C3B53;--accent:#8DB2F1;--focus-ring:rgba(141,178,241,.22);color-scheme:dark;}html[data-theme="dark"] body{background:var(--bg);color:var(--ink);}html[data-theme="dark"] .snt-tool-site-header{background:rgba(13,23,38,.97);border-color:#273750;box-shadow:0 8px 24px rgba(0,0,0,.18);}html[data-theme="dark"] .snt-tool-brand{color:#AEBBD0;}html[data-theme="dark"] .snt-tool-brand small{color:#98A8BF;}html[data-theme="dark"] .snt-tool-desktop-nav a{color:#C1CCDB;}html[data-theme="dark"] .snt-tool-desktop-nav a:hover,html[data-theme="dark"] .snt-tool-desktop-nav a.is-active{color:#fff;}html[data-theme="dark"] .snt-tool-nav-icon,html[data-theme="dark"] .snt-tool-mobile-nav>summary{background:#142137;border-color:#30425E;color:#EAF0FA;}html[data-theme="dark"] .snt-tool-favorite-badge{border-color:#142137;}html[data-theme="dark"] .snt-tool-search-popover,html[data-theme="dark"] .snt-tool-mobile-menu{background:#142137;border-color:#30425E;}html[data-theme="dark"] .snt-tool-search-form{background:#0E1A2C;border-color:#30425E;}html[data-theme="dark"] .snt-tool-search-form input{color:#EAF0FA;}html[data-theme="dark"] .snt-tool-search-result{background:#142137;color:#EAF0FA;}html[data-theme="dark"] .snt-tool-search-result:hover,html[data-theme="dark"] .snt-tool-mobile-menu a:hover,html[data-theme="dark"] .snt-tool-mobile-menu a.is-active{background:#1C2D47;color:#fff;border-color:#354A68;}html[data-theme="dark"] .snt-tool-mobile-menu a{color:#C1CCDB;}html[data-theme="dark"] .card,html[data-theme="dark"] .controls-panel,html[data-theme="dark"] .tool-rail,html[data-theme="dark"] .sidebar-section,html[data-theme="dark"] .layer-dock,html[data-theme="dark"] .workspace-topbar{background:var(--surface)!important;border-color:var(--border)!important;color:var(--ink);}html[data-theme="dark"] .sidebar-section>summary,html[data-theme="dark"] .layer-dock>summary,html[data-theme="dark"] .control-global.workspace-topbar,html[data-theme="dark"] .region-row,html[data-theme="dark"] .color-browser,html[data-theme="dark"] .color-spec-box,html[data-theme="dark"] .inspector-context-note{background:#17253A!important;border-color:var(--border)!important;color:var(--ink);}html[data-theme="dark"] .region-row.active,html[data-theme="dark"] .layer-dock .region-row.active{background:#1B2D47!important;}html[data-theme="dark"] button.btn-secondary,html[data-theme="dark"] button.btn-ghost,html[data-theme="dark"] .color-search-input,html[data-theme="dark"] .surface-type-select,html[data-theme="dark"] input,html[data-theme="dark"] select{background:#101C2E;color:var(--ink);border-color:var(--border);}html[data-theme="dark"] .upload-empty{background:#101C2E;color:var(--muted);}html[data-theme="dark"] .upload-empty strong,html[data-theme="dark"] .section-label,html[data-theme="dark"] .inspector-active-name,html[data-theme="dark"] .name-input{color:var(--ink);}html[data-theme="dark"] footer.note .onboarding-details,html[data-theme="dark"] footer.note .onboarding-details summary,html[data-theme="dark"] footer.note .onboarding-details .onboarding-body,html[data-theme="dark"] footer.note .step-list li{background:#142137!important;color:var(--muted)!important;border-color:var(--border)!important;}html[data-theme="dark"] footer.note .step-copy strong{color:var(--ink);}html[data-theme="dark"] .snt-site-footer{background:#07152D;}@media(max-width:1100px){.snt-tool-nav-shell{gap:12px;width:calc(100% - 28px);}.snt-tool-desktop-nav a{padding:0 7px;font-size:13px;}.snt-tool-desktop-nav a.is-active::after{left:7px;right:7px;}}@media(max-width:980px){.snt-tool-nav-actions{gap:6px;}.snt-tool-nav-icon{width:40px;height:40px;min-width:40px;}.snt-tool-mobile-nav{display:block;}.snt-tool-search-popover{right:-92px;}.snt-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;padding:42px 0;}}@media(max-width:560px){.snt-tool-nav-shell{width:calc(100% - 18px);gap:7px;}.snt-tool-brand-logo{width:116px;height:34px;}.snt-tool-brand small{display:none;}.snt-tool-nav-actions{gap:5px;}.snt-tool-nav-icon{width:38px;height:38px;min-width:38px;}.snt-tool-nav-icon svg{width:18px;height:18px;}.snt-tool-mobile-nav>summary{width:38px;height:38px;border-radius:999px;}.snt-tool-search-popover{position:fixed;left:10px;right:10px;top:66px;width:auto;max-height:calc(100vh - 84px);overflow:auto;}.snt-footer-shell{width:calc(100% - 28px);}.snt-footer-grid{grid-template-columns:1fr;gap:27px;padding:38px 0;}.snt-site-footer h3{font-size:20px;}.snt-site-footer h4{font-size:15px;}.snt-site-footer p,.snt-site-footer li,.snt-site-footer a{font-size:14px;}.snt-footer-bottom{font-size:12px;padding-bottom:calc(15px+env(safe-area-inset-bottom,0px));}}@media(max-width:390px){.snt-tool-brand-logo{width:104px;height:31px;}.snt-tool-nav-actions{gap:4px;}.snt-tool-nav-icon,.snt-tool-mobile-nav>summary{width:36px;height:36px;min-width:36px;}.snt-tool-favorite-badge{right:-4px;top:-6px;}}html[data-theme="light"] .mobile-tool-dock{background:rgba(255,255,255,.48)!important;border-color:rgba(255,255,255,.30)!important;}html[data-theme="dark"] .mobile-tool-dock{background:rgba(16,32,57,.52)!important;border-color:rgba(255,255,255,.16)!important;}.snt-tool-site-header{position:sticky;top:0;z-index:1800;background:rgba(255,255,255,.96);border-bottom:0;box-shadow:0 6px 24px rgba(17,34,59,.08);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);}.snt-tool-nav-shell{width:min(1180px,calc(100% - 32px));height:86px;min-height:86px;margin:0 auto;display:flex;align-items:center;gap:20px;}.snt-tool-brand{min-width:220px;gap:4px;color:#60708A;}.snt-tool-brand-logo{width:170px;height:50px;background:transparent;}.snt-tool-brand small{margin-top:0;padding-left:0;font-size:.73rem;font-weight:700;line-height:1.15;color:#60708A;white-space:nowrap;}.snt-tool-desktop-nav{margin-left:0;flex:1;justify-content:center;gap:18px;height:100%;overflow:visible;}.snt-tool-desktop-nav>.snt-tool-nav-item,.snt-tool-nav-dropdown-trigger{position:relative;display:inline-flex;align-items:center;gap:5px;height:100%;padding:24px 0;color:#273A57;font-size:1rem;font-weight:700;line-height:1.2;white-space:nowrap;text-decoration:none;}.snt-tool-desktop-nav>.snt-tool-nav-item:hover,.snt-tool-nav-dropdown:hover>.snt-tool-nav-dropdown-trigger,.snt-tool-nav-dropdown:focus-within>.snt-tool-nav-dropdown-trigger,.snt-tool-nav-dropdown[open]>.snt-tool-nav-dropdown-trigger{color:#B9471F;}.snt-tool-desktop-nav>.snt-tool-nav-item.is-active{color:#B9471F;font-weight:700;}.snt-tool-desktop-nav>.snt-tool-nav-item.is-active::after,.snt-tool-nav-dropdown.is-active .snt-tool-nav-dropdown-label::after{content:"";position:absolute;left:0;right:0;bottom:19px;height:2px;border-radius:999px;background:#F5B51B;}.snt-tool-nav-dropdown{position:relative;display:flex;align-items:center;height:100%;}.snt-tool-nav-dropdown>summary{list-style:none;cursor:pointer;}.snt-tool-nav-dropdown>summary::-webkit-details-marker{display:none;}.snt-tool-nav-dropdown-label{position:relative;display:inline-block;}.snt-tool-nav-chevron{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .16s ease;}.snt-tool-nav-dropdown:hover .snt-tool-nav-chevron,.snt-tool-nav-dropdown:focus-within .snt-tool-nav-chevron,.snt-tool-nav-dropdown[open] .snt-tool-nav-chevron{transform:rotate(180deg);}.snt-tool-nav-dropdown-menu{position:absolute;top:calc(100% - 4px);left:50%;z-index:1810;transform:translateX(-50%) translateY(8px);display:grid;gap:8px;padding:14px;background:#fff;border:1px solid #E4EBF5;border-radius:22px;box-shadow:0 18px 45px rgba(17,34,59,.11);opacity:0;pointer-events:none;visibility:hidden;transition:opacity .16s ease,transform .16s ease,visibility .16s ease;}.snt-tool-nav-dropdown:hover>.snt-tool-nav-dropdown-menu,.snt-tool-nav-dropdown:focus-within>.snt-tool-nav-dropdown-menu,.snt-tool-nav-dropdown[open]>.snt-tool-nav-dropdown-menu{opacity:1;pointer-events:auto;visibility:visible;transform:translateX(-50%) translateY(0);}.snt-tool-product-menu{width:min(980px,94vw);grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px;}.snt-tool-product-overview{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;padding:11px 12px;border:1px solid #E4EDF9;border-radius:14px;background:linear-gradient(135deg,#F1F6FF,#FFF8E5);color:#17243A;text-decoration:none;}.snt-tool-product-overview>strong{font-size:.94rem;line-height:1.22;}.snt-tool-overview-badges{display:flex;justify-content:flex-end;align-items:center;gap:10px;flex-wrap:wrap;color:#60708A;font-size:.78rem;font-weight:700;}.snt-tool-overview-badges>span{display:inline-flex;align-items:center;gap:5px;}.snt-tool-overview-badges svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}.snt-tool-product-group{min-width:0;display:grid;align-content:start;gap:8px;padding:10px;border:1px solid #E5EDF7;border-radius:18px;background:linear-gradient(180deg,#fff,#F8FBFF);}.snt-tool-product-group-head{display:block;padding:4px 4px 8px;border-bottom:1px solid #E8EEF7;color:#17243A;text-decoration:none;}.snt-tool-product-group-head strong{font-size:.98rem;line-height:1.25;}.snt-tool-product-group-links{display:grid;gap:3px;}.snt-tool-product-link{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-height:36px;padding:8px 9px;border-radius:14px;color:#17243A;text-decoration:none;font-size:.9rem;font-weight:700;}.snt-tool-product-link:hover,.snt-tool-product-group-head:hover{background:#F5F8FC;color:#163D7A;}.snt-tool-product-link small{min-width:26px;height:22px;display:inline-flex;align-items:center;justify-content:center;padding:0 6px;border-radius:999px;background:rgba(22,61,122,.08);color:#163D7A;font-size:.72rem;font-weight:700;}.snt-tool-guide-menu{width:min(390px,92vw);grid-template-columns:1fr;padding:10px;}.snt-tool-guide-link{display:block;padding:11px 12px;border-radius:14px;color:#17243A;text-decoration:none;white-space:normal;}.snt-tool-guide-link:hover{background:#F5F8FC;color:#163D7A;}.snt-tool-guide-link strong{display:block;font-size:.94rem;line-height:1.22;}.snt-tool-guide-link span{display:block;margin-top:3px;color:#60708A;font-size:.82rem;font-weight:600;line-height:1.4;}.snt-tool-nav-actions{gap:12px;}.snt-tool-nav-icon,.snt-tool-mobile-nav>summary{width:44px;height:44px;min-width:44px;min-height:44px;border:1px solid #E4EBF5;border-radius:999px;background:#fff;color:#163D7A;box-shadow:0 10px 28px rgba(17,34,59,.07);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;}.snt-tool-nav-icon:hover,.snt-tool-nav-icon:focus-visible,.snt-tool-mobile-nav>summary:hover{transform:translateY(-1px);border-color:rgba(22,61,122,.3);box-shadow:0 18px 45px rgba(17,34,59,.11);background:#F8FBFF;}.snt-tool-nav-icon svg{width:20px;height:20px;}.snt-tool-mobile-nav{display:none;margin-left:0;}.snt-tool-mobile-nav>summary{display:grid;place-content:center;gap:4px;padding:0;}.snt-tool-mobile-nav>summary span{width:18px;height:2px;background:#163D7A;}.snt-tool-mobile-menu{right:0;top:calc(100%+10px);width:min(350px,calc(100vw - 24px));max-height:calc(100dvh - 104px);overflow:auto;padding:16px 18px;border:1px solid #E4EBF5;border-radius:18px;background:#fff;box-shadow:0 18px 45px rgba(17,34,59,.15);}.snt-tool-mobile-menu-top,.snt-tool-mobile-products,.snt-tool-mobile-secondary-block,.snt-tool-mobile-category-links{display:grid;gap:2px;}.snt-tool-mobile-secondary-block{margin-top:12px;padding-top:10px;border-top:1px solid #E4EBF5;}.snt-tool-mobile-menu a{min-height:44px;display:flex;align-items:center;padding:9px 0;border-radius:0;background:transparent;color:#10213B;font-size:16px;font-weight:600;line-height:1.35;text-decoration:none;}.snt-tool-mobile-menu a:hover{background:transparent;color:#163D7A;}.snt-tool-mobile-menu .snt-tool-mobile-featured,.snt-tool-mobile-group-title{color:#163D7A;font-weight:800;}.snt-tool-mobile-menu .snt-tool-mobile-featured.is-active{padding-left:12px;padding-right:12px;border-radius:999px;background:rgba(23,84,166,.10);color:#163D7A;box-shadow:none;}.snt-tool-mobile-product-group{display:grid;gap:1px;margin:4px 0 8px;}.snt-tool-mobile-category{padding-left:clamp(22px,7vw,34px)!important;}.snt-site-footer{margin-top:40px;background:#0A1D3E;color:#fff;}.snt-footer-shell{width:min(1180px,calc(100% - 32px));}.snt-footer-grid{grid-template-columns:1.35fr .8fr .9fr .8fr;gap:34px;padding:54px 0;}.snt-site-footer h3,.snt-site-footer h4{margin-top:0;color:#fff;}.snt-site-footer h3{font-size:1.17em;line-height:1.3;margin-bottom:1em;}.snt-site-footer h4{font-size:1em;line-height:1.3;margin-bottom:1.33em;}.snt-site-footer p,.snt-site-footer li,.snt-site-footer a{font-size:16px;line-height:1.6;}.snt-site-footer ul{gap:8px;}.snt-footer-legal-name{margin:-8px 0 12px;font-size:.8125rem!important;font-weight:700;color:rgba(255,255,255,.82)!important;}.snt-footer-contact{gap:8px;margin:10px 0;}.snt-footer-contact svg{width:20px;height:20px;min-width:20px;margin-top:2px;}.snt-footer-socials{gap:10px;margin-top:18px;}.snt-footer-socials a{min-height:44px;padding:8px 11px;font-size:13.5px;font-weight:700;}.snt-footer-policy-group{display:grid;gap:12px;margin-top:1.5em;}.snt-footer-button{min-height:44px;padding:10px 14px;font-size:16px;font-weight:700;}.snt-footer-button svg{width:23px;height:23px;}.snt-footer-bottom{padding:16px 0;font-size:.9rem;line-height:1.5;}header.page-header h1{font-size:26px;}header.page-header p{font-size:15px;line-height:1.6;}.tool-guide-title{font-size:20px;}.tool-guide-intro{font-size:13.5px;line-height:1.65;}.tool-guide-block-title{font-size:13.5px;}.tool-guide-steps strong{font-size:12px;}.tool-guide-steps .step-copy>span:last-child{font-size:11.5px;}.tool-guide-list{font-size:12px;line-height:1.6;}html[data-theme="dark"] .snt-tool-nav-dropdown-menu,html[data-theme="dark"] .snt-tool-mobile-menu{background:#101A2A;border-color:#334155;color:#EAF0FA;}html[data-theme="dark"] .snt-tool-nav-dropdown-trigger,html[data-theme="dark"] .snt-tool-desktop-nav>.snt-tool-nav-item{color:#C1CCDB;}html[data-theme="dark"] .snt-tool-nav-dropdown:hover>.snt-tool-nav-dropdown-trigger,html[data-theme="dark"] .snt-tool-nav-dropdown:focus-within>.snt-tool-nav-dropdown-trigger,html[data-theme="dark"] .snt-tool-nav-dropdown[open]>.snt-tool-nav-dropdown-trigger,html[data-theme="dark"] .snt-tool-desktop-nav>.snt-tool-nav-item:hover,html[data-theme="dark"] .snt-tool-desktop-nav>.snt-tool-nav-item.is-active{color:#F4B37D;}html[data-theme="dark"] .snt-tool-product-overview{background:linear-gradient(135deg,#17253A,#2B2A21);border-color:#334155;color:#F8FAFC;}html[data-theme="dark"] .snt-tool-product-group{background:#17253A;border-color:#334155;}html[data-theme="dark"] .snt-tool-product-group-head,html[data-theme="dark"] .snt-tool-product-link,html[data-theme="dark"] .snt-tool-guide-link,html[data-theme="dark"] .snt-tool-mobile-menu a{color:#EAF0FA;}html[data-theme="dark"] .snt-tool-product-link:hover,html[data-theme="dark"] .snt-tool-product-group-head:hover,html[data-theme="dark"] .snt-tool-guide-link:hover{background:#1D2D46;color:#8EC5FF;}html[data-theme="dark"] .snt-tool-guide-link span,html[data-theme="dark"] .snt-tool-overview-badges{color:#AEBBD0;}html[data-theme="dark"] .snt-tool-mobile-menu .snt-tool-mobile-featured,html[data-theme="dark"] .snt-tool-mobile-group-title{color:#7FB3FF;}html[data-theme="dark"] .snt-tool-mobile-secondary-block{border-color:#334155;}@media(min-width:1025px) and(max-width:1199px){.snt-tool-brand{min-width:auto;}.snt-tool-brand small{display:none;}.snt-tool-brand-logo{width:148px;height:44px;}.snt-tool-desktop-nav{gap:10px;}.snt-tool-desktop-nav>.snt-tool-nav-item,.snt-tool-nav-dropdown-trigger{font-size:.92rem;}.snt-tool-nav-actions{gap:8px;}}@media(min-width:769px) and(max-width:1024px){.snt-tool-brand{min-width:auto;}.snt-tool-brand small{display:none;}.snt-tool-brand-logo{width:140px;height:42px;}.snt-tool-nav-shell{width:min(1180px,calc(100% - 32px));height:86px;gap:10px;}.snt-tool-desktop-nav{display:flex;justify-content:flex-start;gap:10px;}.snt-tool-desktop-nav>.snt-tool-nav-item,.snt-tool-nav-dropdown-trigger{font-size:.9rem;}.snt-tool-nav-actions{gap:6px;}}@media(min-width:769px) and(max-width:900px){.snt-tool-desktop-nav{display:none;}.snt-tool-mobile-nav{display:block;}.snt-tool-nav-shell{gap:12px;}.snt-tool-brand{min-width:0;}}@media(min-width:901px){.snt-tool-mobile-nav{display:none;}}@media(max-width:768px){.snt-tool-nav-shell{width:min(1180px,calc(100% - 32px));height:86px;gap:10px;}.snt-tool-desktop-nav{display:none;}.snt-tool-mobile-nav{display:block;}.snt-tool-brand{min-width:0;flex:1 1 auto;}.snt-tool-brand small{display:none;}.snt-tool-brand-logo{width:clamp(116px,34vw,130px);height:auto;aspect-ratio:130/38;}.snt-tool-nav-actions{flex:0 0 auto;gap:6px;min-width:0;}.snt-tool-nav-icon,.snt-tool-mobile-nav>summary{width:44px;height:44px;min-width:44px;min-height:44px;}header.page-header h1{font-size:24px;}header.page-header p{font-size:14.5px;}}@media(max-width:640px){.snt-footer-grid{grid-template-columns:1fr;gap:28px;padding:42px 0;}.snt-site-footer h3{font-size:22px;line-height:1.25;}.snt-site-footer h4{font-size:17px;line-height:1.3;margin-bottom:12px;}.snt-site-footer p,.snt-site-footer li,.snt-site-footer a{font-size:16px;}.snt-footer-socials a{font-size:13.5px;}.snt-footer-bottom{font-size:.9rem;padding-bottom:calc(16px+env(safe-area-inset-bottom,0px));}}@media(max-width:380px){.snt-tool-nav-shell{gap:6px;}.snt-tool-brand-logo{width:clamp(104px,33vw,118px);}.snt-tool-nav-actions{gap:4px;}.snt-tool-nav-icon,.snt-tool-mobile-nav>summary{position:relative;width:44px;height:44px;min-width:44px;}}@media(max-width:360px){.snt-tool-nav-shell{gap:4px;}.snt-tool-brand-logo{width:100px;height:30px;aspect-ratio:auto;}.snt-tool-nav-actions{gap:2px;}}.snt-tool-product-menu{width:min(920px,94vw);grid-template-columns:repeat(3,minmax(0,1fr));}.snt-tool-product-overview{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:58px;}.snt-tool-overview-badges{gap:8px;}.snt-tool-overview-badges>span{padding:7px 10px;border-radius:999px;background:rgba(22,61,122,.07);color:#163D7A;font-size:.8rem;line-height:1;white-space:nowrap;}.snt-tool-product-menu,.snt-tool-product-menu a,.snt-tool-product-menu span,.snt-tool-product-menu strong,.snt-tool-product-menu small{font-size:16px;}.snt-tool-product-link small{font-size:12px;}.snt-tool-favorite-badge{top:-8px;right:-8px;min-width:25px;height:25px;padding:0 7px;font-size:15px;}@media(min-width:901px){.snt-tool-product-menu{position:fixed;top:82px;right:auto;left:50%;width:min(920px,calc(100vw - 32px));max-height:calc(100dvh - 98px);overflow-x:hidden;overflow-y:auto;transform:translate(-50%,8px);}.snt-tool-product-dropdown:hover>.snt-tool-product-menu,.snt-tool-product-dropdown:focus-within>.snt-tool-product-menu,.snt-tool-product-dropdown[open]>.snt-tool-product-menu{transform:translate(-50%,0);}}@media(min-width:769px) and(max-width:1024px){.snt-tool-product-menu{grid-template-columns:repeat(2,minmax(0,1fr));}.snt-tool-product-overview{flex-direction:column;align-items:flex-start;}.snt-tool-overview-badges{justify-content:flex-start;}}@media(max-width:900px){.snt-site-footer{margin-top:32px;}.snt-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px;padding:42px 0;}.snt-site-footer h3{font-size:22px;line-height:1.25;}.snt-site-footer h4{margin-bottom:12px;font-size:17px;line-height:1.3;}.snt-site-footer p,.snt-site-footer li,.snt-site-footer a{font-size:15px;line-height:1.55;}.snt-site-footer ul{gap:10px;}.snt-footer-policy-group{margin-top:24px;}.snt-footer-socials{gap:8px;margin-top:16px;}.snt-footer-socials a{min-height:42px;padding:8px 12px;font-size:13.5px;}.snt-footer-button{width:100%;max-width:260px;justify-content:center;}.snt-footer-bottom{padding:15px 0 calc(15px+env(safe-area-inset-bottom,0px));font-size:14px;line-height:1.5;}}@media(max-width:640px){.snt-footer-grid{grid-template-columns:minmax(0,1fr);gap:28px;}.snt-footer-button{max-width:none;}}@media(max-width:560px){.snt-tool-search-popover{top:94px;}}html[data-theme="dark"] .snt-tool-overview-badges>span{background:rgba(244,179,125,.13);color:#F4B37D;}.snt-tool-product-menu{width:min(920px,94vw);grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px;border-radius:22px;line-height:1.6;}.snt-tool-product-overview{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:58px;padding:11px 12px;border-radius:14px;}.snt-tool-product-overview>strong{font-size:16px;line-height:1.22;font-weight:400;}.snt-tool-overview-badges{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;min-width:0;line-height:1.6;}.snt-tool-overview-badges>span{display:inline-flex;align-items:center;gap:5px;padding:7px 10px;border-radius:999px;background:rgba(22,61,122,.07);color:#163D7A;font-size:16px;font-weight:400;line-height:1;white-space:nowrap;}.snt-tool-product-group{min-width:0;display:grid;align-content:start;gap:8px;padding:10px;border:1px solid #E5EDF7;border-radius:18px;background:linear-gradient(180deg,#FFFFFF,#F8FBFF);}.snt-tool-product-group-head{display:grid;gap:4px;padding:4px 4px 9px;border-bottom:1px solid #E8EEF7;border-radius:14px;color:#17243A;background:transparent;line-height:1.6;}.snt-tool-product-group-head>strong{font-size:16px;line-height:1.22;font-weight:700;}.snt-tool-product-group-links{display:grid;gap:4px;}.snt-tool-product-link{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-height:36px;padding:8px 9px;border-radius:14px;color:#17243A;font-size:16px;font-weight:400;line-height:1.6;}.snt-tool-product-link span,.snt-tool-product-link small{font-weight:400;}.snt-tool-product-link small{min-width:26px;height:22px;padding:0 6px;font-size:16px;line-height:22px;}.snt-tool-guide-menu{left:50%;width:min(390px,92vw);grid-template-columns:1fr;gap:8px;padding:10px;border-radius:22px;line-height:1.6;}.snt-tool-guide-link{display:block!important;padding:11px 12px;border-radius:14px;color:#17243A;white-space:normal;line-height:1.6;}.snt-tool-guide-menu .snt-tool-guide-link:first-child{background:linear-gradient(135deg,#F1F6FF,#FFF8E5);border:1px solid #E4EDF9;}.snt-tool-guide-link strong{display:block!important;font-size:.94rem;line-height:1.22;font-weight:700;}.snt-tool-guide-link span{display:block!important;margin-top:3px;color:#60708A;font-size:.82rem;font-weight:600;line-height:1.6;}@media(min-width:901px){.snt-tool-product-menu{position:fixed;top:82px;right:auto;left:50%;width:min(920px,calc(100vw - 32px));max-height:calc(100dvh - 98px);overflow-x:hidden;overflow-y:auto;transform:translate(-50%,8px);}.snt-tool-product-dropdown:hover>.snt-tool-product-menu,.snt-tool-product-dropdown:focus-within>.snt-tool-product-menu,.snt-tool-product-dropdown[open]>.snt-tool-product-menu{transform:translate(-50%,0);}}@media(min-width:769px) and(max-width:1024px){.snt-tool-product-menu{grid-template-columns:repeat(2,minmax(0,1fr));}.snt-tool-product-overview{flex-direction:column;align-items:flex-start;}.snt-tool-overview-badges{justify-content:flex-start;}}@media(max-width:980px){.mobile-tool-dock,.preview-compare-actions,.preview-compare-toggle{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;}.mobile-tool-dock{isolation:isolate;background-clip:padding-box;}.preview-compare-actions{background:transparent!important;box-shadow:none!important;}}.snt-tool-product-group-links,.snt-tool-product-link{width:100%;}.snt-tool-product-link small{justify-self:end;margin-left:auto;font-variant-numeric:tabular-nums;text-align:center;}@media(max-width:980px){.mobile-tool-dock{background:color-mix(in srgb,#fff 48%,transparent)!important;border-color:color-mix(in srgb,#163D7A 28%,rgba(255,255,255,.5))!important;box-shadow:0 20px 58px rgba(9,20,35,.24),inset 0 1px 0 rgba(255,255,255,.38)!important;-webkit-backdrop-filter:blur(20px) saturate(150%)!important;backdrop-filter:blur(20px) saturate(150%)!important;background-clip:padding-box;}html[data-theme="light"] .mobile-tool-dock-btn{color:#485A76!important;}html[data-theme="light"] .mobile-tool-dock-btn.active,html[data-theme="light"] .mobile-tool-dock-btn[aria-pressed="true"]{background:color-mix(in srgb,#fff 70%,transparent)!important;border-color:rgba(22,61,122,.24)!important;color:#163D7A!important;box-shadow:0 5px 16px rgba(9,20,35,.09),inset 0 1px 0 rgba(255,255,255,.62)!important;}html[data-theme="dark"] .mobile-tool-dock{background:color-mix(in srgb,#102039 52%,transparent)!important;border-color:rgba(184,210,245,.26)!important;box-shadow:0 22px 62px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.10)!important;}html[data-theme="dark"] .mobile-tool-dock-btn{color:#C6D2E4!important;}html[data-theme="dark"] .mobile-tool-dock-btn.active,html[data-theme="dark"] .mobile-tool-dock-btn[aria-pressed="true"]{background:rgba(184,210,245,.13)!important;border-color:rgba(184,210,245,.28)!important;color:#F4F8FF!important;box-shadow:0 5px 16px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.10)!important;}}html[data-theme="dark"] .zoom-pill,html[data-theme="dark"] .wand-advanced,html[data-theme="dark"] .color-results,html[data-theme="dark"] .color-search-footer,html[data-theme="dark"] .color-result,html[data-theme="dark"] .session-actions button,html[data-theme="dark"] .app-dialog-card,html[data-theme="dark"] .kbd,html[data-theme="dark"] .compare-more>summary,html[data-theme="dark"] .compare-more-actions,html[data-theme="dark"] .region-expand-btn,html[data-theme="dark"] .recent-color-btn,html[data-theme="dark"] .shortlist-chip,html[data-theme="dark"] .shortlist-apply,html[data-theme="dark"] .shortlist-remove,html[data-theme="dark"] .color-family-btn,html[data-theme="dark"] .color-browser-empty,html[data-theme="dark"] .color-browser-item,html[data-theme="dark"] .color-page-btn,html[data-theme="dark"] .workspace-tool-dock .wand-advanced-body,html[data-theme="dark"] .info-tip,html[data-theme="dark"] .preview-adjust-strip,html[data-theme="dark"] .notification-popover,html[data-theme="dark"] .layer-dock>#changeImageBtn,html[data-theme="dark"] .tool-guide-panel,html[data-theme="dark"] .tool-guide-steps li{background:#101C2E!important;border-color:var(--border)!important;color:var(--ink)!important;}html[data-theme="dark"] .color-result:hover,html[data-theme="dark"] .color-result.active,html[data-theme="dark"] .color-result:focus-visible,html[data-theme="dark"] .shortlist-apply:hover,html[data-theme="dark"] .shortlist-remove:hover,html[data-theme="dark"] .color-page-btn:hover:not(:disabled),html[data-theme="dark"] .color-page-btn:focus-visible,html[data-theme="dark"] .region-expand-btn:hover,html[data-theme="dark"] .recent-color-btn:hover,html[data-theme="dark"] .info-tip:hover,html[data-theme="dark"] .info-tip:focus-visible,html[data-theme="dark"] .info-tip[aria-expanded="true"],html[data-theme="dark"] .layer-dock>#changeImageBtn:hover{background:#1D2D46!important;border-color:#3B5272!important;color:#AFCBFA!important;}html[data-theme="dark"] .protect-layer-block,html[data-theme="dark"] .protect-card,html[data-theme="dark"] .layer-dock .protect-layer-block{background:#2C261A!important;border-color:#6F5A32!important;color:var(--ink)!important;}html[data-theme="dark"] .layer-dock .protect-layer-block:hover,html[data-theme="dark"] .layer-dock .protect-layer-block.active,html[data-theme="dark"] .layer-dock .protect-region-row.active{background:#382D1B!important;border-color:#A9833E!important;}html[data-theme="dark"] .protect-status-main,html[data-theme="dark"] .protect-state-chip.is-empty{color:#F2B88F!important;}html[data-theme="dark"] .protect-state-chip.is-empty{background:rgba(242,184,143,.12)!important;border-color:rgba(242,184,143,.22)!important;}html[data-theme="dark"] .regions-empty,html[data-theme="dark"] .compare-active-note,html[data-theme="dark"] .onboarding,html[data-theme="dark"] .consumer-note,html[data-theme="dark"] .color-spec-box,html[data-theme="dark"] .tool-guide-contact{background:#17253A!important;border-color:var(--border)!important;color:var(--muted)!important;}html[data-theme="dark"] .tool-guide-block-title,html[data-theme="dark"] .tool-guide-steps strong,html[data-theme="dark"] .tool-guide-contact strong{color:var(--ink)!important;}html[data-theme="dark"] .tool-guide-steps li.active,html[data-theme="dark"] .tool-guide-steps li.done{background:#1B2D47!important;border-color:#3B5272!important;color:var(--ink)!important;}html[data-theme="dark"] .risk-review,html[data-theme="dark"] .notification-popover .risk-review{background:#321E20!important;border-color:#714148!important;color:#F0C2C7!important;}html[data-theme="dark"] .workspace-topbar .mode-toggle,html[data-theme="dark"] .workspace-topbar .mode-toggle button,html[data-theme="dark"] .tool-rail .tool-selector button,html[data-theme="dark"] .layer-dock #addRegionBtn{background:#101C2E!important;border-color:var(--border)!important;color:var(--muted)!important;}html[data-theme="dark"] .workspace-topbar .mode-toggle button.active,html[data-theme="dark"] .tool-rail .tool-selector button.active,html[data-theme="dark"] .tool-rail .tool-selector button[aria-pressed="true"]{background:#213856!important;border-color:#4D6991!important;color:#EAF2FF!important;}@media(min-width:901px){.snt-tool-product-group-links{width:100%!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;}.snt-tool-product-link{width:100%!important;align-self:stretch!important;display:flex!important;align-items:center!important;gap:10px!important;}.snt-tool-product-link>span{min-width:0;flex:1 1 auto;}.snt-tool-product-link>small{flex:0 0 30px;width:30px;min-width:30px;margin-left:auto!important;justify-self:auto!important;text-align:center;}}html[data-theme="dark"]{--warning:#E5B96E;--warning-bg:#2A2318;--danger-bg:#2E1D20;--protect:#E0B15E;--action-idle:#1A293D;--action-idle-text:#B5C1D2;}html[data-theme="dark"] button.btn-primary,html[data-theme="dark"] .actions-panel #downloadFullResultBtn{background:#2B5A98!important;border-color:#4775B0!important;color:#F8FBFF!important;}html[data-theme="dark"] button.btn-danger{background:#953B3E!important;border-color:#B25457!important;color:#FFF7F7!important;}html[data-theme="dark"] button.btn-danger-quiet,html[data-theme="dark"] .inspector-active-actions .btn-danger-quiet{background:#251B22!important;border-color:#65404A!important;color:#F0A3A0!important;}html[data-theme="dark"] button.btn-danger-quiet:hover,html[data-theme="dark"] .inspector-active-actions .btn-danger-quiet:hover{background:#342027!important;border-color:#86535E!important;color:#FFC1BE!important;}html[data-theme="dark"] .workspace-topbar.no-image-open-only .project-actions .project-open-btn,html[data-theme="dark"] .project-actions .project-save-btn{background:#101C2E!important;border-color:#344862!important;color:#CFE0F7!important;}html[data-theme="dark"] .workspace-topbar.no-image-open-only .project-actions .project-open-btn:hover,html[data-theme="dark"] .project-actions .project-save-btn:hover:not(:disabled){background:#1B2D47!important;border-color:#4D6991!important;color:#F2F7FF!important;}html[data-theme="dark"] .actions-panel #downloadResultBtn,html[data-theme="dark"] .actions-panel #previewFullResultBtn,html[data-theme="dark"] .actions-panel #copyColorSpecBtn{background:#101C2E!important;border-color:var(--border)!important;color:#C6D2E4!important;}html[data-theme="dark"] .actions-panel #downloadResultBtn:hover,html[data-theme="dark"] .actions-panel #previewFullResultBtn:hover,html[data-theme="dark"] .actions-panel #copyColorSpecBtn:hover{background:#1D2D46!important;border-color:#3B5272!important;color:#F0F5FC!important;}html[data-theme="dark"] .status-pill{background:#172A2B!important;border-color:#315758!important;color:#A9D6C5!important;}html[data-theme="dark"] .status-pill.warn{background:#2A2318!important;border-color:#67502C!important;color:#E5B96E!important;}html[data-theme="dark"] .status-pill.error{background:#311F23!important;border-color:#70434B!important;color:#F0AAA5!important;}html[data-theme="dark"] .inspector-active-card,html[data-theme="dark"] .inspector-active-card>summary,html[data-theme="dark"] .inspector-layer-heading{border-color:#344862!important;}html[data-theme="dark"] .inspector-active-card>summary,html[data-theme="dark"] .inspector-layer-heading{background:#17253A!important;color:var(--ink)!important;}html[data-theme="dark"] .active-layer-menu-btn,html[data-theme="dark"] .active-layer-menu,html[data-theme="dark"] .active-layer-option,html[data-theme="dark"] #activeRegionInspectorHost .surface-type-wrap{background:#101C2E!important;border-color:var(--border)!important;color:var(--ink)!important;}html[data-theme="dark"] .active-layer-menu{box-shadow:0 14px 34px rgba(0,0,0,.32)!important;}html[data-theme="dark"] .active-layer-menu-btn:hover,html[data-theme="dark"] .active-layer-menu-btn:focus-visible,html[data-theme="dark"] .active-layer-menu-btn[aria-expanded="true"],html[data-theme="dark"] .active-layer-option:hover,html[data-theme="dark"] .active-layer-option:focus-visible{background:#1D2D46!important;border-color:#3B5272!important;color:#CFE0F7!important;}html[data-theme="dark"] .active-layer-option.is-active{background:#213856!important;box-shadow:inset 0 0 0 1px #456184!important;}html[data-theme="dark"] .inspector-context-note.is-warning{background:#2A2318!important;border-color:#67502C!important;color:#E5B96E!important;}html[data-theme="dark"] .inspector-global-label{color:#94A4BA!important;}html[data-theme="dark"] .tool-mode-hint kbd{background:#101C2E!important;border-color:#384C67!important;color:#DCE7F5!important;}html[data-theme="dark"] .workspace-tool-dock .paint-erase-toggle button{background:#1A293D!important;border-color:#344862!important;color:#B5C1D2!important;}html[data-theme="dark"] .workspace-tool-dock .paint-erase-toggle button:hover{background:#22344D!important;border-color:#456184!important;color:#ECF3FC!important;}html[data-theme="dark"] .workspace-tool-dock #wandBoundaryActions.has-boundary .btn:not(:disabled){background:#173328!important;border-color:#356A50!important;color:#9BD5B5!important;}html[data-theme="dark"] .workspace-tool-dock #wandBoundaryActions.has-boundary .btn:not(:disabled):hover{background:#1C402F!important;border-color:#4A8A68!important;color:#C4E8D3!important;}html[data-theme="dark"] .workspace-tool-dock #wandBoundaryActions .btn:disabled{background:#172235!important;border-color:#2D3D54!important;color:#718198!important;}html[data-theme="dark"] .layer-empty-badge{background:#1B2839!important;border-color:#34455C!important;color:#A7B5C8!important;}html[data-theme="dark"] .canvas-zoombar{background:rgba(12,25,43,.78)!important;border-color:rgba(184,210,245,.24)!important;box-shadow:0 8px 24px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.08)!important;}html[data-theme="dark"] .canvas-zoombar .btn.icon-pill{color:#D5E0EE!important;}html[data-theme="dark"] .canvas-zoombar .btn.icon-pill:hover{background:rgba(184,210,245,.13)!important;color:#F4F8FF!important;}html[data-theme="dark"] .canvas-panel:fullscreen{background:#0D1726!important;}html[data-theme="dark"] .preview-compare-toggle,html[data-theme="dark"] .preview-compare-handle{background:rgba(12,25,43,.84)!important;border-color:rgba(184,210,245,.25)!important;color:#E5EDF8!important;box-shadow:0 7px 22px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.08)!important;}html[data-theme="dark"] .preview-compare-toggle:hover{background:rgba(27,45,71,.94)!important;border-color:rgba(184,210,245,.36)!important;color:#FFF!important;}html[data-theme="dark"] .preview-compare-toggle[aria-pressed="true"],html[data-theme="dark"] .preview-original-hold[aria-pressed="true"]{background:#2B5A98!important;border-color:#5A82B7!important;color:#FFF!important;}html[data-theme="dark"] .preview-adjust-item{border-right-color:#34445B!important;}html[data-theme="dark"] .brush-size-tooltip{background:rgba(12,25,43,.95)!important;border-color:#3A4E69!important;color:#EAF0FA!important;box-shadow:0 10px 28px rgba(0,0,0,.36)!important;}html[data-theme="dark"] .brush-size-demo{background:rgba(141,178,241,.14)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)!important;}html[data-theme="dark"] .notification-badge{border-color:#142137!important;}html[data-theme="dark"] .notification-popover-title{border-bottom-color:#34445B!important;}html[data-theme="dark"] .upload-select-pill{background:#101C2E!important;border-color:#3B5272!important;color:#BFD6F5!important;}html[data-theme="dark"] .upload-select-pill:hover{background:#1D2D46!important;border-color:#56749D!important;color:#F3F8FF!important;}html[data-theme="dark"] .activity-log-item{border-top-color:#2D3D54!important;}html[data-theme="dark"] .activity-log-message{color:#D3DDEA!important;}html[data-theme="dark"] .activity-log-badge{background:#1A293D!important;border-color:#354860!important;color:#B9C6D7!important;}html[data-theme="dark"] .activity-log-item.is-ok .activity-log-badge{background:#173328!important;border-color:#356A50!important;color:#9BD5B5!important;}html[data-theme="dark"] .activity-log-item.is-warn .activity-log-badge{background:#2A2318!important;border-color:#67502C!important;color:#E5B96E!important;}html[data-theme="dark"] .activity-log-item.is-error .activity-log-badge{background:#311F23!important;border-color:#70434B!important;color:#F0AAA5!important;}html[data-theme="dark"] .activity-log-item.is-info .activity-log-badge{background:#192839!important;border-color:#354860!important;color:#AEC0D7!important;}html[data-theme="dark"] .activity-log-item.is-warn .activity-log-message{color:#D8BC86!important;}html[data-theme="dark"] .activity-log-item.is-error .activity-log-message{color:#E6AAA5!important;}html[data-theme="dark"] .recent-color-chip,html[data-theme="dark"] .recent-color-pin{background:#101C2E!important;border-color:#344862!important;color:#AEBBD0!important;}html[data-theme="dark"] .recent-color-pin:hover{background:#1D2D46!important;color:#CFE0F7!important;}html[data-theme="dark"] .recent-color-pin[aria-pressed="true"]{background:#213856!important;color:#DCEBFF!important;}html[data-theme="dark"] .shortcut-help-static .shortcut-help-title,html[data-theme="dark"] .export-static-heading{background:#17253A!important;border-color:#34445B!important;color:var(--ink)!important;}html[data-theme="dark"] .tool-guide-card{background:#142137!important;border-color:#30425E!important;box-shadow:0 8px 26px rgba(0,0,0,.18)!important;color:var(--ink)!important;}html[data-theme="dark"] .tool-guide-head{border-bottom-color:#30425E!important;}html[data-theme="dark"] .tool-guide-card .onboarding-progress{background:#183029!important;color:#9BD5B5!important;}html[data-theme="dark"] .tool-guide-steps .step-number{background:#223149!important;color:#B2C0D2!important;}html[data-theme="dark"] .tool-guide-steps li.active .step-number,html[data-theme="dark"] .tool-guide-steps li.done .step-number{background:#2B5A98!important;color:#FFF!important;}html[data-theme="dark"] .fullres-modal-bar button{background:#142137!important;border-color:#40536D!important;color:#DDE7F3!important;}html[data-theme="dark"] .fullres-modal-bar button:hover{background:#1D2D46!important;border-color:#5A7190!important;color:#FFF!important;}html[data-theme="dark"] .fullres-modal-bar .active{background:#2B5A98!important;border-color:#5A82B7!important;color:#FFF!important;}html[data-theme="dark"] .snt-tool-product-group-head{border-bottom-color:#33455E!important;}html[data-theme="dark"] .snt-tool-product-link small{background:rgba(184,210,245,.12)!important;border:1px solid rgba(184,210,245,.18)!important;color:#D8E6F8!important;}html[data-theme="dark"] .snt-tool-guide-menu .snt-tool-guide-link:first-child{background:linear-gradient(135deg,#17253A,#28261E)!important;border-color:#334155!important;color:#F4F7FB!important;}html[data-theme="dark"] .layer-dock .region-row:hover{background:#1A2A41!important;border-color:#415875!important;}html[data-theme="dark"] .color-search-submit:hover,html[data-theme="dark"] .color-search-submit:focus-visible{background:#1D2D46!important;color:#CFE0F7!important;}html[data-theme="dark"] .canvas-toolbar .toolbar-left #wandDecisionNote{background:#173328!important;border-color:#356A50!important;color:#A8D8BC!important;}html[data-theme="dark"] .region-risk-chip{background:#311F23!important;border-color:#70434B!important;color:#F0AAA5!important;}html[data-theme="dark"] button.btn.active,html[data-theme="dark"] button.btn[aria-pressed="true"],html[data-theme="dark"] .color-family-btn[aria-pressed="true"],html[data-theme="dark"] .color-page-btn[aria-current="page"]{background:#2B5A98!important;border-color:#527CAD!important;color:#F8FBFF!important;}html[data-theme="dark"] .legend-chip.risk{background:radial-gradient(circle at 2px 2px,#E37D75 1.4px,transparent 1.5px) 0 0/5px 5px,#2B1D20!important;}html[data-theme="dark"] .canvas-viewport{background-color:#111C2C!important;background-image:linear-gradient(45deg,#17243A 25%,transparent 25%),linear-gradient(-45deg,#17243A 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#17243A 75%),linear-gradient(-45deg,transparent 75%,#17243A 75%)!important;}html[data-theme="dark"] #displayCanvas{background:#182335!important;}