.whitelist-checker{border:2px solid #bec8af;background:#102219;color:#f5efd9;margin:22px 0;padding:18px;min-width:0;scroll-margin:16px}
.whitelist-checker h2{font:18px/1.4 var(--pixel);margin:0 0 10px;color:#ccff00}
.whitelist-checker p,.whitelist-checker label{font:12px/1.65 var(--pixel)}
.whitelist-checker label{display:block;margin-bottom:7px}
.whitelist-input-row{display:flex;gap:10px;align-items:stretch}
.whitelist-input-row input{flex:1;min-width:0;width:100%;box-sizing:border-box;background:#f5efd9;color:#142219;border:2px solid #73816b;border-radius:0;padding:12px;font:14px/1.5 monospace}
.whitelist-checker .chunky-button{font:13px/1.4 var(--pixel);min-height:44px;padding:10px 16px;text-decoration:none;white-space:normal;text-align:center}
.whitelist-checker input:focus-visible,.whitelist-checker a:focus-visible{outline:3px solid #ccff00;outline-offset:3px}
.whitelist-note{color:#bfccaf;margin:10px 0 0}
#whitelist-result{margin:12px 0 0;overflow-wrap:anywhere}
#whitelist-result:empty{display:none}
#whitelist-result[data-state=success]{color:#ccff00}
#whitelist-result[data-state=error]{color:#ffd18a}
#whitelist-success[hidden]{display:none}
#whitelist-success{margin-top:14px}
#whitelist-success img{display:block;width:100%;max-width:600px;height:auto;border:2px solid #bec8af;box-sizing:border-box}
.whitelist-share-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}
@media(max-width:540px){.whitelist-checker{padding:13px}.whitelist-checker h2{font-size:16px}.whitelist-input-row{flex-direction:column}.whitelist-share-actions{display:grid;grid-template-columns:1fr}.whitelist-input-row input{font-size:16px}}
/* Compact result with a selectable card beside the actions. */
.whitelist-checker{padding:10px;scroll-margin:8px}.whitelist-checker h2{font-size:13px;line-height:1.3;margin:0 0 7px}.whitelist-checker p,.whitelist-checker label{font-size:10px;line-height:1.4}
#whitelist-form>label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.whitelist-input-row{flex-direction:row;gap:6px}.whitelist-input-row input{padding:6px;min-height:34px;font-size:12px}.whitelist-checker .chunky-button{font-size:10px;min-height:32px;padding:6px 8px}.whitelist-input-row button{flex:0 0 113px}
.whitelist-note{margin:5px 0 0}#whitelist-result{margin:6px 0 0}
#whitelist-success{display:grid;grid-template-columns:minmax(100px,.9fr) minmax(130px,1.1fr);gap:6px 8px;margin-top:8px;align-items:start}
#whitelist-success img{grid-column:1;grid-row:1/3;width:100%;max-width:210px;margin:auto;align-self:center}
.whitelist-card-choice{grid-column:2;min-width:0}.whitelist-card-choice label{margin:0 0 3px;font-size:9px}.whitelist-card-choice select{box-sizing:border-box;width:100%;min-height:30px;max-width:100%;border:2px solid #73816b;background:#f5efd9;color:#142219;font:11px monospace;padding:3px}
.whitelist-share-actions{grid-column:2;display:flex;gap:5px;margin:0;flex-wrap:nowrap}.whitelist-share-actions a{flex:1;display:flex;align-items:center;justify-content:center}#whitelist-success .chunky-button{font-size:9px;padding:4px;min-height:30px}
#whitelist-success p{grid-column:1/-1;font-size:9px;line-height:1.3;margin:0}.whitelist-share-note{color:#bfccaf}
@media(max-width:540px){.whitelist-checker{padding:8px}.whitelist-input-row input{font-size:16px}.whitelist-input-row button{flex-basis:103px}.whitelist-card-choice select{font-size:12px}#whitelist-success img{max-width:160px}}
/* Keep all whitelist controls together without changing the surrounding homepage. */
.whitelist-checker{margin:12px 0}
#whitelist-success{grid-template-columns:minmax(0,480px) minmax(0,1fr);gap:7px 14px}
#whitelist-success img{max-width:480px;max-height:none;object-fit:contain;grid-row:1/5;margin:0;align-self:start}
#whitelist-success p{grid-column:2}
.whitelist-card-choice{display:flex;align-items:center;gap:8px}
.whitelist-card-choice label{flex:0 0 auto;margin:0}
.whitelist-card-choice select{max-width:250px}
.whitelist-share-actions{justify-content:flex-start}
.whitelist-share-actions a{flex:0 1 150px}
.whitelist-card-preview-button{grid-column:1;grid-row:1/5;align-self:start;min-width:0;width:100%;max-width:480px;padding:0;border:0;background:transparent;cursor:pointer}
.whitelist-card-choice{display:block}
.whitelist-card-choice label{margin-bottom:5px}
.whitelist-card-controls{display:flex;gap:6px;align-items:center}
.whitelist-card-controls select{flex:1;min-width:0;max-width:none;min-height:44px}
#whitelist-success .whitelist-card-controls button{flex:0 0 44px;min-height:44px;font:24px/1 system-ui;padding:0}
.whitelist-card-hint{display:block;margin-top:5px;color:#bfccaf;font:10px/1.4 monospace}
.whitelist-checker button:focus-visible,.whitelist-checker select:focus-visible{outline:3px solid #ccff00;outline-offset:3px}
@media(max-width:700px){
 #whitelist-success{grid-template-columns:minmax(0,1fr);gap:7px}
 #whitelist-success img{grid-column:1;grid-row:auto;max-width:480px;max-height:none;margin:0 auto}
 #whitelist-success .whitelist-card-choice,#whitelist-success .whitelist-share-actions,#whitelist-success p{grid-column:1}
 .whitelist-card-preview-button{grid-row:auto;margin:0 auto}
 .whitelist-card-choice{display:block}.whitelist-card-choice label{margin-bottom:5px}
 .whitelist-card-choice select{max-width:none}
 .whitelist-share-actions a{flex:1}
}