.tool-page{--ink:#11131c;--muted:#656978;--line:#e7e5ef;--surface:#fff;--wash:#f6f5fb;background:var(--bg,#fbfbfe);color:var(--ink)}
:root[data-theme=dark] .tool-page,.tool-page[data-theme=dark]{--ink:#f7f7fb;--muted:#a5a8b7;--line:#292c41;--surface:#0f1223;--wash:#14172a;background:#080a17}
.tool-page .site-header{background:var(--surface);backdrop-filter:none}
.tool-page .main-nav{flex-wrap:nowrap;gap:18px}
.tool-page .main-nav a{white-space:nowrap}
.tool-page .tool-account{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 13px;border:1px solid var(--line);border-radius:24px;background:var(--surface);color:var(--ink);font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap}
.tool-page .tool-account>span{color:var(--purple)}
.tool-page .tool-button,.tool-page .tool-docs summary{min-height:44px}
.tool-page .tool-docs summary{display:flex;align-items:center;cursor:pointer}
.tool-page .tool-docs li{margin:12px 0;line-height:1.7;color:var(--muted)}
.tool-page .tool-docs a{color:var(--purple);text-decoration:underline;text-underline-offset:3px}
.tool-page .site-footer nav a{display:flex;align-items:center;min-height:44px}
.tool-page .tool-main,.tool-page .directory-main{overflow-wrap:anywhere}
@media(max-width:980px){.tool-page .main-nav{gap:10px}.tool-page .main-nav a{font-size:12px}.tool-page .site-header{gap:12px}.tool-page .brand small{display:none}}
@media(min-width:561px) and (max-width:800px){.tool-page .site-header{height:auto;min-height:112px;grid-template-columns:1fr auto;padding:10px 16px}.tool-page .main-nav{grid-column:1/-1;grid-row:2;justify-self:stretch;justify-content:space-between}.tool-page .main-nav a{padding:10px 0}.tool-page .header-actions{grid-column:2;grid-row:1}}
@media(max-width:560px){.tool-page .main-nav{grid-template-columns:repeat(5,minmax(0,1fr));gap:3px}.tool-page .main-nav a{font-size:10px;gap:3px}.tool-page .main-nav .ui-icon{width:14px;height:14px}.tool-page .tool-account{font-size:11px;padding:6px 8px}.tool-page .brand b{font-size:14px}.tool-page .header-actions{display:flex}.tool-page .theme-toggle{display:none}.tool-page .site-footer{padding-bottom:80px}}