.interior-page{--color-accent:#1566d0;--color-accent-strong:#0f4fa8;--page-border:color-mix(in srgb, var(--color-body) 18%, transparent)}.dark .interior-page{--color-accent-strong:#347fe5}.interior-page h1{letter-spacing:-.045em;font-size:clamp(2rem,4vw,3.25rem);line-height:1.12}.interior-page h2{letter-spacing:-.025em}.interior-page section{scroll-margin-top:6rem}.interior-page a.underline,.interior-page .link-accent{color:var(--color-accent);text-underline-offset:4px}.interior-page a.underline:hover,.interior-page .link-accent:hover{color:var(--color-accent-strong)}.interior-page>div:first-child{max-width:1280px;padding-block:40px 72px}.interior-page .tool-directory-card{border:1px solid var(--page-border);background:var(--color-canvas);overflow-wrap:anywhere;border-radius:18px;height:100%;padding:24px;transition:border-color .15s;box-shadow:0 3px 10px #00000003}.interior-page .tool-directory-card:hover{border-color:var(--color-accent);transform:none;box-shadow:0 3px 10px #00000003}.interior-page .tool-directory-card h3{font-size:1.25rem}.interior-page .tool-directory-card .link-accent{border-top:1px solid var(--page-border);justify-content:space-between;padding-top:18px;display:flex}.interior-page .tool-directory-card .link-accent svg{background:var(--color-accent-soft);border-radius:50%;width:28px;height:28px;padding:6px}.interior-page .tool-directory-card h3{line-height:1.35}.interior-page .tool-directory-card>div>div span{border:1px solid var(--page-border);background:var(--color-canvas-soft)}.interior-page :is(input,select,textarea):focus-visible{outline-color:var(--color-accent)}.interior-page summary:hover{color:var(--color-accent)}.page-tool>div:first-child{background:var(--color-canvas);border-bottom:1px solid var(--page-border);max-width:none;padding:0}.page-tool>div:first-child>div:last-child{padding-block:32px}.page-tool header h1{font-size:clamp(1.8rem,3.5vw,2.75rem)}.page-tool header nav{font-size:.75rem}.page-tool header p{line-height:1.8}.page-tool :is(#pixel-art-tool,#dome-tool)>div>:is(div,details)[class*=shadow-]{background-color:var(--color-canvas);box-shadow:0 0 0 1px var(--page-border), 0 3px 8px #00000003;border-radius:16px}.page-tool [data-role=dropzone]{background:var(--color-accent-soft);border-radius:12px}.page-tool .tool-reading{max-width:960px;margin-top:72px}.tool-reading>section{border-top:1px solid var(--page-border);padding-top:32px}.tool-reading p,.tool-reading dd{line-height:1.85}.tool-reading h2{font-size:clamp(1.4rem,2.5vw,1.8rem);line-height:1.3}.tool-reading ol>li>span{background:var(--color-accent-soft);color:var(--color-accent);border-radius:10px}.tool-reading dl>div{border:1px solid var(--page-border);background:var(--color-canvas);border-radius:12px;padding:20px 24px}.tool-reading [aria-labelledby=privacy-heading]{border:1px solid var(--page-border);background:var(--color-canvas);box-shadow:none;border-radius:18px;padding:28px}.tool-reading figure,.tool-reading .overflow-x-auto{border-radius:16px}.tool-reading details{padding-block:20px}.tool-reading summary{line-height:1.7}.tool-reading summary>span{color:var(--color-accent)}.tool-reading>div>.grid:has(.tool-directory-card){grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}@media (width<=760px){.page-tool>div:first-child{padding:0}.page-tool .tool-reading{margin-top:48px}.tool-reading dl>div{padding:20px}}.page-tool :is(input[type=number],input[type=search],select,textarea){border-color:var(--page-border);border-radius:8px}.page-tool [role=radiogroup] label:has(input:checked){border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-ink)}.page-tool [data-role=dropzone]{border-color:color-mix(in srgb, var(--color-accent) 35%, var(--page-border))}.page-tool [data-role=dropzone]:hover{border-color:var(--color-accent)}.tool-reading thead{background:var(--color-accent-soft)}.tool-reading th{padding-block:16px}.tool-reading tbody tr:nth-child(2n){background:var(--color-canvas)}.tool-reading dl dt{align-items:center;gap:10px;display:flex}.tool-reading dl dt:before{content:"";background:var(--color-accent);border-radius:2px;flex-shrink:0;width:6px;height:6px}.tool-reading details[open] summary>span{color:var(--color-ink)}