@media (min-width:1200px){.app-main{padding:1.5rem}.toolbar{padding:1rem 1.5rem}.action-buttons{gap:.75rem}.btn{padding:.625rem 1.25rem;font-size:.9rem}.content-area{min-height:500px}.json-editor,.json-output{font-size:15px}}@media (max-width:1199px) and (min-width:992px){.app-main{max-width:100%;padding:1rem}.toolbar{flex-wrap:wrap;gap:.75rem}.action-buttons{order:1;width:100%;justify-content:center}.toolbar-actions{order:2;width:100%;justify-content:center}.content-area{min-height:450px}}@media (max-width:991px) and (min-width:768px){.app-main{padding:.75rem}.app-header{height:auto;padding:1.25rem .75rem}.app-title{font-size:1.5rem}.tagline{font-size:.9rem}.toolbar{flex-direction:column;gap:1rem;padding:1rem;min-height:auto}.action-buttons{flex-wrap:wrap;justify-content:center;gap:.5rem}.toolbar-actions{justify-content:center}.btn{padding:.5rem .875rem;font-size:.85rem}.btn-icon{min-width:36px;height:36px}.content-area{min-height:400px}.json-editor,.json-output{font-size:13px}.info-panel{padding:.5rem .75rem;font-size:.8rem}.status-bar{padding:.625rem .75rem;min-height:auto}.status-info{gap:.75rem;font-size:.8rem}.settings-panel{width:280px}}@media (max-width:767px) and (min-width:576px){.app-main{padding:.5rem}.app-header{height:auto;padding:1rem .5rem}.app-title{font-size:1.375rem}.tagline{font-size:.85rem}.toolbar{flex-direction:column;gap:.75rem;padding:.75rem;min-height:auto}.action-buttons{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.toolbar-actions{justify-content:center;gap:.5rem}.btn{padding:.5rem;font-size:.75rem;flex-direction:column;gap:.25rem;min-height:60px}.btn-icon{min-width:32px;height:32px}.btn svg{width:16px;height:16px}.content-area{min-height:350px}.json-editor,.json-output{font-size:12px;padding:.75rem}.info-panel{padding:.375rem .5rem;font-size:.75rem;flex-direction:column;gap:.25rem;align-items:flex-start}.status-bar{padding:.5rem;min-height:auto}.status-info{gap:.5rem;font-size:.75rem;flex-wrap:wrap}.settings-panel{width:100%;height:100vh}.settings-content{height:100%}.settings-header{padding:1rem}.settings-header h2{font-size:1.125rem}.settings-body{padding:1rem}.drop-message{padding:2rem;min-width:250px}.drop-message svg{width:36px;height:36px}}@media (max-width:575px){.app-main{padding:.375rem;gap:.5rem}.app-header{height:auto;padding:.875rem .375rem}.app-title{font-size:1.25rem;margin-bottom:.125rem}.tagline{font-size:.8rem}.toolbar{flex-direction:column;gap:.5rem;padding:.5rem;min-height:auto}.action-buttons{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:.375rem}.toolbar-actions{justify-content:center;gap:.375rem}.btn{padding:.5rem .375rem;font-size:.7rem;flex-direction:column;gap:.25rem;min-height:56px;line-height:1.2}.btn-icon{min-width:28px;height:28px}.btn svg{width:14px;height:14px}.content-area{min-height:300px}.json-editor,.json-output{font-size:11px;padding:.5rem;line-height:1.4}.info-panel{padding:.25rem .375rem;font-size:.7rem;flex-direction:column;gap:.125rem;align-items:flex-start}.mode-indicator{font-size:.65rem}.status-bar{padding:.375rem;min-height:auto}.status-info{gap:.375rem;font-size:.7rem;flex-wrap:wrap}.status-indicator{padding:.125rem .5rem;font-size:.7rem}.settings-panel{width:100%;height:100vh}.settings-content{height:100%}.settings-header{padding:.75rem}.settings-header h2{font-size:1rem}.settings-body{padding:.75rem}.setting-group{margin-bottom:1rem}.setting-group label{font-size:.875rem}.setting-control{padding:.375rem;font-size:.8rem}.checkbox-label{font-size:.8rem}.checkmark{height:18px;width:18px}.checkmark:after{left:5px;top:1px;width:4px;height:8px}.drop-message{padding:1.5rem;min-width:200px}.drop-message svg{width:32px;height:32px}.drop-message p{font-size:.9rem}.drop-hint{font-size:.75rem}}@media (max-width:399px){.action-buttons{grid-template-columns:1fr}.btn{min-height:48px;flex-direction:row;justify-content:center}.content-area{min-height:250px}.json-editor,.json-output{font-size:10px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.json-editor,.json-output{font-size-adjust:0.5}}@media print{.app-header,.file-drop-overlay,.info-panel,.settings-panel,.status-bar,.toolbar{display:none!important}.app-main{max-width:100%;padding:0}.content-container{box-shadow:none;border:1px solid #000}.json-output{font-size:12pt;line-height:1.2}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}}@media (prefers-color-scheme:dark){:root:not([data-theme]){--bg-primary:#1e1e1e;--bg-secondary:#2d2d30;--bg-tertiary:#3e3e42;--bg-overlay:rgba(255, 255, 255, 0.1);--text-primary:#e4e6ea;--text-secondary:#9d9d9d;--text-muted:#6d6d6d;--text-inverse:#1e1e1e;--border-color:#3e3e42;--border-light:#2d2d30;--shadow-sm:0 1px 3px rgba(0, 0, 0, 0.3);--shadow-md:0 4px 6px rgba(0, 0, 0, 0.3);--shadow-lg:0 10px 15px rgba(0, 0, 0, 0.3)}}@media (max-height:500px) and (orientation:landscape){.app-header{height:auto;padding:.5rem}.app-title{font-size:1.125rem}.tagline{display:none}.toolbar{padding:.375rem;min-height:auto}.btn{padding:.375rem;font-size:.65rem;min-height:44px}.content-area{min-height:200px}.json-editor,.json-output{padding:.375rem;font-size:10px}.info-panel,.status-bar{padding:.25rem;font-size:.65rem}}