@font-face{font-family:"Noto Sans CJK JP";src:url("/NotoSansCJKjp-VF.ttf") format("truetype");font-style:normal;font-weight:100 900;font-display:swap}
body,button,input{font-family:"Noto Sans CJK JP",system-ui,sans-serif;font-weight:500}
.filters{grid-template-columns:minmax(280px,2fr) repeat(4,1fr) 1.3fr auto}.product-picker{display:grid;gap:6px}.product-buttons{display:flex;flex-wrap:wrap;gap:7px;max-height:138px;overflow-y:auto;padding:2px}.product-buttons button{display:grid;gap:2px;padding:8px 10px;border:1px solid #ccd6e3;background:#fff;color:var(--ink);text-align:left}.product-buttons button span{color:var(--muted);font-size:10px}.product-buttons button.active{border-color:var(--blue);background:#edf3ff;color:#174ea6;box-shadow:inset 0 0 0 1px var(--blue)}.no-products{margin:8px 0;color:var(--muted)}
dialog{width:min(520px,calc(100vw - 28px));padding:0;border:0;border-radius:18px;box-shadow:0 20px 70px #14213d4d}dialog::backdrop{background:#14213d66}.confirm-card{padding:24px}.confirm-card h2{margin:0 0 8px}.confirm-card p{color:var(--muted);line-height:1.65}.confirm-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.confirm-actions .secondary{border:1px solid #ccd3df;background:#fff;color:var(--ink)}
@media(max-width:900px){.filters{grid-template-columns:1fr 1fr}.product-picker,.filters button{grid-column:1/-1}}@media(max-width:600px){.filters{grid-template-columns:1fr}.product-picker,.filters button{grid-column:auto}.product-buttons{max-height:180px}}