.tool-page .et-page-header{text-align:center;margin-bottom:2rem}.tool-page .et-header-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(43,173,238,.08);border:1px solid rgba(43,173,238,.25);color:#2badee;padding:5px 14px;border-radius:99px;font-size:.72rem;font-weight:600;letter-spacing:.06em;margin-bottom:1rem}.tool-page .et-badge-dot{width:7px;height:7px;background:#2badee;border-radius:50%;box-shadow:0 0 8px #2badee;animation:etPulseDot 2s ease-in-out infinite}@keyframes etPulseDot{0%,to{opacity:1;box-shadow:0 0 8px #2badee}50%{opacity:.5;box-shadow:0 0 4px #2badee}}.tool-page .et-page-header h1{font-size:clamp(2rem,5vw,3.2rem);font-weight:700;letter-spacing:-.03em;background:linear-gradient(135deg,#fff 30%,#5fc8ef 65%,#2badee);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1}.tool-page .et-tagline{margin-top:10px;color:var(--muted);font-size:.95rem}.tool-page .et-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.tool-page .et-panel-title-group{display:flex;flex-direction:column;gap:4px}.tool-page .et-panel-title{font-size:1.1rem;font-weight:600;color:var(--text)}.tool-page .et-panel-desc{font-size:.82rem;color:var(--muted);line-height:1.5}.tool-page .et-panel-desc code{font-family:var(--mono);font-size:.78rem;background:var(--surface2);border:1px solid var(--border);border-radius:4px;padding:1px 5px;color:#5fc8ef}.tool-page .et-panel-actions{display:flex;gap:8px;flex-shrink:0}.tool-page .et-io-grid{display:grid;grid-template-columns:1fr auto 1fr;grid-gap:16px;gap:16px;align-items:start;margin-bottom:16px}.tool-page .et-io-col{display:flex;flex-direction:column;gap:8px}.tool-page .et-io-label-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.tool-page .et-io-divider{display:flex;align-items:center;justify-content:center;padding-top:24px}.tool-page .et-mode-toggle{display:flex;flex-direction:column;gap:6px}.tool-page .et-mode-opt{display:flex;align-items:center;gap:7px;cursor:pointer;font-size:.8rem;color:var(--muted);transition:color .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tool-page .et-mode-opt:hover{color:var(--text)}.tool-page .et-mode-opt input[type=radio]{accent-color:var(--accent);width:14px;height:14px;cursor:pointer;flex-shrink:0}.tool-page .et-mode-opt:has(input:checked){color:var(--accent);font-weight:600}.tool-page .et-output-area{background:rgba(0,0,0,.3);color:#5fc8ef;cursor:default}.tool-page .et-btn-copy{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;background:var(--surface2);border:1px solid var(--border);border-radius:6px;cursor:pointer;color:var(--muted);transition:all .2s;flex-shrink:0}.tool-page .et-btn-copy svg{width:13px;height:13px}.tool-page .et-btn-copy:hover{border-color:var(--accent);color:var(--accent)}.tool-page .et-btn-copy.copied{border-color:var(--success);color:var(--success);background:rgba(16,185,129,.1)}.tool-page .et-btn-copy.small{width:26px;height:26px}.tool-page .et-btn-copy.small svg{width:11px;height:11px}.tool-page .et-bases-input-row{display:grid;grid-template-columns:1fr auto;grid-gap:20px;gap:20px;align-items:end;margin-bottom:24px}.tool-page .et-bases-input-group,.tool-page .et-bases-radio-group{display:flex;flex-direction:column;gap:8px}.tool-page .et-base-radios{display:flex;flex-direction:column;gap:5px}.tool-page .et-base-radio-opt{display:flex;align-items:center;gap:7px;cursor:pointer;font-size:.8rem;color:var(--muted);transition:color .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tool-page .et-base-radio-opt:hover{color:var(--text)}.tool-page .et-base-radio-opt input[type=radio]{accent-color:var(--accent);width:14px;height:14px;cursor:pointer;flex-shrink:0}.tool-page .et-base-radio-opt:has(input:checked){color:var(--accent);font-weight:600}.tool-page .et-bases-outputs{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px}.tool-page .et-base-output-card{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px 16px;transition:border-color .2s}.tool-page .et-base-output-card:hover{border-color:rgba(43,173,238,.25)}.tool-page .et-base-output-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.tool-page .et-base-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);flex:1 1}.tool-page .et-base-radix{font-family:var(--mono);font-size:.68rem;color:var(--muted);opacity:.6}.tool-page .et-base-output-value{font-family:var(--mono);font-size:.875rem;color:#5fc8ef;word-break:break-all;line-height:1.6;min-height:22px}.tool-page .et-hash-algo-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:12px}.tool-page .et-algo-btns{display:flex;gap:6px}.tool-page .et-algo-btn{padding:7px 16px;background:var(--surface2);border:1px solid var(--border);border-radius:6px;font-family:var(--mono);font-size:.8rem;font-weight:500;color:var(--muted);cursor:pointer;transition:all .2s}.tool-page .et-algo-btn:hover{color:var(--text);border-color:rgba(43,173,238,.25)}.tool-page .et-algo-btn.active{background:rgba(43,173,238,.15);border-color:rgba(43,173,238,.35);color:var(--accent);font-weight:600}.tool-page .et-hash-output-area{font-size:.78rem;word-break:break-all}.tool-page .et-uuid-controls{margin-bottom:16px}.tool-page .et-slider-row{display:flex;flex-direction:column;gap:10px}.tool-page .et-slider-count{font-family:var(--mono);font-size:.875rem;color:var(--accent);font-weight:700}.tool-page .et-uuid-list{display:flex;flex-direction:column;gap:6px}.tool-page .et-uuid-placeholder{text-align:center;padding:32px;color:var(--muted);font-size:.85rem;opacity:.6}.tool-page .et-uuid-item{display:flex;align-items:center;gap:10px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 14px;animation:etFadeIn .2s ease both;transition:border-color .2s}.tool-page .et-uuid-item:hover{border-color:rgba(43,173,238,.25)}.tool-page .et-uuid-num{font-family:var(--mono);font-size:.7rem;color:var(--muted);min-width:22px;text-align:right;opacity:.6}.tool-page .et-uuid-value{flex:1 1;font-family:var(--mono);font-size:.85rem;color:#5fc8ef;word-break:break-all;letter-spacing:.03em}@keyframes etFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.tool-page .et-ts-live-card{background:linear-gradient(135deg,rgba(43,173,238,.08),rgba(43,173,238,.04));border:1px solid rgba(43,173,238,.2);border-radius:var(--radius-lg);padding:24px;text-align:center;margin-bottom:20px}.tool-page .et-ts-live-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:12px}.tool-page .et-ts-live-value{font-family:var(--mono);font-size:clamp(1.6rem,4vw,2.4rem);font-weight:700;color:var(--text);letter-spacing:.04em;line-height:1;margin-bottom:8px}.tool-page .et-ts-live-date{font-family:var(--mono);font-size:.82rem;color:var(--muted)}.tool-page .et-ts-tz-row{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.tool-page .et-ts-select{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 12px;font-family:var(--sans);font-size:.85rem;color:var(--text);outline:none;cursor:pointer;transition:border-color .2s}.tool-page .et-ts-select:focus{border-color:var(--accent)}.tool-page .et-ts-converters{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px}.tool-page .et-ts-converter-card{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:18px;transition:border-color .2s}.tool-page .et-ts-converter-card:hover{border-color:rgba(43,173,238,.25)}.tool-page .et-ts-converter-title{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:12px}.tool-page .et-ts-input-row{display:flex;gap:8px;align-items:center;margin-bottom:10px}.tool-page .et-ts-input{flex:1 1;font-size:.82rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 10px;font-family:var(--mono);color:var(--text);outline:none;transition:border-color .2s;width:100%}.tool-page .et-ts-input:focus{border-color:var(--accent)}.tool-page .et-ts-date-input{color-scheme:dark}.tool-page .et-ts-result{font-family:var(--mono);font-size:.82rem;color:#5fc8ef;line-height:1.5;word-break:break-word;white-space:pre-wrap;min-height:22px}.tool-page .et-code-input{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 14px;font-family:var(--mono);font-size:.875rem;color:var(--text);outline:none;transition:border-color .2s;width:100%}.tool-page .et-code-input:focus{border-color:var(--accent)}.tool-page .et-code-input::placeholder{color:var(--muted);opacity:.6}.tool-page .et-rot13-shift-row{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.tool-page .et-shift-btns{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tool-page .et-shift-btn{padding:5px 14px;border-radius:6px;border:1px solid var(--border);background:var(--surface2);color:var(--muted);cursor:pointer;font-size:.82rem;font-family:var(--mono);transition:all .15s}.tool-page .et-shift-btn.active,.tool-page .et-shift-btn:hover{border-color:var(--accent);color:var(--accent)}.tool-page .et-shift-custom-label{display:flex;align-items:center;gap:6px;font-size:.82rem;color:var(--muted)}.tool-page .et-shift-input{width:56px;background:var(--surface2);border:1px solid var(--border);color:var(--text);padding:4px 8px;border-radius:6px;font-family:var(--mono);font-size:.85rem;outline:none;transition:border-color .2s}.tool-page .et-shift-input:focus{border-color:var(--accent)}.tool-page .et-jwt-grid{display:flex;gap:12px;margin-top:14px}.tool-page .et-jwt-col{flex:1 1;display:flex;flex-direction:column;gap:6px}.tool-page .et-jwt-col-title{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.tool-page .et-jwt-col textarea{height:140px;resize:vertical;font-family:var(--mono);font-size:.8rem}.tool-page .et-jwt-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.tool-page .et-jwt-badge{padding:3px 10px;border-radius:99px;font-size:.75rem;font-family:var(--mono);border:1px solid}.tool-page .et-jwt-badge.ok{color:var(--success);background:rgba(16,185,129,.08)}.tool-page .et-jwt-badge.expired{color:var(--danger);background:rgba(239,68,68,.08)}.tool-page .et-jwt-badge.neutral{color:var(--muted);background:var(--surface2)}.tool-page .et-imgb64-note{font-size:.78rem;color:var(--muted);margin-bottom:16px}.tool-page .et-fileb64-file-row,.tool-page .et-imgb64-file-row{display:flex;flex-direction:column;gap:8px;margin-bottom:4px}.tool-page .et-imgb64-file-input{font-family:var(--sans);font-size:.82rem;color:var(--muted);background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 12px;cursor:pointer;transition:border-color .2s;width:100%}.tool-page .et-imgb64-file-input:hover{border-color:rgba(43,173,238,.25)}.tool-page .et-fileb64-info{font-family:var(--mono);font-size:.75rem;color:var(--muted);margin-top:8px;min-height:18px}#imgb64-preview{max-width:100%;max-height:200px;border-radius:8px;margin-top:12px;display:block}#et-toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%) translateY(80px);background:rgba(16,185,129,.15);border:1px solid var(--success);border-radius:99px;padding:9px 22px;font-family:var(--mono);font-size:.78rem;color:var(--success);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:transform .32s cubic-bezier(.34,1.56,.64,1),opacity .32s;opacity:0;z-index:1000;pointer-events:none;white-space:nowrap}#et-toast.show{transform:translateX(-50%) translateY(0);opacity:1}@media (max-width:680px){.tool-page .et-io-grid{grid-template-columns:1fr}.tool-page .et-io-divider{padding-top:0;justify-content:flex-start}.tool-page .et-mode-toggle{flex-direction:row;gap:16px}.tool-page .et-bases-input-row{grid-template-columns:1fr}.tool-page .et-bases-radio-group{align-items:flex-start}.tool-page .et-base-radios{flex-direction:row;flex-wrap:wrap;gap:8px 16px}.tool-page .et-bases-outputs,.tool-page .et-ts-converters{grid-template-columns:1fr}.tool-page .et-ts-tz-row{flex-direction:column;align-items:flex-start}.tool-page .et-jwt-grid{flex-direction:column}.tool-page .et-panel-header{flex-direction:column;align-items:flex-start}.tool-page .et-panel-actions{width:100%;justify-content:flex-end}.tool-page .et-algo-btns{flex-wrap:wrap}}