.paint-host{min-width:0;min-height:740px;container:paint/inline-size}.paint-editor{border:1px solid var(--paint-border);box-sizing:border-box;background:var(--paint-chrome);width:100%;max-width:none;height:740px;max-height:none;color:var(--paint-foreground);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;isolation:isolate;border-radius:8px;flex-direction:column;margin:0;padding:0;font:13px/1.45 Segoe UI,Pretendard,sans-serif;display:flex;position:relative;inset:auto;overflow:hidden;container:paint/inline-size}html[data-theme=dark] .paint-editor{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.paint-editor[data-paint-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.paint-editor[data-paint-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.paint-editor[data-maximized=true]{border:0;border-radius:0;width:100vw;height:100dvh;position:fixed;inset:0}.paint-editor::backdrop{background:var(--paint-workspace)}.paint-editor *,.paint-editor :before,.paint-editor :after{box-sizing:border-box}.paint-editor button{font:inherit;cursor:pointer;flex-shrink:0}.paint-editor button:disabled{opacity:.38;cursor:default}.paint-editor svg{flex-shrink:0;display:block}.paint-editor button,.paint-editor input,.paint-editor select{scroll-margin:8px}.paint-titlebar{border-bottom:1px solid var(--paint-border);align-items:center;gap:10px;min-height:34px;padding-left:12px;display:flex}.paint-app-icon{color:var(--paint-accent)}.paint-title-spacer{flex:1}.paint-button{min-width:32px;min-height:32px;color:inherit;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;gap:4px;padding:5px;display:inline-flex}.paint-button:hover:not(:disabled),.paint-button[aria-expanded=true]{background:var(--paint-hover)}.paint-button[aria-pressed=true]{background:var(--paint-selected);border-color:var(--paint-accent)}.paint-window-button{border-radius:0;align-self:stretch;width:46px}.paint-menubar{border-bottom:1px solid var(--paint-border);flex-wrap:nowrap;align-items:center;gap:4px;min-height:42px;padding:4px 8px;display:flex}.paint-menubar,.paint-ribbon,.paint-text-toolbar{scrollbar-width:thin;overscroll-behavior-x:contain;flex-shrink:0;min-width:0;overflow:auto hidden}.paint-menubar>*,.paint-text-toolbar>*{white-space:nowrap;flex-shrink:0}.paint-menubar>.paint-button[aria-haspopup]{padding-inline:9px}.paint-menubar>.paint-button[aria-haspopup]>svg{display:none}.paint-divider{background:var(--paint-border);width:1px;height:20px;margin-inline:5px}.paint-ribbon-wrap{background:var(--paint-panel);border-bottom:1px solid var(--paint-border);flex-shrink:0;position:relative}.paint-ribbon{scrollbar-width:thin;align-items:stretch;gap:0;padding:8px 6px 4px;display:flex;overflow-x:auto}.paint-group{border-right:1px solid var(--paint-border);flex-direction:column;flex-shrink:0;align-items:center;padding:0 10px;display:flex}.paint-group:last-child{border-right:0}.paint-group-controls{flex:1;justify-content:center;align-items:center;min-height:86px;display:flex}.paint-group-label{color:var(--paint-muted);padding-top:5px;font-size:12px}.paint-tool-grid{grid-template-columns:repeat(3,32px);gap:6px 3px;display:grid}.paint-image-tools{grid-template-columns:repeat(2,38px);gap:6px;display:grid}.paint-split{border:1px solid var(--paint-border);border-radius:4px;flex-direction:column;width:42px;display:flex}.paint-split>.paint-button:first-child{min-height:45px}.paint-split>.paint-button:last-child{border-top:1px solid var(--paint-border);height:20px;min-height:20px;padding:0;font-size:0}.paint-shapes{gap:6px;display:flex}.paint-shape-grid{grid-template-columns:repeat(8,26px);grid-auto-rows:27px;display:grid}.paint-shape-grid .paint-button{min-width:26px;min-height:27px;padding:3px}.paint-shape-grid svg{width:18px;height:18px}.paint-shape-style{flex-direction:column;gap:0;display:flex}.paint-shape-style .paint-button{height:27px;min-height:27px}.paint-colors{align-items:center;gap:8px;display:flex}.paint-active-colors{flex-direction:column;gap:3px;display:flex}.paint-color-current{border:1px solid #0000;border-radius:50%;width:34px;height:34px;padding:3px}.paint-color-current[aria-pressed=true]{border-color:var(--paint-accent)}.paint-color-current span{border:1px solid var(--paint-muted);border-radius:50%;width:100%;height:100%;display:block}.paint-palette{grid-template-columns:repeat(10,23px);grid-auto-rows:24px;display:grid}.paint-swatch{border:1px solid #0000;border-radius:50%;place-items:center;width:23px;height:24px;padding:2px;display:grid}.paint-swatch span{border:1px solid var(--paint-muted);border-radius:50%;width:17px;height:17px;display:block}.paint-swatch:hover:not(:disabled),.paint-swatch[aria-pressed=true]{border-color:var(--paint-accent)}.paint-color-wheel>span{border:1px solid var(--paint-border);background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:50%;width:26px;height:26px}.paint-toolbar-options{justify-content:flex-end;padding:0 4px 4px;display:flex}.paint-toolbar-options>button{background:var(--paint-panel);min-height:28px;padding:3px 4px}.paint-toolbar-options>button>svg:last-child{display:none}.paint-show-toolbar{border-bottom:1px solid var(--paint-border);background:var(--paint-panel);justify-content:flex-end;align-items:center;gap:8px;padding:4px 10px;display:flex}.paint-workarea{background:var(--paint-workspace);flex:1;min-height:0;display:flex;position:relative;overflow:hidden;container:paint-work/inline-size}.paint-tool-sidebar{flex-direction:column;flex-shrink:0;align-items:center;width:52px;min-height:0;display:flex}.paint-pan-toggle{flex-shrink:0;width:44px;min-height:44px;margin:4px}.paint-tool-settings{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;width:52px;min-height:0;padding:16px 8px;display:flex;overflow-y:auto}.paint-slider-card{border:1px solid var(--paint-border);background:var(--paint-panel);border-radius:8px;flex-direction:column;align-items:center;gap:8px;width:36px;height:min(42%,210px);min-height:100px;padding:10px 2px;display:flex}.paint-slider-card input{writing-mode:vertical-lr;width:20px;min-height:38px;accent-color:var(--paint-accent);direction:rtl;flex:1}.paint-slider-card output{text-align:center;font-size:12px;line-height:14px}.paint-slider-card output span{color:var(--paint-muted);font-size:12px;display:block}.paint-viewport{overscroll-behavior:contain;scrollbar-color:var(--paint-muted) var(--paint-workspace);flex:1;min-width:0;overflow:auto}.paint-canvas-space{margin:0 auto;padding:32px;position:relative}.paint-canvas-frame{background:var(--paint-paper);position:relative;box-shadow:0 1px 4px #0003}.paint-canvas-frame canvas{cursor:crosshair;touch-action:none;width:100%;max-width:none;height:100%;display:block}.paint-viewport[data-pan=true],.paint-editor .paint-viewport[data-pan=true] *{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.paint-viewport[data-pan=true][data-dragging=true],.paint-editor .paint-viewport[data-pan=true][data-dragging=true] *{cursor:grabbing}.paint-paper{background:var(--paint-paper)}.paint-checker{background:conic-gradient(var(--paint-checker) 25%, var(--paint-paper) 0 50%, var(--paint-checker) 0 75%, var(--paint-paper) 0) 0 0 / 16px 16px}.paint-grid-overlay{pointer-events:none;background:linear-gradient(90deg,#0003 1px,#0000 1px),linear-gradient(#0003 1px,#0000 1px);background-size:var(--paint-grid-size) var(--paint-grid-size);position:absolute;inset:0}.paint-selection-overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.paint-selection-overlay rect,.paint-selection-overlay polygon{fill:none;stroke:var(--paint-foreground);stroke-width:1px;stroke-dasharray:4 3;vector-effect:non-scaling-stroke;filter:drop-shadow(1px 1px 0 var(--paint-paper))}.paint-text-input{z-index:1;resize:none;color:#0000;-webkit-text-fill-color:transparent;white-space:pre-wrap;overflow-wrap:anywhere;outline-offset:1px;background:0 0;border:0;border-radius:0;margin:0;position:absolute;overflow:hidden}.paint-selection-handles{pointer-events:none;position:absolute;inset:0}.paint-selection-handle{z-index:2;border:1px solid var(--paint-foreground);background:var(--paint-paper);width:14px;min-width:14px;height:14px;color:var(--paint-foreground);pointer-events:auto;touch-action:none;cursor:nwse-resize;border-radius:2px;padding:0;position:absolute;transform:translate(-50%,-50%)}.paint-selection-handle[data-handle=ne],.paint-selection-handle[data-handle=sw]{cursor:nesw-resize}.paint-selection-handle[data-handle=rotate]{cursor:grab;border-radius:50%;width:22px;height:22px}.paint-selection-handle[data-handle^=control]{background:var(--paint-selected);cursor:move;border-radius:50%}.paint-resize-handle{background:var(--paint-panel);border:1px solid var(--paint-muted);pointer-events:none;width:6px;height:6px;position:absolute}.paint-handle-e{top:50%;right:-4px}.paint-handle-s{bottom:-4px;left:50%}.paint-handle-se{bottom:-4px;right:-4px}.paint-ruler{color:var(--paint-muted);background-color:var(--paint-panel);pointer-events:none;font:12px/1 Segoe UI,sans-serif;position:absolute;overflow:hidden}.paint-ruler-horizontal{border-bottom:1px solid var(--paint-border);background-image:repeating-linear-gradient(to right, var(--paint-border) 0 1px, transparent 1px var(--paint-ruler-step));height:20px;top:0;left:32px;right:32px}.paint-ruler-horizontal span{background:var(--paint-panel);white-space:nowrap;padding:1px 3px;position:absolute;top:1px}.paint-ruler-vertical{border-right:1px solid var(--paint-border);background-image:repeating-linear-gradient(to bottom, var(--paint-border) 0 1px, transparent 1px var(--paint-ruler-step));width:20px;top:32px;bottom:32px;left:0}.paint-ruler-vertical span{writing-mode:vertical-rl;background:var(--paint-panel);padding:3px 1px;position:absolute;left:2px}.paint-layers{border-left:1px solid var(--paint-border);background:var(--paint-panel);flex-direction:column;flex-shrink:0;gap:12px;width:196px;padding:12px;display:flex;overflow-y:auto}.paint-layers>header{justify-content:space-between;align-items:center;display:flex}.paint-layers strong{font-weight:600}.paint-add-layer{border:1px solid var(--paint-border);width:100%}.paint-layer-card{border:2px solid var(--paint-border);border-radius:5px;padding:6px}.paint-layer-list{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex;overflow-y:auto}.paint-layer-card{flex-shrink:0}.paint-layer-card[data-selected=true]{border-color:var(--paint-accent)}.paint-layer-select{text-align:left;width:100%;color:inherit;cursor:pointer;background:0 0;border:0;display:block}.paint-layer-thumbnail{justify-content:center;align-items:center;height:98px;margin-bottom:4px;padding:12px;display:flex}.paint-layer-thumbnail img{object-fit:contain;max-width:100%;max-height:100%}.paint-layer-thumbnail>div{width:100%;height:100%}.paint-layer-name{justify-content:flex-end;align-items:center;padding-top:4px;display:flex}.paint-layer-name>span{flex:1}.paint-layer-name button{min-width:26px;padding:3px}.paint-layer-name svg:last-child:not(:first-child){display:none}.paint-layer-background{border-top:1px solid var(--paint-border);align-items:center;gap:8px;margin-top:auto;padding-top:12px;display:flex}.paint-layer-background button{margin-left:auto}.paint-background-chip{background:var(--paint-paper);border:1px solid var(--paint-muted);border-radius:3px;width:22px;height:22px}.paint-statusbar{border-top:1px solid var(--paint-border);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px 14px;min-height:38px;padding:3px 8px;font-size:12px;display:flex}.paint-position,.paint-image-size{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.paint-position{width:102px}.paint-image-size{border-left:1px solid var(--paint-border);padding-left:12px}.paint-current-tool{color:var(--paint-muted)}.paint-zoom{align-items:center;gap:3px;margin-left:auto;display:flex}.paint-zoom .paint-button{min-width:28px;min-height:28px;padding:4px}.paint-zoom>input{width:90px;accent-color:var(--paint-accent);min-width:35px}.paint-zoom-input{border:1px solid var(--paint-border);border-radius:4px;align-items:center;gap:2px;padding-right:5px;display:flex}.paint-zoom-input input{width:48px;height:26px;color:inherit;background:0 0;border:0;padding:2px 4px}.paint-preview-notice{color:var(--paint-muted);border-top:1px solid var(--paint-border);margin:0;padding:5px 10px;font-size:12px}.paint-menu{z-index:10;border:1px solid var(--paint-border);background:var(--paint-panel);border-radius:7px;min-width:min(250px,100% - 8px);max-width:calc(100% - 8px);max-height:calc(100% - 8px);padding:5px;position:absolute;overflow:auto;box-shadow:0 6px 18px #0003}.paint-menu button{width:100%;min-height:34px;color:inherit;text-align:left;background:0 0;border:0;border-radius:4px;align-items:center;gap:8px;padding:6px 8px;display:flex}.paint-menu button:hover:not(:disabled),.paint-menu button:focus-visible{background:var(--paint-hover)}.paint-menu-label{flex:1}.paint-menu-symbol{flex-shrink:0;width:18px}.paint-menu hr{border:0;border-top:1px solid var(--paint-border);margin:5px 3px}.paint-shortcut{color:var(--paint-muted);font-size:12px}.paint-menu .paint-menu-back{border-bottom:1px solid var(--paint-border);margin-bottom:4px;font-weight:600}.paint-brush-sample{width:72px;height:24px}.paint-text-toolbar{border-bottom:1px solid var(--paint-border);background:var(--paint-panel);flex-wrap:nowrap;align-items:center;gap:6px;padding:6px 12px;display:flex}.paint-text-toolbar label{align-items:center;gap:5px;display:inline-flex}.paint-text-toolbar select,.paint-text-toolbar input[type=number]{border:1px solid var(--paint-border);background:var(--paint-chrome);height:30px;color:inherit;border-radius:4px;padding:4px}.paint-text-toolbar input[type=number]{width:56px}.paint-dialog{border:1px solid var(--paint-border);background:var(--paint-panel);width:min(440px,100vw - 24px);max-height:calc(100dvh - 32px);color:var(--paint-foreground);font:inherit;border-radius:8px;margin:auto;padding:0;overflow:auto}.paint-dialog::backdrop{background:#0007}.paint-dialog>header{border-bottom:1px solid var(--paint-border);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.paint-dialog h3{margin:0;font-size:16px;font-weight:600}.paint-dialog h4{margin:0 0 12px;font-weight:600}.paint-dialog-body{padding:20px}.paint-dialog-body>p{color:var(--paint-muted);margin-top:16px}.paint-dialog>footer{border-top:1px solid var(--paint-border);justify-content:flex-end;gap:8px;padding:12px 16px;display:flex}.paint-text-button{border:1px solid var(--paint-border);background:var(--paint-chrome);min-height:34px;color:inherit;border-radius:4px;padding:5px 20px}.paint-text-button:hover:not(:disabled){background:var(--paint-hover)}.paint-text-button.paint-primary{background:var(--paint-accent);color:var(--paint-on-accent)}.paint-dialog input:not([type=radio]):not([type=checkbox]):not([type=color]):not([type=range]),.paint-dialog select{border:1px solid var(--paint-muted);background:var(--paint-chrome);width:100%;min-width:0;max-width:100%;color:inherit;border-radius:4px;padding:6px 8px}.paint-dialog input[type=radio],.paint-dialog input[type=checkbox]{accent-color:var(--paint-accent);margin-right:8px}.paint-dialog fieldset{border:1px solid var(--paint-border);border-radius:4px;margin:0 0 18px;padding:12px}.paint-dialog fieldset>label{margin-right:12px}.paint-dialog legend{padding:0 6px;font-weight:600}.paint-form-row{gap:12px;margin:12px 0;display:flex}.paint-form-row label{flex:1;min-width:0}.paint-dialog-wide{width:min(650px,100vw - 24px);container:paint-color-dialog/inline-size}.paint-color-form{flex-direction:column;gap:22px;display:flex}.paint-color-mixer{grid-template-columns:minmax(100px,1fr) 32px 24px 136px;align-items:stretch;gap:12px;display:grid}.paint-color-plane{border:1px solid var(--paint-muted);touch-action:none;background:linear-gradient(#fff0,#fff),linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:4px;min-height:225px;padding:0;position:relative;overflow:hidden}.paint-color-marker{pointer-events:none;border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #000}.paint-color-preview{border:1px solid var(--paint-muted);border-radius:4px}.paint-color-brightness{writing-mode:vertical-lr;width:24px;accent-color:var(--paint-accent);direction:rtl}.paint-color-values{flex-direction:column;gap:7px;min-width:0;display:flex}.paint-color-values label{grid-template-columns:30px minmax(0,1fr);align-items:center;gap:7px;font-size:12px;display:grid}.paint-color-presets{flex-wrap:wrap;justify-content:space-between;gap:20px;display:flex}.paint-color-presets h4{justify-content:space-between;align-items:center;min-height:30px;display:flex}.paint-basic-palette{grid-template-columns:repeat(12,minmax(0,23px))}.paint-custom-palette{grid-template-columns:repeat(6,23px)}.paint-color-presets section{min-width:0;max-width:100%}.paint-basic-palette .paint-swatch{width:100%;min-width:0}.paint-resize-fields{align-items:end;gap:8px}.paint-aspect-lock{flex-shrink:0;margin-bottom:2px}.paint-message{border-top:1px solid var(--paint-border);background:var(--paint-panel);justify-content:space-between;align-items:center;margin:0;padding:6px 12px;display:flex}.paint-titlebar>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.paint-color-form p{color:var(--paint-muted);margin:0}@container paint-color-dialog (width<=470px){.paint-color-mixer{grid-template-columns:minmax(100px,1fr) 24px 24px;gap:8px}.paint-color-plane{min-height:150px}.paint-color-values{grid-column:1/-1;grid-template-columns:1fr 1fr;display:grid}.paint-color-values label:first-child{grid-column:1/-1}}.paint-theme-options{flex-direction:column;gap:14px;display:flex}.paint-properties{grid-template-columns:1fr 1fr;gap:12px;margin:0;display:grid}.paint-properties dd{margin:0}.paint-image-preview{border:1px solid var(--paint-border);width:100%}@container paint-work (width<=559px){.paint-layers{z-index:2;width:min(196px,100% - 52px);position:absolute;top:0;bottom:0;right:0;box-shadow:-4px 0 12px #0002}}@container paint (width<=440px){.paint-statusbar{column-gap:8px;padding-block:8px}.paint-position{width:82px}.paint-current-tool{display:none}.paint-zoom{justify-content:flex-end;width:100%}.paint-zoom>input{flex:1;max-width:150px}.paint-menubar{gap:0;padding-inline:3px}.paint-menubar>.paint-button[aria-haspopup]{padding-inline:6px}.paint-menubar .paint-divider{margin-inline:2px}.paint-tool-settings{width:42px;padding-inline:3px}.paint-titlebar{padding-left:8px}}.paint-group{min-inline-size:0}fieldset.paint-group,fieldset.paint-tool-settings{border-block:0;border-left:0;margin:0}fieldset.paint-tool-settings{border:0;min-inline-size:0}.paint-hidden-notice{z-index:1;border:1px solid var(--paint-border);background:var(--paint-panel);border-radius:4px;flex-wrap:wrap;align-items:center;gap:8px;width:fit-content;max-width:calc(100% - 68px);margin-inline:auto;padding:8px 12px;display:flex;position:absolute;top:8px;left:60px;right:8px}.paint-canvas-frame canvas[aria-disabled=true]{cursor:not-allowed}