.ratio-converter[data-v-12930597]{flex-direction:column;gap:2.5rem;display:flex}.ratio-inputs[data-v-12930597]{flex-wrap:wrap;align-items:end;gap:1rem;display:flex}.ratio-separator[data-v-12930597]{color:var(--color-text-light);margin-bottom:.5rem;font-size:1.5rem;font-weight:600}.conversion-inputs[data-v-12930597]{flex-wrap:wrap;align-items:end;gap:1rem;display:flex}.conversion-arrow[data-v-12930597]{color:var(--color-accent);font-size:2rem;font-weight:700}.calculation-display[data-v-12930597]{margin-top:1rem}.ratio-decimal[data-v-12930597]{color:var(--color-text-light);margin-top:.25rem;font-size:.9rem;display:block}@media (width<=768px){.ratio-inputs[data-v-12930597]{justify-content:center}.conversion-inputs[data-v-12930597]{flex-direction:column;justify-content:center;align-items:center}.conversion-arrow[data-v-12930597]{transform:rotate(90deg)}}.pixel-em-converter[data-v-453342fb]{flex-direction:column;gap:2.5rem;display:flex}.converter-grid[data-v-453342fb]{flex-wrap:wrap;align-items:end;gap:1rem;display:flex}.conversion-equals[data-v-453342fb]{color:var(--color-accent);font-size:2rem;font-weight:700}.calculation-display[data-v-453342fb]{margin-top:1.5rem}.ems-input-container[data-v-453342fb]{flex-direction:column;gap:.5rem;display:flex}.copy-button--small[data-v-453342fb]{padding:.375rem .75rem;font-size:.8rem}.values-table[data-v-453342fb]{border:1px solid #e1e5e9;border-radius:8px;overflow:hidden}.table-header[data-v-453342fb],.table-row[data-v-453342fb]{grid-template-columns:1fr 1fr 2fr;display:grid}.table-header[data-v-453342fb]{background:var(--color-primary);color:var(--color-white);font-weight:600}.table-row[data-v-453342fb]{cursor:pointer;border-top:1px solid #e1e5e9;transition:background-color .2s}.table-row[data-v-453342fb]:hover{background:var(--color-background)}.table-cell[data-v-453342fb]{padding:.75rem}.table-cell--usage[data-v-453342fb]{color:var(--color-text-light);font-size:.9rem}@media (width<=768px){.converter-grid[data-v-453342fb]{flex-direction:column;justify-content:center;align-items:center}.conversion-equals[data-v-453342fb]{transform:rotate(90deg)}.values-table[data-v-453342fb]{font-size:.9rem}.table-header[data-v-453342fb],.table-row[data-v-453342fb]{grid-template-columns:80px 100px 1fr}.table-cell[data-v-453342fb]{padding:.5rem}}.line-height-calculator[data-v-d27b7994]{flex-direction:column;gap:2.5rem;display:flex}.preview-text[data-v-d27b7994]{max-width:100%;color:var(--color-text)}.preview-text p[data-v-d27b7994]{margin:0 0 1em}.ratios-grid[data-v-d27b7994]{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;display:grid}.ratio-card[data-v-d27b7994]{background:var(--color-background);text-align:center;cursor:pointer;border:2px solid #0000;border-radius:8px;padding:1.5rem;transition:all .3s}.ratio-card[data-v-d27b7994]:hover{border-color:var(--color-accent);background:var(--color-white)}.ratio-value[data-v-d27b7994]{color:var(--color-primary);margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.ratio-name[data-v-d27b7994]{color:var(--color-text);margin-bottom:.25rem;font-weight:600}.ratio-usage[data-v-d27b7994]{color:var(--color-text-light);font-size:.8rem}@media (width<=768px){.ratios-grid[data-v-d27b7994]{grid-template-columns:1fr}}.figma-type-cleaner[data-v-8baa7b41]{flex-direction:column;gap:2.5rem;display:flex}.textarea-group[data-v-8baa7b41]{flex-direction:column;gap:.5rem;display:flex}.css-textarea[data-v-8baa7b41]{resize:vertical;border:2px solid #e1e5e9;border-radius:8px;width:100%;min-height:200px;padding:1rem;font-family:IBM Plex Mono,Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;line-height:1.5;transition:all .3s}.css-textarea[data-v-8baa7b41]:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 3px #f77f001a}.css-textarea[data-v-8baa7b41]::placeholder{color:var(--color-text-light);opacity:.7}.changes-summary[data-v-8baa7b41]{background:var(--color-background);border:1px solid #e1e5e9;border-radius:8px;margin-top:1rem;padding:1.5rem}.changes-list[data-v-8baa7b41]{margin:.5rem 0 0;padding-left:1.5rem}.change-item[data-v-8baa7b41]{color:var(--color-text);margin-bottom:.25rem;font-size:.9rem}@media (width<=768px){.css-textarea[data-v-8baa7b41]{min-height:150px;font-size:.8rem}}.webp-converter[data-v-da331283]{flex-direction:column;gap:2rem;display:flex}.drop-zone[data-v-da331283]{text-align:center;cursor:pointer;background:#f8f9fa;border:2px dashed #e1e5e9;border-radius:12px;padding:3rem 2rem;transition:all .3s;position:relative}.drop-zone[data-v-da331283]:hover{border-color:var(--color-accent);background:#fff}.drop-zone--active[data-v-da331283]{border-color:var(--color-accent);background:var(--color-accent-light);opacity:.8}.drop-zone--has-image[data-v-da331283]{background:0 0;border:none;padding:0}.file-input[data-v-da331283]{display:none}.drop-zone__content[data-v-da331283]{flex-direction:column;align-items:center;gap:1rem;display:flex}.upload-icon[data-v-da331283]{width:64px;height:64px;color:var(--color-accent)}.drop-zone__text[data-v-da331283]{color:var(--color-text);margin:0;font-size:1.1rem}.drop-zone__hint[data-v-da331283]{color:var(--color-text-light);margin:0;font-size:.9rem}.image-preview[data-v-da331283]{border-radius:12px;max-width:100%;position:relative;overflow:hidden}.image-preview img[data-v-da331283]{object-fit:contain;width:100%;height:auto;max-height:400px;display:block}.clear-button[data-v-da331283]{background:var(--color-secondary);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;line-height:1;transition:all .3s;display:flex;position:absolute;top:1rem;right:1rem}.clear-button[data-v-da331283]:hover{background:var(--color-primary);transform:scale(1.1)}.settings-section[data-v-da331283]{margin-top:1rem}.input-group[data-v-da331283]{flex-direction:column;gap:.5rem;display:flex}.quality-hint[data-v-da331283]{color:var(--color-text-light);margin:0;font-size:.85rem;font-style:italic}.slider[data-v-da331283]{appearance:none;background:#e1e5e9;border-radius:4px;outline:none;width:100%;height:8px}.slider[data-v-da331283]::-webkit-slider-thumb{appearance:none;background:var(--color-accent);cursor:pointer;border-radius:50%;width:20px;height:20px;transition:all .3s}.slider[data-v-da331283]::-webkit-slider-thumb:hover{background:var(--color-secondary);transform:scale(1.2)}.slider[data-v-da331283]::-moz-range-thumb{background:var(--color-accent);cursor:pointer;border:none;border-radius:50%;width:20px;height:20px;transition:all .3s}.slider[data-v-da331283]::-moz-range-thumb:hover{background:var(--color-secondary);transform:scale(1.2)}.slider-labels[data-v-da331283]{color:var(--color-text-light);justify-content:space-between;margin-top:.25rem;font-size:.85rem;display:flex}.loading-section[data-v-da331283]{flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:3rem;display:flex}.loading-spinner[data-v-da331283]{border:4px solid #e1e5e9;border-top-color:var(--color-accent);border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin-da331283}@keyframes spin-da331283{to{transform:rotate(360deg)}}.loading-text[data-v-da331283]{color:var(--color-text);margin:0;font-size:1.1rem;font-weight:500}.loading-hint[data-v-da331283]{color:var(--color-text-light);margin:.5rem 0 0;font-size:.9rem;font-style:italic}.formats-grid[data-v-da331283]{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem;display:grid}.format-card[data-v-da331283]{text-align:center;background:#f8f9fa;border:2px solid #e1e5e9;border-radius:12px;flex-direction:column;gap:.75rem;padding:1.5rem;transition:all .3s;display:flex}.format-card[data-v-da331283]:hover{border-color:var(--color-accent);transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.format-card--best[data-v-da331283]{background:linear-gradient(135deg, var(--color-accent-light), var(--color-accent));border-color:var(--color-accent);color:var(--color-primary)}.format-card--best .format-card__label[data-v-da331283]{color:var(--color-primary);font-weight:600}.format-card__header[data-v-da331283]{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.format-card__label[data-v-da331283]{color:var(--color-primary);font-size:1.1rem;font-weight:600}.format-card__format[data-v-da331283]{color:var(--color-text-light);text-transform:uppercase;background:#0000000d;border-radius:4px;padding:.25rem .5rem;font-size:.75rem;font-weight:600}.format-card--best .format-card__format[data-v-da331283]{color:var(--color-primary);background:#0000001a}.format-card__size[data-v-da331283]{color:var(--color-primary);margin:.5rem 0;font-size:1.5rem;font-weight:700}.format-card--best .format-card__size[data-v-da331283]{color:var(--color-primary)}.format-card__savings[data-v-da331283]{margin-bottom:.5rem;font-size:.9rem;font-weight:500}.savings-positive[data-v-da331283]{color:#28a745}.savings-negative[data-v-da331283]{color:#dc3545}.format-card__download[data-v-da331283]{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:auto;padding:.75rem 1rem;font-size:.95rem;font-weight:600;transition:all .3s;display:flex}.format-card__download[data-v-da331283]:hover:not(:disabled){background:var(--color-secondary);transform:translateY(-1px);box-shadow:0 2px 4px #0003}.format-card__download[data-v-da331283]:disabled{cursor:not-allowed;opacity:.6;background:#ccc}.format-card--best .format-card__download[data-v-da331283]{background:var(--color-primary);color:#fff}.format-card--best .format-card__download[data-v-da331283]:hover:not(:disabled){background:var(--color-secondary)}.download-icon[data-v-da331283]{width:18px;height:18px}.reset-button[data-v-da331283]{width:100%;color:var(--color-primary);border:2px solid var(--color-primary);cursor:pointer;background:0 0;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s}.reset-button[data-v-da331283]:hover{background:var(--color-primary);color:#fff}.error-message[data-v-da331283]{color:#721c24;background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;padding:1rem}@media (width<=1024px){.formats-grid[data-v-da331283]{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.formats-grid[data-v-da331283]{grid-template-columns:1fr;gap:1rem}.drop-zone[data-v-da331283]{padding:2rem 1rem}.upload-icon[data-v-da331283]{width:48px;height:48px}}.text-compare[data-v-0ec3d053]{flex-direction:column;gap:2rem;display:flex}.compare-grid[data-v-0ec3d053]{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.textarea-group[data-v-0ec3d053]{flex-direction:column;gap:.5rem;display:flex}.textarea-header[data-v-0ec3d053]{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.clear-button[data-v-0ec3d053]{color:var(--color-text-light);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.25rem .5rem;font-size:.85rem;transition:color .2s,background-color .2s}.clear-button[data-v-0ec3d053]:hover{color:var(--color-secondary);background:#d6282814}.compare-textarea[data-v-0ec3d053]{resize:vertical;border:2px solid #e1e5e9;border-radius:8px;width:100%;min-height:200px;padding:1rem;font-family:IBM Plex Mono,Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;line-height:1.5;transition:all .3s}.compare-textarea[data-v-0ec3d053]:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 3px #f77f001a}.compare-textarea[data-v-0ec3d053]::placeholder{color:var(--color-text-light);opacity:.7}.diff-section[data-v-0ec3d053]{flex-direction:column;gap:.75rem;display:flex}.diff-placeholder[data-v-0ec3d053],.diff-summary--neutral[data-v-0ec3d053]{color:var(--color-text-light);margin:0;font-size:.95rem}.diff-summary[data-v-0ec3d053]{color:var(--color-text);margin:0;font-size:.95rem;font-weight:500}.diff-panel[data-v-0ec3d053]{border:1px solid #e1e5e9;border-radius:8px;max-height:480px;font-family:IBM Plex Mono,Monaco,Menlo,Ubuntu Mono,monospace;font-size:.85rem;line-height:1.5;overflow:auto}.diff-chunk[data-v-0ec3d053]{background:#f8f9fa;border-bottom:1px solid #eef1f4;align-items:flex-start;padding:0 .5rem;display:flex}.diff-chunk[data-v-0ec3d053]:last-child{border-bottom:none}.diff-chunk--removed[data-v-0ec3d053]{background:#fde8e8}.diff-chunk--added[data-v-0ec3d053]{background:#e6f4ea}.diff-prefix[data-v-0ec3d053]{width:1.25rem;color:var(--color-text-light);-webkit-user-select:none;user-select:none;flex-shrink:0;padding:.125rem 0}.diff-chunk--removed .diff-prefix[data-v-0ec3d053]{color:var(--color-secondary);font-weight:600}.diff-chunk--added .diff-prefix[data-v-0ec3d053]{color:#1e7e34;font-weight:600}.diff-content[data-v-0ec3d053]{white-space:pre-wrap;word-break:break-word;flex:1;margin:0;padding:.125rem 0}@media (width<=768px){.compare-grid[data-v-0ec3d053]{grid-template-columns:1fr}.compare-textarea[data-v-0ec3d053]{min-height:150px;font-size:.8rem}.diff-panel[data-v-0ec3d053]{max-height:360px;font-size:.8rem}}.links-container[data-v-5d0db183]{margin-top:2rem}.links-grid[data-v-5d0db183]{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;display:grid}.link-card[data-v-5d0db183]{color:inherit;cursor:pointer;background:#f8f9fa;border:2px solid #e1e5e9;border-radius:12px;flex-direction:column;padding:1.5rem;text-decoration:none;transition:all .3s;display:flex}.link-card[data-v-5d0db183]:hover{border-color:var(--color-accent);background:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.link-card__header[data-v-5d0db183]{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem;display:flex}.link-card__title[data-v-5d0db183]{color:var(--color-primary);flex:1;margin:0;font-size:1.25rem;font-weight:600}.link-card__icon[data-v-5d0db183]{width:20px;height:20px;color:var(--color-text-light);flex-shrink:0;transition:all .3s}.link-card:hover .link-card__icon[data-v-5d0db183]{color:var(--color-accent);transform:translate(2px,-2px)}.link-card__description[data-v-5d0db183]{color:var(--color-text);flex:1;margin:0 0 1rem;font-size:.95rem;line-height:1.6}.link-card__footer[data-v-5d0db183]{border-top:1px solid #e1e5e9;justify-content:space-between;align-items:center;margin-top:auto;padding-top:1rem;display:flex}.link-card__url[data-v-5d0db183]{color:var(--color-text-light);font-family:IBM Plex Mono,Monaco,Menlo,Ubuntu Mono,monospace;font-size:.85rem}.link-card__category[data-v-5d0db183]{color:var(--color-accent);background:var(--color-accent-light);text-transform:uppercase;border-radius:4px;padding:.25rem .5rem;font-size:.75rem;font-weight:500}@media (width<=768px){.links-grid[data-v-5d0db183]{grid-template-columns:1fr;gap:1rem}.link-card[data-v-5d0db183]{padding:1.25rem}}:root{--color-primary:#003049;--color-secondary:#d62828;--color-accent:#f77f00;--color-accent-light:#fcbf49;--color-background:#eae2b7;--color-white:#fff;--color-text:#2c3e50;--color-text-light:#6c757d;--sidebar-width:280px}*{box-sizing:border-box}body{background-color:var(--color-background);color:var(--color-text);margin:0;font-family:IBM Plex Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6}.app{min-height:100vh;display:flex;position:relative}.menu-toggle{z-index:1001;background:var(--color-primary);cursor:pointer;border:none;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:44px;height:44px;transition:all .3s;display:none;position:fixed;inset-block-start:1rem;inset-inline-end:1rem}.menu-toggle span{background:var(--color-white);border-radius:1px;width:20px;height:2px;transition:all .3s}.menu-toggle:hover{background:var(--color-secondary)}.sidebar{width:var(--sidebar-width);background:var(--color-primary);color:var(--color-white);z-index:1000;height:100vh;padding:2rem 0;transition:transform .3s;position:fixed;top:0;left:0;overflow-y:auto}.sidebar__header{margin-bottom:2rem;padding:0 2rem}.sidebar__title{color:var(--color-accent-light);margin:0;font-size:1.5rem;font-weight:600}.nav-list{margin:0;padding:0;list-style:none}.nav-item{margin-bottom:.5rem}.nav-button{width:100%;color:var(--color-white);text-align:left;cursor:pointer;background:0 0;border:none;padding:1rem 2rem;font-size:1rem;transition:all .3s;position:relative}.nav-button:hover{background:#ffffff1a}.nav-button--active{background:var(--color-secondary);color:var(--color-white)}.nav-button--active:before{content:"";background:var(--color-accent);width:4px;position:absolute;top:0;bottom:0;left:0}.main{margin-left:var(--sidebar-width);flex:1;padding:2rem;transition:margin-left .3s}.tool-container{max-width:800px;margin:0 auto}.tool-container--wide{max-width:1100px}.overlay{z-index:999;background:#00000080;display:none;position:fixed;inset:0}@media (width<=768px){.menu-toggle{display:flex}.sidebar{transform:translate(-100%)}.sidebar--open{transform:translate(0)}.main{margin-left:0;padding:5rem 1rem 2rem}.overlay{display:block}}@media (width<=1024px) and (width>=769px){.main{padding:2rem 1.5rem}}.tool{background:var(--color-white);border-radius:12px;padding:2rem;box-shadow:0 4px 6px #0000001a}.tool__header{margin-bottom:2rem}.tool__title{color:var(--color-primary);margin:0 0 .5rem;font-size:2rem;font-weight:600}.tool__description{color:var(--color-text-light);margin:0;font-size:1.1rem}.section-title{color:var(--color-primary);margin:0 0 1rem;font-size:1.25rem;font-weight:600}.input-group{flex-direction:column;gap:.5rem;display:flex}.input-label{color:var(--color-text);font-size:.9rem;font-weight:500}.input-with-unit{justify-content:flex-start;align-items:center;display:inline-flex;position:relative}.input{border:2px solid #e1e5e9;border-radius:8px;padding:.75rem;font-size:1rem;transition:all .3s}.input--with-unit{padding-right:3rem}.input--small{width:80px}.input--medium{width:150px}.input--large{width:200px}.input--full{width:100%}.input:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 3px #f77f001a}.unit{color:var(--color-text-light);pointer-events:none;margin-inline-start:.75em;font-weight:500}.preview-box{background:#f8f9fa;border:1px solid #e1e5e9;border-radius:8px;margin:1em 0;padding:1.5rem}.preview-box__title{color:var(--color-primary);margin:0 0 1em;font-size:1.1rem}.code-preview{color:#e2e8f0;background:#2d3748;border-radius:6px;margin-bottom:1rem;padding:1rem;font-family:IBM Plex Mono,Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;line-height:1.5;overflow-x:auto}.calculation-display{background:var(--color-background);border-left:4px solid var(--color-accent);border-radius:8px;padding:1rem}.calculation__formula{color:var(--color-primary);font-family:IBM Plex Mono,Monaco,Menlo,Ubuntu Mono,monospace;font-size:1rem;font-weight:600}.copy-button{background:var(--color-accent);color:var(--color-white);cursor:pointer;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.9rem;transition:background-color .3s}.copy-button:hover{background:var(--color-secondary)}.inputs-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;display:grid}.results-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.result-card{text-align:center;border-radius:8px;padding:1.5rem}.result-card--primary{background:var(--color-primary);color:var(--color-white)}.result-card--secondary{background:var(--color-secondary);color:var(--color-white)}.result-card--accent{background:var(--color-accent);color:var(--color-white)}.result-label{opacity:.9;margin-bottom:.5rem;font-size:.9rem}.result-value{margin-bottom:.5rem;font-size:2rem;font-weight:700}.result-description{opacity:.8;font-size:.8rem}@media (width<=768px){.tool{padding:1.5rem}.inputs-grid,.results-grid{grid-template-columns:1fr}.input--medium,.input--large{width:100%;max-width:200px}.code-preview{font-size:.8rem}}