@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#e8edf2;background:#111418;font-size:14px;color-scheme:dark}body{margin:0;overflow:hidden}button,input,select,textarea{font:inherit}button{color:inherit;background:#252a31;border:1px solid #343b44;border-radius:5px;height:32px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer}button:hover{background:#303740;border-color:#4a5561}button:disabled{opacity:.35;cursor:default}button svg{width:16px;height:16px}header{height:48px;display:flex;align-items:center;gap:6px;padding:0 10px;background:#1b1f24;border-bottom:1px solid #313740}header strong{display:flex;align-items:center;gap:9px;margin-right:8px;font-size:15px}header strong span{display:grid;place-items:center;width:27px;height:27px;border-radius:6px;background:#27c5ee;color:#071218;font-size:11px;font-weight:900}.sep{height:24px;width:1px;background:#343b44;margin:0 3px}.title{flex:1;text-align:center;color:#aab4bf;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#zoom{min-width:46px;text-align:center;color:#c6d0d9;font-variant-numeric:tabular-nums}main{height:calc(100vh - 48px);display:grid;grid-template-columns:74px 1fr 274px}.tools{background:#181c21;border-right:1px solid #303740;padding:8px 7px;display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:48px;gap:5px;align-content:start}.tools button{height:48px;padding:4px 2px;flex-direction:column;gap:2px;background:transparent;border-color:transparent}.tools button:hover{background:#272e35}.tools button.active{color:#61d8f7;background:#12343d;border-color:#236070}.tools button svg{width:18px;height:18px}.tools small{font-size:9px;line-height:10px;max-width:32px;overflow:hidden;text-overflow:ellipsis}.panel{background:#1b1f24;border-left:1px solid #303740;overflow:auto}.panel section{padding:14px;border-bottom:1px solid #303740}.panel h2{font-size:12px;text-transform:uppercase;letter-spacing:.09em;color:#95a1ad;margin:0 0 14px;display:flex;align-items:center;justify-content:space-between}.panel h2 button{height:25px;width:28px;padding:0}.panel label{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;margin:9px 0;color:#c6ced6;font-size:13px}.panel input,.panel select,.panel textarea{background:#111519;border:1px solid #3a424c;border-radius:4px;color:#edf2f6;padding:6px 7px;min-width:0}.panel input[type=color]{width:44px;height:29px;padding:2px}.panel input[type=range]{grid-column:1/-1;width:100%;accent-color:#34c9ee;padding:0}.panel input[type=number]{width:60px}.rgb{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.rgb label{display:block;margin:0}.rgb input{width:100%;margin-top:4px}.recent{display:flex;gap:5px;margin:9px 0}.recent button{padding:0;width:22px;height:22px;border-radius:50%;background:var(--c);border:2px solid #dae1e7}.check{grid-template-columns:auto 1fr!important}.check input{order:-1}.layer{width:100%;border:0;border-radius:3px;background:transparent;justify-content:flex-start;padding:0 6px}.layer span{flex:1;text-align:left}.layer.active{background:#164252;color:#71dcfa}.layer [data-del]{opacity:.4}.layer:hover [data-del]{opacity:1}.muted{color:#707b85;font-size:12px}.danger{width:100%;color:#ff9c9c;margin-top:8px}textarea{width:150px;height:60px;resize:vertical}#workspace{position:relative;min-width:0;background-color:#222830;background-image:linear-gradient(45deg,#2c333b 25%,transparent 25%),linear-gradient(-45deg,#2c333b 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#2c333b 75%),linear-gradient(-45deg,transparent 75%,#2c333b 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;overflow:hidden}canvas{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none}#empty{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:center;text-align:center;background:#22272e}#empty svg{width:48px;height:48px;color:#55cee9;margin-bottom:12px}#empty h1{font-size:20px;margin:0 0 5px}#empty p{color:#909ca8;margin:0 0 18px}#status{position:absolute;left:50%;bottom:20px;transform:translate(-50%,8px);padding:8px 12px;background:#0d1115dd;border:1px solid #46515c;border-radius:6px;opacity:0;transition:.2s;pointer-events:none}#status.show{opacity:1;transform:translate(-50%)}dialog{background:#1d2228;color:#e9eef2;border:1px solid #454f5a;border-radius:8px;min-width:340px;box-shadow:0 24px 60px #0009}dialog::backdrop{background:#0008}dialog h2{margin-top:0}dialog label{display:grid;gap:6px;margin:15px 0}dialog input,dialog select{padding:8px;background:#11161a;border:1px solid #3d4751;border-radius:4px}dialog div{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}@media(max-width:850px){main{grid-template-columns:62px 1fr}.panel{position:absolute;right:0;top:48px;bottom:0;width:240px;transform:translate(calc(100% - 4px));transition:.2s;z-index:4}.panel:hover,.panel:focus-within{transform:none}.title{display:none}header strong{font-size:0}header strong span{font-size:11px}}:root{--bg:#0b1320;--chrome:#121d2a;--surface:#172535;--hover:#1d3044;--border:#263647;--text:#f1f5f9;--muted:#94a8ba;--workspace:#0d1724;--check:#162334;--blue:#2583eb;--blue-soft:#15375e;--cyan:#19b9d1;--teal:#10b981;--danger:#ef5b62;--radius:8px;color-scheme:dark;font-family:Poppins,ui-sans-serif,system-ui,sans-serif}[data-theme=light]{color-scheme:light;--bg:#e9eff5;--chrome:#f5f8fb;--surface:#e7edf3;--hover:#dce8f4;--border:#c6d2de;--text:#102033;--muted:#60758a;--workspace:#dce5ed;--check:#cfd9e2;--blue-soft:#dcecff;--danger:#c9363f}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:inherit}button,input,select,textarea{font-family:inherit}button{color:var(--text);background:var(--surface);border-color:var(--border);border-radius:var(--radius);transition:background-color .13s,border-color .13s,color .13s,opacity .13s}button:hover:not(:disabled){background:var(--hover);border-color:#3c536a}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--blue);outline-offset:2px}button:disabled{opacity:.34;pointer-events:none}.primary{background:var(--blue)!important;border-color:var(--blue)!important;color:#fff!important;font-weight:600}.primary:hover{background:#1c72d3!important;border-color:#1c72d3!important}header{height:56px;padding:0 12px;gap:7px;background:var(--chrome);border-color:var(--border);box-shadow:0 1px #0003;z-index:10;position:relative}header strong{margin-right:12px;gap:8px;min-width:max-content}.brand-mark{display:block;width:48px;height:38px;object-fit:contain;filter:drop-shadow(0 2px 4px #0004)}.wordmark{font-family:Bahnschrift Condensed,Arial Narrow,Poppins,ui-sans-serif,sans-serif;font-size:22px;font-stretch:condensed;font-weight:700;letter-spacing:-.035em;line-height:1}.sep{background:var(--border)}header button{height:36px}.title{font-size:12px;color:var(--muted);font-weight:500;display:flex;align-items:center;justify-content:center;gap:6px}.title:not(:empty){padding:0 8px}.dirty-indicator{color:#f0a340;font-size:10px;line-height:1}#zoom{color:var(--muted);font-size:12px;font-weight:600}#appearance{height:36px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:0 8px;font-size:12px}main{height:calc(100vh - 56px);grid-template-columns:86px minmax(340px,1fr) 292px}.tools{width:86px;background:var(--chrome);border-color:var(--border);display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 8px;overflow:visible}.tools>button,.tool-family>button[data-tool]{width:44px;height:44px;min-height:44px;padding:0;background:transparent;border:1px solid transparent;border-radius:10px}.tools button:hover{background:var(--hover)}.tools button.active,.tool-family:has(button.active)>button[data-family-primary]{color:var(--blue);background:var(--blue-soft);border-color:#2e6fb4;box-shadow:inset 3px 0 0 var(--blue)}.tools button.special-tool.active{color:var(--teal);background:#0d3b36;border-color:#16796d;box-shadow:inset 3px 0 0 var(--teal)}[data-theme=light] .tools button.special-tool.active{background:#d8f5ee}.tool-sep{width:34px;height:1px;background:var(--border);margin:3px 0}.tool-family{position:relative;width:44px;height:44px}.family-caret{position:absolute;right:0;bottom:0;width:15px!important;height:15px!important;min-height:0!important;padding:0!important;font-size:10px;border:0!important;background:transparent!important;color:var(--muted)!important;z-index:2}.tool-flyout{position:absolute;left:50px;top:0;z-index:30;display:flex;gap:4px;padding:5px;background:var(--chrome);border:1px solid var(--border);border-radius:10px;box-shadow:0 10px 30px #0007;animation:menu-in .12s ease-out}.tool-flyout button{width:40px;height:40px;padding:0}.ico{display:inline-grid;place-items:center;width:20px;height:20px;font-size:20px;font-weight:600;line-height:1}.tools .ico{width:24px;height:24px;font-size:24px;color:var(--muted)}.tools button:hover .ico{color:var(--text)}.tools button.active .ico{color:inherit}.ico:before{content:"•"}.ico-select:before{content:"↖"}.ico-hand:before{content:"✋";font-size:17px}.ico-crop:before{content:"⌗"}.ico-dropper:before{content:"⚗";transform:rotate(-45deg)}.ico-bucket:before{content:"◩"}.ico-rect:before{content:"▭"}.ico-ellipse:before{content:"○"}.ico-line:before{content:"╱"}.ico-arrow:before{content:"↗"}.ico-pencil:before{content:"✎"}.ico-marker:before{content:"▰";transform:rotate(-45deg);font-size:15px}.ico-eraser:before{content:"▱";transform:rotate(-35deg);font-size:22px}.ico-text:before{content:"T";font-family:Poppins,sans-serif}.ico-remove:before{content:"◐";background:repeating-conic-gradient(#8296a8 0 25%,transparent 0 50%) 50%/8px 8px;-webkit-background-clip:text;background-clip:text}.ico-folder:before{content:"▰";font-size:13px}.ico-save:before{content:"▣"}.ico-download:before{content:"⇩"}.ico-undo:before{content:"↶"}.ico-redo:before{content:"↷"}.ico-copy:before{content:"▣"}.ico-resize:before{content:"↗"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.panel{background:var(--chrome);border-color:var(--border)}.panel section{padding:18px 16px;border-color:var(--border)}.panel h2{color:var(--muted);font-size:11px;letter-spacing:.11em;margin-bottom:16px}.panel label{color:var(--text);font-size:12px;gap:10px}.panel input,.panel select,.panel textarea{background:var(--bg);border-color:var(--border);color:var(--text);border-radius:7px}.panel input[type=range]{accent-color:var(--blue)}.panel input[type=color]{border-radius:7px;overflow:hidden}.rgb{gap:7px}.recent button{border-color:var(--chrome)}.layers{min-height:180px}.layer{height:auto;min-height:38px;padding:6px 8px;border:1px solid transparent;border-radius:7px;color:var(--muted);gap:8px}.layer:hover{background:var(--hover)}.layer.active{background:var(--blue-soft);border-color:#2a5e96;color:var(--text)}.eye{width:16px;font-size:10px;color:var(--cyan)}.danger{color:#ffb0b4;border-color:#673038;background:#2d171d}.danger:hover{background:#432027!important;border-color:var(--danger)!important}#workspace{background-color:var(--workspace);background-image:linear-gradient(45deg,var(--check) 25%,transparent 25%),linear-gradient(-45deg,var(--check) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--check) 75%),linear-gradient(-45deg,transparent 75%,var(--check) 75%)}#empty{background:var(--workspace)}.empty-card{width:min(430px,calc(100vw - 430px));min-width:310px;text-align:center}.empty-card>.brand-mark{width:104px;height:68px;margin:0 auto}.empty-card h1{font-size:21px;margin:13px 0 4px;letter-spacing:-.025em}.empty-card>p{margin:0 0 16px;color:var(--muted);font-size:13px}.drop-zone{display:flex;flex-direction:column;align-items:center;gap:9px;padding:26px;border:1.5px dashed #3c5872;border-radius:14px;background:#101c2a99;transition:border-color .15s,background-color .15s,transform .15s}.drop-zone strong{font-size:13px}.drop-zone small{color:var(--muted);font-size:11px;letter-spacing:.06em}.drop-zone .primary{margin-top:5px;height:38px;padding:0 18px}.link-button{background:transparent;border:0;color:var(--cyan);height:28px;font-size:12px}.drag-over .drop-zone{border-color:var(--cyan);background:#123244;transform:scale(1.015)}[data-theme=light] .drop-zone{background:#f5f8fbd9;border-color:#9fb4c6}[data-theme=light] .drag-over .drop-zone{background:#e3f5fa}.project-menu{position:relative}.menu{position:absolute;top:42px;left:0;z-index:40;width:176px;padding:6px;background:var(--chrome);border:1px solid var(--border);border-radius:10px;box-shadow:0 14px 36px #0008;animation:menu-in .12s ease-out}.menu button{width:100%;justify-content:flex-start;border:0;background:transparent;height:36px}.file-menu{width:194px}.menu-sep{height:1px;background:var(--border);margin:5px 4px}.transform-menu{width:210px}.hidden{display:none!important}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}dialog{background:var(--chrome);color:var(--text);border-color:var(--border);border-radius:12px}dialog input,dialog select{background:var(--bg);border-color:var(--border);color:var(--text)}#status{background:var(--chrome);border-color:var(--border);color:var(--text)}#newImageDialog{width:360px}#newImageDialog .dialog-dimensions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0}#newImageDialog .dialog-dimensions label{min-width:0}#newImageDialog .dialog-dimensions input{width:100%}#newColorProps{display:block;margin:0;padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--bg)}#newColorProps>label{grid-template-columns:1fr auto}#newColorProps input[type=color]{width:48px;height:32px;padding:2px}#newColorProps .rgb{display:grid;margin:8px 0 0}#newColorProps .rgb label{display:block;margin:0}#newColorProps .rgb input{width:100%}#canvasSizeDialog{width:500px;max-width:calc(100vw - 32px)}#canvasSizeDialog form{display:block}.canvas-current-size{margin:-8px 0 9px;color:var(--muted);font-size:12px}.canvas-size-options{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:10px!important;margin:0 0 9px!important}.canvas-size-options label,.canvas-size-dimensions label{min-width:0;margin:0!important}.canvas-size-options select{width:100%;min-width:0}.canvas-size-dimensions{display:grid!important;grid-template-columns:1fr 1fr;gap:10px!important;margin:0!important}.canvas-size-dimensions label span{display:flex;align-items:center;gap:6px;color:var(--muted)}.canvas-size-dimensions input{width:100%;min-width:0}.canvas-anchor-fieldset{margin:10px 0;padding:6px 10px 8px;border:1px solid var(--border);border-radius:9px}.canvas-anchor-fieldset legend{padding:0 5px;color:var(--muted);font-size:12px}.canvas-anchor-grid{display:grid!important;grid-template-columns:repeat(3,28px);grid-template-rows:repeat(3,28px);justify-content:center!important;gap:4px!important;margin:0!important}.canvas-anchor-grid label{position:relative;display:block;margin:0!important}.canvas-anchor-grid input{position:absolute;opacity:0;pointer-events:none}.canvas-anchor-grid span{display:grid;width:28px;height:28px;place-items:center;border:1px solid var(--border);border-radius:6px;background:var(--surface);cursor:pointer}.canvas-anchor-grid span:after{content:"";width:6px;height:6px;border-radius:50%;background:var(--muted)}.canvas-anchor-grid input:checked+span{border-color:var(--blue);background:var(--blue-soft);box-shadow:inset 0 0 0 1px var(--blue)}.canvas-anchor-grid input:checked+span:after{width:9px;height:9px;background:var(--blue)}.canvas-anchor-grid input:focus-visible+span{outline:2px solid var(--blue);outline-offset:2px}#canvasColorProps{display:block;margin:0;padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--bg)}#canvasColorProps>label{grid-template-columns:1fr auto}#canvasColorProps input[type=color]{width:48px;height:32px;padding:2px}#canvasColorProps .rgb{display:grid;margin:8px 0 0}#canvasColorProps .rgb label{display:block;margin:0}#canvasColorProps .rgb input{width:100%}.canvas-preview-section{display:block!important;margin:8px 0 0!important}.canvas-preview-label{display:block;margin-bottom:4px;color:var(--muted);font-size:12px}#canvasPreviewViewport{display:grid!important;place-items:center;width:100%;height:112px;margin:0!important;padding:6px;overflow:hidden;border:1px solid var(--border);border-radius:9px;background:var(--workspace)}#canvasPreviewFrame{position:relative;display:block!important;overflow:hidden;margin:0!important;max-width:260px;max-height:100px;outline:1px solid #71879a;background-color:var(--canvas-fill);background-image:linear-gradient(45deg,var(--check) 25%,transparent 25%),linear-gradient(-45deg,var(--check) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--check) 75%),linear-gradient(-45deg,transparent 75%,var(--check) 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0}#canvasPreviewFrame:not([data-background=transparent]){background-image:none}#canvasPreviewContent{position:absolute;display:block!important;margin:0!important;border:1px solid #87bee9;background:linear-gradient(145deg,#2e91db 0,#2e91db 43%,#174b96 44%,#174b96 70%,#112d5b 71%);opacity:.84}#canvasPreviewAnchor{position:absolute;width:8px;height:8px;transform:translate(-50%,-50%);border:2px solid white;border-radius:50%;background:#211276;box-shadow:0 0 0 1px #211276}#canvasPreviewNote{min-height:16px;margin:4px 0 0;color:var(--muted);font-size:11px}.canvas-size-error{margin:2px 0;color:var(--danger);font-size:12px}.canvas-size-error:empty{display:none}.dialog-actions{display:flex!important;justify-content:flex-end!important;gap:8px!important;margin-top:8px!important}#canvasColorProps{display:grid;grid-template-columns:1fr 1fr;gap:7px 10px}#canvasColorProps>label{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px;margin:0}#canvasColorProps>label input{width:100%;min-width:0}#canvasColorProps>.rgb{grid-column:1/-1;margin:0}#canvasColorProps>.rgb label{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:5px;margin:0}#canvasColorProps>.rgb input{margin:0}.canvas-size-error:not(:empty){margin:4px 0}canvas[data-tool=select]{cursor:default}canvas[data-tool=pan]{cursor:grab}canvas[data-tool=pan].dragging{cursor:grabbing}canvas[data-tool=crop],canvas[data-tool=rect],canvas[data-tool=ellipse],canvas[data-tool=line],canvas[data-tool=arrow]{cursor:crosshair}canvas[data-tool=text]{cursor:text}canvas[data-tool=eyedropper]{cursor:cell}canvas[data-tool=fill]{cursor:copy}canvas[data-tool=draw],canvas[data-tool=highlight]{cursor:crosshair}canvas[data-tool=eraser]{cursor:none}@media(max-width:1050px){header .wordmark{display:none}header strong{margin-right:2px}.title,#actual{display:none}}@media(max-width:850px){main{grid-template-columns:72px 1fr}.tools{width:72px}.panel{width:260px}.empty-card{width:min(400px,calc(100vw - 150px))}header>#fit,header>#appearance{display:none}}#selectionOverlay{pointer-events:none;z-index:1}.brand-copy{display:flex!important;flex-direction:column;align-items:flex-end!important;justify-content:center;width:auto!important;height:auto!important;background:none!important;border-radius:0!important;color:var(--text)!important;line-height:1}.brand-attribution{display:block!important;width:auto!important;height:auto!important;margin-top:2px;background:none!important;border-radius:0!important;color:var(--muted)!important;font-size:11px!important;font-weight:500!important;line-height:1!important;letter-spacing:.01em}.ico-select-rect:before{content:"";width:17px;height:17px;border:2px dashed currentColor;border-radius:2px}.ico-select-lasso:before{content:"";width:17px;height:13px;border:2px dashed currentColor;border-radius:55% 45% 50% 44%;transform:rotate(-8deg)}.ico-select-lasso:after{content:"";position:absolute;width:6px;height:2px;background:currentColor;transform:translate(7px,8px) rotate(35deg);transform-origin:left center}.ico-select-wand:before{content:"✦";font-size:19px;transform:translate(4px,-4px)}.ico-select-wand:after{content:"";position:absolute;width:14px;height:2px;border-radius:2px;background:currentColor;transform:translate(-3px,5px) rotate(-45deg)}.ico-select-lasso,.ico-select-wand{position:relative}.selection-hint{margin:4px 0 9px;color:var(--muted);font-size:11px}.selection-hint+#deselectPixels{width:100%}canvas[data-tool=select-rect],canvas[data-tool=select-lasso],canvas[data-tool=select-wand]{cursor:crosshair}@media(max-width:1180px){.brand-attribution{display:none!important}}.selection-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:6px}.selection-actions button{min-width:0;padding:7px 6px;font-size:11px}.selection-actions #deselectPixels,.selection-actions #anchorPixels,.selection-actions #cancelFloating{grid-column:1/-1}canvas.pixel-move-ready[data-tool=select-rect],canvas.pixel-move-ready[data-tool=select-lasso],canvas.pixel-move-ready[data-tool=select-wand]{cursor:move}header strong .wordmark{display:inline!important;width:auto!important;height:auto!important;background:none!important;color:var(--text)!important;font-family:Bahnschrift Condensed,Arial Narrow,Poppins,ui-sans-serif,sans-serif!important;font-size:22px!important;font-stretch:condensed;font-weight:700!important;letter-spacing:-.035em!important;line-height:1!important;border-radius:0!important;place-items:initial!important}.drag-over{box-shadow:inset 0 0 0 2px var(--cyan)}.drag-over canvas{opacity:.88}.tools .special-tool{margin-top:auto}.panel input[type=number]{font-variant-numeric:tabular-nums}.panel input[type=range]{height:18px}.layer>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu:not(.hidden),.tool-flyout:not(.hidden){transform-origin:top left}.tool-art{display:block;width:34px;height:34px;object-fit:contain;object-position:center;image-rendering:auto;pointer-events:none;-webkit-user-select:none;user-select:none}.tool-flyout .tool-art{width:32px;height:32px}.rail-tooltip{position:fixed;z-index:100;max-width:230px;padding:7px 9px;border:1px solid var(--border);border-radius:7px;background:var(--chrome);color:var(--text);box-shadow:0 8px 24px #0007;font-size:11px;line-height:1.35;opacity:0;pointer-events:none;transform:translateY(-50%) translate(-3px);transition:opacity .08s,transform .08s}.rail-tooltip.visible{opacity:1;transform:translateY(-50%) translate(0)}.ico-restore:before{content:"↺";font-size:22px}canvas[data-tool=restore]{cursor:none}header .tool-art{width:24px;height:24px}.tools .special-tool{margin-top:4px}.family-caret{right:-1px;bottom:-1px;width:22px!important;height:22px!important;min-height:22px!important;border-radius:0 0 9px!important;font-size:0;color:transparent!important;background:transparent!important;pointer-events:auto}.family-caret:after{content:"";position:absolute;right:2px;bottom:2px;width:0;height:0;border-top:10px solid transparent;border-right:10px solid #211276}.family-caret:hover:after,.family-caret:focus-visible:after{border-right-color:#6f59c6}.tool-flyout button{width:44px;height:44px}[data-theme=light] .tools>button:not(.active),[data-theme=light] .tool-family>button[data-tool]:not(.active){background:#edf2f6;border-color:#d9e2ea}.tools button.active,.tool-family:has(button.active)>button[data-family-primary],.tools button.special-tool.active{background:var(--blue-soft);border:2px solid #211276;box-shadow:none;color:var(--blue)}.tool-family:has(button.active)>button[data-family-primary]{border-bottom-right-radius:0}canvas[data-tool=eyedropper]{cursor:url(/cursors/eyedropper-cursor.svg) 2 22,crosshair}canvas[data-tool=fill]{cursor:url(/cursors/fill.cur),copy}canvas[data-tool=draw]{cursor:url(/cursors/pencil.cur),crosshair}canvas[data-tool=highlight]{cursor:url(/cursors/highlighter.cur),crosshair}.layer{display:grid;grid-template-columns:28px minmax(0,1fr) 26px 26px 26px;gap:2px;height:36px;align-items:center}.layer>button{min-width:0;height:28px;padding:0 4px}.layer .layer-label{justify-content:flex-start;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer .eye{color:var(--muted)}.layer .eye:hover{color:var(--text)}.visibility-icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.crop-actions{display:flex;gap:8px;margin-top:12px}dialog input[type=range]{width:100%;padding-inline:0}.working-status{position:absolute;z-index:3;left:50%;bottom:20px;display:inline-flex;align-items:center;gap:9px;transform:translate(-50%);padding:9px 13px;border:1px solid var(--border);border-radius:8px;background:var(--chrome);color:var(--text);box-shadow:0 8px 24px #0005;font-size:12px;font-weight:500}.working-indicator{width:14px;height:14px;flex:0 0 14px;border:2px solid color-mix(in srgb,var(--blue) 25%,transparent);border-top-color:var(--blue);border-radius:50%;animation:working-spin .75s linear infinite}@keyframes working-spin{to{transform:rotate(360deg)}}.aspect-lock{margin:-4px 0 2px auto;height:30px;font-size:12px;color:var(--muted)}.aspect-lock.active{color:var(--blue);border-color:var(--blue);background:var(--blue-soft)}