.minification-demo[data-astro-cid-mawq57pf]{background:linear-gradient(135deg,#1a1a1a,#252525);border-radius:16px;padding:24px;margin:24px 0}.demo-title[data-astro-cid-mawq57pf]{color:#fff;font-size:1.15rem;font-weight:600;text-align:center;margin-bottom:20px}.demo-container[data-astro-cid-mawq57pf]{display:flex;flex-direction:column;gap:12px}.code-panel[data-astro-cid-mawq57pf]{background:#0d0d0d;border-radius:10px;overflow:hidden}.panel-header[data-astro-cid-mawq57pf]{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:#1a1a1a;border-bottom:1px solid #333;gap:12px;flex-wrap:wrap}.panel-left[data-astro-cid-mawq57pf]{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.panel-label[data-astro-cid-mawq57pf]{font-size:.8rem;font-weight:600;color:#fc5d1f;text-transform:uppercase;letter-spacing:.5px}.stats[data-astro-cid-mawq57pf]{display:flex;gap:12px;font-size:.7rem;color:#666}.stats[data-astro-cid-mawq57pf] .value[data-astro-cid-mawq57pf]{color:#999;font-weight:600}.panel-actions[data-astro-cid-mawq57pf]{display:flex;gap:8px}.minify-btn[data-astro-cid-mawq57pf],.reset-btn[data-astro-cid-mawq57pf]{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s;border:none}.minify-btn[data-astro-cid-mawq57pf]{background:#fc5d1f;color:#fff}.minify-btn[data-astro-cid-mawq57pf]:hover{background:#e67e00}.minify-btn[data-astro-cid-mawq57pf]:disabled{opacity:.5;cursor:not-allowed}.reset-btn[data-astro-cid-mawq57pf]{background:#333;color:#888;display:none}.reset-btn[data-astro-cid-mawq57pf].visible{display:flex}.reset-btn[data-astro-cid-mawq57pf]:hover{background:#444;color:#ccc}.savings-badge[data-astro-cid-mawq57pf]{display:none;background:#10b981;color:#fff;font-size:.75rem;font-weight:700;padding:4px 10px;border-radius:4px}.savings-badge[data-astro-cid-mawq57pf].visible{display:inline-block}.code-content[data-astro-cid-mawq57pf]{margin:0;padding:14px;font-family:Fira Code,Monaco,monospace;font-size:.72rem;line-height:1.5;color:#a8b2c3;white-space:pre-wrap;word-break:break-all;max-height:200px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(252,93,31,.4) rgba(255,255,255,.05)}.code-content[data-astro-cid-mawq57pf]::-webkit-scrollbar{width:6px}.code-content[data-astro-cid-mawq57pf]::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.code-content[data-astro-cid-mawq57pf]::-webkit-scrollbar-thumb{background:#fc5d1f66;border-radius:3px}.code-content[data-astro-cid-mawq57pf]::-webkit-scrollbar-thumb:hover{background:#fc5d1f99}.minified[data-astro-cid-mawq57pf] .code-content[data-astro-cid-mawq57pf]{color:#6b7280}.minified[data-astro-cid-mawq57pf].active .code-content[data-astro-cid-mawq57pf]{color:#10b981}.results-summary[data-astro-cid-mawq57pf]{display:none;align-items:center;justify-content:center;gap:16px;margin-top:16px;padding:16px 20px;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:10px}.results-summary[data-astro-cid-mawq57pf].visible{display:flex}.summary-item[data-astro-cid-mawq57pf]{display:flex;flex-direction:column;align-items:center;gap:4px}.summary-item[data-astro-cid-mawq57pf].highlight{background:#10b98133;padding:8px 16px;border-radius:8px}.summary-label[data-astro-cid-mawq57pf]{font-size:.7rem;color:#fff9;text-transform:uppercase;letter-spacing:.5px}.summary-value[data-astro-cid-mawq57pf]{font-size:1rem;font-weight:700;color:#fff}.summary-value[data-astro-cid-mawq57pf].gain{color:#10b981;font-size:1.15rem}.summary-arrow[data-astro-cid-mawq57pf]{color:#fff6}.demo-note[data-astro-cid-mawq57pf]{margin-top:16px;padding:12px 16px;background:#fc5d1f1a;border-left:3px solid #FC5D1F;border-radius:0 6px 6px 0;font-size:.85rem;color:#fffc}.code-content[data-astro-cid-mawq57pf] .css-comment{color:#6a9955;font-style:italic}.code-content[data-astro-cid-mawq57pf] .css-selector{color:#d7ba7d}.code-content[data-astro-cid-mawq57pf] .css-prop{color:#9cdcfe}.code-content[data-astro-cid-mawq57pf] .css-value{color:#ce9178}.code-content[data-astro-cid-mawq57pf] .css-punct{color:#a8b2c3}@media (max-width: 640px){.minification-demo[data-astro-cid-mawq57pf]{padding:16px}.panel-header[data-astro-cid-mawq57pf]{flex-direction:column;align-items:flex-start;gap:10px}.panel-left[data-astro-cid-mawq57pf]{width:100%;justify-content:space-between}.panel-actions[data-astro-cid-mawq57pf]{width:100%}.minify-btn[data-astro-cid-mawq57pf],.reset-btn[data-astro-cid-mawq57pf]{flex:1;justify-content:center}.code-content[data-astro-cid-mawq57pf]{font-size:.65rem;padding:12px}.results-summary[data-astro-cid-mawq57pf]{flex-wrap:wrap;gap:12px}.summary-arrow[data-astro-cid-mawq57pf]{display:none}.summary-item[data-astro-cid-mawq57pf]{flex:1;min-width:70px}}.css-critique-illustration[data-astro-cid-wcbkmf5z]{background:linear-gradient(135deg,#1a1a1a,#252525);border-radius:16px;padding:24px;margin:24px 0}.illustration-title[data-astro-cid-wcbkmf5z]{color:#fff;font-size:1.15rem;font-weight:600;text-align:center;margin-bottom:20px}.code-comparison[data-astro-cid-wcbkmf5z]{display:flex;flex-direction:column;gap:16px}.code-panel[data-astro-cid-wcbkmf5z]{background:#0d0d0d;border-radius:10px;overflow:hidden}.code-panel[data-astro-cid-wcbkmf5z].bad{border:2px solid #ef4444}.code-panel[data-astro-cid-wcbkmf5z].good{border:2px solid #10b981}.code-header[data-astro-cid-wcbkmf5z]{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#1a1a1a;border-bottom:1px solid #333}.panel-icon[data-astro-cid-wcbkmf5z]{font-size:1.1rem}.panel-label[data-astro-cid-wcbkmf5z]{font-size:.8rem;font-weight:600;color:#fff;flex:1}.badge-slow[data-astro-cid-wcbkmf5z]{background:#ef4444;color:#fff;font-size:.6rem;font-weight:700;padding:3px 8px;border-radius:4px;text-transform:uppercase}.badge-fast[data-astro-cid-wcbkmf5z]{background:#10b981;color:#fff;font-size:.6rem;font-weight:700;padding:3px 8px;border-radius:4px;text-transform:uppercase}.code-content[data-astro-cid-wcbkmf5z]{margin:0;padding:14px;font-family:Fira Code,Monaco,monospace;font-size:.68rem;line-height:1.6;color:#a8b2c3;overflow-x:auto;max-height:320px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(252,93,31,.4) rgba(255,255,255,.05)}.code-content[data-astro-cid-wcbkmf5z]::-webkit-scrollbar{width:6px;height:6px}.code-content[data-astro-cid-wcbkmf5z]::-webkit-scrollbar-track{background:#ffffff0d}.code-content[data-astro-cid-wcbkmf5z]::-webkit-scrollbar-thumb{background:#fc5d1f66;border-radius:3px}.panel-footer[data-astro-cid-wcbkmf5z]{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;font-size:.75rem;font-weight:600}.panel-footer[data-astro-cid-wcbkmf5z].bad{background:#ef444426;color:#f87171}.panel-footer[data-astro-cid-wcbkmf5z].good{background:#10b98126;color:#34d399}.demo-note[data-astro-cid-wcbkmf5z]{margin-top:16px;padding:12px 16px;background:#fc5d1f1a;border-left:3px solid #FC5D1F;border-radius:0 6px 6px 0;font-size:.85rem;color:#fffc}.demo-note[data-astro-cid-wcbkmf5z] code[data-astro-cid-wcbkmf5z]{background:#ffffff1a;padding:2px 6px;border-radius:3px;font-size:.8rem}.code-content[data-astro-cid-wcbkmf5z] .html-tag{color:#569cd6}.code-content[data-astro-cid-wcbkmf5z] .attr-name{color:#9cdcfe}.code-content[data-astro-cid-wcbkmf5z] .attr-value{color:#ce9178}.code-content[data-astro-cid-wcbkmf5z] .comment{color:#6a9955;font-style:italic}.code-content[data-astro-cid-wcbkmf5z] .doctype{color:#569cd6}.code-content[data-astro-cid-wcbkmf5z] .css-prop{color:#9cdcfe}.code-content[data-astro-cid-wcbkmf5z] .css-value{color:#ce9178}.code-content[data-astro-cid-wcbkmf5z] .css-selector{color:#d7ba7d}.code-content[data-astro-cid-wcbkmf5z] .css-comment{color:#6a9955;font-style:italic}@media (max-width: 768px){.css-critique-illustration[data-astro-cid-wcbkmf5z]{padding:16px}.code-content[data-astro-cid-wcbkmf5z]{font-size:.62rem;max-height:250px}}