.wrap-wide{max-width:1440px;margin:0 auto;padding:0 20px}.tool-head{padding-top:28px;padding-bottom:16px}.tool-head h1{font-size:clamp(30px,4vw,44px)}.tool{grid-template-columns:400px minmax(0,1fr);align-items:start;gap:20px;display:grid}@media (width<=1020px){.tool{grid-template-columns:minmax(0,1fr)}.stage{order:-1}}.side{grid-template-columns:84px minmax(0,1fr);max-height:calc(100vh - 100px);padding:0;display:grid;position:sticky;top:86px;overflow:hidden}@media (width<=1020px){.side{grid-template-columns:minmax(0,1fr);max-height:none;position:static}}.rail{border-right:var(--b);background:var(--soft);flex-direction:column;display:flex}.rail button{font:800 12.5px var(--font);color:var(--ink);border:0;border-bottom:2px solid var(--ink);cursor:pointer;background:0 0;justify-items:center;gap:4px;padding:14px 4px;display:grid}.rail button span{font-size:22px;line-height:1}.rail button[aria-selected=true]{background:var(--yellow)}.rail button:hover:not([aria-selected=true]){background:#fff}@media (width<=1020px){.rail{border-right:0;border-bottom:var(--b);flex-direction:row}.rail button{border-bottom:0;border-right:2px solid var(--ink);flex:1}.rail button:last-child{border-right:0}}.panel{padding:16px;overflow-y:auto}.lbl{margin:16px 0 8px;font-size:14px;font-weight:900}.or{text-align:center;color:var(--muted);margin:8px 0;font-size:13px;font-weight:800}.full{width:100%}.seg.full{width:100%;display:flex}.seg.full button{flex:1}.h-row{gap:10px;display:flex}.h-row .input{flex:1;min-width:0}.input.sm{min-height:40px;box-shadow:2px 2px 0 var(--ink);padding:7px 10px;font-size:14.5px}.input.need{box-shadow:3px 3px 0 var(--orange);border-color:var(--orange)}.swatches{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.swatches button{border:2.5px solid var(--ink);cursor:pointer;width:34px;height:34px;box-shadow:2px 2px 0 var(--ink);border-radius:10px}.swatches button[aria-pressed=true]{outline:3px solid var(--ink);outline-offset:2px}.picker{border:2.5px solid var(--ink);cursor:pointer;width:34px;height:34px;box-shadow:2px 2px 0 var(--ink);background:#fff;border-radius:10px;place-items:center;display:grid;position:relative}.picker input{opacity:0;cursor:pointer;position:absolute;inset:0}.avatars{border-top:2px solid var(--ink);margin-top:16px;padding-top:12px}.avatars summary{color:var(--blue);cursor:pointer;text-align:center;font-weight:900;list-style:none}.avatars summary:after{content:" ▾"}.avatars[open] summary:after{content:" ▴"}.av-tools{grid-template-columns:1fr 1fr;gap:8px;margin:12px 0;display:grid}.av-tools #avQ{grid-column:1/-1}.av-grid{border:2px solid var(--ink);background:var(--soft);border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:300px;padding:4px;display:grid;overflow-y:auto}.av-grid button{border:2px solid var(--ink);cursor:pointer;background:#fff;border-radius:10px;justify-items:center;gap:2px;padding:8px 4px 4px;display:grid}.av-grid button[aria-selected=true]{background:var(--yellow);box-shadow:2px 2px 0 var(--ink)}.av-grid svg{width:auto;height:84px}.av-grid small{color:var(--muted);text-transform:capitalize;font-size:10.5px;font-weight:800}.av-grid .empty{color:var(--muted);grid-column:1/-1;padding:10px;font-size:13px}.cat-chips{flex-wrap:wrap;gap:6px;margin:12px 0;display:flex}.cat-chips button{font:800 12.5px var(--font);border:2px solid var(--ink);cursor:pointer;background:#fff;border-radius:999px;padding:5px 10px}.cat-chips button[aria-pressed=true]{background:var(--ink);color:#fff}.plist{gap:4px;max-height:520px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.plist li{cursor:pointer;border:2px solid #0000;border-radius:10px;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px 8px;display:grid}.plist li:hover{background:var(--yellow);border-color:var(--ink)}.plist li.on{background:#d8f8d4}.plist .face{border:2px solid var(--ink);background:var(--sky);border-radius:50%;place-items:end center;width:40px;height:40px;display:grid;overflow:hidden}.plist .face img{object-fit:cover;object-position:50% 10%;width:100%;height:100%}.plist .face:has(img),.chip .face:has(img){background:#fff;padding:2px;box-shadow:0 2px 6px #00000029}.plist .face:has(img) img,.chip .face:has(img) img{border-radius:50%}.plist .face svg{width:auto;height:34px;fill:var(--ink)}.plist .t{flex-direction:column;min-width:0;display:flex}.plist .t b{white-space:nowrap;text-overflow:ellipsis;font-weight:900;overflow:hidden}.plist .t span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.plist .h{font-size:14px;font-weight:900}.ent-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px;display:grid}.ent-grid button{border:2.5px solid var(--ink);box-shadow:3px 3px 0 var(--ink);cursor:pointer;font:inherit;background:#fff;border-radius:14px;justify-items:center;gap:4px;padding:10px;display:grid}.ent-grid button:hover{background:var(--yellow)}.ent-grid svg{width:auto;height:70px}.ent-grid b{font-size:14px;font-weight:900}.ent-grid span{color:var(--muted);font-size:12px;font-weight:700}.stage{gap:12px;min-width:0;display:grid}.board{border-radius:var(--r-lg);background:#9fd3ff;min-height:300px;padding:0;overflow:hidden}.board.scrolls{-webkit-overflow-scrolling:touch;overflow-x:auto}.board svg{max-width:none;height:auto;display:block}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--paper);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);border-radius:999px;align-items:center;gap:7px;padding:3px 4px;font-size:14px;font-weight:700;display:inline-flex}.chip.me{background:#ffe0d3}.chip .face{border:2px solid var(--ink);background:var(--sky);border-radius:50%;place-items:center;width:26px;height:26px;font-size:14px;display:grid;overflow:hidden}.chip .face img{object-fit:cover;object-position:50% 10%;width:100%;height:100%}.chip .face i{width:100%;height:100%}.chip b{font-weight:900}.chip button{cursor:pointer;background:0 0;border:0;border-radius:50%;width:24px;height:24px;font-size:17px;font-weight:900}.chip button:hover{background:var(--soft)}.board-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.summary{font-weight:700}.summary b{font-weight:900}.board-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}#photoNote.warn{color:#b3261e;font-weight:800}#photoBtn.busy{opacity:.6;pointer-events:none}.v3d{border:var(--b);border-radius:var(--r-lg);width:min(1100px,96vw);height:min(760px,88vh);box-shadow:6px 6px 0 var(--ink);background:#9fd3ff;padding:0;overflow:hidden}.v3d[open]{flex-direction:column;display:flex}.v3d::backdrop{background:#1111118c}.v3d-bar{background:var(--paper);border-bottom:var(--b);align-items:center;gap:12px;padding:10px 12px;display:flex}.v3d-hint{color:var(--muted);flex:1;font-size:13px;font-weight:700}.v3d-stage{touch-action:none;flex:1;min-height:0;position:relative}.v3d-stage canvas{display:block}@media (width<=560px){.v3d-hint{display:none}.v3d-bar b{flex:1}}.ent-h{margin:16px 0 0;font-size:14px;font-weight:900}.ent-h:first-child{margin-top:6px}.rail button span svg{display:block}@media (width<=420px){.rail button{padding:12px 2px;font-size:11px}.rail button span{font-size:20px}}.diffbar{gap:8px;padding:12px 14px;display:grid}.diff-pick{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.diff-pick label{flex:140px;min-width:0}.diff-pick select{width:100%}.diff-pick .vs{font-weight:900}#diffOut{font-weight:700}#diffOut .big{background:var(--yellow);border-radius:6px;padding:0 6px}.pair-link{font-weight:700}.pair-link a{font-weight:900}.long-copy h3{scroll-margin-top:90px}.long-copy .intro{font-size:18.5px}
