.tools-catalog{max-width:var(--container);padding:1rem var(--page-pad) var(--section-space);margin:auto}.tools-row{border-bottom:1px solid var(--line);grid-template-columns:3rem minmax(9rem,1fr) minmax(0,1.5fr) auto;align-items:start;gap:2rem;padding-block:clamp(2rem,4vw,4rem);display:grid}.tools-number{color:var(--accent);font:.75rem var(--font-mono)}.tools-row h2{letter-spacing:-.025em;overflow-wrap:anywhere;text-wrap:balance;margin:0;font-size:clamp(1.5rem,2.4vw,2.5rem);font-weight:450;line-height:1.2}.tools-row p{max-width:36rem;color:var(--muted);margin:0}.tools-row a:hover{color:var(--accent)}.tools-caption{max-width:48rem;color:var(--muted);margin-top:2rem;font-size:.85rem}.tool-navigation{max-width:var(--container);padding:1.5rem var(--page-pad);border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin:auto;display:flex}.tool-back{font-size:.85rem}.tool-navigation nav{flex-wrap:wrap;gap:.5rem;display:flex}.tool-navigation nav a{border:1px solid var(--line);padding:.6rem 1rem;font-size:.8rem}.tool-navigation nav a[aria-current]{background:var(--dark);color:var(--paper)}.tool-notice{margin:1rem var(--page-pad);border:1px solid var(--accent);overflow-wrap:anywhere;padding:1rem}.tool-notice[hidden]{display:none}.tool-app{isolation:isolate;overflow-wrap:anywhere;min-width:0;display:flow-root}.tool-app [hidden]{display:none!important}.tool-app :is(input,select,textarea){max-width:100%}.tool-app :is(.self-audit-form,.self-audit-result,.builder-card,.preview-card,.card){min-width:0}.tool-app :focus-visible{outline-offset:3px;outline:2px solid #2f61ff}.tool-app.tool-app--fz152,.tool-app.tool-app--prmptai,.tool-app.tool-app--photopromt{--accent:#2f61ff;--accent-dark:#244bd0;--accent-green:#2f61ff;--accent-green-dark:#244bd0;--accent-soft:#edf1ff;--soft:#edf1ff;--field-bg:#f3f4f8;--field-bg-focus:#edf1ff;--radius-xl:8px;--radius-lg:6px;--radius-md:4px;--shadow:none;--sans:"Segoe UI", Arial, sans-serif;--display:"Segoe UI", Arial, sans-serif;background:var(--paper);min-height:0}.tool-app.tool-app--photopromt{--bg:#fcfbf8;--panel:#fff;--panel2:#f4f2ed;--text:#15181b;--muted:#5b6065;--stroke:#c9cbd0;--radius:6px}.tool-app--fz152:before,.tool-app--prmptai:before{display:none}.tool-app--fz152{--text:#15181b;--muted:#5b6065}.tool-app--fz152 h1{letter-spacing:-.04em;text-wrap:balance;max-width:none;font-size:clamp(2rem,3.5vw,3.75rem);font-weight:450;line-height:1.05}.tool-app .pane{background:#fff}.tool-app--photopromt :is(input[type=search],textarea,select,.preview){color:#15181b;background:#f4f2ed}.tool-app--photopromt :is(.label,.desc,.item small,.note){color:#5b6065}.tool-app--photopromt :is(.command,.item code,.mod code,.status){color:#244bd0}.tool-app--photopromt .item.selected{background:#edf1ff}.tool-app--photopromt .item:hover{background:#f4f2ed}.tool-app--photopromt .mod{border-color:#c9cbd0}.tool-app--photopromt .btn{color:#fff;background:#2f61ff;border-color:#2f61ff}.tool-app--photopromt .btn.secondary{color:#15181b;background:#fff;border-color:#c9cbd0}.tool-app--photopromt .counter{color:#5b6065}.tool-app--photopromt :is(.pill,.filter){color:#15181b;background:#f4f2ed;border-color:#c9cbd0}.tool-app--photopromt .filter.active{color:#fff;background:#2f61ff;border-color:#2f61ff}.tool-app--photopromt .mod input{accent-color:#2f61ff}.tool-app--prmptai .hero:after{display:none}.tool-app--prmptai .card{background:#fff}.tool-app--prmptai .preset.is-active{background:#edf1ff;border-color:#2f61ff}.tool-app--prmptai :is(.preset:hover,.button-primary,.button-secondary){box-shadow:none}.tool-app--prmptai :is(.button-primary,.button-secondary){background:#2f61ff}@media (width<=1100px){.tools-row{grid-template-columns:2rem 1fr 1.5fr}.tools-row>.arrow-link{grid-column:3}}@media (width<=860px){.tool-app--fz152 .preview-card .card-header{flex-direction:column;align-items:stretch;display:flex}.tool-app--fz152 .preview-actions{flex-wrap:wrap;width:100%;display:flex}}@media (width<=680px){.tools-row{grid-template-columns:2rem minmax(0,1fr);gap:1rem}.tools-row>:is(p,.arrow-link){grid-column:2}.tool-navigation{flex-direction:column;align-items:flex-start}.tool-navigation nav{width:100%}.tool-navigation nav a{text-align:center;flex:calc(50% - .5rem);padding-inline:.5rem}}.tools-guide{max-width:var(--container);padding:0 var(--page-pad) var(--section-space);margin:auto}.tools-guide h2{font-size:clamp(1.5rem,3vw,2.25rem);line-height:1.2}.tools-guide p{max-width:52rem;color:var(--muted)}.tools-guide a{color:var(--text);text-underline-offset:.2em;text-decoration:underline}
