.catalog-search{display:flex;align-items:center;gap:16px;padding:20px;margin-bottom:24px}.catalog-search input{flex:1;min-width:120px}.catalog-total{color:var(--muted);font-size:16px;white-space:nowrap}.tool-catalog{display:grid;grid-template-columns:170px minmax(0,1fr);gap:24px}.catalog-nav{position:sticky;top:95px;align-self:start;display:flex;flex-direction:column;gap:5px}.catalog-nav a{padding:10px 14px;border-radius:7px;color:var(--muted);font-size:16px}.catalog-nav a[aria-current=true]{background:var(--accent);color:#fff}.catalog-section{margin-bottom:32px}.catalog-section .section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.catalog-section h2{font-size:21px;margin:0}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.catalog-card{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:10px;transition:border-color .15s}.catalog-card:hover{border-color:var(--accent)}.catalog-card>a{display:block;padding:20px;height:100%}.catalog-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent);font-size:18px;margin-bottom:14px}.catalog-card strong{display:block;padding-right:16px;font-size:16px;line-height:1.55}.catalog-card p{font-size:14px;line-height:1.7;color:var(--muted);margin:8px 0 0}.catalog-card>button{position:absolute;top:14px;right:13px;border:0;background:transparent;font-size:23px;color:var(--muted);cursor:pointer}.catalog-card>button[aria-pressed=true]{color:#d89c13}.utility-breadcrumb{display:flex;gap:10px;font-size:14px;color:var(--muted);margin:20px 0}.workbench{padding:28px}.tool-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.tool-field{display:flex;flex-direction:column;gap:9px;min-width:0;font-size:16px}.tool-field.wide{grid-column:1/-1}.tool-field textarea,.tool-result textarea{width:100%;resize:vertical;font:16px/1.7 Consolas,monospace;padding:14px}.tool-field small,.tool-note{font-size:14px;color:var(--muted);line-height:1.8}.tool-actions{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.tool-status{font-size:15px;color:var(--muted);white-space:pre-wrap}.tool-status[data-error=true]{color:#cf3d37}.tool-result{border-top:1px solid var(--line);padding-top:22px;margin-top:22px}.result-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.result-title h2{font-size:19px;margin:0}.result-title>div{display:flex;gap:8px}.tool-downloads{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.tool-result canvas,.tool-result img,.tool-result video{max-width:100%;height:auto;display:block;margin:16px auto}.tool-result iframe{width:100%;height:500px;border:1px solid var(--line);background:white}.tool-result table{border-collapse:collapse;width:100%;font-size:15px;line-height:1.6;margin-top:18px}.tool-result td,.tool-result th{border:1px solid var(--line);padding:9px;text-align:left}.tool-result [data-tool-preview]{overflow:auto}.workbench [hidden],.tool-catalog [hidden]{display:none!important}.tool-note{padding-top:16px;border-top:1px solid var(--line);margin-top:22px}.tool-preview-text{white-space:pre-wrap;font-size:16px;line-height:1.8}.theme-terminal .catalog-nav{top:25px}@media(max-width:1120px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.tool-catalog{display:block}.catalog-nav{position:static;flex-direction:row;overflow-x:auto;margin-bottom:20px;white-space:nowrap;padding-bottom:8px}.catalog-search{flex-wrap:wrap;padding:16px;gap:10px}.catalog-search label{width:100%}.catalog-search input{width:100%}.workbench{padding:18px}.tool-fields{grid-template-columns:1fr}.tool-field.wide{grid-column:1}.catalog-total{display:none}.result-title{align-items:flex-start}.result-title>div{flex-direction:column}}@media(max-width:430px){.catalog-grid{grid-template-columns:1fr}}

.device-stage{position:relative;min-height:260px;background:var(--soft);border:1px solid var(--line);padding:24px;overflow:hidden;outline-offset:3px}.device-stage pre{font-size:18px;line-height:1.8}.device-controls{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.touch-point{position:absolute;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#326cf3aa;color:white;transform:translate(-50%,-50%);pointer-events:none}.video-compare video{display:inline-block;width:48%;margin:8px}.tool-result pre{white-space:pre-wrap;overflow-wrap:anywhere;font:16px/1.8 Consolas,monospace}.tool-result svg{max-width:100%;height:auto}.tool-result audio{width:100%;margin-top:20px}

.classic-reader{max-height:720px;overflow:auto;padding:12px 24px;font-size:18px;line-height:2;background:var(--soft)}.classic-reader>p:first-child{font-size:14px;color:var(--muted)}.classic-match{background:#f5cd6360;border-left:3px solid #b98214;padding-left:12px}