.tool-card{background:var(--surface);border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow-lg);overflow:hidden;margin-bottom:1.8rem}.mode-tabs{display:flex;border-bottom:1px solid var(--border);background:#fafbff;overflow-x:auto}.mode-tab{padding:0.9rem 1.4rem;font-size:0.82rem;font-weight:600;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap;transition:all 0.18s;user-select:none;flex-shrink:0}.mode-tab:hover{color:var(--accent);background:var(--accent-lt)}.mode-tab.active{color:var(--accent);border-bottom-color:var(--accent);background:#fff}.settings-panel{padding:1.2rem 2rem;background:#fafbff;border-bottom:1px solid var(--border)}.settings-label{font-size:0.7rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:0.9rem}.settings-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0.8rem}@media (max-width:700px){.settings-grid{grid-template-columns:1fr 1fr}}@media (max-width:420px){.settings-grid{grid-template-columns:1fr}}.check-item{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px 11px;background:#fff;border:1.5px solid var(--border2);border-radius:9px;transition:all 0.18s;user-select:none}.check-item:hover{border-color:var(--accent);background:var(--accent-lt)}.check-item input[type="checkbox"]{width:15px;height:15px;accent-color:var(--accent);cursor:pointer;flex-shrink:0;margin:0}.check-item span{font-size:0.79rem;font-weight:500;color:var(--sub);line-height:1.3}.check-item.checked{border-color:var(--accent);background:var(--accent-lt)}.check-item.checked span{color:var(--accent)}.main-layout{display:grid;grid-template-columns:1fr 1fr;min-height:420px}@media (max-width:680px){.main-layout{grid-template-columns:1fr}}.panel{display:flex;flex-direction:column}.panel:first-child{border-right:1px solid var(--border)}@media (max-width:680px){.panel:first-child{border-right:none;border-bottom:1px solid var(--border)}}.panel-header{padding:0.9rem 1.4rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:#fafbff;gap:8px;flex-wrap:wrap}.panel-title{font-size:0.72rem;font-weight:700;color:var(--sub);text-transform:uppercase;letter-spacing:1px}.panel-meta{font-family:var(--mono);font-size:0.68rem;color:var(--muted)}.panel-actions{display:flex;gap:6px}.small-btn{padding:5px 11px;background:#fff;border:1px solid var(--border2);color:var(--sub);border-radius:7px;font-size:0.73rem;font-weight:600;cursor:pointer;transition:all 0.18s;font-family:var(--sans);white-space:nowrap}.small-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-lt)}.small-btn.green:hover{border-color:var(--green);color:var(--green);background:var(--green-lt)}.small-btn.danger:hover{border-color:var(--red);color:var(--red);background:var(--red-lt)}.text-area{flex:1;width:100%;min-height:360px;padding:1.2rem 1.4rem;border:none;outline:none;resize:none;font-family:var(--sans);font-size:0.88rem;line-height:1.75;color:var(--text);background:#fff}.text-area::placeholder{color:var(--muted)}.text-area.output-area{background:#f8f9ff}.highlighted-output{flex:1;padding:1.2rem 1.4rem;min-height:360px;font-family:var(--sans);font-size:0.88rem;line-height:1.75;color:var(--text);background:#f8f9ff;overflow-y:auto;white-space:pre-wrap;word-break:break-word;cursor:text}.cap-highlight{background:#d1fae5;color:#065f46;border-radius:2px;font-weight:700}.action-bar{padding:1.2rem 2rem;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;background:#fafbff}.stats-row{display:flex;gap:0.8rem;flex-wrap:wrap}.stat-chip{display:inline-flex;align-items:center;gap:5px;background:#fff;border:1px solid var(--border2);border-radius:8px;padding:5px 11px;font-size:0.72rem;color:var(--sub)}.stat-chip strong{color:var(--accent);font-weight:700;font-family:var(--mono)}.stat-chip.green{border-color:#6ee7b7;background:var(--green-lt)}.stat-chip.green strong{color:var(--green)}.action-btns{display:flex;gap:8px;flex-wrap:wrap}.convert-btn{display:inline-flex;align-items:center;gap:7px;padding:10px 24px;background:linear-gradient(135deg,var(--accent) 0%,#7c3aed 100%);color:#fff;border:none;border-radius:10px;font-family:var(--sans);font-size:0.86rem;font-weight:700;cursor:pointer;transition:all 0.2s;box-shadow:0 3px 12px rgba(79,70,229,0.3)}.convert-btn:hover{opacity:0.92;transform:translateY(-1px)}.copy-btn{display:inline-flex;align-items:center;gap:7px;padding:10px 20px;background:var(--green-lt);border:1.5px solid #6ee7b7;color:#065f46;border-radius:10px;font-family:var(--sans);font-size:0.86rem;font-weight:700;cursor:pointer;transition:all 0.2s;margin:0}.copy-btn:hover{background:#a7f3d0;transform:translateY(-1px)}.clear-btn-main{display:inline-flex;align-items:center;gap:7px;padding:10px 16px;background:var(--red-lt);border:1px solid #fca5a5;color:var(--red);border-radius:10px;font-family:var(--sans);font-size:0.86rem;font-weight:600;cursor:pointer;transition:all 0.18s}.clear-btn-main:hover{background:#fca5a5}