.tools-page-body{background-color:var(--background-color-dark);color:var(--text-color-light);min-height:100vh}body.tools-page-body{overflow-x:clip;overflow-y:visible}.skip-link{position:fixed;inset-inline-start:1rem;top:1rem;z-index:1000;display:inline-flex;align-items:center;min-height:44px;padding:.6rem 1.1rem;border:1px solid rgba(254,150,21,.45);border-radius:8px;background:#242424;color:var(--text-color-light);font-family:var(--font-montserrat-semi-bold);font-size:var(--font-size-s);text-decoration:none;transform:translateY(calc(-100% - 1.5rem))}.skip-link:focus{transform:none;outline:2px solid var(--accent-color);outline-offset:3px}#mainContent:focus{outline:none}.tools-hero{padding:3rem 0 2rem;background-color:var(--background-color-dark);text-align:center}.tools-hero-title{font-family:var(--font-montserrat-bold);font-size:var(--font-size-xxxl);color:var(--text-color-light);margin-bottom:.75rem;line-height:1.2}.tools-hero-subtitle{font-family:var(--font-montserrat);font-size:var(--font-size-lg);color:#ffffffb3;margin-bottom:1.5rem}.privacy-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fe961514;border:1px solid rgba(254,150,21,.25);border-radius:8px;font-size:var(--font-size-s);color:#ffffffd9}.privacy-badge i{color:var(--accent-color);font-size:var(--font-size-md)}.tool-workspace{padding:2rem 0 3rem;background-color:var(--background-color-dark)}.tool-panel{background:linear-gradient(135deg,#2a2a2a,#1f1f1f);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;box-shadow:0 4px 20px #0000004d}.tool-controls{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin-bottom:1.5rem}.tool-btn{background:linear-gradient(90deg,#faaa47,#fa1801);border:none;border-radius:8px;color:var(--text-color-light);padding:.6rem 1.25rem;font-family:var(--font-montserrat-semi-bold);font-size:var(--font-size-s);cursor:pointer;transition:transform .3s ease;white-space:nowrap}.tool-btn:hover{background:linear-gradient(90deg,#f5a33f,#e41802);transform:translateY(-1px)}.tool-btn:active{transform:translateY(0)}.tool-btn-secondary{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:var(--text-color-light);padding:.6rem 1.25rem;font-family:var(--font-montserrat);font-size:var(--font-size-s);cursor:pointer;transition:background-color .3s ease,border-color .3s ease,color .3s ease;white-space:nowrap}.tool-btn-secondary:hover{background:#ffffff26;border-color:#ffffff4d}.tool-btn-icon{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:var(--text-color-light);padding:.5rem .75rem;cursor:pointer;transition:background-color .3s ease,border-color .3s ease,color .3s ease;display:inline-flex;align-items:center;gap:.4rem;font-size:var(--font-size-s)}.tool-btn-icon:hover{background:#ffffff26;color:var(--accent-color)}.tool-sr-live{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.tool-btn-icon i,.tool-copy-inline i{display:inline-block;width:1em;text-align:center}.tool-btn-icon.is-copied{color:#4caf50;border-color:#4caf504d}.tool-textarea{width:100%;min-height:200px;background:#1a1a1a;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:var(--text-color-light);font-family:var(--font-monospace);font-size:var(--font-size-s);padding:1rem;resize:vertical;line-height:1.6;transition:border-color .3s ease}.tool-textarea:focus{outline:none;border-color:#fe961566}.tool-textarea::placeholder{color:#ffffff4d}.tool-textarea-label{font-family:var(--font-montserrat-semi-bold);font-size:var(--font-size-s);color:#ffffffb3;margin-bottom:.5rem;display:flex;justify-content:space-between;align-items:center}.tool-input{background:#1a1a1a;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-color-light);font-family:var(--font-montserrat);font-size:var(--font-size-md);padding:.6rem 1rem;transition:border-color .3s ease}.tool-input:focus{outline:none;border-color:#fe961566}.tool-input::placeholder{color:#ffffff4d}.tool-select{background:#1a1a1a;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-color-light);font-family:var(--font-montserrat);font-size:var(--font-size-s);padding:.6rem 1rem;cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.tool-select:focus{outline:none;border-color:#fe961566}.tool-checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:var(--font-size-s);color:#fffc;cursor:pointer}.tool-checkbox-label input[type=checkbox]{accent-color:var(--accent-color);width:16px;height:16px;cursor:pointer}.tool-number-input{background:#1a1a1a;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-color-light);font-family:var(--font-montserrat);font-size:var(--font-size-s);padding:.6rem .75rem;width:80px;text-align:center}.tool-number-input:focus{outline:none;border-color:#fe961566}.tool-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:1rem;margin-top:1.5rem}.tool-stat-item{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1rem;text-align:center;transition:border-color .3s ease}.tool-stat-item:hover{border-color:#fe961533}.tool-stat-value{font-family:var(--font-montserrat-bold);font-size:var(--font-size-xxl);color:var(--accent-color);display:block;line-height:1.2}.tool-stat-label{font-family:var(--font-montserrat);font-size:var(--font-size-xs);color:#fff9;text-transform:uppercase;letter-spacing:.5px;margin-top:.25rem;display:block}.tool-dual-panel{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}.tool-panel-divider{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.tool-live-display{background:#fe96150f;border:1px solid rgba(254,150,21,.2);border-radius:12px;padding:1.25rem 1.5rem;margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.35rem}.tool-live-value{font-family:var(--font-monospace);font-size:var(--font-size-xl);color:var(--accent-color);font-weight:700;word-break:break-all}.tool-live-label{font-family:var(--font-montserrat);font-size:var(--font-size-xs);color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.tool-live-value-row{display:flex;align-items:center;gap:.5rem}.tool-live-date{font-family:var(--font-montserrat);font-size:var(--font-size-s);color:#fff9}.tool-copy-inline{background:transparent;border:1px solid transparent;border-radius:6px;color:#ffffff59;padding:.25rem .4rem;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;font-size:var(--font-size-s);flex-shrink:0}.tool-copy-inline:hover{color:var(--accent-color);background:#ffffff14;border-color:#ffffff1f}.tool-copy-inline.is-copied{color:#4caf50;border-color:#4caf504d}.tool-result{background:#1a1a1a;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:1rem;margin-top:1rem;font-family:var(--font-monospace);font-size:var(--font-size-s);color:var(--text-color-light);word-break:break-all;position:relative}.tool-result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.tool-error{background:#f3000014;border:1px solid rgba(243,0,0,.25);border-radius:8px;padding:.75rem 1rem;color:var(--color-danger-dark);font-size:var(--font-size-s);margin-top:.75rem;display:none}.tool-error.visible{display:block}.tool-error i{margin-right:.5rem}.tool-accordion{margin-bottom:1.5rem}.tool-accordion-trigger{width:100%;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:1rem 1.5rem;color:#ffffffb3;font-family:var(--font-montserrat-semi-bold);font-size:var(--font-size-s);cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:all .2s ease}.tool-accordion-trigger:hover{background:#ffffff0d;color:#ffffffe6}.tool-accordion-trigger i:first-child{margin-right:.5rem;color:var(--accent-color)}.tool-accordion-icon{transition:transform .3s ease;font-size:var(--font-size-xs)}.tool-accordion-trigger[aria-expanded=true] .tool-accordion-icon{transform:rotate(180deg)}.tool-accordion-trigger[aria-expanded=true]{border-radius:12px 12px 0 0;border-bottom-color:transparent}.tool-accordion-content{display:none;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-top:none;border-radius:0 0 12px 12px;padding:1.25rem 1.5rem}.tool-accordion-content.open{display:block}.tool-offset-source-row{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.tool-offset-chips{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:1rem}.tool-offset-divider{width:1px;height:18px;background:#ffffff1f;margin:0 .25rem}.tool-chip{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:.3rem .75rem;color:#ffffffb3;font-family:var(--font-montserrat);font-size:var(--font-size-xs);cursor:pointer;transition:all .2s ease;white-space:nowrap}.tool-chip:hover{background:#fe96151f;border-color:#fe96154d;color:var(--accent-color)}.tool-chip.active{background:#fe961526;border-color:#fe961566;color:var(--accent-color)}.tool-tab-bar{display:flex;gap:0;margin-bottom:1.5rem;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.tool-tab{flex:1;background:#ffffff0a;border:none;padding:.7rem 1rem;color:#ffffff80;font-family:var(--font-montserrat-semi-bold);font-size:var(--font-size-s);cursor:pointer;transition:all .2s ease;white-space:nowrap}.tool-tab:not(:last-child){border-right:1px solid rgba(255,255,255,.1)}.tool-tab:hover{color:#fffc}.tool-tab.active{background:#fe961526;color:var(--accent-color)}.tool-status-banner{border:1px solid rgba(255,255,255,.1);background:#ffffff0a;border-radius:12px;padding:1.25rem 1.5rem;margin-bottom:1.5rem}.tool-status-banner.is-valid{background:#4fc47f14;border-color:#4fc47f4d}.tool-status-banner.is-expired{background:#e0526014;border-color:#e052604d}.tool-status-banner.is-pending{background:#e0a55214;border-color:#e0a5524d}.tool-status-line{display:flex;align-items:center;gap:.6rem;font-family:var(--font-montserrat-semi-bold);font-size:var(--font-size-md);color:var(--text-color-light)}.tool-status-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;background:#fff6}.is-valid .tool-status-dot{background:#4fc47f}.is-expired .tool-status-dot{background:#e05260}.is-pending .tool-status-dot{background:#e0a552}.tool-status-banner .tool-conversion-result{margin:.9rem 0 0;padding-top:.9rem;border-top:1px solid rgba(255,255,255,.08)}.tool-status-ok{color:#4fc47f}.tool-status-bad{color:#e05260}.tool-status-warn{color:#e0a552}.tool-status-muted{color:#ffffff8c}.tool-btn-icon.sm{padding:.2rem .6rem;font-size:var(--font-size-xs)}.tool-code-editor.jwt-token-editor,.jwt-token-editor .tool-code-highlight.tool-code-highlight,.jwt-token-editor .tool-code-textarea.tool-code-textarea{min-height:110px}.jwt-token-editor .tool-code-highlight,.jwt-token-editor .tool-code-textarea{word-break:break-all}.jwt-seg-h{color:#fe9615}.jwt-seg-p{color:gold}.jwt-seg-s{color:#ffffff73}.jwt-seg-dot{color:#ffffff59}#sectionDecode:not(.has-token) .jwt-results{display:none}#sectionDecode.has-token .jwt-sample-row{display:none}.jwt-sample-row{margin-bottom:1.5rem}.tool-segmented-control{display:inline-flex;background:#ffffff0f;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.tool-segment{background:transparent;border:none;padding:.45rem .85rem;color:#ffffff80;font-family:var(--font-montserrat);font-size:var(--font-size-xs);cursor:pointer;transition:all .2s ease;white-space:nowrap}.tool-segment:hover{color:#fffc}.tool-segment.active{background:#fe961533;color:var(--accent-color)}.tool-offset-custom-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.tool-offset-result{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.06)}.tool-offset-result-value{font-family:var(--font-monospace);font-size:var(--font-size-md);color:var(--accent-color);font-weight:700}.tool-offset-result-date{font-family:var(--font-montserrat);font-size:var(--font-size-s);color:#fff9}.tool-conversion-section{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.tool-conversion-title{font-family:var(--font-montserrat-semi-bold);font-size:var(--font-size-md);color:var(--text-color-light);margin-bottom:1rem}.tool-conversion-result{display:grid;grid-template-columns:auto 1fr;gap:.5rem 1rem;font-size:var(--font-size-s)}.tool-conversion-result dt{color:#ffffff80;font-family:var(--font-montserrat)}.tool-conversion-result dd{color:var(--text-color-light);font-family:var(--font-monospace);margin:0;word-break:break-all}.tool-seo-content{padding:3rem 0;background-color:var(--background-color-dark);border-top:1px solid rgba(255,255,255,.05)}.tool-seo-content h2{font-family:var(--font-montserrat-bold);font-size:var(--font-size-xl);color:var(--text-color-light);margin-bottom:1rem}.tool-seo-content p{font-size:var(--font-size-s);color:#ffffffa6;line-height:1.8}.tool-seo-content h3{font-family:var(--font-montserrat-semi-bold);font-size:var(--font-size-md);color:#ffffffd9;margin-top:1.5rem;margin-bottom:.5rem}.tool-seo-content ul,.tool-seo-content ol{font-size:var(--font-size-s);color:#ffffffa6;line-height:1.8;padding-left:1.25rem;margin-bottom:1rem}.tool-seo-content li{margin-bottom:.4rem}.tool-seo-content code{font-family:var(--font-monospace);font-size:.9em;background:#ffffff0f;border-radius:4px;padding:.12em .4em;color:#ffffffd9}.tool-seo-code-block{font-family:var(--font-monospace);font-size:var(--font-size-s);background:#1a1a1a;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.75rem 1rem;margin:0;overflow-x:auto;color:var(--text-color-light);white-space:pre}.tool-seo-table-wrap{overflow-x:auto;margin:1rem 0 1.5rem;-webkit-overflow-scrolling:touch}.tool-seo-table{width:100%;border-collapse:collapse;font-size:var(--font-size-s);color:#ffffffbf}.tool-seo-table th,.tool-seo-table td{text-align:left;padding:.6rem .9rem;border-bottom:1px solid rgba(255,255,255,.08);vertical-align:top}.tool-seo-table th{font-family:var(--font-montserrat-semi-bold);color:var(--text-color-light);white-space:nowrap}.tool-seo-table td:first-child{font-family:var(--font-monospace);color:var(--accent-color);white-space:nowrap}.tool-mode-group{margin-top:1.5rem}.tool-mode-group-label{display:block;font-family:var(--font-montserrat);font-size:var(--font-size-xs);color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.6rem}.tool-mode-row{display:flex;flex-wrap:wrap;gap:.5rem}.tool-mode-row .tool-btn.active,.tool-mode-row .tool-btn-secondary.active{background:#fe961533;border-color:#fe961580;color:var(--accent-color)}.tool-option-row{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;font-size:var(--font-size-s);color:#ffffffbf}.tool-option-row label{margin:0}.tools-cta{padding:4rem 0;background-color:var(--background-color-dark);border-top:1px solid rgba(255,255,255,.05);text-align:center}.tools-cta h2{font-family:var(--font-montserrat-bold);font-size:var(--font-size-xxl);color:var(--text-color-light);margin-bottom:.75rem}.tools-cta p{font-size:var(--font-size-lg);color:#fff9;margin-bottom:2rem;max-width:500px;margin-left:auto;margin-right:auto}.tools-cta .primary-button{padding:12px 32px;font-size:var(--font-size-md);text-decoration:none;display:inline-block}.related-tools{padding:3rem 0;background-color:var(--background-color-dark)}.related-tools h3{font-family:var(--font-montserrat-bold);font-size:var(--font-size-xl);color:var(--text-color-light);margin-bottom:1.5rem}.related-tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.tool-card{background:linear-gradient(135deg,#2a2a2a,#1f1f1f);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.5rem;text-decoration:none;color:var(--text-color-light);transition:all .3s ease;display:flex;flex-direction:column;gap:.75rem}.tool-card:hover{border-color:#fe96154d;transform:translateY(-3px);box-shadow:0 8px 30px #0006;text-decoration:none;color:var(--text-color-light)}.tool-card-icon{width:48px;height:48px;background:#fe96151a;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:var(--accent-color)}.tool-card-title{font-family:var(--font-montserrat-semi-bold);font-size:var(--font-size-md);color:var(--text-color-light);margin:0}.tool-card-description{font-size:var(--font-size-s);color:#ffffff8c;margin:0;line-height:1.5}.tools-hub-hero{padding:4rem 0 2rem;background-color:var(--background-color-dark);text-align:center}.tools-hub-hero h1{font-family:var(--font-montserrat-bold);font-size:var(--font-size-xxxl);color:var(--text-color-light);margin-bottom:.75rem}.tools-hub-hero p{font-size:var(--font-size-lg);color:#fff9;max-width:600px;margin:0 auto 1rem}.tools-hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;padding:2rem 0 4rem}.tool-code-editor{position:relative;min-height:250px;border:1px solid rgba(255,255,255,.1);border-radius:10px;overflow:hidden;background:#1a1a1a;transition:border-color .3s ease}.tool-code-editor:focus-within{border-color:#fe961566}.tool-code-highlight{margin:0;padding:1rem;background:transparent!important;font-family:var(--font-monospace);font-size:var(--font-size-s);line-height:1.6;white-space:pre-wrap;word-wrap:break-word;overflow:auto;pointer-events:none;min-height:250px}.tool-code-highlight code{background:transparent!important;padding:0;font-family:inherit;font-size:inherit;line-height:inherit}.tool-code-textarea{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:1rem;border:none;background:transparent;color:transparent;caret-color:#fff;font-family:var(--font-monospace);font-size:var(--font-size-s);line-height:1.6;resize:none;overflow:auto;white-space:pre-wrap;word-wrap:break-word;z-index:1}.tool-code-textarea:focus{outline:none}.tool-code-textarea::selection{background:#fe96154d}.tool-code-textarea::placeholder{color:#ffffff4d}.tool-overlay-copy{position:absolute;top:.5rem;right:.5rem;z-index:2;opacity:.6;transition:opacity .2s ease}.tool-code-editor:hover .tool-overlay-copy,.tool-textarea-wrap:hover .tool-overlay-copy,.tool-overlay-copy:focus{opacity:1}.tool-textarea-wrap{position:relative}.tool-flow-indicator{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:var(--font-size-xs);color:#ffffff59;margin-bottom:.5rem;padding:.25rem 0}.tool-flow-indicator i{color:#fe961580}@media (max-width: 768px){.tools-hero-title{font-size:var(--font-size-xxl)}.tools-hero-subtitle{font-size:var(--font-size-md)}.tool-dual-panel{grid-template-columns:1fr}.tool-stats{grid-template-columns:repeat(3,1fr)}.tool-panel{padding:1.25rem}.tool-controls{gap:.5rem}.tool-live-display{text-align:center}.tool-live-value-row{justify-content:center}.privacy-badge{font-size:var(--font-size-xs)}.tools-hub-hero h1{font-size:var(--font-size-xxl)}.tools-hub-grid,.related-tools-grid{grid-template-columns:1fr}}@media (max-width: 480px){.tool-stats{grid-template-columns:repeat(2,1fr)}.tool-stat-value{font-size:var(--font-size-xl)}}.tool-sr-only,.tool-file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.tools-hero--compact{padding-bottom:1.25rem}.html-viewer-workspace{padding-top:1rem}.html-viewer-container{max-width:1480px}.html-viewer-panel{padding:1.25rem}.html-viewer-command-bar{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:1rem;align-items:start}.html-viewer-entry{min-width:0}.html-viewer-primary-actions,.html-viewer-source-actions{margin-bottom:0}.html-viewer-primary-actions{min-height:44px}#mobileSourceActionsSlot,#desktopRefreshSlot,#desktopSafetySlot,#mobileSafetySlot{display:contents}#desktopSourceActionsSlot{display:flex;align-items:center;gap:.4rem}#desktopSourceActionsSlot:empty{display:none}#sourcePanel .html-viewer-pane-header{justify-content:flex-start}#sourcePanel .html-viewer-pane-header .html-viewer-meta{margin-inline-start:auto}.html-viewer-source-actions{display:contents}.html-viewer-source-actions[hidden],.html-viewer-refresh[hidden],.html-viewer-mobile-source-tools[hidden]{display:none}.html-viewer-file-error{margin-top:.6rem}.html-viewer-settings-disclosure{min-width:0;color:var(--text-color-light)}.html-viewer-settings-disclosure>summary{position:relative;min-height:44px;display:flex;align-items:center;gap:.7rem;padding:.55rem .75rem;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:#ffffff0a;cursor:pointer;list-style:none}.html-viewer-settings-disclosure>summary::-webkit-details-marker{display:none}.html-viewer-settings-summary-main{display:inline-flex;align-items:center;gap:.5rem;min-width:0;font-family:var(--font-montserrat-semi-bold);font-size:var(--font-size-s)}.html-viewer-settings-summary-main i{color:var(--accent-color)}.html-viewer-settings-state{margin-inline-start:auto;color:#ffffffa8;font-size:var(--font-size-xs);text-align:end}.html-viewer-settings-chevron{color:#ffffff8a;font-size:.75rem;transition:transform .2s ease}.html-viewer-settings-disclosure[open] .html-viewer-settings-chevron{transform:rotate(180deg)}.html-viewer-settings{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem;padding-top:.65rem}.html-viewer-toggle{min-width:0;min-height:44px;padding:0 .15rem;margin:0;white-space:normal}.html-viewer-refresh{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:.4rem}.html-viewer-refresh.is-needed{border-color:transparent;background:linear-gradient(90deg,#faaa47,#fa1801);color:#17120e;font-family:var(--font-montserrat-semi-bold)}.html-viewer-safety-note{flex:1 1 100%;min-width:0;max-width:72ch;display:inline-flex;gap:.45rem;align-items:flex-start;margin:.1rem 0 0;padding:0;border:0;background:transparent;color:#ffffff8a;font-size:var(--font-size-xs);line-height:1.45}.html-viewer-safety-note i{flex:0 0 auto;color:#f3c969;margin-top:.12rem;font-size:.72rem}.html-viewer-safety-note[data-state=safe]{display:none}.html-viewer-safety-note[data-state=external],.html-viewer-safety-note[data-state=scripts]{color:#ffffffad}.html-viewer-panel .tool-error{color:#ffadad;background:#ff46461a;border-color:#ff707061;line-height:1.5}.html-viewer-panel .tool-error:focus{outline:2px solid #ffadad;outline-offset:3px}.html-viewer-mobile-tabs,.html-viewer-mobile-source-tools{display:none}.html-viewer-source-error,.html-viewer-preview-error{margin:.75rem 0 0}.html-viewer-preview-error{margin-top:0;margin-bottom:.75rem}.html-viewer-undo{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:48px;margin-top:.75rem;padding:.65rem .85rem;border:1px solid rgba(254,150,21,.28);border-radius:9px;background:#fe961514;color:#ffffffd1;font-size:var(--font-size-s)}.html-viewer-undo[hidden]{display:none}.html-viewer-undo .tool-text-link{min-height:44px;padding:.25rem .35rem;border:0;background:transparent;cursor:pointer}.html-viewer-grid{--html-viewer-source-width: 47%;display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);grid-template-areas:"source preview";gap:1rem;min-height:520px}.html-viewer-source{grid-area:source}.html-viewer-output{grid-area:preview}.html-viewer-splitter{display:none}@media (min-width: 769px){.html-viewer-grid.is-preview-focused{grid-template-columns:minmax(0,1fr);grid-template-areas:"preview"}.html-viewer-grid.is-preview-focused .html-viewer-source,.html-viewer-grid.is-preview-focused .html-viewer-splitter{display:none}.html-viewer-grid.is-preview-focused .html-viewer-preview-header{position:sticky;top:0;z-index:4;padding:.65rem .75rem;border-bottom:1px solid rgba(255,255,255,.1);background:#242424}.html-viewer-grid.is-preview-focused .html-preview-shell{min-height:max(470px,calc(100dvh - 5.5rem));border-radius:0 0 10px 10px}}@media (min-width: 1101px){.html-viewer-grid{grid-template-columns:minmax(0,var(--html-viewer-source-width)) 1.5rem minmax(0,1fr);grid-template-areas:"source splitter preview";gap:0}.html-viewer-splitter{grid-area:splitter;position:relative;min-width:0;display:grid;place-items:center;align-self:stretch;cursor:col-resize;touch-action:none;outline:0}.html-viewer-splitter:before{content:"";position:absolute;inset-block:0;inset-inline:.45rem;border-radius:6px;background:transparent;transition:background-color .16s ease}.html-viewer-splitter span{position:relative;width:2px;height:3rem;border-radius:2px;background:#ffffff2e;transition:transform .16s ease,background-color .16s ease}.html-viewer-splitter:hover:before,.html-viewer-splitter:focus-visible:before,.html-viewer-grid.is-resizing .html-viewer-splitter:before{background:#fe961514}.html-viewer-splitter:hover span,.html-viewer-splitter:focus-visible span,.html-viewer-grid.is-resizing .html-viewer-splitter span{transform:scaleY(1.5);background:var(--accent-color)}.html-viewer-splitter:focus-visible{outline:2px solid var(--accent-color);outline-offset:-3px;border-radius:6px}.html-viewer-grid.is-resizing,.html-viewer-grid.is-resizing *{cursor:col-resize;-webkit-user-select:none;user-select:none}.html-viewer-grid.is-resizing iframe{pointer-events:none}.html-viewer-grid.is-preview-focused{grid-template-columns:minmax(0,1fr);grid-template-areas:"preview"}}.html-viewer-pane{min-width:0;display:flex;flex-direction:column}.html-viewer-pane-header{min-height:54px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;padding:0 .15rem .55rem;font-family:var(--font-montserrat-semi-bold);font-size:var(--font-size-s);color:#ffffffd1}.html-viewer-pane-header>div:first-child{display:flex;flex-direction:column;gap:.1rem}.html-viewer-preview-heading{min-width:0}.html-viewer-preview-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .55rem;min-width:0}.html-viewer-preview-status{display:inline-flex;align-items:center;gap:.4rem;min-width:0;color:#ffffffb3;font-family:var(--font-montserrat);font-size:var(--font-size-xs);font-variant-numeric:tabular-nums}.html-viewer-preview-status:before{content:"";width:.45rem;height:.45rem;flex:0 0 auto;border-radius:50%;background:#ffffff57}.html-viewer-preview-status[data-state=rendering]:before{border:1px solid rgba(254,150,21,.45);border-top-color:var(--accent-color);background:transparent;animation:html-viewer-spin .8s linear infinite}.html-viewer-preview-status[data-state=updated]:before{background:#78c795}.html-viewer-preview-status[data-state=pending]:before,.html-viewer-preview-status[data-state=warning]:before{background:#f3c969}.html-viewer-preview-status[data-state=error]:before{background:#ff8585}.html-viewer-viewport-meta{color:#ffffff8f;font-family:var(--font-monospace);font-size:.72rem;font-variant-numeric:tabular-nums;white-space:nowrap}.html-viewer-viewport-meta:before{content:"·";margin-inline-end:.55rem;color:#ffffff4d}.html-viewer-preview-handoff{display:inline-flex;align-items:center;gap:.55rem;white-space:nowrap}.html-viewer-preview-handoff[hidden]{display:none}.html-viewer-preview-handoff:before{content:"·";color:#ffffff4d}.html-viewer-preview-handoff a{min-height:30px;display:inline-flex;align-items:center;gap:.3rem;color:#fff9;font-family:var(--font-montserrat-semi-bold);font-size:.72rem;line-height:1.25;text-decoration:none}.html-viewer-preview-handoff a:hover{color:var(--accent-color);text-decoration:underline;text-underline-offset:3px}.html-viewer-preview-handoff a:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px;border-radius:4px}.html-viewer-preview-actions{min-width:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.45rem}.html-viewer-meta{font-family:var(--font-montserrat);font-size:var(--font-size-xs);color:#ffffffad;font-variant-numeric:tabular-nums}.html-viewer-editor{--html-viewer-gutter-width: 3.25rem;flex:1;min-height:470px;min-width:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#1a1a1a;transition:border-color .2s ease,outline-color .2s ease}.html-viewer-editor:focus-within{outline:2px solid var(--accent-color);outline-offset:2px;border-color:#fe9615a6}.html-viewer-editor-bar{min-height:38px;display:flex;align-items:flex-end;justify-content:space-between;gap:.75rem;padding:.35rem .55rem 0;border-bottom:1px solid rgba(255,255,255,.08);background:#141414;color:#ffffff9e}.html-viewer-editor-file{min-width:0;max-width:calc(100% - 3.5rem);min-height:32px;display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .7rem;border:1px solid rgba(255,255,255,.08);border-bottom:0;border-top:2px solid var(--accent-color);border-radius:6px 6px 0 0;background:#1a1a1a;color:#ffffffdb;font-family:var(--font-monospace);font-size:.78rem;line-height:1}.html-viewer-editor-file i{flex:0 0 auto;color:var(--accent-color)}.html-viewer-editor-file span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.html-viewer-editor-language{align-self:center;padding-bottom:.3rem;font-family:var(--font-monospace);font-size:.7rem;letter-spacing:.08em;color:#ffffff7a}.html-viewer-editor-body{position:relative;flex:1;min-width:0;min-height:0;display:grid;grid-template-columns:var(--html-viewer-gutter-width) minmax(0,1fr);overflow:hidden;background:#1a1a1a}.html-viewer-line-gutter{position:relative;min-width:0;overflow:hidden;border-inline-end:1px solid rgba(255,255,255,.07);background:#161616;color:#ffffff94;font-family:var(--font-monospace);font-size:var(--font-size-s);line-height:1.6;font-variant-numeric:tabular-nums;text-align:end;-webkit-user-select:none;user-select:none;pointer-events:none}.html-viewer-line-gutter span{position:absolute;inset-block-start:0;inset-inline:0;display:block;padding-inline-end:.7rem;white-space:pre;will-change:transform}.html-viewer-editor.is-large-source .html-viewer-editor-body{grid-template-columns:minmax(0,1fr)}.html-viewer-editor.is-large-source .html-viewer-line-gutter{display:none}.html-viewer-code-surface{position:relative;min-width:0;min-height:0;overflow:hidden;background:#1a1a1a}.html-viewer-highlight,.html-viewer-input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;box-sizing:border-box;min-width:0;min-height:0;margin:0;padding:1rem;border:0;border-radius:0;color:#ddd;font-family:var(--font-monospace);font-size:var(--font-size-s);font-style:normal;font-weight:400;letter-spacing:normal;line-height:1.6;white-space:pre;overflow:auto;overflow-wrap:normal;word-break:normal;-moz-tab-size:2;tab-size:2;direction:ltr;unicode-bidi:plaintext}.html-viewer-highlight{z-index:0;visibility:hidden;overflow:hidden;background:#1a1a1a;pointer-events:none;-webkit-user-select:none;user-select:none}.html-viewer-highlight code{display:block;min-width:100%;min-height:100%;padding:0;background:transparent;color:inherit;font:inherit;letter-spacing:inherit;line-height:inherit;white-space:inherit;overflow-wrap:inherit;word-break:inherit;-moz-tab-size:inherit;tab-size:inherit}.html-viewer-highlight code:after{content:"​"}.html-viewer-input{z-index:1;resize:none;background:#1a1a1a;caret-color:#fff;scrollbar-color:rgba(255,255,255,.22) transparent}.html-viewer-editor.has-syntax-highlight .html-viewer-highlight{visibility:visible}.html-viewer-editor.has-syntax-highlight .html-viewer-input{background:transparent;color:transparent;-webkit-text-fill-color:transparent}.html-viewer-editor.is-composing .html-viewer-highlight{visibility:hidden}.html-viewer-editor.is-composing .html-viewer-input{background:#1a1a1a;color:#ddd;-webkit-text-fill-color:#dddddd}.html-viewer-highlight .syntax-tag,.html-viewer-highlight .syntax-keyword{color:#6c9ef8}.html-viewer-highlight .syntax-attribute,.html-viewer-highlight .syntax-number,.html-viewer-highlight .syntax-constant{color:#85a300}.html-viewer-highlight .syntax-string{color:#d89333}.html-viewer-highlight .syntax-meta{color:#b39c1d}.html-viewer-highlight .syntax-function,.html-viewer-highlight .syntax-class{color:#b77fdb}.html-viewer-highlight .syntax-variable{color:#e387c1}.html-viewer-highlight .syntax-entity{color:#ffc641}.html-viewer-highlight .syntax-comment{color:#949494}.html-viewer-highlight .syntax-invalid{color:#ff8585}.html-viewer-highlight .syntax-property,.html-viewer-highlight .syntax-punctuation{color:#ddd}.html-viewer-input:focus,.html-viewer-input:focus-visible{outline:0;border-color:transparent}.html-viewer-input::selection{background:#fe96154d}.html-viewer-input::placeholder{color:#ffffff8f}html[dir=rtl] .html-viewer-input:placeholder-shown{direction:rtl;text-align:right}.html-viewer-viewport-control,.html-viewer-custom-width{min-width:0;min-height:44px;display:flex;align-items:center;gap:.45rem;padding:.2rem .35rem .2rem .65rem;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0a;color:#ffffffad;font-family:var(--font-montserrat)}.html-viewer-viewport-control{flex:0 1 12.5rem}.html-viewer-viewport-control>span,.html-viewer-custom-width>span:first-child{flex:0 0 auto;font-size:.68rem;text-transform:uppercase;letter-spacing:.05em}.html-viewer-viewport-control select{min-width:0;width:100%;height:34px;padding-block:0;padding-inline:.4rem 1.65rem;border:0;border-radius:5px;background:transparent;color:var(--text-color-light);font-family:var(--font-montserrat-semi-bold);font-size:.78rem;cursor:pointer}.html-viewer-viewport-control select option{background:#242424;color:var(--text-color-light)}.html-viewer-viewport-control:focus-within,.html-viewer-custom-width:focus-within{border-color:#fe96158c;background:#fe961514}.html-viewer-custom-width{flex:0 0 auto}.html-viewer-custom-width[hidden]{display:none}.html-viewer-custom-width-input{display:inline-flex;align-items:center;gap:.3rem;color:#ffffff94;font-family:var(--font-monospace);font-size:.72rem}.html-viewer-custom-width input{width:4.6rem;height:34px;padding:0 .35rem;border:0;border-radius:5px;background:#0000002e;color:var(--text-color-light);font-family:var(--font-monospace);font-size:.78rem;font-variant-numeric:tabular-nums;text-align:end}.html-viewer-display-menu{position:relative;flex:0 0 auto}.html-viewer-display-menu>summary{min-width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:0 .65rem;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0a;color:#ffffffad;font-family:var(--font-montserrat);font-size:.76rem;cursor:pointer;list-style:none}.html-viewer-display-menu>summary::-webkit-details-marker{display:none}.html-viewer-display-menu>summary:hover,.html-viewer-display-menu>summary:focus-visible,.html-viewer-display-menu[open]>summary{border-color:#fff3;background:#ffffff14;color:var(--text-color-light)}.html-viewer-display-menu fieldset{position:absolute;z-index:6;inset-block-start:calc(100% + .4rem);inset-inline-end:0;width:13rem;margin:0;padding:.45rem;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:#242424;box-shadow:0 12px 30px #0000005c}.html-viewer-display-menu legend{width:auto;margin:0 0 .35rem;padding:0 .35rem;color:#ffffff9e;font-family:var(--font-montserrat-semi-bold);font-size:.72rem}.html-viewer-display-menu fieldset label{min-height:44px;display:grid;grid-template-columns:auto 1.1rem minmax(0,1fr);align-items:center;gap:.55rem;padding:.35rem .45rem;border-radius:6px;color:#ffffffc7;font-family:var(--font-montserrat);font-size:.78rem;cursor:pointer}.html-viewer-display-menu fieldset label:hover{background:#ffffff0f}.html-viewer-canvas-swatch{width:1rem;height:1rem;border:1px solid rgba(255,255,255,.24);border-radius:3px}.html-viewer-canvas-swatch--white{background:#fff}.html-viewer-canvas-swatch--dark{background:#16181c}.html-viewer-canvas-swatch--checkerboard{background:linear-gradient(45deg,#d8d8d8 25%,transparent 25%),linear-gradient(-45deg,#d8d8d8 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d8d8d8 75%),linear-gradient(-45deg,transparent 75%,#d8d8d8 75%),#fff;background-position:0 0,0 .5rem,.5rem -.5rem,-.5rem 0;background-size:1rem 1rem}.html-viewer-preview-action{width:44px;height:44px;flex:0 0 44px;display:inline-grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0a;color:#ffffffad;font-family:var(--font-monospace);font-size:.72rem;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.html-viewer-preview-action:hover,.html-viewer-preview-action:focus-visible{border-color:#fff3;background:#ffffff14;color:var(--text-color-light)}.html-viewer-preview-action[aria-pressed=true]{border-color:#fe961573;background:#fe961529;color:var(--accent-color)}.html-viewer-preview-action:disabled{cursor:not-allowed;opacity:.38}#desktopRefreshSlot .html-viewer-refresh{width:44px;min-width:44px;padding-inline:0;border-radius:8px}#desktopRefreshSlot .html-viewer-refresh span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.html-viewer-tab-indicator{display:none;width:.55rem;height:.55rem;flex:0 0 auto;border-radius:50%;background:var(--accent-color)}#previewTab[data-preview-state=rendering] .html-viewer-tab-indicator,#previewTab[data-preview-state=updated] .html-viewer-tab-indicator,#previewTab[data-preview-state=pending] .html-viewer-tab-indicator,#previewTab[data-preview-state=error] .html-viewer-tab-indicator{display:inline-block}#previewTab[data-preview-state=rendering] .html-viewer-tab-indicator{background:transparent;border:2px solid rgba(254,150,21,.35);border-top-color:var(--accent-color);animation:html-viewer-spin .8s linear infinite}#previewTab[data-preview-state=pending] .html-viewer-tab-indicator{background:#f3c969}#previewTab[data-preview-state=error] .html-viewer-tab-indicator{background:#ff8585}@keyframes html-viewer-spin{to{transform:rotate(360deg)}}.html-preview-shell{position:relative;flex:1;min-height:470px;box-sizing:border-box;overflow:hidden;display:block;padding:.75rem;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:linear-gradient(45deg,rgba(255,255,255,.025) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.025) 25%,transparent 25%),#151515;background-size:20px 20px;scrollbar-color:rgba(255,255,255,.22) transparent}.html-preview-shell[data-scale-mode=actual]{overflow:auto}.html-preview-empty,.html-preview-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.9rem;padding:2rem;text-align:center;color:#ffffffad;font-size:var(--font-size-s)}.html-preview-empty[hidden],.html-preview-loading[hidden],.html-preview-viewport[hidden]{display:none}.html-preview-empty p{margin:0}.html-preview-empty-icon{width:56px;height:56px;display:grid;place-items:center;border:1px solid rgba(254,150,21,.24);border-radius:16px;background:#fe961514;color:var(--accent-color);font-size:1.3rem}.html-preview-loading{z-index:2;background:#141414d6;color:#ffffffb3}.html-preview-loading[data-mode=updating]{inset:.75rem .75rem auto auto;width:auto;min-height:38px;flex-direction:row;gap:.5rem;padding:.5rem .7rem;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#141414eb;box-shadow:0 8px 24px #00000047;pointer-events:none}.html-preview-loading i{color:var(--accent-color);font-size:1.25rem}.html-preview-viewport{margin-inline:auto;overflow:hidden;border-radius:7px;background:#fff;box-shadow:0 12px 32px #00000057}.html-preview-viewport:focus-within{outline:2px solid var(--accent-color);outline-offset:2px}.html-preview-shell[data-canvas-background=dark] .html-preview-viewport{background:#16181c}.html-preview-shell[data-canvas-background=checkerboard] .html-preview-viewport{background:linear-gradient(45deg,#d8d8d8 25%,transparent 25%),linear-gradient(-45deg,#d8d8d8 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d8d8d8 75%),linear-gradient(-45deg,transparent 75%,#d8d8d8 75%),#fff;background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px}.html-preview-scale-canvas{transform-origin:top left}.html-preview-scale-canvas iframe{display:block;border:0;background:transparent}.html-viewer-context-cta{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.85rem;padding:.85rem 0 0;border:0;border-top:1px solid rgba(255,255,255,.09);background:transparent}.html-viewer-context-cta[hidden]{display:none}.html-viewer-context-cta h2{margin:0 0 .15rem;font-family:var(--font-montserrat-semi-bold);font-size:var(--font-size-s);color:var(--text-color-light)}.html-viewer-context-cta p{max-width:720px;margin:0;color:#ffffff9e;font-size:var(--font-size-xs);line-height:1.55}.html-viewer-context-actions,.html-viewer-proof-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.html-viewer-context-actions a{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none}.html-viewer-context-actions .tool-btn-secondary{padding-inline:.75rem;border-color:transparent;background:transparent;color:#ffffffad}.html-viewer-context-actions .tool-btn-secondary:hover{border-color:#ffffff24;background:#ffffff0d;color:var(--text-color-light)}.html-viewer-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}.html-viewer-guide-grid article{padding:1.4rem;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:#ffffff06}.html-viewer-guide-grid h2{font-size:var(--font-size-lg)}.html-viewer-guide-grid p{margin-bottom:0}.html-viewer-faq{max-width:76ch;margin-top:3rem}.html-viewer-phoenix-proof{padding:4rem 0;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);background:radial-gradient(circle at 82% 20%,rgba(250,24,1,.09),transparent 32%),radial-gradient(circle at 15% 75%,rgba(254,150,21,.09),transparent 30%),var(--background-color-dark)}.html-viewer-proof-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:3rem;align-items:center}.html-viewer-proof-media{padding:.55rem;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:#171717;box-shadow:0 22px 70px #00000052}.html-viewer-proof-media video{width:100%;height:auto;aspect-ratio:16 / 9;display:block;border-radius:11px;background:#101010}.html-viewer-proof-media p{margin:0;padding:.7rem .65rem .25rem;color:#ffffff80;font-size:var(--font-size-xs);line-height:1.5}.html-viewer-proof-kicker{display:block;margin-bottom:.6rem;color:var(--accent-color);font-family:var(--font-montserrat-semi-bold);font-size:var(--font-size-xs);letter-spacing:.12em;text-transform:uppercase}.html-viewer-proof-copy h2{margin-bottom:.8rem;color:var(--text-color-light);font-family:var(--font-montserrat-bold);font-size:var(--font-size-xxl);line-height:1.15}.html-viewer-proof-copy>p{color:#ffffff9e;line-height:1.7}.html-viewer-plan-facts{display:grid;gap:.8rem;margin:1.5rem 0}.html-viewer-plan-facts>div{display:grid;grid-template-columns:100px 1fr;gap:.85rem;padding-top:.8rem;border-top:1px solid rgba(255,255,255,.08)}.html-viewer-plan-facts strong{color:var(--text-color-light);font-family:var(--font-montserrat-semi-bold);font-size:var(--font-size-s)}.html-viewer-plan-facts span{color:#fff9;font-size:var(--font-size-s);line-height:1.55}.html-viewer-proof-actions .primary-button{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.35rem;text-decoration:none}.tool-text-link{color:#ffffffb3;font-family:var(--font-montserrat-semi-bold);font-size:var(--font-size-s);text-decoration:underline;text-decoration-color:#fe961573;text-underline-offset:4px}.tool-text-link:hover{color:var(--accent-color)}.html-viewer-proof-actions .tool-text-link{min-height:44px;display:inline-flex;align-items:center;justify-content:center}.html-viewer-panel.is-drop-target .html-viewer-source{outline:2px dashed var(--accent-color);outline-offset:-2px;border-radius:12px}.html-viewer-panel button:disabled{opacity:.42;cursor:not-allowed;transform:none}.html-viewer-panel .tool-btn,.html-viewer-context-actions .tool-btn,.html-viewer-proof-actions .primary-button{color:#17120e}.html-viewer-panel .tool-btn,.html-viewer-panel .tool-btn-secondary,.html-viewer-panel .tool-btn-icon{min-height:44px}.html-viewer-toggle:has(input:disabled){opacity:.55}.html-viewer-panel button:focus-visible,.html-viewer-panel input:focus-visible,.html-viewer-panel select:focus-visible,.html-viewer-settings-disclosure>summary:focus-visible,.html-viewer-context-cta a:focus-visible,.html-viewer-proof-actions a:focus-visible{outline:2px solid var(--accent-color);outline-offset:3px}@media (min-width: 769px){#desktopSettingsSlot .html-viewer-settings-disclosure>summary{display:none}#desktopSettingsSlot .html-viewer-settings{padding-top:0}}@media (min-width: 1101px){.html-viewer-primary-actions{flex-wrap:nowrap}.html-viewer-output{position:relative}.html-viewer-preview-header{height:54px;min-height:54px;flex-flow:row nowrap;align-items:center}.html-viewer-preview-actions{position:absolute;z-index:3;inset-inline:1px;top:54px;height:54px;padding:.3rem .7rem;border-bottom:1px solid rgba(255,255,255,.1);background:#151515;justify-content:flex-start;flex-wrap:nowrap}.html-viewer-output .html-preview-shell{padding-top:calc(.75rem + 54px)}.html-viewer-preview-error:not(:empty){margin-top:54px}.html-preview-loading[data-mode=updating]{inset-block-start:calc(54px + .75rem)}.html-viewer-viewport-control{flex-basis:9.5rem}.html-viewer-viewport-control>span,.html-viewer-display-menu-label{display:none}.html-viewer-display-menu>summary{width:44px;padding-inline:0}#desktopSourceActionsSlot .tool-btn-icon{width:44px;min-width:44px;padding-inline:0}#desktopSourceActionsSlot .tool-btn-icon span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.html-viewer-toggle--scripts:has(#allowScriptsToggle:disabled){display:none}}@media (max-width: 1100px){.html-viewer-command-bar{grid-template-columns:1fr}.html-viewer-settings{justify-content:flex-start}.html-viewer-viewport-control{max-width:100%}.html-viewer-mobile-tabs{display:flex;margin:.8rem 0 .75rem;padding:.2rem;border:1px solid rgba(255,255,255,.1);border-radius:10px;position:sticky;top:.5rem;z-index:3;background:#242424}.html-viewer-mobile-tab{flex:1;min-height:44px;border:0;border-radius:8px;background:transparent;color:#ffffff8f;font-family:var(--font-montserrat-semi-bold);font-size:var(--font-size-s);display:inline-flex;align-items:center;justify-content:center;gap:.45rem}.html-viewer-mobile-tab.active{background:#fe961526;color:var(--accent-color)}.html-viewer-grid{display:block;grid-template-areas:none;min-height:430px}.html-viewer-pane{display:none}.html-viewer-pane.is-mobile-active{display:flex}.html-viewer-splitter,.html-viewer-expand{display:none}.html-viewer-mobile-source-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;margin-top:.75rem}.html-viewer-mobile-source-tools button{min-width:0;width:100%;justify-content:center;white-space:normal;line-height:1.3}.html-viewer-settings-disclosure{width:100%;margin-top:1rem}}@media (max-width: 768px){.tools-hero--compact{padding-top:2rem}.html-viewer-panel{display:flex;flex-direction:column;padding:1rem}.html-viewer-command-bar{display:block}.html-viewer-preview-header{align-items:flex-start;flex-direction:column;min-height:76px}.html-viewer-preview-actions{width:100%;justify-content:flex-start}.html-viewer-preview-handoff{flex:1 0 100%;gap:.85rem;white-space:normal}.html-viewer-preview-handoff:before{display:none}.html-viewer-preview-handoff a{min-height:44px}.html-viewer-primary-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;width:100%}.html-viewer-primary-actions>button{display:inline-flex;align-items:center;gap:.4rem;min-width:0;width:100%;justify-content:center;white-space:normal;line-height:1.3}.html-viewer-file-error{margin-top:.65rem}.html-viewer-mobile-tabs{display:flex;margin:.8rem 0 .75rem;padding:.2rem;border:1px solid rgba(255,255,255,.1);border-radius:10px;position:sticky;top:.5rem;z-index:3;background:#242424}.html-viewer-mobile-tab{flex:1;min-height:44px;border:0;border-radius:8px;background:transparent;color:#ffffff8f;font-family:var(--font-montserrat-semi-bold);font-size:var(--font-size-s);display:inline-flex;align-items:center;justify-content:center;gap:.45rem}.html-viewer-mobile-tab.active{background:#fe961526;color:var(--accent-color)}.html-viewer-grid{display:block;grid-template-areas:none;min-height:430px}.html-viewer-splitter,.html-viewer-pane{display:none}.html-viewer-pane.is-mobile-active{display:flex}.html-viewer-editor,.html-preview-shell{min-height:360px}.html-viewer-expand{display:none}.html-viewer-editor-body{grid-template-columns:minmax(0,1fr)}.html-viewer-line-gutter,.html-viewer-highlight{display:none}.html-viewer-editor.has-syntax-highlight .html-viewer-input{background:#1a1a1a;color:#ddd;-webkit-text-fill-color:#dddddd}.html-viewer-highlight,.html-viewer-input{white-space:pre-wrap;overflow-wrap:break-word;font-size:1rem}.html-viewer-viewport-control select,.html-viewer-custom-width input{font-size:1rem}.html-viewer-editor.is-large-source .html-viewer-highlight,.html-viewer-editor.is-large-source .html-viewer-input{white-space:pre;overflow-wrap:normal}.html-viewer-mobile-source-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;margin-top:.75rem}.html-viewer-mobile-source-tools button{min-width:0;width:100%;justify-content:center;white-space:normal;line-height:1.3}.html-viewer-settings-disclosure{width:100%;margin-top:1rem}.html-viewer-settings{display:grid;grid-template-columns:1fr;justify-items:stretch;gap:.35rem;padding:.55rem .2rem 0}.html-viewer-toggle{min-width:0;white-space:normal}.html-viewer-settings .html-viewer-safety-note{margin:.25rem 0 0}.html-viewer-settings-state{overflow-wrap:anywhere}.html-viewer-context-cta{align-items:stretch;flex-direction:column;gap:.65rem;padding-top:.75rem}.html-viewer-context-cta p{display:none}.html-viewer-context-actions{width:100%}.html-viewer-context-actions .tool-btn{flex:1 1 auto}.html-viewer-context-actions a{justify-content:center;text-align:center}.html-viewer-guide-grid,.html-viewer-proof-grid{grid-template-columns:1fr}.html-viewer-guide-grid{gap:1rem}.html-viewer-proof-grid{gap:2rem}.html-viewer-proof-media{order:2}.html-viewer-proof-copy h2{font-size:var(--font-size-xl)}}@media (max-width: 480px){.html-viewer-editor-bar{gap:.45rem;padding-inline:.4rem}.html-viewer-editor-file{max-width:calc(100% - 3rem);padding-inline:.55rem}.html-viewer-preview-header{min-height:76px}.html-viewer-preview-actions{align-items:center;gap:.4rem}.html-viewer-viewport-control{flex:1 1 10rem;padding-inline-start:.55rem}.html-viewer-viewport-control>span{display:none}.html-viewer-custom-width{flex:1 1 8.5rem}.html-viewer-display-menu>summary{width:44px;padding:0}.html-viewer-display-menu-label{display:none}#previewActualSizeBtn:disabled{display:none}.html-viewer-settings-disclosure>summary{align-items:flex-start;flex-wrap:wrap}.html-viewer-settings-state{margin-inline-start:0;flex:1 1 100%;padding-inline-start:1.45rem;text-align:start}.html-viewer-settings-chevron{position:absolute;inset-inline-end:1.8rem;margin-top:.3rem}.html-viewer-context-actions{align-items:stretch;flex-direction:column}.html-viewer-plan-facts>div{grid-template-columns:1fr;gap:.3rem}.html-viewer-proof-actions{align-items:stretch;flex-direction:column}.html-viewer-proof-actions a{text-align:center}}@media (max-width: 360px){.html-viewer-primary-actions,.html-viewer-mobile-source-tools{gap:.5rem}}@media (prefers-reduced-motion: reduce){.html-viewer-editor{transition:none}.html-viewer-settings-chevron,.html-viewer-splitter:before,.html-viewer-splitter span,.html-viewer-preview-action{transition:none}#previewTab[data-preview-state=rendering] .html-viewer-tab-indicator,.html-viewer-preview-status[data-state=rendering]:before,.html-preview-loading .fa-spin{animation:none}}@media (forced-colors: active){.html-viewer-editor{border:1px solid CanvasText}.html-viewer-preview-action,.html-viewer-viewport-control,.html-viewer-custom-width,.html-viewer-display-menu>summary,.html-viewer-display-menu fieldset,.html-preview-shell{border-color:CanvasText}.html-viewer-splitter span{background:CanvasText}.html-viewer-editor:focus-within{outline:2px solid Highlight}.html-viewer-editor-file,.html-viewer-line-gutter{border-color:CanvasText}.html-viewer-highlight{display:none}.html-viewer-editor.has-syntax-highlight .html-viewer-input,.html-viewer-editor.is-composing .html-viewer-input{background:Canvas;color:CanvasText;-webkit-text-fill-color:CanvasText;caret-color:CanvasText}}