/* Herramientas a la izquierda y vista previa a la derecha en PC. */
.control-panel,.preview-column{width:100%;min-width:0}
@media(min-width:901px){
 .generator-workspace{display:grid;grid-template-columns:360px minmax(0,1fr);gap:20px;align-items:start}
 .control-panel{display:block;position:static;max-height:none;overflow:visible;padding:18px}
 .control-panel>.control-heading{margin:0 0 14px}
 .control-panel>.field-group{margin:0 0 16px;padding-top:12px}
 .box-type-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 .box-type-options button{display:block;min-width:0;min-height:128px;padding:7px;text-align:left}
 .box-type-options button:last-child:nth-child(odd){grid-column:auto}
 .box-type-options .box-type-picture{width:100%;height:64px;margin:0 0 6px}
 .box-type-options strong{font-size:12px;line-height:1.25;overflow-wrap:anywhere}
 .box-type-options small{font-size:10px;line-height:1.3;margin-top:3px;overflow-wrap:anywhere}
 .material-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
 .material-options button:last-child:nth-child(odd){grid-column:auto}
 .control-panel>.segmented{width:100%;margin-bottom:16px}
 .control-panel>.input-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}
 .control-panel>.divider-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px;align-items:start;margin:16px 0;padding:12px}
 .control-panel>.divider-settings>strong,.control-panel>.divider-settings>p,.control-panel>.divider-settings>details,.control-panel>.divider-settings>.input-grid,.control-panel>.divider-settings>.config-help-range,.control-panel>.divider-settings>.config-help-field:has(input[type=checkbox]){grid-column:1/-1;max-width:100%}
 .control-panel>.divider-settings>strong,.control-panel>.divider-settings>p,.control-panel>.divider-settings label{margin:0}
 .control-panel>.divider-settings>.input-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px}
 .control-panel>.closure-row{margin:16px 0;display:block}
 .control-panel>.closure-row>div{margin-top:10px}
 .control-panel>.export-buttons{display:grid;grid-template-columns:1fr;gap:8px;padding-top:14px;border-top:1px solid var(--line)}
 .control-panel .export-buttons .download-button{width:100%;min-width:0;justify-content:center}
 .preview-column{align-self:start}
 .preview-panel{padding:18px}
 .drawing-stage{height:clamp(430px,calc(100dvh - 220px),680px)}
 .wine-isometric{width:100%}
}
@media(min-width:1400px){.generator-workspace{grid-template-columns:390px minmax(0,1fr)}}
@media(max-width:900px){
 .generator-workspace{grid-template-columns:minmax(0,1fr)}
 .control-panel{position:static;max-height:none;overflow:visible}
 .box-type-options,.material-options{grid-template-columns:repeat(2,minmax(0,1fr))}
 .box-type-options button{min-width:0}
 .box-type-options strong,.box-type-options small{overflow-wrap:anywhere}
 .export-buttons .download-button{min-width:0}
}
@media(min-width:901px){
 .preview-column{position:static;max-height:none;overflow:visible}
}
/* Los tipos de caja se eligen arriba; solo los ajustes quedan en el lateral. */
.box-category-selector{grid-column:1/-1;min-width:0;background:#fff;border:1px solid var(--line,#ddd);border-radius:14px;padding:18px;margin-bottom:0}
.box-category-selector>.config-help-heading,.box-category-selector>span{display:block;margin-bottom:10px;font-size:13px;font-weight:600}
.box-category-selector .config-help-button{display:inline-grid;place-items:center;width:24px;height:24px;min-width:24px;min-height:24px;padding:0;border:0;border-radius:50%;background:transparent;color:#72777e;font:500 10px/1 system-ui;cursor:pointer;vertical-align:middle}
.box-category-selector .config-help-button>span{display:grid;place-items:center;box-sizing:border-box;width:14px;height:14px;border:1px solid currentColor;border-radius:50%;opacity:.4}
.box-category-selector .config-help-button:hover>span,.box-category-selector .config-help-button:focus-visible>span{opacity:.95}
.box-category-selector .config-help-close{display:block;margin:0 0 0 auto;padding:9px 16px;border:0;border-radius:8px;background:#e97312;color:white;font:600 14px system-ui;cursor:pointer}
@media(min-width:901px){
 .box-category-selector .box-type-options{grid-template-columns:repeat(4,minmax(0,1fr))}
 .box-category-selector .box-type-options button{display:grid;grid-template-columns:76px minmax(0,1fr);column-gap:9px;align-content:center;min-height:88px;padding:7px}
 .box-category-selector .box-type-options .box-type-picture.category-sample{grid-column:1;grid-row:1/3;width:76px;height:70px;margin:0;align-self:center}
 .box-category-selector .box-type-options .box-type-picture.category-sample img{height:70px;max-height:70px}
 .box-category-selector .box-type-options strong,.box-category-selector .box-type-options small{grid-column:2}
}
@media(max-width:900px){.box-category-selector{padding:14px;margin-bottom:16px}.box-category-selector .box-type-options{grid-template-columns:repeat(2,minmax(0,1fr))}}