:root{--vt-c-white:#fff;--vt-c-white-soft:#f8f8f8;--vt-c-white-mute:#f2f2f2;--vt-c-black:#181818;--vt-c-black-soft:#222;--vt-c-black-mute:#282828;--vt-c-indigo:#2c3e50;--vt-c-divider-light-1:#3c3c3c4a;--vt-c-divider-light-2:#3c3c3c1f;--vt-c-divider-dark-1:#545454a6;--vt-c-divider-dark-2:#5454547a;--vt-c-text-light-1:var(--vt-c-indigo);--vt-c-text-light-2:#3c3c3ca8;--vt-c-text-dark-1:var(--vt-c-white);--vt-c-text-dark-2:#ebebeba3;--color-background:var(--vt-c-white);--color-background-soft:var(--vt-c-white-soft);--color-background-mute:var(--vt-c-white-mute);--color-border:var(--vt-c-divider-light-2);--color-border-hover:var(--vt-c-divider-light-1);--color-heading:var(--vt-c-text-light-1);--color-text:var(--vt-c-text-light-1);--section-gap:160px}@media (prefers-color-scheme:dark){:root{--color-background:var(--vt-c-black);--color-background-soft:var(--vt-c-black-soft);--color-background-mute:var(--vt-c-black-mute);--color-border:var(--vt-c-divider-dark-2);--color-border-hover:var(--vt-c-divider-dark-1);--color-heading:var(--vt-c-text-dark-1);--color-text:var(--vt-c-text-dark-2)}}*,:before,:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;line-height:1.6;transition:color .5s,background-color .5s}html,body,#app{width:100%;min-height:100%;margin:0}body{background:#f8fafc;font-weight:400}#app{min-height:100vh}a,.green{color:#00bd7e;padding:3px;text-decoration:none;transition:all .4s}@media (hover:hover){a:hover{background-color:#00bd7e33}}:root{--primary-color:#4caf50;--secondary-color:#2196f3}body{background:#f5f5f5;margin:0;font-family:Segoe UI,sans-serif}*{box-sizing:border-box}.tool-icon{color:var(--primary-color)}input:focus,textarea:focus,select:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 2px #4caf5033}html.dark-mode body{background:#0f172a}html.dark-mode .page-shell{color:#e2e8f0!important;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%)!important}html.dark-mode .sidebar-card,html.dark-mode .hero-card,html.dark-mode .workspace-card{background:#1e293be0!important;border-color:#4755694d!important;box-shadow:0 20px 45px #0000004d!important}html.dark-mode .brand-copy,html.dark-mode .hero-copy{color:#94a3b8!important}html.dark-mode .eyebrow{color:#60a5fa!important}html.dark-mode .tool-card{background:#1e293b!important;border-color:#334155!important}html.dark-mode .tool-card:hover,html.dark-mode .tool-card.active{border-color:#3b82f6!important;box-shadow:0 12px 24px #3b82f633!important}html.dark-mode .tool-card p{color:#94a3b8!important}html.dark-mode .hero-pill{color:#93c5fd!important;background:linear-gradient(135deg,#1e3a5f 0%,#1e40af 100%)!important}html.dark-mode textarea,html.dark-mode input,html.dark-mode select{color:#e2e8f0!important;background:#1e293b!important;border-color:#475569!important}html.dark-mode .checkbox-group{background:#1e293b!important;border-color:#475569!important}html.dark-mode .label-text,html.dark-mode .checkbox-label,html.dark-mode .length-value{color:#e2e8f0!important}html.dark-mode .secondary-btn{color:#60a5fa!important;background:#1e293b!important;border-color:#3b82f6!important}html.dark-mode .output-label{color:#cbd5e1!important}html.dark-mode .result-box{color:#e2e8f0!important;background:#020617!important}html.dark-mode .copy-tooltip,html.dark-mode .helper-text{color:#94a3b8!important}html.dark-mode .dark-mode-toggle{color:#e2e8f0!important;background:linear-gradient(135deg,#334155 0%,#475569 100%)!important;border-color:#64748b!important}html.dark-mode .dark-mode-toggle:hover{background:linear-gradient(135deg,#475569 0%,#64748b 100%)!important}html.dark-mode h1,html.dark-mode h2,html.dark-mode h3{color:#f1f5f9!important}html.dark-mode p,html.dark-mode span:not(.toggle-icon):not(.tool-icon){color:#cbd5e1!important}html.dark-mode .field-label{color:#e2e8f0!important}html.dark-mode ::placeholder{color:#64748b!important}html.dark-mode .tool-card h3{color:#f1f5f9!important}.page-shell[data-v-39d0baee]{color:#0f172a;background:linear-gradient(135deg,#f8fbff 0%,#eef4ff 100%);grid-template-columns:320px minmax(0,1fr);gap:24px;min-height:100vh;padding:24px;display:grid}.sidebar-card[data-v-39d0baee],.hero-card[data-v-39d0baee],.workspace-card[data-v-39d0baee]{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe0;border:1px solid #94a3b82e;border-radius:24px;box-shadow:0 20px 45px #0f172a14}.sidebar-card[data-v-39d0baee]{flex-direction:column;gap:20px;max-height:calc(100vh - 48px);padding:24px;display:flex;overflow:hidden}.sidebar-tools[data-v-39d0baee]{scrollbar-width:thin;padding-right:8px;overflow-y:auto}.sidebar-tools[data-v-39d0baee]::-webkit-scrollbar{width:8px}.sidebar-tools[data-v-39d0baee]::-webkit-scrollbar-thumb{background:#2563eb47;border-radius:999px}.sidebar-tools[data-v-39d0baee]::-webkit-scrollbar-track{background:0 0}.sidebar-card[data-v-39d0baee]{padding:20px}.sidebar-card>.sidebar-tools[data-v-39d0baee]{padding:8px 0 4px}.brand-block h1[data-v-39d0baee]{margin:0 0 8px;font-size:1.4rem}.brand-copy[data-v-39d0baee],.hero-copy[data-v-39d0baee]{color:#64748b;line-height:1.6}.eyebrow[data-v-39d0baee]{text-transform:uppercase;letter-spacing:.24em;color:#2563eb;margin:0 0 8px;font-size:.72rem;font-weight:700}.sidebar-tools[data-v-39d0baee]{gap:10px;display:grid}.tool-card[data-v-39d0baee]{text-align:left;cursor:pointer;box-sizing:border-box;background:#fff;border:1px solid #dbeafe;border-radius:16px;align-items:flex-start;gap:12px;width:100%;padding:12px 14px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.tool-card[data-v-39d0baee]:hover,.tool-card.active[data-v-39d0baee]{border-color:#2563eb;transform:translateY(-2px);box-shadow:0 12px 24px #2563eb1f}.tool-card h3[data-v-39d0baee]{margin:0 0 4px;font-size:.95rem}.tool-card p[data-v-39d0baee]{color:#64748b;margin:0;font-size:.84rem;line-height:1.4}.tool-icon[data-v-39d0baee]{margin-top:2px;font-size:1.1rem}.content-area[data-v-39d0baee]{gap:24px;min-height:0;display:grid}.hero-card[data-v-39d0baee],.workspace-card[data-v-39d0baee]{padding:24px}.workspace-card[data-v-39d0baee]{max-height:calc(100vh - 220px);overflow:auto}.hero-card[data-v-39d0baee]{justify-content:space-between;align-items:center;gap:16px;display:flex}.hero-card h2[data-v-39d0baee]{margin:0 0 8px;font-size:1.5rem}.hero-pill[data-v-39d0baee]{color:#1d4ed8;white-space:nowrap;background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border-radius:999px;padding:12px 16px;font-weight:600}.dark-mode-toggle[data-v-39d0baee]{cursor:pointer;color:#475569;background:linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 100%);border:1px solid #cbd5e1;border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-weight:600;transition:all .2s;display:flex}.dark-mode-toggle[data-v-39d0baee]:hover{background:linear-gradient(135deg,#e2e8f0 0%,#cbd5e1 100%);transform:translateY(-1px)}.toggle-icon[data-v-39d0baee]{font-size:1.2rem}.toggle-text[data-v-39d0baee]{font-size:.9rem}.workspace-header[data-v-39d0baee]{margin-bottom:18px}.tool-panel[data-v-39d0baee]{gap:12px;display:grid}textarea[data-v-39d0baee],input[data-v-39d0baee],select[data-v-39d0baee]{width:100%;font:inherit;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:12px;padding:10px 12px}textarea[data-v-39d0baee]{resize:vertical;min-height:120px}.field-label[data-v-39d0baee]{font-weight:600}.action-row[data-v-39d0baee]{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.form-grid[data-v-39d0baee]{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:center;gap:16px;display:grid}.password-grid[data-v-39d0baee]{grid-template-columns:180px repeat(3,minmax(140px,1fr))}.input-group[data-v-39d0baee],.checkbox-group[data-v-39d0baee]{flex-direction:column;gap:8px;display:flex}.label-text[data-v-39d0baee]{color:#1e293b;font-size:.95rem;font-weight:600}.checkbox-group[data-v-39d0baee]{background:#f8fafc;border:1px solid #cbd5e1;border-radius:14px;flex-direction:row;align-items:center;gap:10px;padding:12px 14px}.secondary-btn[data-v-39d0baee]{color:#2563eb;cursor:pointer;background:#fff;border:1px solid #2563eb2e;border-radius:999px;padding:10px 16px;font-weight:600}.secondary-btn[data-v-39d0baee]:disabled{opacity:.5;cursor:not-allowed}.primary-btn[data-v-39d0baee]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border:none;border-radius:999px;padding:10px 16px;font-weight:600}.output-panel[data-v-39d0baee]{gap:10px;display:grid}.output-label[data-v-39d0baee]{color:#334155;font-weight:600}.result-box[data-v-39d0baee]{color:#e2e8f0;white-space:pre-wrap;word-break:break-word;background:#0f172a;border-radius:14px;padding:14px}.length-control[data-v-39d0baee]{gap:16px}.length-row[data-v-39d0baee]{align-items:center;gap:12px;display:flex}.range-input[data-v-39d0baee]{width:100%}.length-value[data-v-39d0baee]{text-align:right;color:#1e293b;min-width:48px;font-weight:700}.checkbox-label[data-v-39d0baee]{color:#0f172a;font-weight:600}.copy-tooltip[data-v-39d0baee]{color:#475569;font-size:.9rem}.checkbox-group input[data-v-39d0baee]{accent-color:#2563eb;width:20px;height:20px}.checkbox-group[data-v-39d0baee]{padding:12px 18px}@keyframes slideOut-39d0baee{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-12px)}}.tool-panel.slide-in[data-v-39d0baee]{animation:.2s ease-out slideIn}.tool-panel.slide-out[data-v-39d0baee]{animation:.14s ease-in slideOut-39d0baee}@media (width<=900px){.page-shell[data-v-39d0baee]{grid-template-columns:1fr;padding:16px}.sidebar-card[data-v-39d0baee]{order:2}.hero-card[data-v-39d0baee]{flex-direction:column;align-items:flex-start}}@media (width<=700px){.page-shell[data-v-39d0baee]{gap:16px;padding:14px}.sidebar-card[data-v-39d0baee],.hero-card[data-v-39d0baee],.workspace-card[data-v-39d0baee]{border-radius:18px;padding:16px}.hero-pill[data-v-39d0baee]{text-align:center;width:100%}.action-row[data-v-39d0baee]{flex-direction:column;align-items:flex-start}.primary-btn[data-v-39d0baee]{width:100%}}