.tool-page{background:#f8f5ff;color:#111827;padding:34px 0 80px}.tool-app{display:grid;width:min(1368px,calc(100% - 32px));grid-template-columns:310px minmax(0,1fr) 300px;gap:0;margin:0 auto;overflow:hidden;border:1px solid rgb(139 92 246 / 18%);border-radius:18px;background:#fff;box-shadow:0 18px 50px #0f172a1a}.tool-sidebar,.tool-help{background:linear-gradient(180deg,#fff,#fbfaff);padding:28px 18px}.tool-sidebar{border-right:1px solid rgb(139 92 246 / 16%)}.tool-help{border-left:1px solid rgb(139 92 246 / 16%)}.tool-sidebar h2,.tool-help h2{margin:0 0 18px;color:#0f172a;font-size:20px}.tool-mobile-toggle{display:none}.tool-menu{display:grid;gap:10px}.tool-menu__item{display:flex;width:100%;align-items:center;gap:10px;border:1px solid transparent;border-radius:14px;background:transparent;padding:11px;color:#1e293b;text-align:left;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.tool-menu__item.is-active,.tool-menu__item:hover{border-color:#8b5cf647;background:#fff;box-shadow:0 10px 24px #8b5cf61f;transform:translateY(-1px)}.tool-menu__item.is-active{border-left:4px solid #8b5cf6}.tool-menu__icon,.tool-panel__icon{display:grid;width:38px;height:38px;flex:0 0 38px;place-items:center;border-radius:10px;background:#f3e8ff;color:#7e22ce}.tool-menu__icon svg,.tool-panel__icon svg{width:20px;height:20px}.tool-menu__item.is-active .tool-menu__icon{background:linear-gradient(135deg,#a855f7,#6d28d9);color:#fff;box-shadow:0 8px 18px #6d28d947}.tool-menu__item strong{display:block;color:#0f172a;font-size:14.5px;font-weight:750;line-height:1.25}.tool-menu__item small{display:block;margin-top:3px;color:#64748b;font-size:12.5px;line-height:1.35}.tool-main{min-height:760px;padding:34px}.tool-panel{display:none}.tool-panel.is-active{display:block;animation:toolFade .25s ease}.tool-panel__head{display:flex;gap:14px;align-items:flex-start;margin-bottom:26px}.tool-panel__icon{width:46px;height:46px;flex-basis:46px;background:linear-gradient(135deg,#a855f7,#6d28d9);color:#fff}.tool-panel__head h1{margin:0 0 8px;color:#0f172a;font-size:clamp(24px,2.6vw,32px);font-weight:720;line-height:1.1}.tool-panel__head p{margin:0;color:#475569;font-size:16px;line-height:1.6}.tool-subtitle{margin:24px 0 14px;color:#6d28d9;font-size:18px;font-weight:760}.tool-divider{height:1px;margin:28px 0 8px;background:#eadcff}.tool-panel label{display:grid;gap:8px;color:#334155;font-weight:650}.tool-panel input,.tool-panel textarea,.tool-panel select{width:100%;border:1px solid #d8c8ff;border-radius:12px;background:#fff;color:#0f172a;padding:12px 13px;font:inherit;font-weight:500;outline:none}.tool-panel input:focus,.tool-panel textarea:focus,.tool-panel select:focus{border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf624}.tool-grid-2,.tool-grid-3{display:grid;gap:14px;margin-bottom:18px}.tool-grid-2{grid-template-columns:repeat(2,1fr)}.tool-grid-3{grid-template-columns:repeat(3,1fr)}.tool-metric-grid{margin-top:16px}.tool-checks{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:18px 0}.tool-checks label{display:flex;align-items:center;border:1px solid #eadcff;border-radius:12px;background:#fbf8ff;padding:11px;font-size:13px}.tool-copy-field{display:flex;gap:10px}.tool-copy-field input{flex:1;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:18px}.tool-copy-field button{min-width:76px;border:1px solid #d8c8ff;border-radius:10px;background:#fff;color:#7e22ce;padding:8px 12px;font-size:13px;font-weight:650;cursor:pointer}.tool-password-length input[type=range]{padding:0;accent-color:#8b5cf6}.tool-inline-note{margin:10px 0 0;color:#64748b;font-size:14px;line-height:1.55}.tool-checks input{width:18px;margin:0;accent-color:#8b5cf6}.tool-actions{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.tool-actions button,.tool-2fa-row button{min-height:36px;border:0;border-radius:999px;background:linear-gradient(90deg,#8000ff,#f62aaa);color:#fff;padding:8px 15px;font-size:13px;font-weight:650;cursor:pointer}.tool-actions button+button{border:1px solid #d8c8ff;background:#fff;color:#7e22ce}.tool-2fa-row button:disabled{cursor:not-allowed;opacity:.4}.tool-output,.tool-result{min-height:120px;border:1px solid #eadcff;border-radius:14px;background:#fbf8ff;color:#0f172a;padding:16px;white-space:pre-wrap;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.6}.tool-countdown{min-height:24px;color:#7c3aed;font-weight:800}.tool-countdown.is-warning{color:#ea580c}.tool-2fa-table{overflow:hidden;border:1px solid #eadcff;border-radius:14px;background:#fff}.tool-2fa-empty{padding:18px;color:#64748b}.tool-2fa-row{display:grid;grid-template-columns:minmax(130px,.85fr) minmax(180px,1fr) 110px 86px;gap:10px;align-items:center;border-top:1px solid #eadcff;padding:10px}.tool-2fa-row:first-child{border-top:0}.tool-2fa-row--head{background:#fbf8ff;color:#4c1d95;font-size:13px;font-weight:850}.tool-2fa-secret{overflow:hidden;color:#475569;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;text-overflow:ellipsis;white-space:nowrap}.tool-2fa-row strong{color:#6d28d9;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:24px;letter-spacing:.08em}.tool-2fa-row strong.is-invalid{color:#dc2626;font-size:13px;letter-spacing:0}.tool-toast{position:fixed;right:22px;bottom:22px;z-index:9999;max-width:min(340px,calc(100vw - 32px));transform:translateY(14px);border:1px solid rgb(124 58 237 / 18%);border-radius:12px;background:#fff;color:#271242;padding:12px 16px;font-size:14px;font-weight:700;opacity:0;pointer-events:none;box-shadow:0 16px 42px #240e492e;transition:opacity .18s ease,transform .18s ease}.tool-toast.is-visible{transform:translateY(0);opacity:1}.tool-toast.is-success{border-color:#22c55e47}.tool-toast.is-error{border-color:#ef444447;color:#b91c1c}.is-hidden{display:none!important}.tool-tip{display:none;border-top:1px solid #eadcff;padding:18px 0}.tool-tip.is-active{display:block}.tool-help strong{display:block;color:#7e22ce;font-size:16px}.tool-help p{margin:8px 0 0;color:#475569;font-size:14px;line-height:1.6}.tool-help code{border-radius:6px;background:#f3e8ff;color:#6d28d9;padding:1px 5px;font-size:12px;font-weight:650}@keyframes toolFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1120px){.tool-app{grid-template-columns:290px minmax(0,1fr)}.tool-help{display:none}.tool-checks{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.tool-page{padding:22px 0 54px}.tool-app{width:min(420px,calc(100% - 28px));grid-template-columns:1fr}.tool-sidebar{border-right:0;border-bottom:1px solid rgb(139 92 246 / 16%);padding:16px}.tool-sidebar h2{display:none}.tool-mobile-toggle{display:flex;width:100%;align-items:center;justify-content:space-between;border:1px solid rgb(139 92 246 / 34%);border-radius:12px;background:#fff;color:#4c1d95;padding:10px 13px;font-size:13px;font-weight:650}.tool-mobile-toggle__arrow{display:inline-grid;width:28px;height:28px;flex:0 0 28px;place-items:center;border-radius:50%;background:#f3e8ff;color:#7c3aed;font-size:24px;font-weight:800;line-height:1}.tool-menu{gap:8px}.tool-menu__item{padding:10px}.tool-menu__icon{width:34px;height:34px;flex-basis:34px}.tool-menu__item strong{font-size:13px}.tool-menu__item small{font-size:11.5px}.tool-menu{display:none;margin-top:10px}.tool-menu.is-open{display:grid}.tool-main{min-height:0;padding:20px 16px 28px}.tool-panel__head{gap:12px}.tool-panel__icon{width:46px;height:46px;flex-basis:46px}.tool-grid-2,.tool-grid-3,.tool-checks{grid-template-columns:1fr}.tool-panel__head h1{font-size:24px}.tool-panel__head p{font-size:14px}.tool-2fa-row{grid-template-columns:1fr}.tool-2fa-row--head{display:none}}