.tool-page{max-width:900px;margin:0 auto;padding:4rem 5% 6rem}.tool-page-wide{max-width:1200px}.tool-page a:not(.btn-primary):not(.tool-card){color:var(--accent-text)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tools-grid{grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:1.5rem;display:grid}.tool-card{background:var(--surface-color);border:1px solid var(--surface-border);color:inherit;border-radius:16px;flex-direction:column;gap:.75rem;padding:2rem;text-decoration:none;transition:all .3s;display:flex}.tool-card:hover{border-color:var(--accent-color);transform:translateY(-4px)}.tool-card h2{font-size:1.35rem}.tool-card p{color:var(--text-secondary)}.tool-card-icon{border:1px solid var(--surface-border);color:var(--accent-text);border-radius:14px;align-self:flex-start;padding:12px;display:inline-flex}.tool-url-form{gap:.75rem;display:flex}.tool-url-form input,.mtg-form input,.mtg-form textarea,.mtg-form select{border:1px solid var(--surface-border);background:var(--field-bg);min-width:0;color:var(--text-primary);font:inherit;border-radius:10px;flex:1;padding:1rem}.tool-url-form input:focus-visible,.mtg-form :is(input,textarea,select):focus-visible{outline:2px solid var(--accent-text);outline-offset:1px}.tool-url-form .btn-primary{cursor:pointer;font:inherit;white-space:nowrap;font-weight:600}.tool-url-form .btn-primary:disabled{opacity:.6;cursor:wait}@media (max-width:600px){.tool-url-form{flex-direction:column}.tool-url-form .btn-primary{justify-content:center}}.tool-check{color:var(--text-secondary);cursor:pointer;align-items:center;gap:.5rem;margin-top:1rem;display:flex}.tool-button{border:1px solid var(--surface-border);background:var(--surface-color);color:var(--text-primary);font:inherit;cursor:pointer;border-radius:8px;padding:.5rem 1rem;font-size:.9rem}.tool-button:hover{border-color:var(--accent-text)}.tool-wall{border:1px solid var(--accent-color);background:var(--accent-soft);text-align:center;border-radius:16px;margin-top:1.5rem;padding:2rem}.tool-wall h2{margin-bottom:.5rem;font-size:1.4rem}.tool-wall p{color:var(--text-secondary);margin-bottom:1.25rem}.tool-wall-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem 1.5rem;display:flex}.tool-page a.tool-wall-login{color:var(--text-secondary)}.tool-error{border:1px solid var(--danger-border);background:var(--danger-soft);color:var(--danger-text);border-radius:10px;margin-top:1.5rem;padding:1rem 1.25rem}.tool-result{margin-top:2.5rem}.tool-result-url{color:var(--text-secondary);overflow-wrap:anywhere;margin-bottom:1.5rem}.tool-note{border:1px solid var(--warning-border);background:var(--warning-soft);border-radius:10px;margin-bottom:1.5rem;padding:1rem 1.25rem}.tool-small{color:var(--text-secondary);margin-top:1rem;font-size:.9rem}.tool-subhead{margin:2.5rem 0 1rem;font-size:1.35rem}.tool-output-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.tool-output-bar .tool-small,.tool-output-bar .tool-subhead{margin:0}.tool-actions{gap:.5rem;display:flex}.tool-output,.tool-code{border:1px solid var(--surface-border);background:var(--code-bg);width:100%;color:var(--code-text);border-radius:12px;padding:1.25rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem;line-height:1.6}.tool-output{resize:vertical}.tool-code{white-space:pre-wrap;overflow-wrap:anywhere}.preview-grid{gap:2rem;display:grid}.preview-grid figure{margin:0}.preview-grid figcaption{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:.5rem;font-size:.85rem}.preview-grid img{object-fit:cover;background:var(--surface-raised);display:block}.pv-body{flex-direction:column;gap:.25rem;min-width:0;display:flex}.pv-body strong,.pv-chat-card strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3;display:-webkit-box;overflow:hidden}.pv-body p,.pv-chat-card p{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.9rem;display:-webkit-box;overflow:hidden}.pv-domain,.pv-site{color:var(--text-secondary);text-transform:lowercase;font-size:.8rem}.pv-noimage{background:repeating-linear-gradient(45deg, var(--surface-raised), var(--surface-raised) 10px, var(--surface-color) 10px, var(--surface-color) 20px);color:var(--text-secondary);justify-content:center;align-items:center;font-size:.85rem;display:flex}.pv-large{border:1px solid var(--surface-border);background:var(--surface-color);border-radius:14px;max-width:520px;overflow:hidden}.pv-large img,.pv-large .pv-noimage{aspect-ratio:1.91;width:100%}.pv-large .pv-body{padding:.85rem 1rem 1rem}.pv-compact{border:1px solid var(--surface-border);background:var(--surface-color);border-radius:12px;max-width:520px;display:flex;overflow:hidden}.pv-compact img,.pv-compact .pv-noimage{flex:0 0 120px;width:120px;min-height:120px}.pv-compact .pv-body{justify-content:center;padding:.75rem 1rem}.pv-chat{background:var(--surface-raised);border-radius:16px 16px 16px 4px;max-width:420px;padding:.75rem}.pv-chat-link{color:var(--accent-text);overflow-wrap:anywhere;margin-bottom:.5rem;text-decoration:underline;display:block}.pv-chat-card{border-left:4px solid var(--accent-color);flex-direction:column;gap:.25rem;padding-left:.75rem;display:flex}.pv-chat-card img{border-radius:8px;max-width:100%;max-height:220px;margin-top:.5rem}.og-summary{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.og-pill{border-radius:999px;padding:.35rem .9rem;font-size:.9rem;font-weight:600}.og-pill.ok,.og-checks .ok .og-status{background:var(--success-soft);color:var(--success-text)}.og-pill.warn,.og-checks .warn .og-status{background:var(--warning-soft);color:var(--warning-text)}.og-pill.error,.og-checks .error .og-status{background:var(--danger-soft);color:var(--danger-text)}.og-checks{gap:.5rem;list-style:none;display:grid}.og-checks li{border:1px solid var(--surface-border);background:var(--surface-color);border-radius:10px;grid-template-columns:5.5rem minmax(9rem,14rem) 1fr;align-items:baseline;gap:1rem;padding:.85rem 1rem;display:grid}.og-status{border-radius:6px;justify-self:start;padding:.15rem .6rem;font-size:.8rem;font-weight:600}.og-checks code,.og-table code{color:var(--code-text);overflow-wrap:anywhere;font-size:.85rem}.og-message{color:var(--text-secondary);overflow-wrap:anywhere;font-size:.95rem}@media (max-width:640px){.og-checks li{grid-template-columns:auto 1fr}.og-message{grid-column:1/-1}}.og-table-wrap{overflow-x:auto}.og-table{border-collapse:collapse;width:100%;font-size:.9rem}.og-table th,.og-table td{border-bottom:1px solid var(--surface-border);text-align:left;vertical-align:top;overflow-wrap:anywhere;padding:.6rem .75rem}.og-table td:first-child{white-space:nowrap;overflow-wrap:normal}.og-table th{color:var(--text-secondary);font-weight:500}.tool-import{border:1px solid var(--surface-border);background:var(--surface-color);border-radius:12px;margin-bottom:2rem;padding:1rem 1.25rem}.tool-import summary{cursor:pointer;font-weight:500}.tool-import[open] summary{margin-bottom:1rem}.mtg-layout{grid-template-columns:repeat(auto-fit,minmax(min(420px,100%),1fr));align-items:start;gap:2rem;display:grid}.mtg-form{gap:1.1rem;display:grid}.mtg-form label{flex-direction:column;gap:.4rem;display:flex}.mtg-form label>span{justify-content:space-between;gap:1rem;font-weight:500;display:flex}.mtg-form em{color:var(--text-secondary);font-size:.85rem;font-style:normal;font-weight:400}.mtg-form textarea{resize:vertical}.mtg-form select option{background:var(--surface-color)}.mtg-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.tool-count{color:var(--text-secondary);font-size:.85rem;font-weight:400}.tool-count.over{color:var(--warning-text)}@media (min-width:900px){.mtg-output{position:sticky;top:100px}}.tool-explainer{margin-top:5rem}.tool-explainer h2{margin-bottom:1rem;font-size:1.75rem}.tool-explainer p,.tool-explainer li{color:var(--text-secondary);margin-bottom:1rem;line-height:1.7}.tool-explainer ul{padding-left:1.25rem}.tool-explainer strong{color:var(--text-primary)}.tool-cta{border:1px solid var(--surface-border);background:var(--surface-color);text-align:center;border-radius:20px;margin-top:5rem;padding:2.5rem}.tool-cta h2{margin-bottom:.75rem;font-size:1.75rem}.tool-cta p{max-width:560px;color:var(--text-secondary);margin:0 auto 1.5rem}.wc-stats{grid-template-columns:repeat(6,1fr);gap:.75rem;margin-bottom:1.25rem;display:grid}.wc-stat{grid-column:span 2}@media (max-width:700px){.wc-stats{grid-template-columns:repeat(2,1fr)}.wc-stat,.wc-stats .wc-primary{grid-column:auto}}.wc-stat{border:1px solid var(--surface-border);background:var(--surface-color);border-radius:12px;flex-direction:column;gap:.15rem;padding:1rem 1.1rem;display:flex}.wc-value{font-size:1.6rem;font-weight:700;line-height:1.2}.wc-primary{border-color:var(--accent-color);grid-column:span 3}.wc-primary .wc-value{color:var(--accent-text);font-size:2.5rem}.wc-label{color:var(--text-secondary);font-size:.85rem}.wc-input{border:1px solid var(--surface-border);background:var(--field-bg);width:100%;color:var(--text-primary);font:inherit;resize:vertical;border-radius:12px;padding:1.25rem;font-size:1.05rem;line-height:1.7}.wc-input:focus-visible{outline:2px solid var(--accent-text);outline-offset:1px}.wc-bar{margin-top:.75rem}.wc-bar .tool-button:disabled{opacity:.5;cursor:default}.wc-keywords{grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));gap:.5rem;list-style:none;display:grid}.wc-keywords li{border:1px solid var(--surface-border);background:var(--surface-color);overflow-wrap:anywhere;border-radius:10px;justify-content:space-between;gap:1rem;padding:.6rem .9rem;display:flex}.wc-count{color:var(--text-secondary);white-space:nowrap;font-size:.9rem}