.tool-page[data-v-5d2745e4]{border-radius:24px;display:flex;flex-direction:column;gap:1.75rem;overflow:hidden;padding:1.25rem 1rem 1.75rem;position:relative}.tool-header[data-v-5d2745e4]{align-items:flex-start;display:flex;gap:1.5rem;justify-content:space-between}.tool-title[data-v-5d2745e4]{background:linear-gradient(135deg,#111827,#4338ca 40%,#7c3aed);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:1.75rem;font-weight:700;letter-spacing:.02em;margin:0 0 .5rem}.tool-subtitle[data-v-5d2745e4]{color:#6b7280;font-size:.95rem;margin:0}.tool-badge[data-v-5d2745e4]{align-items:center;background:#fff;border:1px solid rgba(148,163,184,.6);border-radius:999px;box-shadow:0 10px 30px #0f172a14;display:inline-flex;gap:.5rem;padding:.375rem .75rem;white-space:nowrap}.badge-dot[data-v-5d2745e4]{background:#22c55e;border-radius:999px;box-shadow:0 0 0 6px #22c55e40;height:8px;width:8px}.badge-text[data-v-5d2745e4]{color:#334155;font-size:.75rem;font-weight:500}.tool-card[data-v-5d2745e4]{background:#fff;border-radius:18px;display:flex;flex-direction:column;gap:1.5rem;padding:1.75rem 1.75rem 1.5rem}.mode-selector[data-v-5d2745e4]{display:flex;gap:1rem;justify-content:center}.mode-btn[data-v-5d2745e4]{background:#fff;border:2px solid rgba(var(--primary-color-rgb),.2);border-radius:12px;box-shadow:0 2px 8px #0000000d;color:#475569;cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem 2.25rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.mode-btn.active[data-v-5d2745e4]{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-color) 100%);border-color:transparent;box-shadow:0 4px 15px rgba(var(--primary-color-rgb),.3);color:#fff;transform:translateY(-2px)}.mode-btn[data-v-5d2745e4]:hover:not(.active){background:#fff;border-color:var(--primary-color);box-shadow:0 4px 12px rgba(var(--primary-color-rgb),.15);transform:translateY(-2px)}.input-section[data-v-5d2745e4],.output-section[data-v-5d2745e4]{box-sizing:border-box;display:flex;flex-direction:column;gap:.75rem;width:100%}.label[data-v-5d2745e4]{color:#333;font-size:1rem;font-weight:600}.label.with-tip[data-v-5d2745e4]{align-items:center;display:flex;gap:.75rem;justify-content:space-between}.label-tip[data-v-5d2745e4]{color:#9ca3af;font-size:.8rem;font-weight:400}.textarea[data-v-5d2745e4]{background:#fff;border:2px solid rgba(var(--primary-color-rgb),.2);border-radius:12px;box-shadow:0 2px 8px #0f172a0f;box-sizing:border-box;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:1rem;padding:1.25rem;resize:vertical;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.textarea[data-v-5d2745e4]:focus{border-color:var(--primary-color);box-shadow:0 4px 16px rgba(var(--primary-color-rgb),.15),0 0 0 3px rgba(var(--primary-color-rgb),.1);outline:none;transform:translateY(-1px)}.textarea[readonly][data-v-5d2745e4]{background:#fff}.output-textarea[data-v-5d2745e4]{border-style:dashed}.actions[data-v-5d2745e4]{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.btn[data-v-5d2745e4]{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 2rem;transition:all .3s ease}.btn-primary[data-v-5d2745e4]{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-color) 100%);box-shadow:0 4px 15px rgba(var(--primary-color-rgb),.3);color:#fff}.btn-primary[data-v-5d2745e4]:hover{box-shadow:0 8px 25px rgba(var(--primary-color-rgb),.4);transform:translateY(-3px)}.btn-secondary[data-v-5d2745e4]{background:#fff;border:2px solid rgba(var(--primary-color-rgb),.2);box-shadow:0 2px 8px #0000000d;color:#475569}.btn-secondary[data-v-5d2745e4]:hover{background:#fff;border-color:rgba(var(--primary-color-rgb),.4);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.btn-ghost[data-v-5d2745e4]{background:transparent;border:1px dashed rgba(148,163,184,.7);box-shadow:none;color:#4b5563}.btn-ghost[data-v-5d2745e4]:hover{background:#fff;border-style:solid;box-shadow:0 6px 18px #94a3b859;transform:translateY(-2px)}.error-message[data-v-5d2745e4]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fee1e1f2,#fec8c8f2);border:2px solid rgba(220,38,38,.2);border-radius:12px;box-shadow:0 4px 12px #dc26261a;color:#dc2626;font-weight:500;padding:1.25rem}.tool-footer[data-v-5d2745e4]{background:#fff;border:1px dashed rgba(148,163,184,.6);border-radius:14px;margin-top:.25rem;padding:1rem 1.25rem}.tip-title[data-v-5d2745e4]{color:#4b5563;font-size:.85rem;font-weight:600;margin-bottom:.35rem}.tip-list[data-v-5d2745e4]{color:#6b7280;font-size:.85rem;margin:0;padding-left:1.25rem}.tip-list li+li[data-v-5d2745e4]{margin-top:.15rem}@media(max-width:768px){.tool-header[data-v-5d2745e4]{align-items:flex-start;flex-direction:column}.tool-card[data-v-5d2745e4]{padding:1.25rem 1.1rem 1.1rem}.actions[data-v-5d2745e4]{flex-direction:column}.btn[data-v-5d2745e4]{width:100%}}