.kv-reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0 24px}.kv-reference-card{display:flex!important;flex-direction:column;background:#fff!important;border:1px solid #ddd8cf!important;border-radius:25px!important;padding:8px!important;color:#23384b!important;font-size:14px!important;line-height:1.4!important;text-align:left!important;min-width:0}.kv-reference-card img{width:100%;height:130px;object-fit:contain;background:#f6f4ef}.kv-reference-card span{padding:8px 2px}.kv-picker-label{font-size:14px!important;color:#555b60}.wb-preview:has(.kv-viewport){height:auto!important;display:block!important;padding:10px!important;overflow:hidden}.wb-preview>select{font-size:14px!important;width:100%;min-height:40px;padding:6px!important;border:1px solid #bbb!important;background:#fff}.kv-viewport{width:100%;height:300px;position:relative;overflow:auto;background:#f0f1ed;border-radius:6px;display:flex;align-items:center;justify-content:center}.kv-viewport>canvas{display:block;flex-shrink:0;touch-action:none}.kv-viewport>img{width:100%;height:100%;object-fit:contain;flex-shrink:0}.kv-controls{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:8px}.kv-controls button{font-size:13px!important;line-height:1.3!important;padding:8px 10px!important;min-height:38px}.kv-status{font-size:13px!important;line-height:1.5!important;margin:8px 0!important;color:#24384b;overflow-wrap:anywhere}.kv-caption{font-size:12px!important;line-height:1.6!important;color:#59616a;margin:10px 0!important;overflow-wrap:anywhere}.wb-modal-guide{min-width:0}.wb-modal-scroll{grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr)!important}.wb-card-actions{flex-wrap:wrap}.wb-card-preview{cursor:pointer}.kv-reference-card:focus-visible,.kv-controls button:focus-visible{outline:3px solid #946b44;outline-offset:2px}
@media(max-width:900px){.wb-modal-scroll{display:flex!important;flex-direction:column}.wb-modal-guide{display:block!important;padding:12px!important;order:0}.wb-modal-fields{order:1}.wb-modal-guide>h3,.wb-modal-guide>#wb-material-guide,.wb-modal-guide>.wb-guide-note{display:none}.kv-viewport{height:260px}.kv-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kv-reference-card img{height:110px}}
@media(max-width:360px){.kv-viewport{height:230px}.kv-reference-card img{height:90px}.kv-reference-card span{font-size:12px}.kv-controls{gap:4px}.kv-controls button{padding:7px 8px!important}}