.board-preview-3d[data-v-d857a3d1]{display:flex;flex-direction:column;gap:8px;width:100%}.board-preview-3d__stage[data-v-d857a3d1]{display:flex;gap:12px;align-items:stretch;width:100%}.board-preview-3d__viewport[data-v-d857a3d1]{position:relative;flex:1 1 auto;min-width:0}.board-preview-3d__canvas-host[data-v-d857a3d1]{position:relative;width:100%;height:min(420px,52vh);min-height:240px;border:1px solid var(--color-gray-30);border-radius:var(--radius-sm);overflow:hidden;background:var(--color-gray-10);outline:none}.board-preview-3d__canvas-host[data-v-d857a3d1]:focus-visible{box-shadow:0 0 0 3px #0f62fe2e}.board-preview-3d__canvas-host[data-v-d857a3d1] canvas{display:block;width:100%!important;height:100%!important}.board-preview-3d__cube[data-v-d857a3d1]{position:absolute;top:10px;right:10px;width:96px;height:96px;border-radius:var(--radius-sm);cursor:grab;pointer-events:auto;z-index:2;touch-action:none;-webkit-user-select:none;user-select:none}.board-preview-3d__cube--dragging[data-v-d857a3d1]{cursor:grabbing}.board-preview-3d__cube--compact[data-v-d857a3d1]{top:6px;right:6px;width:40px;height:40px}.board-preview-3d__cube[data-v-d857a3d1]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.board-preview-3d__layers[data-v-d857a3d1]{flex:0 0 168px;margin:0;padding:10px 12px;border:1px solid var(--color-gray-30);border-radius:var(--radius-sm);background:var(--color-light);min-width:0}.board-preview-3d__layers legend[data-v-d857a3d1]{padding:0 4px;font-size:var(--font-m-size);font-weight:600;color:var(--color-text)}.board-preview-3d__layer[data-v-d857a3d1]{display:flex;align-items:center;gap:8px;margin:6px 0 0;font-size:var(--font-s-size);color:var(--color-text);cursor:pointer}.board-preview-3d__layer input[data-v-d857a3d1]{flex:0 0 auto;width:16px;height:16px;margin:0;accent-color:var(--color-primary)}.board-preview-3d__swatch[data-v-d857a3d1]{flex:0 0 12px;width:12px;height:12px;border:1px solid var(--color-gray-50);border-radius:2px}.board-preview-3d__status[data-v-d857a3d1]{margin:0;font-size:var(--font-m-size);color:var(--color-label)}.board-preview-3d__status--error[data-v-d857a3d1]{color:var(--color-error)}.board-preview-3d__hint[data-v-d857a3d1]{margin:0;font-size:var(--font-s-size);color:var(--color-gray-70);line-height:1.4}.board-preview-3d--loading .board-preview-3d__canvas-host[data-v-d857a3d1]{min-height:180px}.board-preview-3d--fill[data-v-d857a3d1],.board-preview-3d--fill .board-preview-3d__stage[data-v-d857a3d1]{flex:1 1 auto;min-height:0}.board-preview-3d--fill .board-preview-3d__viewport[data-v-d857a3d1]{display:flex;flex-direction:column;min-height:0}.board-preview-3d--fill .board-preview-3d__canvas-host[data-v-d857a3d1]{flex:1 1 auto;height:auto;min-height:0}.board-preview-3d--fill .board-preview-3d__layers[data-v-d857a3d1]{overflow:auto}.board-preview-3d--fill .board-preview-3d__hint[data-v-d857a3d1]{flex:0 0 auto}.board-preview-3d--compact[data-v-d857a3d1],.board-preview-3d--compact .board-preview-3d__stage[data-v-d857a3d1]{gap:0}.board-preview-3d--compact .board-preview-3d__viewport[data-v-d857a3d1]{position:relative}.board-preview-3d--compact .board-preview-3d__canvas-host[data-v-d857a3d1]{height:180px;min-height:180px;border:none;border-radius:var(--radius-sm, 8px);cursor:grab}.board-preview-3d--compact .board-preview-3d__status[data-v-d857a3d1]{padding:8px;font-size:var(--font-s-size);text-align:center}.board-preview-3d--compact.board-preview-3d--loading .board-preview-3d__canvas-host[data-v-d857a3d1]{min-height:140px;height:140px}@media (max-width: 767px){.board-preview-3d__stage[data-v-d857a3d1]{flex-direction:column}.board-preview-3d__layers[data-v-d857a3d1]{flex-basis:auto}}