@font-face{font-family:"Nexus Orbitron";src:url("../../assets/fonts/google/Orbitron-wght.ttf") format("truetype");font-weight:400 900;font-style:normal}@font-face{font-family:"Nexus Exo 2";src:url("../../assets/fonts/google/Exo2-wght.ttf") format("truetype");font-weight:400 900;font-style:normal}@font-face{font-family:"Nexus Audiowide";src:url("../../assets/fonts/google/Audiowide-Regular.ttf") format("truetype");font-weight:400;font-style:normal}@font-face{font-family:"Nexus Rajdhani";src:url("../../assets/fonts/google/Rajdhani-Regular.ttf") format("truetype");font-weight:400;font-style:normal}@font-face{font-family:"Nexus Share Tech Mono";src:url("../../assets/fonts/google/ShareTechMono-Regular.ttf") format("truetype");font-weight:400;font-style:normal}:root{color-scheme:dark;--bg:#05080f;--panel:rgba(8, 15, 25, 0.96);--panel-soft:rgba(13, 23, 36, 0.9);--text:#eef8fa;--muted:#96adb7;--prism:#4aa8d0;--magenta:#c46fd0;--citrus:#a7c85d;--danger:#e7667a;--border:rgba(74, 168, 208, 0.2);--shadow:rgba(0, 0, 0, 0.5);--radius:8px;font-family:Inter,Roboto,"Segoe UI",Arial,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;padding-bottom:78px;color:var(--text);background:linear-gradient(rgba(74,168,208,.016) 1px,transparent 1px),linear-gradient(90deg,rgba(196,111,208,.014) 1px,transparent 1px),linear-gradient(135deg,rgba(74,168,208,.035),transparent 34%),linear-gradient(315deg,rgba(167,200,93,.03),transparent 38%),var(--bg);background-size:34px 34px,34px 34px,auto,auto,auto;line-height:1.5}button,input,select{font:inherit}button,input[type=file],input[type=range],select{cursor:pointer}a{color:var(--prism);text-decoration:none}.app-header{border-bottom:1px solid rgba(74,168,208,.16);background:linear-gradient(90deg,rgba(74,168,208,.052),rgba(196,111,208,.032)),rgba(5,8,15,.94);box-shadow:0 12px 30px var(--shadow)}h1{margin:0;font-family:"Cascadia Mono","Segoe UI",monospace;font-size:clamp(1.55rem, 4vw, 2.65rem);line-height:1.05;text-transform:uppercase;text-shadow:0 0 14px rgba(74,168,208,.12)}h1 a,h1 a:hover{color:inherit;text-decoration:none}.header-tagline.is-typing{min-width:var(--typing-width,auto)}.header-tagline.is-typing::after{content:"";display:inline-block;width:8px;height:1em;margin-left:4px;vertical-align:-2px;background:currentColor;box-shadow:0 0 8px currentColor;animation:cursor-blink .8s steps(2,start) infinite}.header-tagline{max-width:680px;margin:8px 0 0;color:var(--muted);font-weight:700}.image-shell{width:min(1200px,calc(100% - 32px));margin:30px auto 56px}.image-workbench,.info-panel,.privacy-strip{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);box-shadow:0 0 14px rgba(74,168,208,.035),0 14px 34px var(--shadow)}.privacy-strip{width:min(100%,860px);margin-inline:auto;padding:12px 14px;display:flex;flex-wrap:wrap;gap:10px 18px;justify-content:space-between;color:var(--muted)}.image-workbench{margin-top:16px;padding:clamp(16px,3vw,24px);display:grid;gap:18px}.drop-zone{min-height:138px;padding:18px;display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px dashed rgba(74,168,208,.32);border-radius:var(--radius);background:linear-gradient(135deg,rgba(74,168,208,.05),transparent 52%),rgba(0,0,0,.18)}.drop-zone.is-dragging{border-color:var(--prism);box-shadow:0 0 16px rgba(74,168,208,.09)}.drop-zone strong{display:block;color:var(--text);font-family:"Cascadia Mono","Segoe UI",monospace;font-size:clamp(1.25rem, 3vw, 1.8rem);text-transform:uppercase}.drop-zone span{color:var(--muted)}.tool-panel{display:grid;gap:14px}.tool-tabs{display:flex;flex-wrap:wrap;gap:8px}.button-primary,.button-secondary,.tool-tab{min-height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;font-weight:900;text-transform:uppercase}.tool-tab{padding:8px 12px;color:var(--text);border:1px solid rgba(74,168,208,.2);background:rgba(74,168,208,.05);transition:border-color 160ms ease,background-color 160ms ease,color 160ms ease}.tool-tab:hover{color:var(--prism);border-color:rgba(74,168,208,.38);background:rgba(74,168,208,.085)}.tool-tab.is-active{color:#071018;background:linear-gradient(135deg,var(--prism),var(--citrus))}.tool-tab.is-active:hover{color:#071018;border-color:rgba(167,200,93,.42);background:linear-gradient(135deg,var(--prism),var(--citrus))}.tool-options{padding:14px;border:1px solid rgba(74,168,208,.13);border-radius:var(--radius);background:rgba(0,0,0,.16)}.tool-pane{display:grid;grid-template-columns:minmax(220px,1fr) auto;align-items:end;gap:12px}.tool-pane[hidden]{display:none}.tool-pane--format{margin-top:10px;grid-template-columns:max-content minmax(0,1fr);align-items:center;width:100%}.current-format{justify-self:end;color:var(--muted);font-family:"Cascadia Mono","Segoe UI",monospace;font-size:.86rem;font-weight:800;white-space:nowrap}.tool-pane--favicon{grid-template-columns:minmax(360px,620px) minmax(260px,1fr);align-items:start;gap:12px}.favicon-note{width:100%;padding:12px 14px;display:flex;align-items:center;gap:10px;color:var(--muted);border:1px solid rgba(167,200,93,.18);border-radius:6px;background:rgba(167,200,93,.05)}.favicon-note i{color:var(--citrus);font-size:1.1rem}.favicon-side{display:grid;gap:8px}.favicon-sizes{width:100%;margin:0;padding:12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;border:1px solid rgba(74,168,208,.15);border-radius:6px;background:rgba(74,168,208,.032)}.favicon-sizes legend{padding:0 6px;color:var(--prism);font-size:.76rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.favicon-sizes label{min-height:38px;padding:8px 10px;display:flex;align-items:center;gap:8px;color:var(--text);border:1px solid rgba(74,168,208,.12);border-radius:6px;background:rgba(0,0,0,.16)}.favicon-sizes input{width:18px;min-width:18px;min-height:18px;accent-color:var(--prism)}.favicon-hint{margin:0;color:var(--muted)}.tool-pane--pixelate{grid-template-columns:minmax(220px,360px) auto;align-items:center;justify-content:start}.tool-pane--pixelate output{align-self:center;line-height:1}#paneColors,#paneCompress{align-items:center;grid-template-columns:minmax(220px,360px) auto;justify-content:start}#paneColors output,#paneCompress output{align-self:center;line-height:1}.field--inline-format{width:min(100%,430px);grid-template-columns:max-content minmax(180px,240px);align-items:center;gap:16px}.field--compact-range{width:min(100%,360px);grid-template-columns:max-content minmax(150px,220px);align-items:center;gap:14px}.field--compact-range span,.field--inline-format span{white-space:nowrap}.field--text-size{grid-template-columns:1fr}.field--text-size span{white-space:nowrap}.tool-pane--text{grid-template-columns:minmax(190px,1.2fr) minmax(150px,0.7fr) minmax(150px,0.7fr) minmax(92px,0.35fr) minmax(220px,0.75fr) minmax(54px,auto);align-items:center}#textSizeValue{align-self:center;justify-self:start;padding-left:4px;white-space:nowrap}.tool-pane--adjust{grid-template-columns:repeat(3,minmax(170px,1fr)) minmax(128px,0.45fr);align-items:end}.adjust-control .field{gap:6px}.adjust-control output{justify-self:start;font-size:.82rem;line-height:1}.field--checkbox{grid-template-columns:max-content auto;align-items:center;gap:12px}.field--checkbox input{width:22px;min-width:22px;min-height:22px;accent-color:var(--prism)}.field--color input{min-width:72px;padding:4px}.field{display:grid;gap:8px}.field span{color:var(--prism);font-size:.76rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}input,select{width:100%;min-height:44px;color:var(--text);border:1px solid rgba(74,168,208,.22);border-radius:6px;background:rgba(0,0,0,.24);outline:0}input[type=number],select{padding:9px 11px}select option{color:var(--text);background:#0e1827}input:focus,select:focus{border-color:var(--prism);box-shadow:0 0 0 3px rgba(74,168,208,.085)}output{color:var(--citrus);font-family:"Cascadia Mono","Segoe UI",monospace;font-weight:900}.preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}figure{position:relative;margin:0;padding:12px;border:1px solid rgba(74,168,208,.13);border-radius:var(--radius);background:rgba(0,0,0,.18)}figcaption{margin-bottom:8px;color:var(--prism);font-size:.76rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.compare-frame img,.firefox-preview-canvas,figure img{width:100%;min-height:220px;max-height:420px;display:block;border-radius:6px;background:rgba(0,0,0,.25)}.compare-frame img,figure img{object-fit:contain}.firefox-preview-canvas{height:auto;object-fit:contain}#afterPreview[hidden],#compareAfter[hidden],.firefox-preview-canvas[hidden]{display:none!important}.preview-placeholder{min-height:220px;display:none;align-items:center;justify-content:center;color:rgba(74,168,208,.66);border-radius:6px;background:linear-gradient(135deg,rgba(74,168,208,.045),rgba(196,111,208,.032)),rgba(0,0,0,.2);font-size:clamp(2.2rem, 7vw, 4rem)}.preview-placeholder--compare{width:100%}.result-panel.is-empty .compare-frame img,.result-panel.is-empty figure img{display:none}.result-panel.is-empty .preview-placeholder{min-height:128px;display:flex}.result-panel.is-empty .compare-frame{min-height:128px;display:flex}.compare-frame img:not([src]),figure img:not([src]){visibility:hidden}.compare-panel{margin-top:16px;display:grid;gap:12px}.compare-range-field{width:min(100%,420px);justify-self:center}.compare-range-field span{text-align:center}.compare-frame{position:relative;overflow:hidden;border:1px solid rgba(74,168,208,.13);border-radius:var(--radius);background:rgba(0,0,0,.18)}.compare-frame img:first-child{position:relative}.compare-frame img:last-child{position:absolute;inset:0;height:100%;clip-path:inset(0 50% 0 0)}.compare-frame .firefox-preview-canvas--compare{position:absolute;inset:0;height:100%;clip-path:inset(0 50% 0 0)}.result-meta{margin-top:16px;padding:14px;display:grid;grid-template-columns:minmax(0,1fr) auto auto auto auto;align-items:center;gap:12px;border:1px solid rgba(74,168,208,.15);border-radius:var(--radius);background:rgba(0,0,0,.18)}.result-meta strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-meta strong.is-alert{color:var(--danger)}.result-meta span{color:var(--muted);font-family:"Cascadia Mono","Segoe UI",monospace;font-weight:800}.palette-panel{margin-top:16px}.palette-panel h2{margin:0 0 10px;color:var(--prism);font-size:1rem;text-transform:uppercase}.palette-empty{min-height:92px;padding:16px;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--muted);border:1px dashed rgba(74,168,208,.16);border-radius:6px;background:linear-gradient(135deg,rgba(74,168,208,.035),rgba(196,111,208,.028)),rgba(0,0,0,.16);text-align:center}.palette-empty i{color:var(--prism);font-size:1.3rem}.palette-empty[hidden]{display:none}.palette-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:10px}.color-chip{min-height:72px;padding:10px;display:grid;align-content:end;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:#fff;font-family:"Cascadia Mono","Segoe UI",monospace;font-weight:900;text-shadow:0 1px 4px rgba(0,0,0,.6)}.button-primary,.button-secondary{padding:9px 13px;color:#071018;border:1px solid rgba(167,200,93,.28);background:linear-gradient(135deg,var(--prism),var(--citrus));box-shadow:inset 0 -3px 0 rgba(0,0,0,.26),0 4px 0 rgba(0,0,0,.34)}.button-primary:disabled{cursor:not-allowed;color:#071018;opacity:1;-webkit-text-fill-color:#071018}#downloadImage,#downloadImage i,#downloadImage span,#downloadImage:disabled{color:#071018;-webkit-text-fill-color:#071018}#resetChanges,#resetChanges i,#resetChanges span,#resetChanges:disabled{color:#071018;-webkit-text-fill-color:#071018}.button-secondary.needs-image{color:#fff4f6;border-color:rgba(231,102,122,.54);background:linear-gradient(135deg,rgba(25,7,17,.96),rgba(39,12,28,.92)),linear-gradient(120deg,#d94760,#d66a99,#8e53d0,#d94760);background-blend-mode:normal,screen;background-size:auto,240% 240%;box-shadow:inset 0 -3px 0 rgba(0,0,0,.34),0 4px 0 rgba(0,0,0,.38),0 0 10px rgba(231,102,122,.13);animation:choose-image-alert-neon 2.2s ease-in-out infinite}.button-secondary.has-image{color:#eaffff;border-color:rgba(83,207,216,.48);background:linear-gradient(135deg,rgba(6,13,27,.95),rgba(12,24,43,.92)),linear-gradient(120deg,#59cdd8,var(--magenta),#d86fc1,#59cdd8);background-blend-mode:normal,screen;background-size:auto,240% 240%;box-shadow:inset 0 -3px 0 rgba(0,0,0,.34),0 4px 0 rgba(0,0,0,.38),0 0 10px rgba(83,207,216,.12);animation:choose-image-neon 2.6s ease-in-out infinite}.button-primary:not(:disabled):active,.button-secondary:active{transform:scaleY(.92);transform-origin:bottom}.info-panel{margin-top:18px;padding:clamp(18px,4vw,30px)}.info-panel h2{margin:0 0 12px;color:var(--prism)}.info-panel p{margin:10px 0 0;color:var(--muted)}.tool-flow-note{padding:10px 12px;color:#d9f8ff;border:1px solid rgba(74,168,208,.15);border-left:3px solid var(--citrus);border-radius:6px;background:linear-gradient(90deg,rgba(167,200,93,.06),rgba(74,168,208,.035))}.privacy-note{padding:10px 12px;border-left:3px solid var(--prism);background:rgba(74,168,208,.045);border-radius:6px}.noscript-alert{width:min(1080px,calc(100% - 32px));margin:16px auto 0;padding:12px 14px;color:#ffe1e8;border:1px solid rgba(255,116,137,.36);border-radius:var(--radius);background:rgba(255,79,109,.12)}@keyframes cursor-blink{50%{opacity:0}}@keyframes choose-image-neon{0%{background-position:0 0,0 50%;border-color:rgba(83,207,216,.42)}50%{background-position:0 0,100% 50%;border-color:rgba(216,111,193,.5);box-shadow:inset 0 -3px 0 rgba(0,0,0,.34),0 4px 0 rgba(0,0,0,.38),0 0 12px rgba(196,111,208,.14)}100%{background-position:0 0,0 50%;border-color:rgba(83,207,216,.42)}}@keyframes choose-image-alert-neon{0%{background-position:0 0,0 50%;border-color:rgba(231,102,122,.5)}50%{background-position:0 0,100% 50%;border-color:rgba(229,148,170,.62);box-shadow:inset 0 -3px 0 rgba(0,0,0,.34),0 4px 0 rgba(0,0,0,.38),0 0 12px rgba(231,102,122,.16)}100%{background-position:0 0,0 50%;border-color:rgba(231,102,122,.5)}}@media (max-width:840px){.image-shell{width:calc(100% - 20px)}.privacy-strip{width:100%}.drop-zone,.result-meta{grid-template-columns:1fr;align-items:stretch}.drop-zone{flex-direction:column}.preview-grid,.tool-pane{grid-template-columns:1fr}.button-primary,.button-secondary{width:100%}body{padding-bottom:0}.tool-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.tool-tab{width:100%;min-height:40px;padding:7px 9px;line-height:1.15;text-align:center}#paneColors,#paneCompress,#panePixelate{grid-template-columns:minmax(0,1fr) auto;align-items:center}#paneColors output,#paneCompress output,#panePixelate output{justify-self:end;white-space:nowrap}#paneAdjust{grid-template-columns:1fr;align-items:stretch}#paneAdjust .adjust-control .field{grid-template-columns:1fr auto;align-items:center}#paneAdjust .adjust-control input{grid-column:1/-1}#paneAdjust .adjust-control output{justify-self:end;white-space:nowrap}#paneAdjust .field--checkbox{justify-content:center}.result-meta{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.result-meta strong{grid-column:1/-1}#savingSummary{justify-self:start}#dimensionSummary{justify-self:end;text-align:right}}@media (max-width:425px){.tool-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tool-tab{width:100%;min-height:38px;padding:7px 8px;font-size:.76rem;line-height:1.15;text-align:center}.privacy-strip,.result-meta,.result-meta span,.result-meta strong{text-align:center}.privacy-strip{justify-content:center}#paneText{grid-template-columns:minmax(0,1fr) auto;align-items:center}#paneText .field:not(.field--text-size){grid-column:1/-1}#paneText .field--text-size{grid-column:1}#paneText output{justify-self:end;white-space:nowrap}.favicon-sizes{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:375px){.image-shell{width:calc(100% - 12px);margin-top:18px}.image-workbench,.info-panel,.privacy-strip{border-radius:6px}.image-workbench,.privacy-strip,.result-meta,.tool-options,figure{padding:10px}.drop-zone{min-height:112px;padding:12px;gap:10px;text-align:center}.drop-zone strong{font-size:1.1rem}.tool-tabs{gap:8px}.tool-tab{min-height:38px;padding:7px 8px;font-size:.74rem}.favicon-sizes,.field--compact-range,.field--inline-format{width:100%;grid-template-columns:max-content minmax(0,1fr);gap:10px}.favicon-note{width:100%;align-items:flex-start}.favicon-sizes{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px}.favicon-sizes label{padding:7px 8px;font-size:.84rem}.tool-pane--text{gap:10px}.field span{font-size:.68rem;letter-spacing:.06em}input,select{min-width:0;min-height:38px;font-size:.9rem}input[type=number],select{padding:7px 8px}.compare-frame img,.preview-placeholder,figure img{min-height:160px}.result-panel.is-empty .compare-frame,.result-panel.is-empty .preview-placeholder{min-height:104px}.compare-range-field{width:100%}.button-primary,.button-secondary{min-height:38px;padding:8px 10px}}.palette-list code,.palette-list span,.result-meta span,output{font-family:var(--font-data),"Cascadia Mono","Segoe UI",monospace}