@media (max-width: 480px) {
    header { padding-left: 14px; padding-right: 10px; height: 56px; }
    .dev-badge { display: none; }
    .header-actions { gap: 5px; }
    .btn-icon-only { width: 34px; height: 34px; font-size: 0.9rem; }
    body.layout-classic #controls { bottom: max(16px, var(--safe-bottom)); padding: 6px 10px; gap: 8px; border-radius: 10px; }
    body.layout-split #controls { gap: 8px; padding: 6px 10px; border-radius: 10px; }
    body.layout-split #toolbar { right: 6px; max-height: calc(100vh - 140px); }
    body.layout-onehand header { bottom: max(108px, calc(var(--safe-bottom) + 88px)); }
    body.layout-onehand #toolbar { bottom: max(74px, calc(var(--safe-bottom) + 52px)); padding: 6px; border-radius: 10px; }
    body.layout-onehand #controls { gap: 6px; padding: 6px 10px; border-radius: 10px; }
    .control-btn { padding: 10px 16px; font-size: 0.82rem; border-radius: 8px; gap: 6px; }
    .tool-opt { width: 54px; padding: 10px 6px; flex-shrink: 0; }
    .tool-label { font-size: 0.6rem; }
    .tool-manager-btn { width: 54px; height: 54px; margin: 6px auto 0 auto; }
    #toolbar { padding: 6px; border-radius: 10px; }
}