@font-face{font-family:GOSTA;src:url(../fonts/gostA.d37a827c.woff2) format("woff2");font-display:swap}
*{box-sizing:border-box}html,body{height:100%}body{margin:0;font:13px -apple-system,BlinkMacSystemFont,"SF Pro Text",system-ui,Roboto,"Segoe UI",sans-serif;display:flex;height:100vh;height:100dvh;overflow:hidden;color:#222;overscroll-behavior:none}
#cat{width:250px;border-right:1px solid #ccc;overflow:auto;background:#fafafa}
#cat h3{margin:10px 10px 4px;font-size:12px;text-transform:uppercase;color:#666}
.item{display:flex;gap:8px;align-items:center;margin:4px 8px;padding:6px;border:1px solid #ddd;border-radius:6px;background:#fff;cursor:grab;touch-action:none}
.item:hover{border-color:#1976d2}.item img{width:48px;height:40px;object-fit:contain}.item b{display:block;font-size:12px}.item small{color:#666}
#main{flex:1;position:relative;display:flex;flex-direction:column;min-width:0}#stage{position:relative;flex:1;min-height:0;background:#fff;touch-action:none}
#tb{order:-1;display:flex;gap:4px;flex-wrap:wrap;padding:6px 8px;border-bottom:1px solid #ddd;background:#fafafa}
#tb button{padding:5px 8px;border:1px solid #bbb;background:#fff;border-radius:4px;cursor:pointer}
#scale{position:absolute;left:12px;bottom:12px;background:#fffd;padding:4px 6px;font-size:11px}
#scale div{height:6px;border:1px solid #000;border-top:0}
#side{width:290px;border-left:1px solid #ccc;overflow:auto;padding:8px;background:#fafafa}
#side h3{font-size:13px;margin:8px 0 4px}table{border-collapse:collapse;width:100%;font-size:12px}td,th{border:1px solid #ddd;padding:3px 4px;text-align:left}
#sel{min-height:40px;background:#fff;border:1px solid #ddd;padding:6px;border-radius:4px}
#msg{position:absolute;right:10px;top:84px;max-width:420px;background:#fff3e0;border:1px solid #ffb74d;padding:8px;border-radius:6px;display:none;z-index:3}
#msg button{margin:4px 4px 0 0}
.flt{display:flex;gap:4px;margin:0 8px 6px}.flt button{flex:1;padding:4px;border:1px solid #bbb;background:#fff;border-radius:4px;cursor:pointer}.flt button.on{background:#1976d2;color:#fff;border-color:#1976d2}
.hint{color:#666;font-size:11px;margin-top:8px;line-height:1.4}
.chainT.on{background:#ff9800!important;color:#fff!important;border-color:#ff9800!important}#topsel button{flex:none}
#cTop{position:sticky;top:0;z-index:3;background:#fafafa;padding-bottom:2px;border-bottom:1px solid #e5e5e5}#cTop .sh-h{position:static}
#csearch{border:2px solid #1976d2!important;display:block;width:calc(100% - 16px);margin:0 8px 6px;padding:7px 8px;border:1px solid #bbb;border-radius:6px;font-size:14px}
.sh-h{display:none}#mbar,#topsel,#more,#toast,#hint0,#helpS{display:none}