.tool-directory-grid{display:grid;grid-template-columns:1fr;gap:.9rem}@media(min-width:560px){.tool-directory-grid{grid-template-columns:1fr 1fr}}@media(min-width:900px){.tool-directory-grid{grid-template-columns:1fr 1fr 1fr}}.tool-directory-card{display:flex;flex-direction:column;gap:.6rem;padding:1.25rem;border-radius:12px;border:1px solid var(--border);background:var(--surface);transition:border-color .15s,transform .15s,box-shadow .15s}.tool-directory-card:hover,.tool-directory-card:focus-visible{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 10px 24px #11182714}.tool-directory-icon{width:44px;height:44px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--accent) 10%,var(--surface));color:var(--accent);font-size:1.25rem}.tool-directory-card h3{font-size:1.05rem;margin:0;color:var(--text)}.tool-directory-card p{font-size:.85rem;color:var(--muted);margin:0;line-height:1.55}.tool-directory-cta{margin-top:auto;font-size:.8rem;font-weight:600;color:var(--accent)}.tool-grid{display:grid;grid-template-columns:1fr;gap:1.25rem;align-items:start}@media(min-width:860px){.tool-grid{grid-template-columns:minmax(0,380px) 1fr}}.tool-panel{border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:1.25rem}.tool-panel-title{font-size:1rem;font-weight:700;margin-bottom:1rem}.tool-preview-panel{position:sticky;top:1rem}.tool-field{margin-bottom:1rem}.tool-field:last-child{margin-bottom:0}.tool-hint{font-size:.78rem;color:var(--subtle);margin-top:.3rem}.tool-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1rem}.tool-actions{display:flex;gap:.6rem;margin-top:1.1rem}.tool-actions-wrap{flex-wrap:wrap}.tool-actions .btn,.tool-actions-wrap .btn{flex:1 1 auto}.tool-privacy-badge{display:flex;align-items:center;gap:.4rem;font-size:.78rem;color:var(--success);background:var(--success-bg);border:1px solid color-mix(in srgb,var(--success) 20%,var(--border));border-radius:8px;padding:.5rem .7rem;margin-top:1.1rem}.tool-toggle-group{display:flex;border:1px solid var(--border);border-radius:8px;overflow:hidden}.tool-toggle-wrap{flex-wrap:wrap;border:none;gap:.4rem}.tool-toggle-btn{flex:1;background:var(--surface);border:none;padding:.5rem .7rem;font-size:.82rem;font-weight:600;color:var(--text-soft);cursor:pointer;transition:background-color .15s,color .15s}.tool-toggle-wrap .tool-toggle-btn{flex:0 0 auto;border:1px solid var(--border);border-radius:6px}.tool-toggle-group:not(.tool-toggle-wrap) .tool-toggle-btn+.tool-toggle-btn{border-left:1px solid var(--border)}.tool-toggle-btn:hover{background:var(--border-lt)}.tool-toggle-btn.active{background:var(--accent);color:#fff}.tool-empty-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;padding:3.5rem 1rem;color:var(--subtle);border:2px dashed var(--border);border-radius:12px;text-align:center}.tool-empty-preview i{font-size:2.2rem}.tool-canvas-wrap{display:flex;align-items:center;justify-content:center;border-radius:10px;overflow:hidden;border:1px solid var(--border-lt);min-height:200px;max-height:65vh}.tool-canvas-wrap img{max-width:100%;max-height:65vh;width:auto;height:auto;display:block}.checkerboard{background-image:linear-gradient(45deg,#e5e7eb 25%,transparent 25%),linear-gradient(-45deg,#e5e7eb 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e5e7eb 75%),linear-gradient(-45deg,transparent 75%,#e5e7eb 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px;background-color:#fafafa}.tool-stat-row{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1rem;padding:.9rem;border:1px solid var(--border-lt);border-radius:10px;flex-wrap:wrap}.tool-stat{display:flex;flex-direction:column;align-items:center;gap:.15rem}.tool-stat-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--subtle)}.tool-stat-value{font-weight:700;font-size:.95rem}.tool-stat-arrow{color:var(--subtle)}.tool-stat-badge{background:var(--success-bg);color:var(--success);font-weight:700;font-size:.8rem;padding:.25rem .55rem;border-radius:999px}.tool-crop-stage{position:relative;width:100%;line-height:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;border-radius:10px;overflow:hidden;background:#111827}.tool-crop-stage img{width:100%;height:auto;display:block;opacity:.45}.tool-crop-box{position:absolute;box-sizing:border-box;border:2px solid #fff;box-shadow:0 0 0 2000px #0000008c;cursor:move;overflow:visible}.tool-crop-box:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.5) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.5) 1px,transparent 1px);background-size:33.33% 33.33%;pointer-events:none}.tool-crop-handle{position:absolute;width:16px;height:16px;background:#fff;border:2px solid var(--accent);border-radius:50%;transform:translate(-50%,-50%)}.tool-crop-handle-nw{top:0;left:0;cursor:nwse-resize}.tool-crop-handle-ne{top:0;left:100%;cursor:nesw-resize}.tool-crop-handle-sw{top:100%;left:0;cursor:nesw-resize}.tool-crop-handle-se{top:100%;left:100%;cursor:nwse-resize}.tool-crop-dims{margin-bottom:.75rem}.tool-crop-box-face .tool-crop-face-guide{position:absolute;left:50%;top:38%;width:46%;height:62%;transform:translate(-50%,-50%);border:2px dashed rgba(255,255,255,.6);border-radius:50% 50% 42% 42%;pointer-events:none}.tool-position-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;max-width:160px}.tool-position-btn{aspect-ratio:1;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text-soft);cursor:pointer;font-size:1rem}.tool-position-btn:hover{background:var(--border-lt)}.tool-position-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}@media(max-width:575.98px){.tool-row{grid-template-columns:1fr;gap:.6rem}.tool-preview-panel{position:static}}.seo-content-card h3{font-size:1.1rem}.seo-copy-block h2{font-size:clamp(1.2rem,2.2vw,1.6rem);margin-bottom:1rem}.faq-list{display:grid;gap:.75rem}.faq-item{border:1px solid rgba(17,24,39,.12);border-radius:12px;padding:.2rem .9rem;background:var(--surface)}.faq-item summary{cursor:pointer;font-weight:600;padding:.7rem 0}.faq-answer{padding:0 0 .7rem;color:var(--muted)}