.tools-shell{max-width:1040px;min-height:100dvh;margin:auto;padding:env(safe-area-inset-top) max(var(--page-x),env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(var(--page-x),env(safe-area-inset-left))}.tools-header{min-height:var(--header-height);display:flex;align-items:center;justify-content:space-between;gap:12px}.tools-heading{display:flex;align-items:center;gap:8px;margin-left:-10px}.tools-heading h1{font-size:var(--text-h3)}.tools-header .app-refresh-header-actions{gap:4px;margin-right:-10px}.tools-main{padding-top:12px}.tools-grid{--tools-columns: 4;--tool-icon-size: 64px;display:grid;grid-template-columns:repeat(var(--tools-columns),minmax(0,1fr));gap:24px 8px;max-width:400px;margin:16px auto 0}.tool-card{display:block;-webkit-touch-callout:none;min-width:44px;min-height:44px;-webkit-user-select:none;user-select:none;transition:transform .16s var(--ease-smooth)}.tool-card:active{transform:scale(.97)}.tool-art{width:min(100%,var(--tool-icon-size));margin-inline:auto;aspect-ratio:1;overflow:hidden;display:grid;place-items:center;border-radius:24%;background:var(--color-bg-raised)}.japan-art,.photo-art,.grain-art{color:var(--color-ink);background:radial-gradient(ellipse at 50% 80%,var(--color-rule-hi),var(--color-bg-raised))}.japan-art svg,.photo-art svg,.grain-art svg{width:42%;height:auto}.tools-notice{display:flex;align-items:center;gap:10px;min-height:44px;margin-bottom:8px;color:var(--color-ink-dim);font-size:12px;line-height:1.5}.tools-notice svg{flex-shrink:0;color:var(--color-ember)}.install-step,.install-status{display:flex;align-items:center;gap:10px}.install-step{min-height:44px;font-size:var(--text-nav);letter-spacing:var(--tracking-wide);text-transform:uppercase}.install-step svg{flex-shrink:0;color:var(--color-ember)}.install-step>span{color:var(--color-ink-faint)}.install-status{gap:8px;margin-top:16px;color:var(--color-ink-dim);font-size:var(--text-label)}.story-art{background:var(--color-rule)}.story-card-sheet{width:48%;aspect-ratio:4 / 5;padding:4%;background:var(--color-ink);transform:rotate(-7deg);box-shadow:var(--shadow-raised)}.story-card-sheet>div{height:100%;background:var(--color-ember-weak)}.tool-caption{padding-top:6px;font-family:system-ui,sans-serif;font-size:12px;font-weight:400;line-height:1.35;letter-spacing:0;overflow-wrap:anywhere;text-align:center}@media(hover:hover){.tool-card:hover{transform:translateY(-2px)}}@media(min-width:760px){.tools-main{padding-top:28px}.tools-grid{--tool-icon-size: 80px;display:flex;flex-wrap:wrap;justify-content:center;gap:28px 16px}.tool-card{flex:0 0 calc((100% - 32px) / 3)}.tool-caption{font-size:13px}}@media(max-width:359px){.tools-grid{--tools-columns: 3}}@media(prefers-reduced-motion:reduce){.tool-card{transition:none}.tool-card:hover,.tool-card:active{transform:none}}@media(display-mode:standalone){.install-tools{display:none}}