.editor-cursor{position:fixed;pointer-events:none;z-index:1200;transform:translate(-50%,-50%);width:0;height:0}.editor-cursor[hidden]{display:none!important}.editor-cursor-ring{position:absolute;left:0;top:0;transform:translate(-50%,-50%);width:var(--brush-diameter);height:var(--brush-diameter);border:1.5px solid #263b34;outline:1.5px solid #fff9;border-radius:50%;background:color-mix(in srgb,var(--brush-color) 9%,transparent);box-sizing:border-box}.editor-cursor-ring:after{content:'';position:absolute;left:50%;top:50%;width:3px;height:3px;background:#263b34;border:1px solid white;border-radius:50%;transform:translate(-50%,-50%)}.editor-cursor-glyph{position:absolute;left:12px;bottom:10px;width:27px;height:27px;padding:3px;border:1px solid #cbd8c7;border-radius:7px;background:#fffffff2;box-shadow:0 2px 5px #0002;color:var(--brush-color)}.editor-cursor-glyph svg{width:100%;height:100%}.editor-cursor[data-tool=fill] .editor-cursor-ring{width:6px;height:6px;border-radius:2px;background:var(--brush-color)}.editor-cursor[data-tool=eraser] .editor-cursor-ring{border-style:dashed;background:#fff5}.editor-cursor[data-tool=marker] .editor-cursor-ring{border-radius:25%}.editor-cursor[data-tool=shade] .editor-cursor-ring{border-style:dashed;background:radial-gradient(circle,color-mix(in srgb,var(--brush-color) 15%,transparent),transparent 75%)}.editor-cursor[data-tool=pencil] .editor-cursor-ring{border-style:dotted}.editor-cursor[data-tool=crayon] .editor-cursor-ring{border-width:2px}.editor-utilities [data-studio-mode=move]{gap:6px;font-size:13px!important;white-space:nowrap}.editor-utilities [data-studio-mode=move] span{display:inline!important}.editor-colors .studio-color{position:relative;gap:7px;padding:6px 9px!important;border:1px solid #cbd8c6;border-radius:12px;background:white;cursor:pointer;min-height:44px}.editor-colors .studio-color>svg{width:20px;height:20px;color:#3e6749}.editor-picker-name{font-size:12px;white-space:nowrap;color:#405e46}.editor-colors .studio-color input[type=color]{width:28px;height:28px;box-shadow:none;border:1px solid #d4dece;border-radius:6px}.editor-heading #studioSaveStatus.editor-detailed-status{display:none!important}.editor-save-indicator{display:block;font-size:12px;color:#617b64;line-height:1.7}.editor-heading #studioSaveStatus.editor-detailed-status~.editor-save-indicator{display:block}.studio-work-time{font-size:12px;color:#677963;line-height:1.6}.editor-move-help{font-size:13px}.editor-dialog .editor-detailed-status{display:block}
@media(max-width:599px){.editor-utilities{gap:5px}.modern-editor .editor-utilities [data-studio-mode=move]{padding:5px 7px;font-size:11px!important;gap:4px}.editor-utilities [data-studio-mode=move] svg{width:18px;height:18px}.editor-colors .studio-color{gap:4px;padding:5px 7px!important}.editor-colors .studio-color>svg{width:17px;height:17px}.editor-picker-name{font-size:11px}.editor-save-indicator{font-size:10px}.editor-colors .studio-color input[type=color]{width:24px;height:24px}}
@media(max-width:350px){.editor-utilities [data-studio-mode=move] span{font-size:10px}.editor-utilities [data-studio-mode=move] svg{width:16px;height:16px}.editor-zoom output{min-width:30px}.editor-picker-name{max-width:24px;white-space:normal;font-size:10px;line-height:1.3}}
.modern-editor .paint-surface{flex:none!important}
@media(max-width:350px){.modern-editor .editor-utilities{display:grid;grid-template-columns:auto 1fr auto;gap:5px}.editor-utilities .editor-history{grid-column:1;grid-row:1}.editor-utilities [data-studio-mode=move]{grid-column:2;grid-row:1;justify-self:start}.editor-utilities .editor-adjust{grid-column:3;grid-row:1}.editor-utilities .editor-zoom{grid-column:1/-1;grid-row:2;justify-content:center;width:100%;margin:0}.modern-editor .paint-surface{height:calc(100svh - 380px)!important}}