body.brick-panels-enabled #line{display:none!important}
.brick-machine-panels{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;min-width:0}
.brick-machine-panel{min-width:0;overflow:hidden;border:1px solid #cad7df;border-radius:10px;background:white;display:flex;flex-direction:column}
.brick-machine-panel h2{font-size:17px;line-height:1.4;padding:12px 16px;margin:0;background:#f1f7fb}
.brick-panel-art{display:block;width:100%;height:auto;min-width:0!important;max-width:100%;flex:none}
.brick-end-line-panel{grid-column:1/-1}
.brick-machine-hit{fill:transparent;stroke:transparent;cursor:pointer;pointer-events:all}
.brick-machine-hit.selected{fill:#087cdc0a;stroke:#087cdc;stroke-width:2;vector-effect:non-scaling-stroke}
.brick-panel-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:8px;padding:12px}
.brick-machine-button{display:flex;align-items:center;gap:8px;background:white;color:#102a43;border:2px solid #cad7df;border-radius:8px;min-width:0;min-height:48px;padding:10px;text-align:start}
.brick-machine-button.selected{border-color:#087cdc;background:#f3faff}
.brick-machine-button:focus-visible{outline:3px solid #071423;outline-offset:2px}
.brick-machine-name{flex:1;min-width:0;overflow-wrap:anywhere;font-size:14px;line-height:1.4}
.brick-machine-number{background:#087cdc;color:white;border-radius:50%;display:grid;place-items:center;width:27px;height:27px;flex-shrink:0;font-size:13px}
.brick-machine-check{display:grid;place-items:center;width:25px;height:25px;border:2px solid #aebfcd;border-radius:5px;flex-shrink:0}
.brick-machine-button.selected .brick-machine-check{background:#087cdc;color:white;border-color:#087cdc}
@media(min-width:701px){
 .brick-machine-panels{gap:20px;padding:20px;background:white;border:1px solid #cad7df;border-radius:8px}
 .brick-machine-panel{border:0;border-radius:0;overflow:visible}
 .brick-machine-panel h2,.brick-machine-check{display:none}
 .brick-panel-controls{position:relative;display:block;width:100%;min-height:128px;padding:0}
 .brick-machine-button{position:absolute;top:8px;left:var(--machine-center);transform:translateX(-50%);display:flex;flex-direction:column;gap:6px;width:var(--machine-width);min-height:0;padding:4px;background:transparent;border:0;border-radius:3px;text-align:center}
 .brick-machine-button.selected{background:transparent;color:#087cdc}
 .brick-machine-number{width:25px;height:25px;font-weight:700}
 .brick-machine-name{width:100%;font-size:14px;font-weight:500;line-height:1.4}
 .brick-machine-button:hover .brick-machine-name,.brick-machine-button.selected .brick-machine-name{text-decoration:underline;text-underline-offset:3px}
}
@media(max-width:700px){
 .brick-machine-panels{grid-template-columns:minmax(0,1fr);gap:18px}
 .brick-line main{padding:22px 14px 40px}.brick-line .intro h1{font-size:25px}
 .brick-line #machine-list{display:none}
 .brick-line .actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
 .brick-line .actions button{padding:12px 8px;min-height:48px;font-size:14px}
 .brick-line #help{grid-column:1/-1}
 .brick-line #continue{width:100%;min-height:48px;font-size:15px}
}

.brick-panel-art image{image-rendering:auto}.brick-line .intro .pack img{object-fit:contain}
@media(min-width:701px){.brick-panel-controls{min-height:170px}}

@media(max-width:700px){.brick-line .intro>div{min-width:0;overflow-wrap:anywhere}}
@media(max-width:360px){.brick-line .intro{flex-direction:column}.brick-line .intro .pack{width:120px}}

@media(min-width:701px){.brick-machine-panel:nth-child(3) .brick-panel-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.brick-machine-panel:nth-child(3) .brick-machine-button{position:static;transform:none;width:auto;margin-top:8px}}

@media(min-width:701px){.brick-panel-controls{display:grid;grid-template-columns:repeat(var(--station-count),minmax(0,1fr));min-height:150px;align-items:start}.brick-machine-button{position:static;transform:none;width:auto;margin-top:8px}.brick-line .intro>div{min-width:0}.brick-line h1{overflow-wrap:anywhere}}
