:root{--page-bg:#f5f5f5;--surface:#ffffff;--surface-soft:#fafafa;--text-primary:#111827;--text-muted:#6b7280;--line-color:#e5e7eb;--action:#2563eb;--action-hover:#1d4ed8;--action-active:#1e40af;--action-shadow:rgba(37,99,235,0.24)}body{background:var(--page-bg);color:var(--text-primary);min-height:100vh;display:flex;flex-direction:column}.bi{line-height:1;vertical-align:-0.125em}.navbar-clean{background-color:#ffffff !important;border-bottom:1px solid var(--line-color)}.navbar-clean .navbar-brand{color:var(--text-primary)}.page-main{flex:1 0 auto;padding-top:4.8rem;padding-bottom:2rem}.page-shell{margin-top:4.6rem;padding-bottom:2rem;flex:1 0 auto}.card{background:#ffffff;border:1px solid var(--line-color) !important;box-shadow:0 1px 2px rgba(17,24,39,0.04) !important}.card-header{background:transparent !important;border-bottom-color:var(--line-color) !important}.card-header-tools{display:flex;align-items:center;justify-content:space-between;gap:0.75rem}.section-card{background:#ffffff;border:1px solid var(--line-color);border-radius:14px;padding:1rem;box-shadow:0 1px 2px rgba(17,24,39,0.04)}.section-muted{color:var(--text-muted)}.compact-tool-shell{display:grid;gap:0.85rem}.compact-field{display:grid;gap:0.4rem}.compact-label{display:flex;align-items:center;justify-content:space-between;gap:0.5rem;font-size:0.88rem;font-weight:600;color:var(--text-primary)}.compact-hint{color:var(--text-muted);font-size:0.78rem;font-weight:400}.compact-input{width:100%;border:1px solid var(--line-color);border-radius:10px;background:#ffffff;padding:0.7rem 0.8rem;color:var(--text-primary)}.compact-input:focus{border-color:#9ca3af;box-shadow:0 0 0 0.2rem rgba(17,24,39,0.08);outline:none}.compact-input.single-line{height:2.9rem;padding-right:3rem;font-size:1rem;font-weight:500;line-height:1.4}.compact-input-row{position:relative}.compact-clear-btn{position:absolute;top:50%;right:0.55rem;transform:translateY(-50%);width:2rem;height:2rem;padding:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;line-height:1}.compact-clear-btn .bi{font-size:0.9rem}.compact-clear-btn.is-textarea{top:0.55rem;transform:none}.compact-inline-toggle{padding:0;border:0;background:transparent;color:var(--action) !important;cursor:pointer;font-size:0.82rem;font-weight:500;line-height:1.4}.compact-inline-toggle:hover,.compact-inline-toggle:focus,.compact-inline-toggle:focus-visible{color:var(--action-hover) !important;text-decoration:underline;outline:none}.compact-batch-input{min-height:150px;font-size:0.92rem;line-height:1.7;resize:vertical}.compact-radio-group{display:flex;flex-wrap:wrap;gap:0.45rem}.compact-radio{display:inline-flex;align-items:center;gap:0.42rem;padding:0.34rem 0.62rem;border:1px solid #d1d5db;border-radius:999px;background:#ffffff;color:var(--text-primary);font-size:0.84rem;cursor:pointer}.compact-radio input{margin:0}.compact-radio:has(input:checked){border-color:#9ca3af;background:#f3f4f6}.compact-result-shell{position:relative}.compact-result-copy{position:absolute;top:0.45rem;right:0.45rem;z-index:3;display:flex;pointer-events:none}.compact-result-copy .compact-copy-btn{pointer-events:auto}.compact-copy-btn{display:inline-flex;align-items:center;gap:0.28rem;height:1.56rem;margin:0;padding:0 0.5rem;border:1px solid rgba(209,213,219,0.95);border-radius:8px;background:rgba(255,255,255,0.98);color:#475569;font-size:0.7rem;line-height:1;white-space:nowrap;cursor:pointer;transition:border-color 0.18s ease,background-color 0.18s ease,color 0.18s ease}.compact-copy-btn .bi{font-size:0.7rem}.compact-copy-btn:hover,.compact-copy-btn:focus,.compact-copy-btn:focus-visible{border-color:rgba(148,163,184,0.95);background:#ffffff;color:#1f2937;outline:none}.compact-copy-btn.is-copied,.compact-copy-btn.is-copied:hover,.compact-copy-btn.is-copied:focus{border-color:#bbf7d0;background:#f0fdf4;color:#15803d}.compact-result-box{width:100%;min-height:96px;border:1px solid var(--line-color);border-radius:10px;background:#fafafa;padding:2.2rem 4.05rem 0.85rem 0.85rem;color:var(--text-primary);line-height:1.8;word-break:break-all;transition:border-color 0.18s ease,background-color 0.18s ease,color 0.18s ease,box-shadow 0.18s ease}.compact-result-box.is-money{font-size:1.06rem;font-weight:600}.compact-result-box.is-empty{color:var(--text-muted);font-weight:400}.compact-result-box.is-empty::before{content:attr(data-placeholder);color:var(--text-muted)}.compact-result-box.is-error{border-color:#fecaca;background:#fff5f5;color:#b91c1c;font-weight:500}.compact-result-box.is-copied{border-color:#86efac;background:#f0fdf4;box-shadow:0 0 0 1px rgba(22,163,74,0.05)}.compact-batch-result{min-height:150px;font-family:inherit;font-size:0.92rem;line-height:1.8;resize:vertical}.btn-dark{background-color:var(--action) !important;border-color:var(--action) !important;color:#fff !important;box-shadow:0 8px 20px var(--action-shadow)}.btn-dark:hover,.btn-dark:focus,.btn-dark:focus-visible{background-color:var(--action-hover) !important;border-color:var(--action-hover) !important;color:#fff !important}.btn-dark:active,.btn-dark.active{background-color:var(--action-active) !important;border-color:var(--action-active) !important}.btn-outline-secondary{color:var(--text-primary);background:#fff;border-color:#d1d5db}.btn-outline-secondary:hover,.btn-outline-secondary:focus{color:var(--text-primary);background:#f3f4f6;border-color:#c7cdd4}.btn-outline-secondary:focus,.btn-outline-secondary:focus-visible{box-shadow:0 0 0 0.2rem rgba(17,24,39,0.08)}.footer-muted-link{color:var(--text-primary);text-decoration:none}.footer-muted-link:hover{color:var(--action);text-decoration:none}.empty-404{min-height:calc(100vh - 140px);display:flex;align-items:center}@media (max-width:575.98px){.page-main{padding-top:5rem}.compact-result-box{padding:2.4rem 0.85rem 0.85rem}}