html[data-theme=light] .tools-page{--muted:#3a343c}.tool-subnav{border-bottom:1px solid color-mix(in srgb, var(--studio-cyan) 14%, transparent);background:var(--tool-subnav-bg);overflow:hidden}.tool-subnav-inner{white-space:nowrap;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-behavior:smooth;flex-wrap:nowrap;align-items:center;gap:34px;min-height:58px;display:flex;overflow:auto hidden}.tool-subnav-inner::-webkit-scrollbar{display:none}.tool-subnav a{white-space:nowrap;min-height:58px;color:var(--muted);flex-shrink:0;align-items:center;font-size:14px;font-weight:650;display:inline-flex;position:relative}.tools-page{padding-top:82px}.utility-list{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:18px;margin-top:28px;display:grid}.utility-card{border:1px solid color-mix(in srgb, var(--studio-cyan) 18%, transparent);color:inherit;background:var(--surface-2);border-radius:10px;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:18px;padding:22px 24px;transition:border-color .15s,background .15s;display:grid}.utility-card:hover,.utility-card:focus-visible{border-color:color-mix(in srgb, var(--studio-cyan) 45%, transparent);background:var(--surface-2);outline:none}.utility-card-icon{border:1px solid color-mix(in srgb, var(--studio-cyan) 28%, transparent);width:52px;height:52px;color:var(--studio-cyan);background:color-mix(in srgb, var(--studio-cyan) 6%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--studio-cyan) 8%, transparent);border-radius:10px;flex:none;padding:13px}.utility-card-body{gap:8px;min-width:0;display:grid}.utility-card-head{flex-wrap:wrap;align-items:baseline;gap:8px 12px;display:flex}.tool-page-title{align-items:center;gap:14px;display:flex}.tool-page-icon{border:1px solid color-mix(in srgb, var(--studio-cyan) 28%, transparent);width:44px;height:44px;color:var(--studio-cyan);background:color-mix(in srgb, var(--studio-cyan) 6%, transparent);border-radius:10px;flex:none;padding:10px}.utility-card h2{margin:0;font-size:22px;line-height:1.2}.utility-card p{color:var(--muted);margin:0;font-size:14px;line-height:1.5}.utility-card small{color:var(--muted);letter-spacing:.02em;font-size:12px;font-weight:650}@media (max-width:1320px){.utility-list{grid-template-columns:1fr}}@media (max-width:640px){.tools-page{padding-top:46px}.utility-card{gap:16px;padding:16px}}