:root{--tools-font-mono: "Fira Code", "Cascadia Code", "Consolas", "Monaco", "Courier New", monospace;--tools-code-bg: #0b1120;--tools-code-text: #f1f5f9;--tools-code-border: rgba(0, 191, 255, .2);--tools-gutter-bg: #070d19;--tools-gutter-text: #64748b;--tools-diff-add-bg: rgba(0, 255, 136, .15);--tools-diff-add-text: #00ff88;--tools-diff-del-bg: rgba(255, 77, 106, .15);--tools-diff-del-text: #ff4d6a}:root[data-theme=day]{--tools-code-bg: #f8fafc;--tools-code-text: #0f172a;--tools-code-border: #cbd5e1;--tools-gutter-bg: #f1f5f9;--tools-gutter-text: #94a3b8;--tools-diff-add-bg: rgba(16, 185, 129, .15);--tools-diff-add-text: #047857;--tools-diff-del-bg: rgba(239, 68, 68, .15);--tools-diff-del-text: #b91c1c}:root[data-theme=eye-protect]{--tools-code-bg: #ede4d5;--tools-code-text: #2d261e;--tools-code-border: #d4c7b5;--tools-gutter-bg: #e4dac9;--tools-gutter-text: #7c7267;--tools-diff-add-bg: rgba(22, 101, 52, .15);--tools-diff-add-text: #15803d;--tools-diff-del-bg: rgba(185, 28, 28, .15);--tools-diff-del-text: #991b1b}.tools-app-container{max-width:1200px;margin:0 auto;padding:100px 24px 60px;min-height:calc(100vh - 200px)}.tools-breadcrumbs{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted);margin-bottom:24px;flex-wrap:wrap}.tools-breadcrumbs a{color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast)}.tools-breadcrumbs a:hover{color:var(--cyan-bright)}.tools-breadcrumbs .breadcrumb-sep{color:var(--text-dim)}.tools-breadcrumbs .breadcrumb-current{color:var(--cyan-bright);font-weight:600}.tool-header{margin-bottom:32px}.tool-badge-row{display:flex;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}.tool-category-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--radius-full);background:#00bfff1a;border:1px solid var(--cyan-border);color:var(--cyan-bright);font-size:12px;font-weight:600}.tool-privacy-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border-radius:var(--radius-full);background:#00ff881a;border:1px solid rgba(0,255,136,.3);color:#0f8;font-size:12px;font-weight:600}:root[data-theme=day] .tool-privacy-badge,:root[data-theme=eye-protect] .tool-privacy-badge{color:#059669;background:#0596691a;border-color:#0596694d}.tool-title{font-size:clamp(28px,4vw,38px);font-weight:800;color:var(--text-primary);margin-bottom:10px;letter-spacing:-.5px}.tool-description{font-size:16px;color:var(--text-secondary);max-width:800px;line-height:1.6}.tool-workspace{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:24px;box-shadow:var(--shadow-card);margin-bottom:40px;transition:border-color var(--transition-normal)}.tool-action-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;flex-wrap:wrap}.tool-options-group{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.tool-btn-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tool-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-md);font-size:13px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-primary)}.tool-btn svg{width:15px;height:15px}.tool-btn:hover{background:var(--cyan-subtle);border-color:var(--cyan-border);color:var(--cyan-bright)}.tool-btn-primary{background:linear-gradient(135deg,var(--cyan-primary),var(--cyan-dark));border-color:var(--cyan-bright);color:#fff;box-shadow:0 4px 14px var(--cyan-glow)}.tool-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px var(--cyan-glow);color:#fff}.tool-btn-secondary{background:var(--bg-surface);color:var(--text-secondary)}.tool-btn-secondary:hover{color:var(--text-primary)}.tool-btn-danger{color:#ff4d6a}.tool-btn-danger:hover{background:#ff4d6a1a;border-color:#ff4d6a66;color:#ff4d6a}.tool-select,.tool-input{padding:8px 14px;border-radius:var(--radius-md);background:var(--bg-input);border:1px solid var(--border-medium);color:var(--text-primary);font-size:13px;outline:none;transition:border-color var(--transition-fast)}.tool-select:focus,.tool-input:focus{border-color:var(--cyan-primary);box-shadow:0 0 0 2px var(--cyan-subtle)}.tool-toggle-label{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary);cursor:pointer;user-select:none}.tool-toggle-label input[type=checkbox]{accent-color:var(--cyan-primary);width:16px;height:16px;cursor:pointer}.tool-editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}@media(max-width:868px){.tool-editor-grid{grid-template-columns:1fr}}.tool-editor-pane{display:flex;flex-direction:column;gap:8px}.tool-pane-header{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:600;color:var(--text-secondary);padding:0 4px}.tool-pane-stats{font-size:11.5px;color:var(--text-muted)}.tool-textarea{width:100%;height:380px;background:var(--tools-code-bg);border:1px solid var(--tools-code-border);border-radius:var(--radius-lg);padding:16px;color:var(--tools-code-text);font-family:var(--tools-font-mono);font-size:13.5px;line-height:1.6;resize:vertical;outline:none;tab-size:2;white-space:pre;overflow:auto;box-sizing:border-box;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.tool-textarea:focus{border-color:var(--cyan-primary);box-shadow:0 0 0 2px var(--cyan-subtle)}.tool-textarea[readonly]{background:var(--tools-code-bg);cursor:text}.tool-status-box{padding:12px 18px;border-radius:var(--radius-md);font-size:13px;display:none;align-items:center;gap:10px;margin-top:16px}.tool-status-box.show{display:flex;animation:fadeIn .25s ease forwards}.tool-status-box.success{background:#00ff881a;border:1px solid rgba(0,255,136,.3);color:#0f8}.tool-status-box.error{background:#ff4d6a1a;border:1px solid rgba(255,77,106,.3);color:#ff4d6a}:root[data-theme=day] .tool-status-box.success,:root[data-theme=eye-protect] .tool-status-box.success{color:#047857}:root[data-theme=day] .tool-status-box.error,:root[data-theme=eye-protect] .tool-status-box.error{color:#b91c1c}.diff-container{display:grid;grid-template-columns:1fr 1fr;gap:16px;background:var(--tools-code-bg);border:1px solid var(--tools-code-border);border-radius:var(--radius-lg);padding:16px;font-family:var(--tools-font-mono);font-size:13px;max-height:480px;overflow:auto}@media(max-width:768px){.diff-container{grid-template-columns:1fr}}.diff-line{padding:2px 8px;white-space:pre-wrap;word-break:break-all;border-radius:3px}.diff-line.added{background:var(--tools-diff-add-bg);color:var(--tools-diff-add-text)}.diff-line.removed{background:var(--tools-diff-del-bg);color:var(--tools-diff-del-text)}.tool-info-section{margin-top:40px;border-top:1px solid var(--border-subtle);padding-top:40px}.tool-info-grid{display:grid;grid-template-columns:2fr 1fr;gap:40px}@media(max-width:900px){.tool-info-grid{grid-template-columns:1fr}}.tool-guide-content h2,.tool-guide-content h3{color:var(--text-primary);margin:24px 0 12px}.tool-guide-content p{color:var(--text-secondary);line-height:1.7;margin-bottom:16px;font-size:15px}.tool-guide-content ol,.tool-guide-content ul{color:var(--text-secondary);line-height:1.7;padding-left:24px;margin-bottom:20px}.related-tools-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:24px}.related-tools-title{font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:16px}.related-tools-list{display:flex;flex-direction:column;gap:12px}.related-tool-item{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:var(--radius-md);background:var(--bg-surface);border:1px solid var(--border-subtle);text-decoration:none;color:var(--text-primary);transition:all var(--transition-fast)}.related-tool-item:hover{border-color:var(--cyan-border);transform:translate(3px);color:var(--cyan-bright)}.tool-meta-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.btn-fav-star{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-full);background:var(--bg-surface);border:1px solid var(--border-medium);color:var(--text-secondary);font-size:12px;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-fav-star:hover{border-color:var(--stitch-yellow, #ffc107);color:var(--text-primary)}.btn-fav-star.is-favourite{background:#ffc1071f;border-color:#ffc10766;color:var(--stitch-yellow, #ffc107)}.btn-share-tool{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-full);background:var(--bg-surface);border:1px solid var(--border-medium);color:var(--text-secondary);font-size:12px;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-share-tool:hover{border-color:var(--cyan-border);color:var(--cyan-bright)}.calc-grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media(max-width:868px){.calc-grid-2col{grid-template-columns:1fr}}.calc-form-panel{display:flex;flex-direction:column;gap:18px}.calc-field-group{display:flex;flex-direction:column;gap:6px}.calc-field-group label{font-size:13px;font-weight:600;color:var(--text-secondary)}.calc-input-wrap{position:relative;display:flex;align-items:center}.calc-input-prefix,.calc-input-suffix{position:absolute;color:var(--text-muted);font-size:13.5px;font-weight:600}.calc-input-prefix{left:14px}.calc-input-suffix{right:14px}.calc-input{width:100%;padding:10px 14px;border-radius:var(--radius-md);background:var(--bg-input);border:1px solid var(--border-medium);color:var(--text-primary);font-size:15px;outline:none;transition:border-color var(--transition-fast);box-sizing:border-box}.calc-input.has-prefix{padding-left:36px}.calc-input.has-suffix{padding-right:36px}.calc-input:focus{border-color:var(--cyan-primary);box-shadow:0 0 0 3px var(--cyan-subtle)}.calc-rate-pills{display:flex;gap:8px;flex-wrap:wrap}.calc-rate-btn{padding:6px 14px;border-radius:var(--radius-full);background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:12.5px;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.calc-rate-btn:hover,.calc-rate-btn.active{background:var(--cyan-subtle);border-color:var(--cyan-border);color:var(--cyan-bright)}.calc-result-panel{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:24px;display:flex;flex-direction:column;justify-content:space-between;gap:20px}.calc-summary-hero{text-align:center;padding:16px;border-radius:var(--radius-lg);background:linear-gradient(135deg,#00bfff14,#00ff880d);border:1px solid var(--cyan-border)}.calc-summary-hero .summary-lbl{font-size:12.5px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.calc-summary-hero .summary-val{font-size:clamp(28px,4vw,36px);font-weight:800;color:var(--cyan-bright)}.calc-breakdown-list{display:flex;flex-direction:column;gap:10px}.calc-breakdown-row{display:flex;justify-content:space-between;align-items:center;font-size:13.5px;padding:8px 10px;border-radius:var(--radius-sm);background:#ffffff05}.calc-breakdown-row .row-lbl{color:var(--text-secondary)}.calc-breakdown-row .row-val{font-weight:700;color:var(--text-primary)}.word-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:20px}.word-stat-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:14px;text-align:center}.word-stat-num{font-size:24px;font-weight:800;color:var(--cyan-bright)}.word-stat-label{font-size:11.5px;color:var(--text-muted);text-transform:uppercase;margin-top:2px}.qr-preview-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);gap:16px}.qr-canvas-box{padding:16px;background:#fff;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #0003}.file-dropzone{border:2px dashed var(--cyan-border);border-radius:var(--radius-xl);padding:36px 20px;text-align:center;background:#00bfff08;cursor:pointer;transition:all var(--transition-fast);margin-bottom:20px}.file-dropzone:hover,.file-dropzone.drag-over{border-color:var(--cyan-bright);background:#00bfff14}.dropzone-icon{width:48px;height:48px;color:var(--cyan-bright);margin-bottom:12px}.tools-nav-tabs{display:flex;justify-content:center;gap:8px;margin:20px 0;flex-wrap:wrap}.tools-nav-tab{display:inline-flex;align-items:center;gap:6px;padding:8px 20px;border-radius:var(--radius-full);background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:13.5px;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.tools-nav-tab:hover,.tools-nav-tab.active{background:linear-gradient(135deg,var(--cyan-primary),var(--cyan-dark));border-color:var(--cyan-bright);color:#fff;box-shadow:0 4px 14px var(--cyan-glow)}.tools-hub-hero{text-align:center;padding:40px 0 20px}.tools-search-box{max-width:600px;margin:28px auto 0;position:relative}.tools-search-input{width:100%;padding:14px 20px 14px 48px;border-radius:var(--radius-full);background:var(--bg-input);border:1px solid var(--border-medium);color:var(--text-primary);font-size:15px;outline:none;box-shadow:var(--shadow-card);transition:all var(--transition-fast);box-sizing:border-box}.tools-search-input:focus{border-color:var(--cyan-primary);box-shadow:0 0 0 3px var(--cyan-subtle)}.tools-search-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--text-muted);width:20px;height:20px}.tools-categories-filter{display:flex;justify-content:center;gap:10px;margin:30px 0;flex-wrap:wrap}.tools-filter-pill{padding:8px 18px;border-radius:var(--radius-full);background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.tools-filter-pill:hover{border-color:var(--cyan-border);color:var(--text-primary)}.tools-filter-pill.active{background:var(--cyan-primary);border-color:var(--cyan-primary);color:#fff}.tools-catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:24px;margin-top:30px}.tool-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:24px;display:flex;flex-direction:column;justify-content:space-between;text-decoration:none;transition:all var(--transition-normal);position:relative;overflow:hidden;box-sizing:border-box}.tool-card:hover{transform:translateY(-4px);border-color:var(--cyan-border);box-shadow:var(--shadow-card-hover)}.tool-card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.tool-card-icon{width:44px;height:44px;border-radius:var(--radius-md);background:#00bfff1a;border:1px solid var(--cyan-border);display:flex;align-items:center;justify-content:center;color:var(--cyan-bright)}.tool-card-badge{font-size:11px;font-weight:700;text-transform:uppercase;padding:4px 10px;border-radius:var(--radius-full);background:#00ff881a;color:#0f8;border:1px solid rgba(0,255,136,.3)}.tool-card-title{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.tool-card-desc{font-size:13.5px;color:var(--text-secondary);line-height:1.6;margin-bottom:20px;flex-grow:1}.tool-card-action{display:flex;align-items:center;gap:6px;color:var(--cyan-bright);font-size:13px;font-weight:600}@media(max-width:1024px){.tools-app-container{padding:84px 18px 48px}.tool-workspace{padding:20px}}@media(max-width:768px){.tools-app-container{padding:72px 14px 40px}.tool-header{margin-bottom:22px}.tool-title{font-size:clamp(22px,6vw,30px)}.tool-description{font-size:14.5px}.tool-workspace{padding:16px 14px;border-radius:var(--radius-lg)}.tool-action-bar{flex-direction:column;align-items:stretch;gap:12px}.tool-options-group,.tool-btn-group{width:100%;display:flex;flex-wrap:wrap;gap:8px}.tool-btn{flex:1 1 calc(50% - 4px);min-height:42px;justify-content:center;font-size:12.5px;padding:8px 12px;box-sizing:border-box}.tool-btn-primary{flex:1 1 100%}.tool-toggle-label{width:100%;font-size:12.5px;padding:4px 0}.tool-textarea{height:260px;padding:12px;font-size:13px}.tools-categories-filter{justify-content:flex-start;overflow-x:auto;padding-bottom:8px;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.tools-filter-pill{flex-shrink:0;white-space:nowrap}.tools-catalog-grid{grid-template-columns:1fr;gap:16px}.tool-info-grid{grid-template-columns:1fr;gap:24px}.diff-split-view,.diff-container,.timestamp-converter-grid{grid-template-columns:1fr!important}.regex-pattern-bar{flex-direction:column;align-items:stretch;gap:8px}.regex-flags-wrap{flex-wrap:wrap;gap:6px}.password-display-card{flex-direction:column;align-items:stretch}}@media(max-width:480px){.tools-app-container{padding:68px 10px 32px}.tool-workspace{padding:14px 10px}.tool-btn{flex:1 1 100%;width:100%}.tool-badge-row{gap:6px}.tool-category-badge,.tool-privacy-badge{font-size:11px;padding:3px 8px}.tools-search-box{margin-top:16px}.tools-search-input{font-size:13.5px;padding:12px 16px 12px 42px}}@media(max-width:360px){.tools-app-container{padding:62px 8px 24px}.tool-title{font-size:20px}.tool-card{padding:16px 12px}.tool-textarea{height:220px;font-size:12px}}body{background:#060b14!important;color:#cbd5e1!important;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;margin:0!important;padding:0!important;min-height:100vh!important}.site-header{position:sticky!important;top:0!important;left:0!important;width:100%!important;z-index:1000!important;background:#080e1cf0!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;border-bottom:1px solid rgba(0,191,255,.22)!important;padding:10px 0!important;box-sizing:border-box!important}.header-container{max-width:1280px!important;margin:0 auto!important;padding:0 20px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;height:48px!important;box-sizing:border-box!important}.logo-link{display:inline-flex!important;align-items:center!important;text-decoration:none!important}.logo-text{font-size:20px!important;font-weight:800!important;color:#fff!important;letter-spacing:-.5px!important}.logo-dot{color:#00bfff!important}.desktop-nav{display:flex!important;align-items:center!important;gap:12px!important}.nav-item{color:#94a3b8!important;text-decoration:none!important;font-size:13.5px!important;font-weight:500!important;padding:6px 12px!important;border-radius:8px!important;transition:all .2s ease!important}.nav-item:hover,.nav-item.active{color:#38d6ff!important;background:#00bfff1a!important}.header-actions{display:flex!important;align-items:center!important;gap:10px!important}.btn-icon{width:36px!important;height:36px!important;border-radius:8px!important;background:#ffffff0d!important;border:1px solid rgba(255,255,255,.12)!important;color:#e2e8f0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:all .2s ease!important}.btn-icon:hover{border-color:#38d6ff!important;color:#38d6ff!important;background:#00bfff1a!important}.btn-ghost-sm{display:inline-flex!important;align-items:center!important;gap:6px!important;height:36px!important;padding:0 12px!important;border-radius:8px!important;background:#00bfff1f!important;border:1px solid rgba(0,191,255,.35)!important;color:#38d6ff!important;font-size:13px!important;font-weight:600!important;text-decoration:none!important;transition:all .2s ease!important}.btn-ghost-sm:hover{background:#00bfff!important;color:#070c18!important;box-shadow:0 4px 14px #00bfff66!important}@media(min-width:1025px){.mobile-drawer,.mobile-only{display:none!important}}@media(max-width:1024px){.desktop-nav,.hide-mobile,.desktop-app-strip,.btn-nav-cta,.btn-outlier-nav{display:none!important}.mobile-only{display:block!important}}.tool-page-main{max-width:1200px!important;margin:0 auto!important;padding:24px 20px 60px!important;box-sizing:border-box!important}.tool-page-header{margin-bottom:20px!important}.tool-breadcrumb{display:flex!important;align-items:center!important;gap:6px!important;font-size:12.5px!important;color:#64748b!important;margin-bottom:12px!important;flex-wrap:wrap!important}.tool-breadcrumb a{color:#94a3b8!important;text-decoration:none!important}.tool-breadcrumb a:hover{color:#38d6ff!important}.tool-breadcrumb .sep{color:#475569!important}.tool-breadcrumb .current{color:#38d6ff!important;font-weight:600!important}.tool-header-flex{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:20px!important;flex-wrap:wrap!important}.tool-title-group{flex:1 1 500px!important}.tool-badge-pill{display:inline-flex!important;align-items:center!important;gap:5px!important;padding:4px 10px!important;border-radius:999px!important;background:#00bfff1f!important;border:1px solid rgba(0,191,255,.3)!important;color:#38d6ff!important;font-size:11.5px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.5px!important;margin-bottom:8px!important}.tool-main-heading{font-size:clamp(24px,3.5vw,32px)!important;font-weight:800!important;color:#fff!important;margin:0 0 6px!important;letter-spacing:-.5px!important}.tool-main-subtitle{font-size:14px!important;color:#cbd5e1!important;margin:0!important;line-height:1.5!important;max-width:680px!important}.tool-actions-bar{display:flex!important;align-items:center!important;gap:8px!important}.btn-tool-action{display:inline-flex!important;align-items:center!important;gap:6px!important;height:34px!important;padding:0 12px!important;border-radius:8px!important;background:#ffffff0d!important;border:1px solid rgba(255,255,255,.12)!important;color:#e2e8f0!important;font-size:12.5px!important;font-weight:600!important;cursor:pointer!important;transition:all .2s ease!important}.btn-tool-action:hover{border-color:#38d6ff!important;color:#38d6ff!important;background:#00bfff1a!important}.privacy-guarantee-banner{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:6px 14px!important;border-radius:8px!important;background:#00ff8814!important;border:1px solid rgba(0,255,136,.25)!important;color:#4ade80!important;font-size:12px!important;margin-bottom:20px!important;box-sizing:border-box!important}.privacy-guarantee-banner i,.privacy-guarantee-banner svg{width:14px!important;height:14px!important;color:#4ade80!important;flex-shrink:0!important}.tool-workspace{background:#0b1329!important;border:1px solid rgba(0,191,255,.28)!important;border-radius:14px!important;padding:24px!important;box-shadow:0 12px 36px #0000008c,0 0 20px #00bfff1a!important;margin-bottom:30px!important;box-sizing:border-box!important;position:relative!important}[data-theme=day] body{background:#f8fafc!important;color:#334155!important}[data-theme=day] .site-header{background:#fffffff2!important;border-bottom-color:#e2e8f0!important}[data-theme=day] .logo-text{color:#0f172a!important}[data-theme=day] .nav-item{color:#475569!important}[data-theme=day] .nav-item:hover,[data-theme=day] .nav-item.active{color:#0284c7!important;background:#e0f2fe!important}[data-theme=day] .tool-main-heading{color:#0f172a!important}[data-theme=day] .tool-main-subtitle{color:#475569!important}[data-theme=day] .tool-workspace{background:#fff!important;border:1px solid #cbd5e1!important;box-shadow:0 10px 30px #0f172a14!important}.calc-grid-2{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;gap:20px!important;margin-bottom:16px!important}.calc-input-group{display:flex!important;flex-direction:column!important;gap:8px!important}.calc-label{font-size:13.5px!important;font-weight:600!important;color:var(--text-secondary, #cbd5e1)!important}.input-with-affix{position:relative!important;display:flex!important;align-items:center!important;width:100%!important}.input-with-affix .affix{position:absolute!important;color:var(--text-muted, #94a3b8)!important;font-weight:700!important;font-size:14px!important;pointer-events:none!important}.input-with-affix .affix:first-child{left:14px!important}.input-with-affix .affix:last-child{right:14px!important}.input-with-affix input:has(+.affix){padding-right:36px!important}.input-with-affix .affix+input{padding-left:36px!important}.calc-slider{width:100%!important;margin-top:6px!important;accent-color:var(--cyan-primary, #00bfff)!important;cursor:pointer!important}.calc-presets{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;margin-bottom:20px!important;padding-bottom:16px!important;border-bottom:1px solid rgba(255,255,255,.08)!important}.preset-label{font-size:12.5px!important;font-weight:600!important;color:var(--text-muted, #94a3b8)!important}.btn-preset{padding:6px 12px!important;border-radius:20px!important;background:#ffffff0a!important;border:1px solid rgba(255,255,255,.12)!important;color:var(--text-secondary, #cbd5e1)!important;font-size:12px!important;font-weight:500!important;cursor:pointer!important;transition:all .2s ease!important}.btn-preset:hover,.btn-preset.active{background:#00bfff26!important;border-color:#00bfff!important;color:#fff!important}.stat-tiles-row{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important;gap:14px!important}.stat-tile{background:#ffffff08!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:10px!important;padding:14px!important;text-align:center!important}.stat-tile .tile-label{font-size:11.5px!important;text-transform:uppercase!important;letter-spacing:.5px!important;color:var(--text-muted, #94a3b8)!important;margin-bottom:6px!important}.stat-tile .tile-val{font-size:18px!important;font-weight:700!important;font-family:JetBrains Mono,monospace!important}.mode-toggle-group{display:inline-flex!important;background:#ffffff0f!important;border-radius:8px!important;padding:3px!important;border:1px solid rgba(255,255,255,.1)!important}.mode-btn{padding:6px 14px!important;border-radius:6px!important;border:none!important;background:transparent!important;color:var(--text-secondary, #cbd5e1)!important;font-size:12.5px!important;font-weight:600!important;cursor:pointer!important;transition:all .2s ease!important}.mode-btn.active{background:#00bfff!important;color:#fff!important}.tool-btn-row{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:12px!important;flex-wrap:wrap!important}.btn-tool-primary{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:10px 20px!important;border-radius:8px!important;background:linear-gradient(135deg,#00bfff,#08c)!important;color:#fff!important;font-weight:600!important;font-size:14px!important;border:none!important;cursor:pointer!important;transition:all .2s ease!important;box-shadow:0 4px 14px #00bfff4d!important}.btn-tool-primary:hover{transform:translateY(-1px)!important;box-shadow:0 6px 20px #00bfff73!important}.btn-tool-secondary{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:10px 18px!important;border-radius:8px!important;background:#ffffff0d!important;border:1px solid rgba(255,255,255,.15)!important;color:var(--text-secondary, #cbd5e1)!important;font-weight:600!important;font-size:14px!important;cursor:pointer!important;transition:all .2s ease!important}.btn-tool-secondary:hover{background:#ffffff1a!important;color:#fff!important}.tool-guide-section{margin-top:40px;display:flex;flex-direction:column;gap:28px}.guide-card{background:var(--bg-surface, #0d1527);border:1px solid var(--border-subtle, rgba(255, 255, 255, .08));border-radius:var(--radius-lg, 14px);padding:28px 32px;box-shadow:0 4px 20px #0003;transition:border-color .25s ease,box-shadow .25s ease}.guide-card:hover{border-color:#00ff8840;box-shadow:0 8px 30px #00000059}.guide-title{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:700;color:var(--text-primary, #ffffff);margin-bottom:18px;border-bottom:1px solid var(--border-subtle, rgba(255, 255, 255, .08));padding-bottom:12px}.guide-title svg,.guide-title i{color:var(--cyan-bright, #00ff88);width:22px;height:22px;flex-shrink:0}.guide-content{color:var(--text-secondary, #94a3b8);font-size:15px;line-height:1.75}.guide-content p{margin-bottom:16px}.guide-content p:last-child{margin-bottom:0}.guide-content h3{font-size:17px;font-weight:600;color:var(--text-primary, #f1f5f9);margin:22px 0 10px}.guide-content ul,.guide-content ol{margin:12px 0 18px 22px;padding:0}.guide-content li{margin-bottom:8px;line-height:1.7}.guide-content strong{color:var(--text-primary, #ffffff)}.formula-box{background:#00ff880d;border:1px solid rgba(0,255,136,.25);border-left:4px solid #00ff88;border-radius:8px;padding:16px 20px;margin:18px 0;font-family:Fira Code,monospace;color:#0f8;font-size:14.5px;overflow-x:auto}.formula-box code{color:#0f8;font-weight:600}.code-inline{background:#ffffff14;padding:2px 6px;border-radius:4px;font-family:Fira Code,monospace;font-size:13.5px;color:var(--cyan-bright, #00ff88)}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:18px 0}.step-card{background:#ffffff08;border:1px solid var(--border-subtle, rgba(255, 255, 255, .06));border-radius:10px;padding:18px;position:relative}.step-number{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#0f8,#00bfff);color:#070c18;font-weight:800;font-size:13px;margin-bottom:10px}.step-title{font-weight:600;color:var(--text-primary, #ffffff);font-size:15px;margin-bottom:6px}.step-desc{font-size:13.5px;color:var(--text-secondary, #94a3b8);line-height:1.55;margin:0}.use-cases-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin:16px 0}.use-case-item{display:flex;align-items:flex-start;gap:12px;background:#ffffff05;border:1px solid var(--border-subtle, rgba(255, 255, 255, .06));border-radius:8px;padding:14px}.use-case-icon{width:32px;height:32px;border-radius:6px;background:#00bfff1f;color:#00bfff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.use-case-icon svg{width:18px;height:18px}.use-case-text h4{font-size:14.5px;font-weight:600;color:var(--text-primary, #ffffff);margin:0 0 4px}.use-case-text p{font-size:13px;color:var(--text-secondary, #94a3b8);margin:0;line-height:1.5}.faq-accordion{display:flex;flex-direction:column;gap:10px;margin-top:10px}.faq-item{border:1px solid var(--border-subtle, rgba(255, 255, 255, .08));border-radius:10px;background:#ffffff05;overflow:hidden;transition:border-color .2s ease,background .2s ease}.faq-item:hover{border-color:#0f83}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:transparent;border:none;color:var(--text-primary, #ffffff);font-size:15px;font-weight:600;text-align:left;cursor:pointer;transition:color .2s ease;font-family:inherit}.faq-question:hover{color:var(--cyan-bright, #00ff88)}.faq-question svg,.faq-question i{width:18px;height:18px;color:var(--text-muted, #64748b);transition:transform .25s ease;flex-shrink:0}.faq-question[aria-expanded=true] svg,.faq-question[aria-expanded=true] i{transform:rotate(180deg);color:var(--cyan-bright, #00ff88)}.faq-answer{padding:0 20px 18px;color:var(--text-secondary, #94a3b8);font-size:14px;line-height:1.7}.faq-answer p{margin:0}.faq-answer p+p{margin-top:10px}@media(max-width:768px){.guide-card{padding:20px 18px}.guide-title{font-size:18px}.steps-grid,.use-cases-list{grid-template-columns:1fr}}.xestus-spotlight-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#070c18bf;backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%);z-index:999999;display:none!important;align-items:flex-start;justify-content:center;padding:10vh 16px 20px;opacity:0;pointer-events:none;transition:opacity .2s cubic-bezier(.16,1,.3,1)}.xestus-spotlight-backdrop.active{display:flex!important;opacity:1;pointer-events:auto}.xestus-spotlight-dialog{width:100%;max-width:640px;background:#0d1527;border:1px solid rgba(0,255,136,.3);border-radius:16px;box-shadow:0 20px 50px #0009,0 0 30px #00ff8826;overflow:hidden;display:flex;flex-direction:column;transform:translateY(-20px) scale(.98);transition:transform .25s cubic-bezier(.16,1,.3,1)}.xestus-spotlight-backdrop.active .xestus-spotlight-dialog{transform:translateY(0) scale(1)}.spotlight-search-header{display:flex;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.08);background:#ffffff05}.spotlight-search-icon{color:#0f8;flex-shrink:0}.spotlight-input{flex:1;background:transparent;border:none;outline:none;font-size:16px;color:#fff;font-family:inherit}.spotlight-input::placeholder{color:#64748b;font-size:14.5px}.spotlight-esc-pill{font-size:11px;font-weight:700;color:#94a3b8;background:#ffffff14;border:1px solid rgba(255,255,255,.12);padding:2px 8px;border-radius:6px;cursor:pointer;user-select:none}.spotlight-categories-strip{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#0003;border-bottom:1px solid rgba(255,255,255,.05);overflow-x:auto;font-size:12px}.spotlight-strip-label{color:#64748b;font-weight:600;text-transform:uppercase;font-size:11px;letter-spacing:.5px;flex-shrink:0}.spotlight-pill{color:#94a3b8;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);padding:3px 10px;border-radius:20px;text-decoration:none;font-size:12px;transition:all .15s ease;flex-shrink:0}.spotlight-pill:hover{background:#00ff881f;color:#0f8;border-color:#00ff884d}.spotlight-results-container{max-height:380px;overflow-y:auto;padding:8px 12px;display:flex;flex-direction:column;gap:4px}.spotlight-item{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:10px;text-decoration:none;background:transparent;border:1px solid transparent;transition:all .15s ease}.spotlight-item:hover,.spotlight-item.selected{background:#00ff8814;border-color:#00ff8840}.spotlight-item-icon{flex-shrink:0}.spotlight-cat-tag{font-size:11px;font-weight:700;padding:3px 8px;border-radius:6px;background:#00bfff1f;color:#00bfff;border:1px solid rgba(0,191,255,.2)}.spotlight-item-info{flex:1;min-width:0}.spotlight-item-title{font-size:14.5px;font-weight:600;color:#fff;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spotlight-item-desc{font-size:12.5px;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spotlight-item-action{font-size:12px;font-weight:600;color:#0f8;opacity:0;transform:translate(-4px);transition:all .15s ease;flex-shrink:0}.spotlight-item:hover .spotlight-item-action,.spotlight-item.selected .spotlight-item-action{opacity:1;transform:translate(0)}.spotlight-no-results{padding:36px 20px;text-align:center;color:#94a3b8}.spotlight-no-results p{font-size:15px;color:#fff;margin-bottom:6px}.spotlight-no-results span{font-size:13px;color:#64748b}.spotlight-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;background:#0000004d;border-top:1px solid rgba(255,255,255,.06);font-size:11.5px;color:#64748b}.spotlight-footer-hint{display:flex;align-items:center;gap:12px}.spotlight-footer-hint kbd{font-family:inherit;background:#ffffff0f;padding:1px 5px;border-radius:4px;color:#94a3b8;border:1px solid rgba(255,255,255,.1)}.spotlight-footer-brand span{color:#0f8;font-weight:600}.xestus-copy-toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%) translateY(30px);background:#0d1527eb;border:1px solid rgba(0,255,136,.4);box-shadow:0 10px 30px #0009,0 0 20px #0f83;backdrop-filter:blur(12px);border-radius:30px;padding:10px 22px;z-index:9999999;opacity:0;pointer-events:none;transition:all .3s cubic-bezier(.16,1,.3,1)}.xestus-copy-toast.show{opacity:1;transform:translate(-50%) translateY(0)}.xestus-copy-toast .toast-content{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:#fff}.nav-spotlight-btn{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.12);border-radius:20px;color:var(--text-secondary, #94a3b8);font-size:13px;cursor:pointer;transition:all .2s ease}.nav-spotlight-btn:hover{background:#00ff881a;border-color:#00ff884d;color:#fff}.nav-spotlight-btn kbd{font-size:10.5px;font-weight:700;padding:2px 6px;border-radius:4px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#cbd5e1}@media(max-width:640px){.xestus-spotlight-backdrop{padding:20px 10px}.spotlight-footer-hint span:not(:first-child){display:none}}