.container.svelte-ru80c9{max-width:1200px;margin:0 auto;padding:2rem;background:#0f1419;color:#e6e6e6;min-height:100vh;font-family:Segoe UI,system-ui,-apple-system,sans-serif}.page-header.svelte-ru80c9{text-align:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:2px solid #1e2328}.page-title.svelte-ru80c9{font-size:3rem;font-weight:700;margin:0 0 1rem;background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-description.svelte-ru80c9{font-size:1.2rem;color:#94a3b8;margin:0;line-height:1.6}.tool-content.svelte-ru80c9{display:grid;gap:2rem}.mode-toggle.svelte-ru80c9{display:flex;gap:.5rem;margin-bottom:2rem;background:#1e2328;padding:.5rem;border-radius:.75rem;width:fit-content}.mode-button.svelte-ru80c9{padding:.75rem 1.5rem;border:none;border-radius:.5rem;background:transparent;color:#94a3b8;font-weight:500;cursor:pointer;transition:all .2s ease}.mode-button.svelte-ru80c9:hover{background:#2d3748;color:#e6e6e6}.mode-button.active.svelte-ru80c9{background:#60a5fa;color:#0f1419;font-weight:600}.calculator-section.svelte-ru80c9,.reference-section.svelte-ru80c9,.info-section.svelte-ru80c9{background:#1a1f25;border-radius:1rem;padding:2rem;border:1px solid #2d3748}.section-title.svelte-ru80c9{font-size:1.5rem;font-weight:600;margin:0 0 1.5rem;color:#60a5fa}.input-section.svelte-ru80c9{margin-bottom:2rem}.input-row.svelte-ru80c9{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.input-group.svelte-ru80c9{display:flex;flex-direction:column;gap:.5rem}.input-label.svelte-ru80c9{font-weight:500;color:#94a3b8;font-size:.9rem}.optional.svelte-ru80c9{color:#64748b;font-size:.8rem;font-weight:400}.input-field.svelte-ru80c9{padding:.75rem;border:2px solid #2d3748;border-radius:.5rem;background:#0f1419;color:#e6e6e6;font-size:1rem;transition:border-color .2s ease}.input-field.svelte-ru80c9:focus{outline:none;border-color:#60a5fa}.clear-button.svelte-ru80c9{padding:.75rem 1.5rem;background:#374151;color:#e6e6e6;border:none;border-radius:.5rem;cursor:pointer;font-weight:500;transition:all .2s ease;margin-top:1rem}.clear-button.svelte-ru80c9:hover{background:#4b5563;transform:translateY(-1px)}.result-section.svelte-ru80c9{background:#0f1419;border-radius:.75rem;padding:1.5rem;border:1px solid #2d3748;margin-bottom:2rem}.result-title.svelte-ru80c9{font-size:1.2rem;font-weight:600;margin:0 0 1rem;color:#60a5fa}.results-grid.svelte-ru80c9{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.result-card.svelte-ru80c9{background:#1a1f25;padding:1rem;border-radius:.5rem;border:1px solid #2d3748;text-align:center}.result-label.svelte-ru80c9{font-size:.9rem;color:#94a3b8;margin-bottom:.5rem}.result-value.svelte-ru80c9{font-size:1.1rem;font-weight:600;color:#e6e6e6;display:flex;align-items:center;justify-content:center;gap:.5rem}.copy-button.svelte-ru80c9{background:none;border:none;color:#94a3b8;cursor:pointer;padding:.25rem;border-radius:.25rem;transition:all .2s ease}.copy-button.svelte-ru80c9:hover{background:#2d3748;color:#60a5fa}.match-alert.svelte-ru80c9{background:linear-gradient(135deg,#059669,#047857);color:#fff;padding:1rem;border-radius:.5rem;margin-top:1rem;line-height:1.5}.match-icon.svelte-ru80c9{margin-right:.5rem}.match-usage.svelte-ru80c9{font-size:.9rem;opacity:.9}.resize-summary.svelte-ru80c9{background:#1a1f25;padding:1rem;border-radius:.5rem;border:1px solid #2d3748;margin-top:1rem}.summary-text.svelte-ru80c9{color:#94a3b8;line-height:1.5}.error-message.svelte-ru80c9{background:#7f1d1d;color:#fecaca;padding:1rem;border-radius:.5rem;display:flex;align-items:center;gap:.5rem;margin-bottom:2rem}.error-icon.svelte-ru80c9{font-size:1.2rem}.examples-section.svelte-ru80c9{margin-top:2rem}.examples-title.svelte-ru80c9{font-size:1.1rem;font-weight:600;margin:0 0 1rem;color:#94a3b8}.examples-grid.svelte-ru80c9{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.example-button.svelte-ru80c9{background:#0f1419;border:1px solid #2d3748;border-radius:.5rem;padding:.75rem;cursor:pointer;transition:all .2s ease;text-align:left;color:#e6e6e6}.example-button.svelte-ru80c9:hover{background:#1a1f25;border-color:#60a5fa;transform:translateY(-1px)}.example-values.svelte-ru80c9{display:block;font-weight:600;color:#60a5fa;margin-bottom:.25rem}.example-description.svelte-ru80c9{display:block;font-size:.9rem;color:#94a3b8}.ratios-grid.svelte-ru80c9{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.ratio-card.svelte-ru80c9{background:#0f1419;border:1px solid #2d3748;border-radius:.75rem;padding:1rem;cursor:pointer;transition:all .2s ease;text-align:left;color:#e6e6e6}.ratio-card.svelte-ru80c9:hover{background:#1a1f25;border-color:#60a5fa;transform:translateY(-2px);box-shadow:0 4px 12px #60a5fa1a}.ratio-header.svelte-ru80c9{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.ratio-value.svelte-ru80c9{font-size:1.2rem;font-weight:700;color:#60a5fa}.ratio-name.svelte-ru80c9{font-weight:600;color:#e6e6e6}.ratio-decimal.svelte-ru80c9{font-size:.9rem;color:#94a3b8;margin-bottom:.5rem}.ratio-usage.svelte-ru80c9{font-size:.8rem;color:#64748b;line-height:1.4}.facts-grid.svelte-ru80c9{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.fact-card.svelte-ru80c9{background:#0f1419;border:1px solid #2d3748;border-radius:.75rem;padding:1.5rem}.fact-title.svelte-ru80c9{font-size:1.1rem;font-weight:600;margin:0 0 .75rem;color:#60a5fa}.fact-description.svelte-ru80c9{color:#94a3b8;line-height:1.6;margin:0}@media (max-width: 768px){.container.svelte-ru80c9{padding:1rem}.page-title.svelte-ru80c9{font-size:2rem}.input-row.svelte-ru80c9{grid-template-columns:1fr}.results-grid.svelte-ru80c9{grid-template-columns:1fr 1fr}.ratios-grid.svelte-ru80c9,.facts-grid.svelte-ru80c9{grid-template-columns:1fr}}