@media(min-width:1051px){.roller-layout{grid-template-columns:350px minmax(650px,1fr) 300px}.roller-drawing svg{max-width:1250px;max-height:780px}.roller-drawing{padding:12px}}
.roller-models{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.roller-model{padding:5px;min-height:132px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:5px}.roller-model img{width:100%;height:100px;object-fit:contain}.roller-model span{font-size:11px;font-weight:600}.roller-swatches{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:64px;align-items:start}.roller-swatch{width:100%;height:64px;overflow:hidden}.roller-swatch span{width:100%;height:32px}.roller-swatch small{height:25px;overflow:hidden;line-height:11px}.roller-drawing #roller-svg{width:100%;display:grid;place-items:center}.roller-drawing #roller-svg>svg:first-child{width:100%;min-width:0}.roller-side-section,.roller-section-label{display:none}
@media(max-width:1250px){.roller-model{min-height:112px}.roller-model img{height:80px}}@media(max-width:700px){.roller-integrated-section{display:none}}
.roller-facade-assistant-link{display:flex;align-items:center;gap:9px;margin:0 0 18px;padding:11px 13px;border:1px solid #6c3fc5;border-radius:4px;color:#5630a8;background:#f5f1ff;font-weight:700;text-decoration:none}.roller-facade-assistant-link:hover{background:#ebe2ff}.roller-facade-assistant-link span{font-size:20px}
.roller-drawing-dimension-input{position:fixed;transform:translate(-50%,-50%);z-index:20000;width:76px;height:32px;padding:3px 6px;border:2px solid #1687d9;border-radius:2px;background:#fff;color:#222;font:16px/1 Arial,sans-serif;text-align:center;box-shadow:0 1px 5px rgba(0,0,0,.2);outline:none}.roller-drawing-dimension-input:focus{border-color:#0066cc;box-shadow:0 0 0 2px rgba(0,102,204,.18)}@media(max-width:768px){.roller-drawing-dimension-input{width:88px;height:40px;padding:5px 8px;font-size:18px}}