.mh-drawing-editor{display:grid;gap:9px;margin-top:8px}.mh-drawing-tools{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.mh-drawing-tools .button,.mh-upload-button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;min-height:40px;padding:0;border-radius:8px;font-size:0}.mh-tool-icon{display:block;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.mh-drawing-tools [aria-pressed="true"]{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-dark);font-weight:700}.mh-drawing-tools .button:disabled{opacity:.38;cursor:not-allowed}.mh-tool-separator{height:26px;margin:0 3px;border-left:1px solid var(--line-2)}.mh-photo-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.mh-upload-button{cursor:pointer}.mh-canvas-wrap,.mh-sketch-preview{width:100%;overflow:hidden;border:1px solid var(--line-2);border-radius:9px;background:#fbfcf9}.mh-drawing-canvas{display:block;width:100%;height:auto;aspect-ratio:8/5;touch-action:none;cursor:crosshair}.mh-drawing-canvas[data-tool="eraser"]{cursor:cell}.mh-drawing-hint,.mh-drawing-privacy{margin:0;color:var(--muted);font-size:9px;line-height:1.5}.mh-drawing-privacy{padding:8px 10px;border-radius:7px;background:var(--surface-2)}.mh-sketch-preview{max-height:380px}.mh-sketch-preview .mh-drawing-canvas{max-height:380px;object-fit:contain}
@media(max-width:560px){.mh-drawing-tools{display:flex;gap:7px}.mh-drawing-tools .button,.mh-upload-button{width:44px;height:44px;min-height:44px}.mh-tool-icon{width:20px;height:20px}.mh-tool-separator{height:28px;margin:0 1px}.mh-sketch-preview{max-height:280px}}
.mh-drawing-canvas[data-tool="pan"]{cursor:grab}.mh-zoom-level{min-width:36px;color:var(--muted);font-size:10px;font-variant-numeric:tabular-nums;text-align:center}
.mh-drawing-editor:fullscreen,.mh-drawing-editor.is-fullscreen-fallback{position:fixed;inset:0;z-index:9999;box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;width:100vw;height:100vh;height:100dvh;max-height:100dvh;gap:8px;margin:0;padding:calc(8px + env(safe-area-inset-top)) 8px calc(8px + env(safe-area-inset-bottom));overflow:hidden;background:#f7f8f5}.mh-drawing-editor:fullscreen .mh-drawing-tools,.mh-drawing-editor.is-fullscreen-fallback .mh-drawing-tools{position:sticky;top:0;z-index:2;grid-column:1;grid-row:1;align-self:start;justify-self:start;box-sizing:border-box;max-width:100%;padding:7px;border:1px solid var(--line-2);border-radius:11px;background:rgba(255,255,255,.96);box-shadow:0 5px 18px rgba(30,40,30,.13);backdrop-filter:blur(12px)}.mh-drawing-editor:fullscreen .mh-canvas-wrap,.mh-drawing-editor.is-fullscreen-fallback .mh-canvas-wrap{display:flex;grid-column:1;grid-row:1;align-items:center;justify-content:center;min-height:0;height:100%}.mh-drawing-editor:fullscreen .mh-drawing-canvas,.mh-drawing-editor.is-fullscreen-fallback .mh-drawing-canvas{width:100%;height:100%;max-height:100%;object-fit:contain}.mh-drawing-editor:fullscreen .mh-drawing-hint,.mh-drawing-editor.is-fullscreen-fallback .mh-drawing-hint{grid-column:1;grid-row:2;padding:2px 4px}.mh-drawing-fullscreen{overflow:hidden!important}