.snl-tool-stage{padding-block:clamp(2rem,5vw,4rem)}
.snl-tool-layout{display:grid;grid-template-columns:minmax(0,1fr)20rem;gap:1.5rem;align-items:start}
.snl-tool-card,.snl-tool-guide section,.snl-related-tools,.snl-tool-aside{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-card)}
.snl-tool-card{padding:clamp(1rem,3vw,2rem);min-width:0}.snl-tool-aside{position:sticky;top:6rem;padding:1.25rem}.snl-tool-aside ul{padding-left:1.2rem;color:var(--color-text-muted)}
.snl-tool-form{display:grid;gap:1rem}.snl-tool-field{display:grid;gap:.4rem;min-width:0}.snl-tool-field label,.snl-tool-checks legend{color:var(--color-text);font-weight:750}
.snl-tool-field :is(input,select,textarea){width:100%;min-height:3rem;border:1px solid var(--color-border);border-radius:.65rem;background:var(--color-surface);color:var(--color-text);padding:.75rem .9rem;font:inherit;box-sizing:border-box}
.snl-tool-field textarea{min-height:12rem;resize:vertical;font-family:var(--font-mono)}.snl-tool-field input[type=file]{padding:.62rem}.snl-tool-field input[type=range]{padding:0}
.snl-tool-field small,.snl-tool-note{color:var(--color-text-muted);font-size:.84rem}.snl-tool-note{margin:0;padding:.85rem 1rem;border-left:.22rem solid var(--color-orange-500);background:var(--color-surface-subtle)}
.snl-tool-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.snl-tool-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:.25rem}.snl-tool-status{min-height:1.5rem;margin:.8rem 0;color:var(--color-text-muted)}
.snl-tool-status[data-state=error]{color:var(--color-red-500)}.snl-tool-status[data-state=success]{color:var(--color-green-500)}
.snl-tool-output{margin-top:1.25rem}.snl-tool-output pre{max-width:100%;max-height:34rem;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;border-radius:.75rem;background:#06152c;color:#e4edf9;padding:1.1rem;font:500 .85rem/1.65 var(--font-mono)}
.snl-tool-checks{display:flex;flex-wrap:wrap;gap:.8rem;border:1px solid var(--color-border);border-radius:.7rem;padding:1rem}.snl-tool-checks label{display:flex;align-items:center;gap:.35rem}
.snl-tool-preview-image{display:block;max-width:100%;max-height:30rem;margin:1rem auto;border:1px solid var(--color-border);border-radius:.75rem}.snl-color-swatch{width:100%;height:8rem;border:1px solid var(--color-border);border-radius:.75rem}.snl-og-preview{padding:1rem;border:1px solid var(--color-border);border-radius:.75rem}.snl-og-preview p{color:var(--color-text-muted)}
.snl-diff{overflow:auto;border:1px solid var(--color-border);border-radius:.65rem;font-family:var(--font-mono)}.snl-diff>div{padding:.25rem .65rem;white-space:pre-wrap}.snl-diff--add{background:#dff7e9;color:#135f37}.snl-diff--remove{background:#ffe6e9;color:#8b2633}.snl-diff--same{color:var(--color-text-muted)}
.snl-score{display:flex;align-items:baseline;gap:.6rem;margin:1rem 0}.snl-score strong{font-size:2.4rem;color:var(--color-orange-500)}.snl-issue-list{display:grid;gap:.5rem}.snl-markdown-preview{padding:1rem;border:1px solid var(--color-border);border-radius:.7rem;color:var(--color-text)}
.snl-image-queue{display:grid;gap:.65rem}.snl-image-queue__item{display:grid;grid-template-columns:4rem minmax(0,1fr) auto;gap:.75rem;align-items:center;padding:.65rem;border:1px solid var(--color-border);border-radius:.65rem}.snl-image-queue__item img{width:4rem;height:4rem;object-fit:cover;border-radius:.4rem}.snl-image-queue__item small{display:block;color:var(--color-text-muted)}.snl-image-queue__actions{display:flex;flex-wrap:wrap;gap:.3rem}.snl-image-queue__actions button{min-height:2.3rem;border:1px solid var(--color-border);border-radius:.4rem;background:var(--color-surface);color:var(--color-text);padding:.35rem .55rem}
.snl-tool-guide{display:grid;gap:1rem;margin-top:2rem}.snl-tool-guide section{padding:clamp(1.1rem,2.5vw,1.8rem)}.snl-tool-guide p,.snl-tool-guide li{color:var(--color-text-muted);line-height:1.75}.snl-tool-guide h2{font-size:clamp(1.35rem,2.5vw,1.85rem)}.snl-tool-guide h3{font-size:1.05rem}
.snl-related-tools{margin-top:1.5rem;padding:1.25rem}.snl-related-tools ul{display:flex;flex-wrap:wrap;gap:.6rem;padding:0;list-style:none}.snl-related-tools a{display:inline-flex;padding:.55rem .8rem;border:1px solid var(--color-border);border-radius:999rem;text-decoration:none}
.tools-hub-section{padding-block:2.5rem}.tools-hub-section+.tools-hub-section{border-top:1px solid var(--color-border)}.tools-hub-status{font-size:.72rem;font-weight:750;color:var(--color-green-500)}
html[data-theme=dark] .snl-diff--add{background:#103a28;color:#9ee3be}html[data-theme=dark] .snl-diff--remove{background:#451d25;color:#ffc0c8}
@media(max-width:64rem){.snl-tool-layout{grid-template-columns:1fr}.snl-tool-aside{position:static}}
@media(max-width:42rem){.snl-tool-columns{grid-template-columns:1fr}.snl-tool-actions .button{flex:1 1 100%;justify-content:center}.snl-tool-card{padding:1rem}.snl-image-queue__item{grid-template-columns:3rem 1fr}.snl-image-queue__item img{width:3rem;height:3rem}.snl-image-queue__actions{grid-column:1/-1}}