.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-heading,:is(.page-about,.page-legal)>div>header{border:1px solid var(--page-border);background:radial-gradient(ellipse at 20% 0%, color-mix(in srgb, var(--color-accent) 8%, transparent), transparent 65%), var(--color-canvas);border-radius:24px;max-width:none;padding:56px 40px}.page-heading>p,:is(.page-about,.page-legal)>div>header>p{max-width:760px;margin-inline:auto;line-height:1.8}.page-directory nav{font-size:.8125rem}.page-directory [data-role=tools-search]{box-shadow:none;border-color:var(--page-border);background:var(--color-canvas)}.page-directory .filter-pill{min-height:40px}.interior-page.page-directory .filter-pill[aria-pressed=true]{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.page-directory [data-role=tools-grid],.page-directory .page-heading+.grid{gap:24px}.page-directory [data-role=tools-item]{min-width:0}.page-directory .tool-directory-card:before{content:"";background-color:#172540;background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:10px;height:144px;margin-bottom:24px;display:block}.page-directory .tool-directory-card[href*=pixel-art-generator]:before{background-image:url(/images/tool-cards/pixel-art.svg)}.page-directory .tool-directory-card[href*=circle-generator]:before{background-image:url(/images/tool-cards/circle.svg)}.page-directory .tool-directory-card[href*=dome-generator]:before{background-image:url(/images/tool-cards/dome.svg)}.page-directory .tool-directory-card[href*=nether-portal-calculator]:before{background-image:url(/images/tool-cards/nether-portal.svg)}.page-directory .tool-directory-card .link-accent{color:#fff;background:#1566d0;border-radius:10px;justify-content:space-between;width:100%;min-height:48px;padding:9px 12px 9px 16px;transition:background-color .15s}.page-directory .tool-directory-card:is(:hover,:focus-visible) .link-accent{color:#fff;background:#0f4fa8}.page-directory .tool-directory-card .link-accent svg{background:#ffffff26;border-radius:50%;width:30px;height:30px;padding:6px}.page-directory .tool-directory-card:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.page-directory .border-dashed{background:var(--color-canvas-soft);border-radius:18px;min-height:160px}.page-directory>section{background:var(--color-canvas);border-color:var(--page-border)}.reading-sections{max-width:1000px}.reading-sections p{line-height:1.85}.page-about .reading-sections{margin-top:56px}.page-about .reading-sections>section{border-top:1px solid var(--page-border);grid-template-columns:.8fr 1.2fr;column-gap:48px;padding-top:32px;display:grid}.page-about .reading-sections>section>h2{grid-area:1/1/span 5;font-size:1.5rem;line-height:1.3}.page-about .reading-sections>section>p{grid-column:2;margin-top:0;margin-bottom:16px}.page-about .reading-sections>section:last-child{border:1px solid var(--page-border);background:var(--color-canvas);border-radius:18px;padding:32px;display:block}.page-about .reading-sections>section:last-child p{margin-top:16px;margin-bottom:0}.page-legal{overflow-wrap:anywhere}.page-legal .reading-sections{border:1px solid var(--page-border);background:var(--color-canvas);border-radius:20px;max-width:900px;padding:48px}.page-legal .reading-sections>section+section{border-top:1px solid var(--page-border);padding-top:32px}.page-legal .reading-sections h2{font-size:1.375rem;line-height:1.4}.page-contact>div:first-child{grid-template-columns:.9fr 1.1fr;gap:32px 64px;padding-top:64px;display:grid}.page-contact>div>header{text-align:start;grid-area:1/1;padding-top:24px}.page-contact>div>header p{font-size:1rem;line-height:1.85}.page-contact #contact-form{background:var(--color-canvas);border:1px solid var(--page-border);border-radius:20px;grid-area:1/2/span 3;width:100%;max-width:none;margin:0;padding:32px;box-shadow:0 4px 16px #00000003}.page-contact #contact-form>div+div{margin-top:24px}.page-contact label{color:var(--color-ink);font-size:.8125rem;font-weight:500}.page-contact :is(input,textarea){border-color:var(--page-border);background:var(--color-canvas-soft);border-radius:8px}.page-contact input{height:48px}.page-contact button[type=submit],.page-error .bg-button{background:var(--color-accent);color:#fff}.page-contact [data-role=contact-success]{border:1px solid var(--page-border);background:var(--color-canvas);width:100%;box-shadow:none;border-radius:20px;grid-column:2;margin:0}.page-contact>div>div:last-child{text-align:start;grid-area:2/1;width:100%;margin:0}.page-contact>div>div:last-child>div{flex-wrap:wrap;justify-content:flex-start}.page-contact a[href^=mailto\:]{overflow-wrap:anywhere}.page-error>div:first-child{border:1px solid var(--page-border);background:radial-gradient(ellipse at 50% 0%, color-mix(in srgb, var(--color-accent) 9%, transparent), transparent 60%), var(--color-canvas);border-radius:24px;max-width:min(1000px,100% - 32px);margin-block:40px 64px;padding:80px 24px}.page-error>div>p:first-child{color:var(--color-accent);border:1px solid var(--page-border);border-radius:999px;padding:8px 16px}@media (width<=760px){.interior-page>div:first-child{padding-block:24px 48px}.page-heading,:is(.page-about,.page-legal)>div>header{border-radius:20px;padding:36px 20px}.page-heading>p,:is(.page-about,.page-legal) header>p{font-size:1rem}.page-directory [data-role=tools-grid],.page-directory .page-heading+.grid{grid-template-columns:minmax(0,1fr)}.page-about .reading-sections>section{display:block}.page-about .reading-sections>section>p{margin-top:16px}.page-about .reading-sections>section:last-child{padding:24px}.page-legal .reading-sections{margin-top:24px;padding:24px}.page-contact>div:first-child{display:block}.page-contact>div>header{text-align:center;padding:12px 0 32px}.page-contact #contact-form{padding:24px}.page-contact>div>div:last-child{text-align:center;margin-top:32px}.page-contact>div>div:last-child>div{justify-content:center}.page-contact [data-role=contact-success]{margin-top:24px}}.page-heading,:is(.page-about,.page-legal)>div>header{box-shadow:0 2px 6px #00000002}.page-directory .tool-directory-card:before{border:1px solid color-mix(in srgb, var(--color-accent) 10%, transparent)}.page-directory .filter-pill:not([aria-pressed=true]):hover{border-color:var(--color-accent);color:var(--color-accent)}.page-directory [data-role=tools-search]:focus-visible{outline-color:var(--color-accent)}.page-about .reading-sections>section>h2{max-width:340px}.page-about .reading-sections>section:last-child{border-inline-start:3px solid var(--color-accent)}.page-legal .reading-sections h2{border-inline-start:3px solid var(--color-accent);padding-inline-start:16px}.page-contact>div>header h1{border-bottom:1px solid var(--page-border);padding-bottom:24px}.page-contact #contact-form>p{border-top:1px solid var(--page-border);padding-top:16px;line-height:1.75}.page-contact #contact-form button[type=submit]{min-width:160px}.page-contact #contact-form button[type=submit]:hover{background:var(--color-accent-strong)}.page-error>div:first-child{box-shadow:0 4px 16px #00000003}