/* Application styles for tool-code-js-obfuscation v1 */
/* Define editor dimensions and common application variables */
:root{--editor-font-size:14px;--editor-min-height:470px}html,body{min-height:100%}body{background:var(--bs-tertiary-bg)}.app-header{position:sticky;top:0;z-index:1020;background:color-mix(in srgb,var(--bs-body-bg) 94%,transparent);backdrop-filter:blur(10px)}.brand-icon{width:36px;height:36px;display:inline-grid;place-items:center;border-radius:10px;background:var(--bs-primary);color:#fff}.mode-selector{grid-template-columns:repeat(5,minmax(0,1fr))}.editor-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem}.editor-card{min-width:0;overflow:hidden}.code-editor{display:block;width:100%;min-height:var(--editor-min-height);resize:vertical;border:0;outline:0;padding:1rem;background:var(--bs-body-bg);color:var(--bs-body-color);font-family:"Cascadia Code","JetBrains Mono",Consolas,"Courier New",monospace;font-size:var(--editor-font-size);line-height:1.55;tab-size:4;white-space:pre;overflow:auto}.code-editor:focus{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--bs-primary) 55%,transparent)}.toolbar-label{margin-left:.35rem}.settings-canvas{width:min(100vw,460px)!important}.metric-card{height:100%;border:1px solid var(--bs-border-color);border-radius:.75rem;padding:.85rem;background:var(--bs-body-bg)}.metric-value{font-size:1.35rem;font-weight:700}.finding-list{margin-bottom:0}.finding-list li+li{margin-top:.4rem}.collapse-chevron{transition:transform .2s ease}[aria-expanded="true"] .collapse-chevron{transform:rotate(180deg)}.busy-overlay{pointer-events:none;opacity:.78}.form-text{line-height:1.4}
/* Stack editors and simplify mode controls on tablets */
@media(max-width:991.98px){:root{--editor-min-height:360px}.editor-grid{grid-template-columns:1fr}.mode-selector{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* Reduce controls and collapse technology details on narrow phones */
@media(max-width:575.98px){:root{--editor-font-size:13px;--editor-min-height:300px}.container-fluid{padding-left:.75rem;padding-right:.75rem}.mode-selector{grid-template-columns:repeat(2,minmax(0,1fr))}.mode-button{min-height:44px;padding-left:.5rem;padding-right:.5rem}.toolbar-label{display:none}.code-editor{padding:.75rem}#technologyDetails{display:none}#technologyDetails.show{display:block}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}