:root{color:#292b2e;font-synthesis:none;--chrome:#d9dadd;--panel:#e6e7e9;--line:#b1b4ba;--blue:#355a87;--muted:#666c75;background:#81858a;font-family:Segoe UI,Malgun Gothic,sans-serif;font-size:12px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:2px;justify-content:center;align-items:center;gap:7px;padding:5px 9px;display:inline-flex}button:hover:not(:disabled){background:#f0f1f3;border-color:#afb4bd}button:active:not(:disabled){background:#c6ccd5}button:disabled{opacity:.42;cursor:default}button:focus-visible,summary:focus-visible,select:focus-visible{outline-offset:-2px;outline:2px solid #426ea4}svg{flex-shrink:0}.editor-shell{flex-direction:column;min-width:780px;height:100dvh;min-height:500px;display:flex;overflow:hidden}.app-titlebar{background:#e7e8ea;border-bottom:1px solid #bdc0c6;flex-shrink:0;align-items:center;gap:9px;height:34px;padding:0 12px;display:flex}.app-monogram{color:#f5f8ff;letter-spacing:-.5px;background:#304b6c;padding:3px 4px;font-size:11px;font-weight:700}h1{margin:0;font-size:12px;font-weight:600}h1 span{color:var(--muted);margin-left:5px;font-weight:400}.app-tagline{color:#6e7580;letter-spacing:1px;margin-left:auto;font-size:10px}.menubar{border-bottom:1px solid var(--line);z-index:100;background:#e6e7e9;flex-shrink:0;align-items:stretch;height:29px;padding-left:7px;display:flex;position:relative}.menu{position:relative}.menu summary{cursor:pointer;-webkit-user-select:none;user-select:none;height:100%;padding:5px 11px;list-style:none}.menu summary::-webkit-details-marker{display:none}.menu[open] summary,.menu summary:hover{background:#c5ceda}.menu-popup{background:#f0f1f3;border:1px solid #9298a1;min-width:220px;max-width:370px;padding:4px;position:absolute;top:100%;left:0;box-shadow:3px 5px 9px #0003}.menu-popup button{text-align:left;white-space:nowrap;justify-content:space-between;gap:22px;width:100%;padding:7px 10px;display:flex}.menu-popup button:disabled{opacity:.55}.menu-popup button span{text-overflow:ellipsis;overflow:hidden}.pending-label,kbd{color:var(--muted);font-family:inherit;font-size:10px}.menu-popup hr{border:0;border-top:1px solid #cbd0d6;margin:4px}.window-menu{max-height:65vh;overflow:auto}.menu-local{color:#747a83;align-self:center;margin-left:auto;padding-right:14px;font-size:10px}.optionsbar{background:var(--chrome);border-bottom:1px solid #959aa2;flex-shrink:0;align-items:center;gap:6px;height:43px;padding:5px 10px;display:flex;box-shadow:inset 0 1px #f5f5f6}.optionsbar .open-button{background:#eef0f3;border:1px solid #aab1bc;padding:5px 12px}.divider{background:#b0b5be;width:1px;height:23px;margin:0 7px}.option-label{color:#656b74;margin-right:3px;font-size:11px}.selected-option{background:#c2cad5;border-color:#98a6b8}.options-hint{color:#646c77;letter-spacing:.4px;margin-left:auto;padding-right:4px;font-size:10px}.editor-body{flex:1;grid-template-columns:64px minmax(320px,1fr) 228px;min-height:0;display:grid}.toolbar{background:var(--chrome);border-right:1px solid #9298a1;padding:7px 5px}.toolbar-grip{border-top:1px solid #a2a7af;border-bottom:1px solid #b9bec5;height:5px;margin:0 2px 10px}.tool-grid{grid-template-columns:1fr;justify-items:center;gap:3px;display:grid}.tool-grid button{width:37px;height:30px;padding:4px 2px}.tool-grid button:disabled{opacity:.43}.toolbar-separator{border-top:1px solid #b0b5bc;margin:12px 3px}.color-swatches{opacity:.7;width:42px;height:42px;margin:auto;position:relative}.color-swatches span{z-index:1;background:#252b34;border:2px solid #f4f5f7;outline:1px solid #969ca6;width:25px;height:25px;position:absolute;top:0;left:0}.color-swatches span+span{z-index:0;background:#fff;top:13px;left:13px}.toolbar-label{text-align:center;color:#777e88;margin-top:11px;font-size:10px;display:block}.workspace-container{flex-direction:column;min-width:0;min-height:0;display:flex}.workspace{isolation:isolate;background:#83878d;flex:1;min-height:0;position:relative;overflow:hidden;box-shadow:inset 2px 2px 5px #0002}.workspace-watermark{color:#646b74;letter-spacing:2.4px;z-index:-1;pointer-events:none;font-size:10px;font-weight:600;position:absolute;bottom:17px;right:20px}.empty-workspace{color:#e8ebef;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100%;padding:35px 20px 62px;display:flex}.empty-emblem{color:#d5dae1;padding:0 0 16px}.empty-workspace h2{letter-spacing:-.6px;margin:0 0 12px;font-size:20px;font-weight:500}.empty-workspace p{color:#e0e4ea;margin:0 0 25px;font-size:12px}.empty-workspace button{color:#293745;background:#e3e6eb;border:1px solid #ccd1d9;padding:10px 17px;box-shadow:0 2px 3px #0002}.empty-workspace button span{color:#697584;border-left:1px solid #bdc5d0;margin-left:12px;padding-left:13px;font-size:11px}.empty-workspace small{color:#e0e4ea;margin-top:17px;font-size:11px;line-height:1.9}.document-window{background:#b4b7bc;border:1px solid #646a73;flex-direction:column;display:flex;position:absolute;box-shadow:3px 4px 9px #0004}.document-window[hidden]{display:none}.document-title{cursor:move;touch-action:none;-webkit-user-select:none;user-select:none}.document-window[data-window-mode=maximized] .document-title{cursor:default}.window-gesture{-webkit-user-select:none;user-select:none}.resize-handle{z-index:2;touch-action:none;position:absolute}.resize-n,.resize-s{cursor:ns-resize;height:6px;left:8px;right:8px}.resize-n{top:-1px}.resize-s{bottom:-1px}.resize-e,.resize-w{cursor:ew-resize;width:6px;top:8px;bottom:8px}.resize-e{right:-1px}.resize-w{left:-1px}.resize-ne,.resize-nw,.resize-se,.resize-sw{z-index:3;width:9px;height:9px}.resize-ne{cursor:nesw-resize;top:-1px;right:-1px}.resize-nw{cursor:nwse-resize;top:-1px;left:-1px}.resize-se{cursor:nwse-resize;bottom:-1px;right:-1px}.resize-sw{cursor:nesw-resize;bottom:-1px;left:-1px}.window-control{color:#2d3744;background:#e1e4e9;border:1px solid #8693a3;flex-shrink:0;width:20px;height:20px;margin-left:4px;padding:0;font-size:13px}.zoom-select{background:#eef0f3;border:1px solid #aab1bc;width:92px;height:26px;font-size:11px}.minimized-windows{background:#a3a8af;border-top:1px solid #707986;flex-shrink:0;gap:5px;height:36px;padding:3px 5px;display:flex;overflow:auto hidden}.minimized-window{background:#d8dde5;border:1px solid #7b8899;flex:0 0 205px;min-width:0;display:flex}.minimized-restore{flex:1;justify-content:flex-start;min-width:0;padding:3px 6px;font-size:11px}.minimized-restore span:first-of-type{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.minimized-window>button:last-child{padding:3px}.document-titlebar{color:#343a44;background:#a4a9b1;border-bottom:1px solid #7f8791;flex-shrink:0;align-items:center;height:28px;padding:3px 4px 3px 5px;display:flex}.document-window.active{border-color:#405e83}.active .document-titlebar{color:#203449;background:#b9cddd;box-shadow:inset 0 1px #e5edf4}.document-title{min-width:0;height:100%;color:inherit;flex:1;justify-content:flex-start;padding:1px 3px;font-size:11px}.document-title span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.document-title small{white-space:nowrap;opacity:.85;font-size:10px}.document-title:hover:not(:disabled){background:#ffffff12;border-color:#0000}.window-close{color:#2d3744;background:#e1e4e9;border:1px solid #8693a3;width:20px;height:20px;margin-left:6px;padding:1px}.document-viewport{background:#a3a6ac;flex:1;min-height:0;padding:16px;overflow:auto}.canvas-stage{justify-content:center;align-items:center;width:max-content;min-width:100%;height:max-content;min-height:100%;display:flex}.canvas-stage canvas,.layer-thumbnail{background:conic-gradient(#e5e5e5 25%, #fff 0 50%, #e5e5e5 0 75%, #fff 0) 0 0 / 16px 16px}.canvas-stage canvas{flex-shrink:0;display:block;box-shadow:0 1px 5px #0005}.canvas-surface{touch-action:none;flex-shrink:0;position:relative}.canvas-surface:focus,.document-viewport:focus{outline:none}.document-viewport.pan-ready,.document-viewport.pan-ready *{cursor:grab}.document-viewport.panning,.document-viewport.panning *{cursor:grabbing;-webkit-user-select:none;user-select:none}.selection-tool{cursor:crosshair;-webkit-user-select:none;user-select:none}.pixel-selection{outline-offset:-2px;pointer-events:none;border:1px dashed #111;outline:1px dashed #fff;position:absolute}.layer-selection{pointer-events:none;border:1px solid #254f85;outline:1px solid #ffffffb0;position:absolute}.layer-handle{pointer-events:auto;touch-action:none;background:#fff;border:1px solid #203a5b;width:8px;height:8px;position:absolute}.layer-nw{cursor:nwse-resize;top:-4px;left:-4px}.layer-ne{cursor:nesw-resize;top:-4px;right:-4px}.layer-sw{cursor:nesw-resize;bottom:-4px;left:-4px}.layer-se{cursor:nwse-resize;bottom:-4px;right:-4px}.compact-selection .layer-nw{top:-8px;left:-8px}.compact-selection .layer-ne{top:-8px;right:-8px}.compact-selection .layer-sw{bottom:-8px;left:-8px}.compact-selection .layer-se{bottom:-8px;right:-8px}.document-footer{background:#d9dce1;border-top:1px solid #949ca7;flex-shrink:0;align-items:center;height:22px;font-size:10px;display:flex}.document-footer span{border-right:1px solid #b6bdc7;padding:0 9px}.document-footer span:last-child{border:0;margin-left:auto}.panels{background:#cdd0d5;border-left:1px solid #656d77;flex-direction:column;gap:10px;padding:8px;display:flex;overflow:auto}.panel{background:var(--panel);border:1px solid #9ca3ad}.panel h2{background:#d4d7dc;border-bottom:1px solid #a7aeb8;justify-content:space-between;align-items:center;height:29px;margin:0;padding:0 10px;font-size:11px;font-weight:600;display:flex;box-shadow:inset 0 1px #eef0f3}.panel h2 span{letter-spacing:1px;color:#777f8a;font-size:8px;font-weight:500}.panel-content{padding:14px 12px 10px}.panel-subheading{color:#69717d;font-size:10px}.property-filename{white-space:nowrap;text-overflow:ellipsis;margin:6px 0 16px;font-size:12px;font-weight:600;overflow:hidden}.property-grid{grid-template-columns:62px 1fr;align-items:center;row-gap:8px;margin:0;font-size:11px;display:grid}.property-grid dt{color:#666f7c}.property-grid dd{text-align:right;background:#f3f4f6;border:1px solid #c3c8d0;min-height:24px;margin:0;padding:4px 7px}.property-note{color:#818893;border-top:1px solid #c7ccd4;margin-top:15px;padding-top:9px;font-size:10px}.layers{flex-direction:column;flex:1;min-height:210px;display:flex}.layer-options{border-bottom:1px solid #b8bec8;flex-direction:column;gap:7px;padding:10px;display:flex}.layer-options label{color:#757c87;align-items:center;gap:8px;font-size:10px;display:flex}.layer-options select,.layer-options input{background:#edf0f4;border:1px solid #b9c0cb;flex:1;width:50px;min-width:0;height:22px;padding:2px 5px}.layer-list{flex:1}.layer-row{border-bottom:1px solid #b0bdcf;align-items:center;gap:9px;padding:9px 8px;font-size:11px;display:flex}.layer-row.selected{background:#c1d0e4}.layer-thumbnail{border:1px solid #7f8d9f;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:38px;display:flex}.layer-name{flex:1}.layer-row{gap:2px;padding:5px 3px}.layer-icon{flex-shrink:0;width:22px;height:28px;padding:2px}.layer-select{flex:1;justify-content:flex-start;gap:6px;min-width:0;padding:2px}.layer-name{text-overflow:ellipsis;white-space:nowrap;text-align:left;overflow:hidden}.layer-list{min-height:70px;overflow:auto}.layers{min-height:245px}.layer-actions{border-top:1px solid #b8bec8;justify-content:flex-end;padding:3px;display:flex}.layer-actions button{width:30px;height:26px;padding:2px;font-size:16px}.layer-metrics{grid-template-columns:1fr 1fr;gap:6px;margin-top:12px;font-size:10px;display:grid}.layer-metrics span{justify-content:space-between;gap:4px;display:flex}.layer-metrics output{font-variant-numeric:tabular-nums}.properties{flex-shrink:0}.panel-empty{color:#848c98;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:13px;margin:28px 10px;font-size:11px;line-height:1.7;display:flex}.panel-footnote{color:#737e8c;border-top:1px solid #c2c8d2;padding:9px 10px;font-size:10px}.sidebar-brand{color:#7e8793;justify-content:space-between;align-items:center;padding:8px 5px 5px;font-size:9px;display:flex}.sidebar-brand strong{letter-spacing:.7px;font-size:8px}.statusbar{color:#626d7c;background:#dce0e5;border-top:1px solid #9da5b0;flex-shrink:0;align-items:center;gap:10px;height:27px;padding:0 11px;font-size:10px;display:flex}.status-indicator{background:#658775;border-radius:50%;flex-shrink:0;width:5px;height:5px}.status-message{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.status-image,.status-phase{border-left:1px solid #b7bfcb;padding-left:12px}.file-input{display:none}.drop-overlay{z-index:10000;color:#fff;pointer-events:none;background:#2b4e78df;border:3px dashed #c8dfff;place-items:center;width:100%;height:100%;font-size:20px;display:grid;position:sticky;top:0;left:0}.error-notice{z-index:10001;color:#684a23;background:#fff4df;border:1px solid #bf9765;max-height:40%;margin:10px;padding:12px 34px 12px 14px;font-size:12px;position:sticky;top:10px;overflow:auto;box-shadow:0 2px 7px #0003}.error-notice button{float:right;margin-right:-28px}.error-notice ul{margin-bottom:0;padding-left:17px}.error-notice li{overflow-wrap:anywhere;margin-top:6px}.about-dialog{color:#344050;background:#edf0f4;border:1px solid #8b97a8;max-width:490px;padding:24px;font-size:12px;line-height:1.8;box-shadow:0 10px 40px #0004}.about-dialog::backdrop{background:#1e2b4166}.about-dialog h2{margin:0;font-size:20px}.about-dialog h2 small{font-size:12px;font-weight:400}.about-dialog form{text-align:right}.about-dialog button{background:#fff;border:1px solid #9ba9bb;min-width:75px}.edit-dialog{color:#344050;background:#e5e7eb;border:1px solid #8291a4;width:370px;max-width:calc(100vw - 40px);max-height:90vh;padding:18px;font-size:12px;overflow:auto;box-shadow:0 6px 24px #0005}.edit-dialog::backdrop{background:#25324944}.edit-dialog h2{margin:0 0 12px;font-size:15px}.edit-dialog p{line-height:1.6}.dialog-fields{border:0;gap:10px;margin:12px 0;padding:0;display:grid}.edit-dialog label{justify-content:space-between;align-items:center;gap:12px;display:flex}.edit-dialog input:not([type=checkbox]),.edit-dialog select{background:#f8f9fa;border:1px solid #a7b1bf;width:170px;padding:4px}.edit-dialog textarea{resize:vertical;background:#f8f9fa;border:1px solid #a7b1bf;width:100%;padding:8px;font:14px/1.6 Malgun Gothic,sans-serif;display:block}.edit-dialog label:has(textarea){display:block}.edit-dialog .check-label{justify-content:flex-start;gap:6px}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.dialog-actions button{background:#f8f9fa;border:1px solid #9ba9bb;min-width:68px;padding:5px 14px}.dialog-note{color:#647183;font-size:11px}.dialog-warning,.edit-dialog [role=alert]{color:#8a471a}.adjustments output{text-align:right;font-variant-numeric:tabular-nums;min-width:26px}.menu-section{color:#68778b;padding:5px 12px;font-size:10px;display:block}@media (width<=1050px){.editor-body{grid-template-columns:58px minmax(320px,1fr) 202px}.menu summary{padding-inline:9px}.menu-local,.sidebar-brand span{display:none}.property-grid{grid-template-columns:50px 1fr}}.save-dialog{max-width:min(520px,100vw - 48px)}.save-name{align-items:center;gap:12px;display:flex}.save-name input{flex:1;min-width:0}.save-warning{background:#f4efdc;border:1px solid #c5bb97;padding:8px 10px;font-size:12px;line-height:1.55}.save-warning p{margin:5px 0}.save-warning label{display:block}