:root{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:12px;color:#252525;background:#dedbd3;color-scheme:light;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}button,input{font:inherit}button{border:0;border-radius:0;cursor:pointer}button:focus-visible{outline:1px dotted #fff;outline-offset:-3px}input:focus-visible{outline:1px solid #586E7A;outline-offset:0}[hidden]{display:none!important}#app{width:100%;height:100dvh;min-width:400px;overflow:hidden}.titlebar{height:25px;background:#586e7a;color:#fff;display:flex;align-items:stretch;position:relative;z-index:10}.menu-button{padding:0;background:#586e7a;color:#fff;font:14px ui-monospace,Cascadia Mono,Consolas,monospace;height:25px}#file-menu-button{width:53px}#setting-menu-button{width:75px}#toggle-fullscreen{margin-left:auto;width:46px;height:25px;display:flex;align-items:center;justify-content:center;background:transparent;color:#fff;padding:0}#toggle-fullscreen svg{width:17px;height:17px;pointer-events:none}#toggle-fullscreen:hover{background:#ffffff20}#toggle-fullscreen[aria-pressed=true]:hover{background:#a33}#toggle-fullscreen:disabled{opacity:.4;cursor:default}.screen-reader-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.main-frame{height:calc(100% - 25px);display:grid;grid-template-columns:98px minmax(1px,1fr) 250px;background:#dedbd3}.toolbar{position:relative;width:98px;background:#939393;overflow:hidden;-webkit-user-select:none;user-select:none}.section-label{position:absolute;left:6px;width:86px;height:17px;padding:3px;color:#fff;font:700 10px/11px ui-monospace,Cascadia Mono,Consolas,monospace;white-space:nowrap}.paint-label{top:10px}.tools-label{top:203px}.transform-label{top:396px}.tool-grid{position:absolute;left:4px;width:90px;display:grid;grid-template-columns:41px 41px;gap:4px;padding:2px}.paint-grid{top:29px}.tools-grid{top:222px}.transform-grid{top:415px}.tool-cell{position:relative;width:41px;height:38px;background:#333;color:#eee;padding:0;overflow:hidden}.tool-cell.selected{background:#55a;color:#fff}.tool-shortcut{position:absolute;left:3px;top:2px;padding:0;width:max-content;height:10px;font:9px/10px ui-monospace,Cascadia Mono,Consolas,monospace;color:#aaa;pointer-events:none}.tool-cell.selected .tool-shortcut{color:#ddd}.tool-icon{position:absolute;left:11px;top:12px;width:22px;height:22px;pointer-events:none}.tool-cell:hover{background:#454545}.tool-cell.selected:hover{background:#6262b6}.tool-cell:focus-visible{outline:2px solid #fff;outline-offset:-2px}.empty-cell{height:1px}.palette-divider,.size-divider{position:absolute;left:10px;width:78px;height:1px;background:#555}.palette-divider{top:520px}.main-color{position:absolute;left:34px;top:531px;width:30px;height:30px;border:1px solid #000;background:#fff;color:#fff;padding:0}.color-history{position:static;grid-column:2;grid-row:1;align-self:start;margin:10px 0 0;width:48px;height:200px;display:grid;grid-template-columns:22px 22px;grid-template-rows:repeat(7,24px);align-content:space-between;gap:2px;padding:1px}.color-history button{width:22px;height:24px;border:1px solid #000;color:#fff;padding:0;box-shadow:inset 0 0 0 1px #ffffff30}.size-divider{top:571px}.size-title{position:absolute;top:580px;left:0;width:98px;height:20px;text-align:center;padding:3px;color:#fbfbfb;font:12px/14px ui-monospace,Cascadia Mono,Consolas,monospace}.size-value{position:absolute;top:602px;left:0;width:98px;height:22px;text-align:center;padding:3px;color:#fff;font:700 14px/16px ui-monospace,Cascadia Mono,Consolas,monospace}.size-buttons{position:absolute;top:628px;left:23px;display:flex;gap:4px}.size-buttons button{width:24px;height:23px;background:#444;color:#fff;padding:0;font:12px ui-monospace,Cascadia Mono,Consolas,monospace;border:1px solid #aaa}#stroke-rule{position:absolute;bottom:6px;left:5px;width:88px;height:38px;background:#555;color:#fff;padding:0}.canvas-area{position:relative;min-width:0;min-height:0;overflow:hidden;background:#dedbd3;outline:none;touch-action:none}.canvas-area canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.controls{width:250px;position:relative;min-height:0;background:#dedbd3}.minimap-frame{position:absolute;top:43px;left:25px;width:200px;height:200px;background:#dbdbdb;overflow:hidden;border:1px solid #555}.minimap-frame canvas{width:200px;height:200px;display:block;margin:-1px}.image-size{position:absolute;top:255px;left:0;width:250px;height:25px;text-align:center;padding:3px;font:18px/19px ui-monospace,Cascadia Mono,Consolas,monospace}#toggle-grid{position:absolute;top:10px;left:25px;width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:#333;color:#eee;border:0;padding:0}#toggle-grid svg{width:16px;height:16px;pointer-events:none}#toggle-grid:hover{background:#454545}#toggle-grid[aria-pressed=true]{background:#55a;color:#fff}#toggle-grid[aria-pressed=true]:hover{background:#6262b6}#toggle-grid:focus-visible{outline:2px solid #fff;outline-offset:-2px}.dropdown{position:absolute;top:25px;z-index:20;background:#333;border:1px solid #333;padding:0}.file-menu{left:0;width:150px}.setting-menu{left:53px;width:150px}.dropdown button{display:block;width:100%;height:37px;padding:8px 20px;text-align:left;white-space:nowrap;background:#333;color:#fff;font:14px/19px ui-monospace,Cascadia Mono,Consolas,monospace}.dropdown button:hover,.dropdown button:focus-visible{background:#44a;outline:none}.dropdown [aria-disabled=true]{cursor:default}.dropdown [aria-disabled=true]:hover{background:#333}.app-dialog{position:fixed;padding:0;border:1px solid #555;border-radius:0;background:#dedbd3;color:#252525;box-shadow:none;max-width:calc(100vw - 20px);max-height:calc(100dvh - 40px);overflow:auto;outline:none;margin:auto;z-index:30}.app-dialog::backdrop{background:transparent}.dialog-titlebar{height:28px;background:#586e7a;color:#fff;display:flex;align-items:center;justify-content:space-between;cursor:default;touch-action:none;-webkit-user-select:none;user-select:none}.dialog-titlebar>span{padding:3px;margin-left:10px;font:700 12px/15px ui-monospace,Cascadia Mono,Consolas,monospace}.dialog-close{width:19px;height:22px;margin-right:5px;padding:0;background:#586e7a;color:#fff;font:12px ui-monospace,Cascadia Mono,Consolas,monospace}.dialog-close:hover{background:#a33}.dialog-button{background:#44a;color:#fff;border:1px solid #ddd;padding:6px 10px;font:12px ui-monospace,Cascadia Mono,Consolas,monospace}.dialog-button:hover{background:#55b}.new-dialog{width:340px;height:297px}.new-dialog form{position:absolute;inset:0;pointer-events:none}.new-dialog form>*{pointer-events:auto}.new-dialog h1{position:absolute;left:0;right:0;top:48px;height:25px;text-align:center;margin:0;padding:3px;font:700 16px/19px ui-monospace,Cascadia Mono,Consolas,monospace}.dimension-label{position:absolute;right:223px;height:22px;padding:3px;font:700 14px/16px ui-monospace,Cascadia Mono,Consolas,monospace}.width-label{top:103px}.height-label{top:156px}.dimension-input{position:absolute;left:118px;width:54px;height:29px;border:1px solid #252525;padding:0 8px 0 0}.width-input{top:100px}.height-input{top:153px}.dimension-input input{width:44px;height:27px;display:block;background:#f7f5f0;border:1px solid #252525;padding:3px 1px;text-align:right;color:#252525;font:15px ui-monospace,Cascadia Mono,Consolas,monospace;border-radius:0;outline:none}.dimension-unit{position:absolute;left:179px;height:22px;padding:3px;font:14px/16px ui-monospace,Cascadia Mono,Consolas,monospace}.width-unit{top:103px}.height-unit{top:156px}.dimension-step{position:absolute;left:214px;width:26px;height:26px;color:#fff;background:#44a;padding:0;font:12px ui-monospace,Cascadia Mono,Consolas,monospace;border:1px solid #ddd}#dimension-up{top:101px}#dimension-down{top:154px}.dimension-check{position:absolute;left:258px;width:14px;height:14px;margin:0;accent-color:white;border:1px solid #777}#width-check{top:108px}#height-check{top:161px}#create{position:absolute;left:29px;top:219px;width:132px;height:56px;font:700 15px ui-monospace,Cascadia Mono,Consolas,monospace}#cancel-new{position:absolute;left:177px;top:220px;width:132px;height:53px;font:15px ui-monospace,Cascadia Mono,Consolas,monospace}.color-dialog{width:326px;height:314px;inset:auto}.picker-body{height:284px;border:1px solid #555;display:grid;grid-template-columns:260px 1fr;grid-template-rows:220px 1fr}.picker-canvases{grid-column:1;grid-row:1;display:flex;gap:10px;margin:10px;width:240px;height:200px}.picker-canvases canvas{display:block;touch-action:none}#sv{cursor:crosshair}#hue{cursor:ns-resize}.picker-bottom{grid-column:1 / -1;grid-row:2;display:flex;margin:0 10px 10px;gap:10px;align-items:flex-start}#color-preview{width:32px;height:36px;flex-shrink:0;background:#fff;border:1px solid #000}.color-inputs{flex:1;min-width:0}.color-inputs input{background:#f7f5f0;color:#252525;border:1px solid #252525;border-radius:0;min-width:0}#hex{width:100%;height:23px;margin-bottom:5px;font:14px ui-monospace,Cascadia Mono,Consolas,monospace;padding:1px}.rgb-inputs{display:flex;gap:5px}.rgb-inputs label{display:flex;gap:2px;align-items:center;font:12px ui-monospace,Cascadia Mono,Consolas,monospace}.rgb-inputs input{width:33px;height:22px;text-align:center;font:12px ui-monospace,Cascadia Mono,Consolas,monospace;padding:1px}.keys-dialog{width:610px;height:589px}.keys-body{padding:0 20px}.keys-body p{margin:14px 0 8px;font:12px/15px ui-monospace,Cascadia Mono,Consolas,monospace;padding:3px}.keys-body .fixed-keys{margin:12px 0}.keys-body input,.rule-body>input{border:1px solid #252525;border-radius:0;background:#f7f5f0;color:#252525;padding:4px 2px;font:12px ui-monospace,Cascadia Mono,Consolas,monospace}#key-fields{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(10,33px);column-gap:0}#key-fields label{display:flex;align-items:center;gap:8px;font:12px ui-monospace,Cascadia Mono,Consolas,monospace}#key-fields label span{min-width:124px;padding:3px}#key-fields label:nth-child(-n+10) span{min-width:99px}#key-fields input{width:74px;height:25px;margin-right:20px}#key-status{height:51px;font:12px/15px ui-monospace,Cascadia Mono,Consolas,monospace;white-space:pre-line;padding:3px}.key-actions{display:flex;justify-content:center;gap:10px;margin:14px 0}.key-actions button{min-width:92px;height:32px}.rule-dialog{width:380px}.rule-body{padding:5px 16px 12px}.rule-body>label{display:block;margin:5px 0;font:12px ui-monospace,Cascadia Mono,Consolas,monospace}.rule-body>label input{margin:0 7px 0 0;vertical-align:middle;accent-color:#586E7A}.rule-body>input{display:block;width:100%;margin:3px 0}.rule-body p{text-align:center;font:12px/18px ui-monospace,Cascadia Mono,Consolas,monospace;margin:10px 0}.rule-body>button{display:block;width:100%;margin:4px 0;height:32px}.message-dialog{width:420px}.message-dialog p{margin:24px;font:12px/18px ui-monospace,Cascadia Mono,Consolas,monospace}.message-actions{display:flex;gap:10px;justify-content:center;margin-bottom:18px}.message-actions button{width:92px;height:32px}#tool-tooltip{position:fixed;z-index:50;width:242px;padding:12px 14px;background:#333;color:#eee;border:1px solid #555;box-shadow:0 3px 10px #0003;pointer-events:none;font:12px/1.6 ui-monospace,Cascadia Mono,Consolas,monospace}.tooltip-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.tooltip-heading strong{font-size:13px;font-weight:600}.tooltip-heading kbd{font:11px ui-monospace,Cascadia Mono,Consolas,monospace;color:#e0e0ff;border:1px solid #77778d;padding:2px 5px;min-width:20px;text-align:center;background:#454552}.tooltip-original{display:block;color:#aaa;font:11px/1.5 ui-monospace,Cascadia Mono,Consolas,monospace;margin-top:1px}#tool-tooltip p{margin:8px 0 0;color:#ccc;word-break:keep-all}#minimap{touch-action:none;cursor:grab}#minimap:active{cursor:grabbing}.toolbar{min-height:0;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin}.toolbar-content{height:calc(661px * var(--toolbar-scale,1));flex-shrink:0}.toolbar-inner{position:relative;width:98px;height:661px;transform:scale(var(--toolbar-scale,1));transform-origin:top center}#stroke-rule{position:relative;bottom:auto;left:auto;flex-shrink:0;margin:auto 5px 6px}#circle-actions{position:absolute;bottom:12px;left:50%;transform:translate(-50%);z-index:3;display:flex;align-items:center;gap:6px;max-width:calc(100% - 16px);padding:6px;background:#333;color:#eee;box-shadow:0 1px 4px #0004;flex-wrap:wrap;justify-content:center}#circle-actions span{font-size:11px;white-space:nowrap;padding:0 4px}#circle-actions button{padding:6px 12px;background:#555;color:#fff;white-space:nowrap}#circle-actions #circle-draw{background:#55a}#circle-actions button:hover{filter:brightness(1.15)}.color-history button:disabled{cursor:default;border-color:#aaa;box-shadow:inset 0 0 0 1px #ffffff40}.palette-editor{min-height:0;display:flex;flex-direction:column;gap:8px}.palette-library-row{display:flex;gap:4px}.palette-library-row select{flex:1;min-width:0}.palette-library-row button,.palette-edit-actions button{background:#444;color:#fff;padding:5px 7px;white-space:nowrap}#palette-panel input,#palette-panel select{background:#f7f5f0;color:#252525;border:1px solid #555;border-radius:0;font:12px ui-monospace,Cascadia Mono,Consolas,monospace}.palette-name-label{display:flex;align-items:center;gap:7px}.palette-name-label input{flex:1;min-width:0;height:24px;padding:3px 5px}#personal-colors{display:flex;flex-wrap:wrap;align-content:flex-start;gap:4px;padding:6px;border:1px solid #939393;background:#c9c6be;min-height:60px;flex:1;overflow:auto}#personal-colors button{width:22px;height:24px;flex-shrink:0;border:1px solid #333;color:#fff;padding:0;box-shadow:inset 0 0 0 1px #ffffff30}#personal-colors button[aria-pressed=true]{outline:2px solid #5555aa;outline-offset:1px}.palette-empty{width:100%;font-size:11px;line-height:1.5;color:#555}.palette-edit-actions{display:flex;gap:4px}.palette-edit-actions button{flex:1;font-size:11px;padding:5px 3px}#palette-panel button:disabled{opacity:.4;cursor:default}#palette-status{margin:0;min-height:13px;font-size:10px;color:#555;line-height:13px}#color-dialog{border:1px solid #53616b;box-shadow:5px 5px #29333d38;background:#e9e6dd;color:#303740}#color-dialog .dialog-titlebar{background:#526778}#color-dialog .dialog-close{background:transparent;color:#e3e7ed;margin-right:6px}#color-dialog .dialog-close:hover{background:#a44f58;color:#fff}#color-dialog .picker-body{background:#e9e6dd;border-color:transparent}#color-dialog .picker-canvases canvas{outline:1px solid #7a858c33}#color-dialog .color-history button{box-shadow:inset 0 0 0 1px #ffffff65;border-color:#59616a}#color-dialog .color-history button:hover:not(:disabled){outline:2px solid #7470a8;outline-offset:1px}#color-dialog .color-inputs input{border-color:#a3a5a4;background:#faf8f0;color:#303740}.palette-editor{gap:7px}.palette-section-title{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:700;line-height:16px;color:#4c5863}#palette-count{font-size:10px;font-weight:400;color:#77758e}#palette-panel input,#palette-panel select{background:#faf8f0;border-color:#b1b1ad;height:25px;padding:3px 6px}#palette-panel input:focus,#palette-panel select:focus{outline:1px solid #7775b3;outline-offset:0}#palette-panel input[readonly]{color:#5a6470;background:#e2e2db}.palette-library-row button,.palette-edit-actions button{border:1px solid #b0b0ab;background:#f7f4eb;color:#4d5660;box-shadow:inset 0 1px #fff;padding:4px 8px}#palette-panel button:hover:not(:disabled){filter:brightness(1.04)}.palette-name-label{font-size:11px;color:#69727b}#palette-credit{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:10px;line-height:13px;min-height:13px;color:#7b8188}#palette-credit a{color:#6d68a6;white-space:nowrap;text-underline-offset:2px}#personal-colors{background:#f4f2e9;border:1px solid #b9bcb8;padding:9px;gap:6px;box-shadow:inset 0 2px #d3d6d043;scrollbar-width:thin}#personal-colors button{border-color:#65717a;box-shadow:inset 0 0 0 1px #fff5}#personal-colors button[aria-pressed=true]{outline-color:#7370b0;box-shadow:inset 0 0 0 1px #fff}.palette-empty{align-self:center;font-size:11px;color:#8b8f92;line-height:1.6}.palette-edit-actions{gap:5px}.palette-edit-actions button{font-size:10px;padding:5px 3px}#palette-add,#palette-copy-recommended{background:#7772ac!important;border-color:#686395!important;color:#fff!important;box-shadow:inset 0 1px #fff3!important}#palette-use{background:#5e668b;border:1px solid #4d577a;box-shadow:inset 0 1px #ffffff30;color:#fff;padding:5px 20px}#palette-status{font-size:10px;color:#7d8588;line-height:13px;min-height:13px}.recommended-section{grid-column:1 / -1;min-width:0;border-top:1px solid #c7c8c0;padding-top:10px}.recommended-heading{display:flex;align-items:center;gap:12px;height:14px;margin-bottom:8px}.recommended-heading strong{font-size:11px;color:#596572}.recommended-heading>span{font-size:10px;color:#929793}#recommended-palettes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}#recommended-palettes>button{min-width:0;display:flex;flex-direction:column;gap:5px;text-align:left;padding:7px;background:#f7f4ec;border:1px solid #bfc3bc;box-shadow:inset 0 1px #fff;color:#4b5864}#recommended-palettes>button:hover,#recommended-palettes>button[aria-pressed=true]{border-color:#8580b3;background:#efecf4;box-shadow:inset 0 2px #8580b3}.recommendation-title{display:flex;align-items:center;justify-content:space-between;gap:3px}.recommendation-title strong{font-size:10px;font-weight:400;white-space:nowrap}.recommendation-title>span{color:#8983a1;font-size:9px}.recommendation-description{font-size:9px;line-height:11px;color:#929690;white-space:nowrap}.recommendation-strip{display:flex;height:13px;width:100%;overflow:hidden;border:1px solid #0001}.recommendation-strip i{flex:1;min-width:0}#color-dialog .dialog-titlebar{position:sticky;top:0;z-index:4}#browse-recommendations{grid-column:1 / -1;justify-self:center;align-self:center;background:transparent;color:#7a7b8f;padding:2px 8px;font-size:11px;transition:color .15s,text-shadow .15s}#browse-recommendations:hover,#browse-recommendations:focus-visible{color:#fff;text-shadow:0 0 4px #fff,0 0 9px #8580b3;outline:none}.recommendation-dialog{width:680px;background:#e9e6dd;border:1px solid #53616b;box-shadow:5px 5px #29333d38}.recommendation-dialog .dialog-titlebar{background:#526778;position:sticky;top:0;z-index:5}.recommendation-body{padding:16px}.recommendation-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:16px}.recommendation-toolbar strong{font-size:13px;color:#4d5966}.recommendation-toolbar p{margin:7px 0 0;color:#85858f;font-size:11px}#recommendation-import{flex-shrink:0;padding:9px 16px;color:#fff;background:#7772ac;border:1px solid #66618f;box-shadow:inset 0 1px #ffffff40}#recommendation-import:disabled{opacity:.4;cursor:default}#recommendation-dialog #recommended-palettes{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#recommendation-dialog #recommended-palettes>button{padding:12px;gap:10px;min-height:96px}#recommendation-dialog .recommendation-title strong{font-size:12px}#recommendation-dialog .recommendation-title>span{font-size:10px}#recommendation-dialog .recommendation-description{font-size:10px;white-space:normal}#recommendation-dialog .recommendation-strip{height:20px;background:#e2e1d9}#recommendation-dialog #recommended-palettes>button[aria-pressed=true]{border:2px solid #8580b3;padding:11px;background:#e8e4f2;box-shadow:inset 0 0 0 1px #ffffff65}#recommendation-dialog #recommended-palettes>button:disabled{opacity:.65;cursor:default}#recommendation-status{font-size:11px;line-height:1.5;min-height:17px;color:#68668a;margin:12px 0 6px}#recommendation-sources{display:flex;flex-wrap:wrap;gap:6px 12px;min-height:13px;font-size:10px}#recommendation-sources a{color:#7772ac;text-underline-offset:3px}.browser-library{border-top:1px solid #c7c8c0;margin-top:12px;padding-top:12px}#browser-my-palettes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:150px;overflow:auto;padding:1px}.owned-palette{border:1px solid #c0c3ba;background:#f4f2ea;padding:9px;min-width:0}.owned-palette>div{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:7px}.owned-palette strong{font-size:11px;font-weight:400;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.owned-palette>div>span{font-size:9px;white-space:nowrap;color:#8a8e94}@media(max-width:480px){.recommendation-body{padding:10px}.recommendation-toolbar{gap:8px}.recommendation-toolbar strong{font-size:11px}#recommendation-dialog #recommended-palettes,#browser-my-palettes{grid-template-columns:minmax(0,1fr)}#recommendation-import{padding:8px}}.palette-editor{gap:5px}.recommendation-dialog{height:min(640px,calc(100dvh - 40px))}.recommendation-dialog[open]{display:flex;flex-direction:column}.recommendation-dialog .dialog-titlebar{flex-shrink:0}.recommendation-body{flex:1;min-height:0;display:flex;flex-direction:column}.recommendation-toolbar{flex-shrink:0;margin-bottom:12px}#recommendation-dialog #recommended-palettes{flex:1;min-height:0;overflow-y:auto;align-content:start;scrollbar-gutter:stable;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#a7a3ba #e9e6dd;padding:2px 6px 2px 2px}#recommendation-status,#recommendation-sources{flex-shrink:0}#recommendation-sources{max-height:42px;overflow:auto}#recommendation-status:empty{display:none}#convenience-panel{flex-shrink:0;margin:auto 5px 6px;display:flex;flex-direction:column;gap:6px}#convenience-open,#convenience-panel #stroke-rule{width:88px;height:32px;margin:0;padding:0;font-size:12px;background:#555;color:#fff}#convenience-open:hover,#convenience-panel #stroke-rule:hover{background:#6262a0}.placement-toggle{display:flex;align-items:center;justify-content:space-between;gap:3px;position:relative;font-size:10px;line-height:22px;cursor:pointer}.placement-toggle input{position:absolute;right:0;opacity:0;width:30px;height:22px;margin:0;cursor:pointer}.switch-track{width:28px;height:14px;background:#555;border:1px solid #666;position:relative;pointer-events:none}.switch-track:after{content:"";position:absolute;left:2px;top:2px;width:8px;height:8px;background:#ccc}.placement-toggle input:checked+.switch-track{background:#55a;border-color:#77b}.placement-toggle input:checked+.switch-track:after{left:16px;background:#fff}.placement-toggle input:focus-visible+.switch-track{outline:1px solid #fff;outline-offset:2px}.convenience-dialog{width:300px}.convenience-body{padding:16px}.convenience-body>strong{display:block;font-size:13px;margin-bottom:14px;color:#586e7a}.convenience-body .placement-toggle{font-size:13px;line-height:30px;border-bottom:1px solid #aaa;padding-bottom:8px}.convenience-body p{font-size:12px;line-height:1.7;color:#666;margin:12px 0 16px}.convenience-body>button{display:block;margin-left:auto;min-width:72px}.convenience-dialog.has-rules{width:340px}#stroke-options{border-top:1px solid #aaa;margin:14px 0;padding-top:12px}.rule-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.rule-heading h3{font-size:12px;margin:0;font-weight:400}#stroke-rule-state{font-size:10px;padding:2px 6px;background:#bdbbb6;color:#555}#stroke-rule-state[data-enabled=true]{background:#55a;color:#fff}#stroke-options .rule-body{padding:0;display:grid;grid-template-columns:1fr 1fr;gap:4px 6px}#stroke-options .rule-body>label,#stroke-options .rule-body>input,#stroke-options .rule-body>p{grid-column:1 / -1}#stroke-options .rule-body>label{margin:4px 0}#stroke-options .rule-body>input{margin:0;height:28px}#stroke-options .rule-body p{font-size:11px;line-height:1.6;margin:8px 0;text-align:left}#stroke-options .rule-body>button{font-size:11px;margin:2px 0;height:30px}#color-dialog{width:754px;height:auto;max-width:calc(100vw - 20px);max-height:calc(100dvh - 40px);overflow:auto}.color-workspace{display:grid;grid-template-columns:300px minmax(0,1fr);gap:20px;padding:12px}#color-panel{min-width:0;display:flex;flex-direction:column;gap:8px}#color-dialog .picker-body{height:264px;grid-template-columns:244px 1fr;grid-template-rows:210px 54px;border:0}#color-dialog .picker-canvases{margin:0;width:240px}#color-dialog .color-history{margin:0;height:200px;justify-self:end}#color-dialog .picker-bottom{margin:0;gap:10px}#color-preview{width:32px;height:48px}.picker-actions{display:flex;justify-content:flex-end}#palette-use{padding:5px 18px}#palette-panel{min-width:0;height:298px;padding:0;display:flex;flex-direction:column;gap:5px}.palette-editor{flex:1;min-height:0}#palette-status:empty{display:none}#browse-recommendations{align-self:flex-end;flex-shrink:0}@media(max-width:740px){.color-workspace{grid-template-columns:minmax(0,1fr);gap:16px}#color-panel{width:300px;max-width:100%;justify-self:center}#color-dialog{width:360px}#palette-panel{height:290px}.palette-editor{min-height:0}}#selection-actions{position:absolute;z-index:6;background:#263541;border:1px solid #718695;padding:5px;color:#fff;-webkit-user-select:none;user-select:none;box-shadow:0 2px 4px #0002}.selection-modifiers{display:flex;gap:4px;align-items:center;margin-bottom:5px}.selection-modifiers button{height:27px;min-width:30px;padding:0 6px;background:#364b5b;color:#fff;font-size:10px}.selection-modifiers span{margin-left:auto;font-size:10px;color:#bcd7e6}.selection-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.selection-tools button{height:29px;background:#364b5b;color:#fff;font-weight:700;font-size:11px}.selection-tools button:hover,.selection-modifiers button:hover{background:#526e82}#selection-actions button[aria-pressed=true]{background:#147f99}#rotation-handles{position:absolute;inset:0;pointer-events:none;z-index:5}#rotation-handles button{position:absolute;width:11px;height:11px;border:2px solid #137f99;border-radius:50%;background:#fff;pointer-events:auto;cursor:grab;padding:0;touch-action:none}.asset-dialog{width:300px;max-height:calc(100dvh - 60px)}.asset-body{padding:10px;display:flex;flex-direction:column;gap:10px}.asset-tabs,.asset-buttons{display:flex;gap:5px}.asset-tabs button,.asset-buttons button{flex:1;padding:7px;background:#364b5b;color:#fff}.asset-tabs button[aria-pressed=true],.asset-buttons button[aria-pressed=true]{background:#147f99}.asset-buttons button:disabled{opacity:.4}#asset-list{max-height:260px;min-height:80px;overflow:auto;display:flex;flex-direction:column;gap:4px}#asset-list>button{display:flex;align-items:center;gap:8px;min-height:40px;padding:4px;background:#f4f2e9;border:1px solid #aaa;text-align:left}#asset-list>button[aria-pressed=true]{outline:2px solid #7370b0;outline-offset:-2px}#asset-list canvas{flex-shrink:0;background:repeating-conic-gradient(#bbb 0% 25%,#ddd 0% 50%) 0/8px 8px}#asset-list span{flex:1;overflow:hidden;text-overflow:ellipsis}#asset-list small{font-size:10px;color:#666}#asset-status{font-size:11px;line-height:1.5;margin:0;min-height:32px}#tile-snap-label{font-size:11px;display:flex;align-items:center;gap:5px}.asset-name-dialog{width:360px}.asset-name-dialog form{padding:16px}.asset-name-dialog input{width:100%;padding:7px;background:#faf8f0;border:1px solid #aaa}.asset-name-dialog p{font-size:12px;line-height:1.6}.asset-name-dialog form>button{display:block;margin-left:auto;padding:8px 24px;background:#7370b0;color:#fff}#asset-name-error{color:#a34b51;min-height:18px}.workspace-menus{display:flex;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}.workspace-menus::-webkit-scrollbar{display:none}.workspace-menus>.menu-button{flex-shrink:0}.workspace-menu-button{padding:0 11px;white-space:nowrap}.workspace-menu-button:disabled{opacity:1;cursor:default}#toggle-fullscreen{flex-shrink:0}.selection-modifiers button:disabled{opacity:.4;cursor:default}.selection-modifiers button[data-selection-mod="4"]:active:not(:disabled){background:#147f99}.workspace-menus>.menu-button:hover,.workspace-menus>.menu-button:focus-visible{background:#718995;color:#fff}.workspace-menus>.menu-button[aria-expanded=true]{background:#405664}.workspace-menus>.menu-button:focus-visible{outline:1px solid #dceaf2;outline-offset:-2px}.resize-dialog{width:360px}.resize-dialog form{padding:16px}.resize-dialog p{font-size:11px;line-height:1.5;margin:0 0 12px}.resize-dimensions{display:flex;align-items:center;gap:10px;margin-bottom:14px}.resize-dimensions label{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.resize-dimensions input{width:100%;padding:6px;border:1px solid #aaa;background:#faf8f0}.resize-option{display:flex;gap:7px;align-items:center;margin-bottom:10px}.resize-option select{padding:4px;border:1px solid #aaa;background:#faf8f0}.resize-actions{display:flex;justify-content:flex-end;gap:7px}.resize-actions button{padding:7px 18px;background:#586e7a;color:#fff}#resize-apply{background:#7370b0}#resize-error{color:#a34b51}#resize-error:empty{display:none}.controls{overflow-y:auto;scrollbar-width:thin}.inspector{position:absolute;inset:296px 25px 16px;min-height:120px;border:1px solid #899197;background:#e9e6dd;display:flex;flex-direction:column}.inspector h2{flex-shrink:0;margin:0;padding:8px 10px;background:#586e7a;color:#fff;font-size:12px;font-weight:700;line-height:16px}.inspector-content{flex:1;min-height:0;padding:10px;overflow:auto;scrollbar-width:thin}.selection-tools button{display:flex;align-items:center;justify-content:center}.selection-action-icon{display:block;width:20px;height:20px;pointer-events:none}