.pe-mobile-tools{display:none}@media (width<=760px){.photo-editor .pe-drawing-toolbar,.photo-editor .pe-options,.photo-editor:not(.pe-mode-view) .pe-modes,.photo-editor:not(.pe-mode-view) .pe-view-controls{display:none}.pe-mobile-tools{min-width:0;min-height:0;padding-bottom:env(safe-area-inset-bottom,0px);flex-direction:column;flex:none;order:1;gap:8px;display:flex}.pe-mobile-mode-heading{justify-content:space-between;align-items:center;gap:10px;min-height:40px;padding:0 4px 0 8px;display:flex}.pe-mobile-mode-heading>div{color:var(--pe-muted);align-items:center;gap:9px;display:flex}.pe-mobile-mode-heading h2{color:var(--pe-ink)}.photo-editor .pe-mobile-apply{width:40px;height:40px;color:var(--pe-accent);background:var(--pe-mint);border-radius:50%;justify-content:center;align-items:center;padding:7px;display:flex}.pe-mobile-toolbar{border:1px solid var(--pe-line);background:var(--pe-card);border-radius:20px;justify-content:space-between;align-items:center;gap:4px;min-height:56px;padding:6px;display:flex}.pe-mobile-tool{border-radius:13px;flex:0 0 40px;justify-content:center;align-items:center;min-width:0;height:44px;padding:7px;display:inline-flex}.pe-mobile-toolbar .pe-mobile-tool-label{flex:1;gap:8px;padding:8px 12px;font-size:13px}.pe-mobile-tool-label>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.pe-mobile-toolbar .pe-mobile-eraser-mode{justify-content:flex-start;margin-left:6px}.pe-mode-draw .pe-mobile-toolbar{justify-content:center}.pe-mode-draw .pe-mobile-swatches{flex:0 auto}.pe-mode-draw .pe-mobile-eraser-mode{flex:0 auto;justify-content:center;margin-left:0}.pe-mobile-swatches{scrollbar-width:none;overscroll-behavior:contain;flex:1;align-items:center;gap:2px;min-width:0;padding:2px;display:flex;overflow-x:auto}.pe-mobile-swatches::-webkit-scrollbar{display:none}.pe-mobile-swatch{border-radius:10px;flex:0 0 30px;justify-content:center;align-items:center;width:30px;height:40px;padding:4px;display:flex}.pe-mobile-swatch span{border:1px solid #a6b6c566;border-radius:50%;flex:none;width:22px;height:22px;display:block}.pe-mobile-swatch.pe-selected span{outline:2px solid var(--pe-accent);outline-offset:2px}.pe-mobile-tool .pe-color-wheel{width:26px;height:26px}.pe-mobile-expanded{overscroll-behavior:contain;scrollbar-width:thin;border-radius:20px;min-height:0;max-height:min(30dvh,210px);animation:.14s ease-out pe-mobile-reveal;overflow-y:auto}.pe-mobile-tools .pe-panel{border-radius:20px;gap:12px;padding:12px 14px}.pe-mobile-panel-heading{justify-content:space-between;align-items:center;gap:8px;min-height:26px;display:flex}.pe-mobile-panel-close{border-radius:50%;flex:0 0 32px;justify-content:center;align-items:center;width:32px;height:32px;margin:-4px -5px -4px 0;padding:5px;display:flex;color:var(--pe-muted)!important}.pe-mobile-panel-close:hover{background:var(--pe-surface)}.pe-mobile-tools .pe-slider{gap:8px}.pe-mobile-tools .pe-text-button{min-height:32px}.pe-mobile-shapes{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.pe-mobile-shapes button{border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:66px;padding:8px 3px;font-size:10px;line-height:1.2;display:flex}.pe-mobile-shapes button span{overflow-wrap:anywhere}.pe-mode-adjust .pe-mobile-tool-label{flex-direction:column;gap:4px;height:auto;min-height:54px;padding:6px 2px;font-size:10px}.pe-mode-adjust .pe-mobile-tool-label>span{max-width:100%}.pe-mobile-tools .pe-zoom-panel{gap:10px}.pe-mobile-tools .pe-zoom-value{margin-bottom:-5px}.pe-mobile-tools .pe-zoom-controls{gap:10px}.pe-mobile-tools .pe-ratios button{min-height:62px}.photo-editor .pe-error-bar{padding:6px 16px;font-size:12px}}@media (width<=760px) and (height<=540px){.photo-editor .pe-header{padding-top:6px;padding-bottom:6px}.photo-editor .pe-viewport{min-height:70px}.pe-mobile-tools{gap:4px}.pe-mobile-expanded{max-height:27dvh}.pe-mobile-toolbar{min-height:50px;padding:3px 6px}.pe-mobile-mode-heading{min-height:34px}.pe-mobile-apply{transform:scale(.9)}}@keyframes pe-mobile-reveal{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.pe-mobile-expanded{animation:none}}