/* v95 batch 2 custom tools: compare, gift finder, wall preview, embed docs. Classes only. Loaded after tools-custom.*.css */
.cmp-slots{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:1em 0}
.cmp-slot{border:1px solid #E7E5DE;border-radius:8px;padding:10px 12px;background:#fff}
.cmp-slot legend{font-weight:600;padding:0 4px}
.cmp-slot label{display:block;margin:.5em 0 .2em;font-size:.95rem}
.cmp-slot select,.gq select{width:100%}
#cmpres{min-height:420px}
.cmp-grid{list-style:none;margin:1em 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
.cmp-card{border:1px solid #E7E5DE;border-radius:8px;padding:12px 14px;background:#fff}
.cmp-card.is-low{border:2px solid #0A1628}
.cmp-card h3{font-size:1.05rem;margin:0 0 .4em;overflow-wrap:anywhere}
.cmp-flag{display:inline-block;margin:0 0 .5em;padding:2px 8px;border-radius:4px;background:#0A1628;color:#fff;font-size:.85rem}
.cmp-dl{margin:0}
.cmp-dl dt{font-size:.85rem;color:#4a4a50;margin-top:.55em}
.cmp-dl dd{margin:0;font-weight:600;overflow-wrap:anywhere}
.cmp-ar{font-size:.85rem;color:#4a4a50;margin:.7em 0 0;overflow-wrap:anywhere}
.gq fieldset{border:1px solid #E7E5DE;border-radius:8px;padding:10px 14px;margin:0 0 14px;background:#fff}
.gq legend{font-weight:600;padding:0 4px}
.gq .opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2px 16px}
.gq .opts label{display:flex;align-items:center;gap:8px;min-height:44px;cursor:pointer}
.gq .opts input{width:20px;height:20px;flex:none}
.gq-list{margin:.6em 0;padding-left:1.2em}
.gq-list li{margin:.4em 0}
#gqres{min-height:300px}
.wp-top{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px 16px;align-items:end}
.wp-top input,.wp-top select{width:100%;box-sizing:border-box;font:inherit;padding:10px;border:1px solid #E7E5DE;border-radius:6px;min-height:44px}
.wp-stage{width:100%;max-width:900px;aspect-ratio:4/3;margin:12px 0}
#wpc{display:block;width:100%;height:auto;aspect-ratio:4/3;border:1px solid #66666b;border-radius:6px;touch-action:none;cursor:grab;background:#ece9e1}
#wpc:focus-visible{outline:3px solid #0A1628;outline-offset:2px}
.wp-btns{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}
.wp-btns button{min-height:44px;min-width:44px;padding:8px 14px;font:inherit;border:1px solid #0A1628;border-radius:6px;background:#fff;color:#0A1628;cursor:pointer}
#wpstat{min-height:5.2em}
#wpoff{min-height:2.6em}
#wpnote{min-height:4.4em}
.em-pre{background:#0A1628;color:#f4f2ec;border-radius:8px;padding:14px;overflow-x:auto;font-size:.85rem;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;margin:.5em 0}
.em-copy{min-height:44px;padding:8px 16px;font:inherit;border:1px solid #0A1628;border-radius:6px;background:#fff;color:#0A1628;cursor:pointer}
.em-demo{max-width:640px;margin:1em 0}
.em-demo iframe{display:block;width:100%;border:1px solid #66666b;border-radius:6px}
.em-sz{height:540px}.em-px{height:620px}
@media (max-width:600px){.cmp-slots{grid-template-columns:1fr}#cmpres{min-height:1100px}#wpstat{min-height:9.5em}#wpnote{min-height:7em}#wpoff{min-height:4.8em}#gqres{min-height:420px}}