html, body { margin: 0; min-width: 0; }
#tool-safety-message { position:fixed; inset:auto 14px 18px; z-index:2147483600; max-width:720px; margin-inline:auto; padding:14px 20px; border:1px solid #fdc4c4; border-radius:12px; background:#fff2f2; color:#8a2424; font:14px/1.6 system-ui,sans-serif; pointer-events:none; box-shadow:0 5px 24px #0002; }
body[data-tool="image"] #root { padding-bottom: 20px; }
body[data-tool="image"] h1 { overflow-wrap: anywhere; }
body[data-tool="image"] input[type="number"] { direction: ltr; }
body[data-tool="ps"] .wrapper { direction: ltr; }
body[data-tool="ps"] .main_menu { overflow-x: auto; max-width: 100vw; }
body[data-tool="ps"] .submenu .logo { font-size: 0; }
body[data-tool="ps"] .submenu .logo::before { content: 'miniPaint'; font-size: 14px; }
body[data-tool="ps"] .popup { max-width: calc(100vw - 20px); }
body[data-tool="ps"] .logo { pointer-events: none; }
html[dir="rtl"] body[data-tool="ps"] .sidebar_right,
html[dir="rtl"] body[data-tool="ps"] .popup,
html[dir="rtl"] body[data-tool="ps"] .main_menu .name { direction: rtl; text-align: start; }
html[dir="rtl"] body[data-tool="image"] .space-x-3 > :not([hidden]) ~ :not([hidden]) { margin-left: 0; margin-right: .75rem; }
@media (max-width: 600px) {
  body[data-tool="image"] .p-8 { padding: 1.2rem; }
  body[data-tool="image"] .text-4xl { font-size: 1.7rem; line-height: 1.3; }
}