.tool-guide{display:grid;gap:clamp(2.5rem,6vw,4.5rem);overflow:hidden;margin-top:clamp(3rem,7vw,5rem);padding:clamp(1.5rem,5vw,4rem);border:1px solid var(--line);border-radius:var(--radius-large);background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}.tool-guide .guide-header,.tool-guide>section,.tool-guide .guide-footer{max-width:70ch}.tool-guide>.guide-section-wide{min-width:0;max-width:none}.tool-guide .guide-eyebrow,.tool-guide .section-index,.tool-guide .choice-grid span,.tool-guide .encoding-example dt{color:var(--accent);font-family:var(--font-mono);font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.tool-guide .guide-header h2{max-width:18ch;margin-top:.8rem;font-size:clamp(2.25rem,6vw,4.75rem)}.tool-guide .guide-header p{max-width:62ch;margin:1.25rem 0 0;color:var(--muted-ink);font-size:clamp(1.05rem,2.5vw,1.25rem);line-height:1.65}.tool-guide h3{font-size:clamp(1.6rem,4vw,2.45rem)}.tool-guide h4{margin-top:.55rem;font-size:1.25rem}.tool-guide section>p,.tool-guide .security-note p,.tool-guide .choice-grid p,.tool-guide .guide-footer p{margin:1rem 0 0;color:var(--muted-ink);line-height:1.65}.tool-guide code{padding:.12rem .35rem;border:1px solid var(--line);border-radius:.3rem;background:var(--surface-muted);color:var(--ink);font-family:var(--font-mono);font-size:.9em;overflow-wrap:anywhere}.tool-guide .section-heading{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:1rem 2rem;max-width:70ch;margin-bottom:1.25rem}.tool-guide .section-heading h3{margin-top:.5rem}.tool-guide .section-heading>p{max-width:28rem;margin:0;color:var(--muted-ink);line-height:1.6}.tool-guide .comparison-scroll{width:100%;min-width:0;max-width:100%;overflow-x:auto;border:1px solid var(--line-strong);border-radius:var(--radius-medium);background:var(--surface-muted);scrollbar-color:var(--accent) var(--surface-muted)}.tool-guide table{width:100%;min-width:58rem;border-collapse:collapse;background:var(--surface);font-size:.92rem;line-height:1.55}.tool-guide .comparison-scroll-compact table{min-width:44rem}.tool-guide th,.tool-guide td{padding:1rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.tool-guide th:last-child,.tool-guide td:last-child{border-right:0}.tool-guide tbody tr:last-child th,.tool-guide tbody tr:last-child td{border-bottom:0}.tool-guide thead th{background:var(--accent-soft);color:var(--accent);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.07em;text-transform:uppercase}.tool-guide tbody th{background:var(--surface-muted)}.tool-guide tbody td{color:var(--muted-ink)}.tool-guide .version-tag{display:inline-flex;min-width:2.75rem;justify-content:center;padding:.35rem .5rem;border:1px solid var(--line-strong);border-radius:999px;background:var(--surface-raised);color:var(--ink);font-family:var(--font-mono);font-weight:700}.tool-guide .version-tag-accent{border-color:var(--accent);background:var(--accent);color:var(--paper)}.tool-guide .choice-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem}.tool-guide .choice-grid section{padding:1.25rem;border:1px solid var(--line);border-radius:var(--radius-medium);background:var(--surface-muted)}.tool-guide .encoding-example{display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin:1.5rem 0 0;overflow:hidden;border:1px solid var(--line-strong);border-radius:var(--radius-medium);background:var(--surface-muted)}.tool-guide .encoding-example>div{min-width:0;padding:1rem;border-bottom:1px solid var(--line)}.tool-guide .encoding-example>div:last-child{border-bottom:0}.tool-guide .encoding-example dd{margin:.55rem 0 0}.tool-guide .encoding-example code{display:block;padding:0;border:0;background:transparent;font-size:.92rem;line-height:1.6}.tool-guide .security-note{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1rem;padding:clamp(1.25rem,4vw,2rem);border:1px solid var(--warm);border-radius:var(--radius-medium);background:var(--warm-soft)}.tool-guide .security-note .section-index{color:var(--warm)}.tool-guide .guide-footer{padding-top:1.25rem;border-top:1px solid var(--line)}.tool-guide .guide-footer p{margin:0;font-size:.9rem}@media (min-width: 47.5rem){.tool-guide .choice-grid,.tool-guide .encoding-example{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-guide .encoding-example>div{border-right:1px solid var(--line);border-bottom:0}.tool-guide .encoding-example>div:last-child{border-right:0}}.tool-shell{--tool-error: #9f3218;--tool-success: #176547;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-large);background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}.tool-shell .tool-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1.25rem;padding:1.5rem 1.5rem 1.25rem;border-bottom:1px solid var(--line)}.tool-shell .tool-kicker{margin:0 0 .35rem;color:var(--accent);font-family:var(--font-mono);font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.tool-shell .tool-header h2{margin:0;font-size:clamp(1.7rem,4vw,2.6rem);line-height:1.08}.tool-shell .tool-summary{max-width:34rem;margin:.45rem 0 0;color:var(--muted-ink)}.privacy-note{display:inline-flex;align-items:center;gap:.45rem;min-height:2rem;margin:0;padding:.35rem .65rem;border:1px solid var(--line);border-radius:999px;background:var(--accent-soft);color:var(--accent);font-family:var(--font-mono);font-size:.7rem;font-weight:700}.mode-switch{width:min(24rem,calc(100% - 3rem));margin:1.25rem 1.5rem 0}.tool-workspace{padding:1.25rem 1.5rem 1.5rem}.workspace-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:.8rem}.field-group{min-width:0}.field-heading{display:flex;flex-wrap:wrap;min-height:44px;align-items:center;justify-content:space-between;gap:.75rem}.field-heading label,.field-label{color:var(--ink);font-family:var(--font-mono);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.field-heading>span,.field-help{color:var(--muted-ink);font-size:.78rem}textarea.tool-input,input.tool-input{display:block;width:100%;box-sizing:border-box;border:1px solid var(--line-strong);border-radius:var(--radius-medium);background:var(--cloud);color:var(--ink);padding:.85rem 1rem;font-family:var(--font-mono);font-size:.92rem;line-height:1.65;transition:border-color var(--transition-fast),background var(--transition-fast)}textarea.tool-input{min-height:14rem;resize:vertical}select.tool-input{appearance:none;cursor:pointer}input[type=number].tool-input{font-variant-numeric:tabular-nums}input[type=range].tool-input{border:0;padding:0;background:transparent;accent-color:var(--accent);min-height:44px}.tool-input::placeholder{color:var(--muted-ink)}.tool-input[aria-invalid=true]{border-color:var(--tool-error)}.tool-input[readonly],.tool-input:disabled{background:var(--surface-muted);opacity:.85}.field-help{min-height:1.2rem;margin:.45rem 0 0}.copy-button{display:inline-flex;align-items:center;gap:.4rem;min-height:40px;padding:.4rem .65rem;border:0;border-radius:var(--radius-small);background:transparent;color:var(--accent);font:inherit;font-size:.85rem;font-weight:700;cursor:pointer}.copy-button:not(:disabled):hover{background:var(--accent-soft)}.tool-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.85rem 1rem;margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--line)}.button-row{display:flex;flex-wrap:wrap;gap:.65rem}.primary-button,.clear-button{min-height:44px;padding:.7rem 1rem;border:1px solid transparent;border-radius:999px;font:inherit;font-weight:700;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-medium)}.primary-button{border-color:var(--accent);background:var(--accent);color:var(--paper)}.primary-button:hover{border-color:var(--accent-hover);background:var(--accent-hover);transform:translateY(-2px)}.clear-button{border-color:var(--line-strong);background:transparent;color:var(--ink)}.clear-button:hover{border-color:var(--ink);background:var(--surface-muted)}button:disabled{cursor:not-allowed;opacity:.45}.feedback{min-height:1.5rem}.feedback p{margin:0;font-size:.88rem;font-weight:700}.error-message{margin:.35rem 0 0;color:var(--tool-error);font-size:.85rem;font-weight:700}.notice-message{color:var(--tool-success)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));gap:.65rem;margin-top:1rem}.stat-card{padding:.85rem 1rem;border:1px solid var(--line);border-radius:var(--radius-medium);background:var(--cloud)}.stat-card dt,.stat-value-label{margin:0 0 .3rem;color:var(--muted-ink);font-family:var(--font-mono);font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.stat-card dd,.stat-value{margin:0;font-size:clamp(1.15rem,2.6vw,1.6rem);font-weight:800;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.option-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem;min-height:44px;padding:.35rem 0;border-bottom:1px dashed var(--line)}.option-row:last-of-type{border-bottom:0}.option-row label{color:var(--ink);font-size:.92rem;font-weight:650}.checkbox-input{width:1.15rem;height:1.15rem;accent-color:var(--accent);cursor:pointer}.result-block{margin:0;padding:1rem;border:1px solid var(--line-strong);border-radius:var(--radius-medium);background:var(--surface-muted);font-family:var(--font-mono);font-size:.88rem;line-height:1.7;overflow-wrap:anywhere;white-space:pre-wrap;max-height:22rem;overflow-y:auto}.swatch-preview{height:6rem;border:1px solid var(--line-strong);border-radius:var(--radius-medium)}html.dark .tool-shell{--tool-error: #ffb09a;--tool-success: #8ee0b9}@media (min-width: 47.5rem){.tool-shell .tool-header{padding:1.75rem 2rem 1.5rem}.mode-switch{margin-right:2rem;margin-left:2rem}.tool-workspace{padding:1.5rem 2rem 2rem}}@media (prefers-reduced-motion: reduce){.primary-button,.clear-button{transition:none}}.tool-detail-hero[data-astro-cid-hof4g4vy]{padding-block:clamp(3rem,7vw,6rem) clamp(2.5rem,5vw,4rem)}.tool-detail-hero[data-astro-cid-hof4g4vy] h1[data-astro-cid-hof4g4vy]{max-width:13ch;font-size:clamp(2.8rem,7vw,5.75rem)}.breadcrumb[data-astro-cid-hof4g4vy]{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;color:var(--muted-ink);font-family:var(--font-mono);font-size:.72rem}.breadcrumb[data-astro-cid-hof4g4vy] a[data-astro-cid-hof4g4vy]{color:var(--accent)}