.studio-layout{display:grid;grid-template-columns:290px minmax(0,1fr) 290px;gap:20px;align-items:stretch;width:100%}.studio-sidebar{display:flex;flex-direction:column;gap:16px;min-width:0;height:100%;min-height:0}.studio-library-panel{flex-shrink:0}.studio-actions-sidebar{display:flex;flex-direction:column;gap:14px;min-width:0;height:100%;min-height:0}.deck-divider-line{height:1px;background:var(--border-color);margin:4px 0}.action-stack-buttons{display:flex;flex-direction:column;gap:6px;width:100%}.action-stack-buttons .btn-secondary{width:100%;padding:8px 10px;font-size:.775rem;font-weight:600;justify-content:flex-start;text-align:left;border-radius:var(--radius-md)}.action-stack-buttons .btn-secondary span{display:inline-flex;align-items:center;gap:6px}.control-panel{background:var(--surface-1);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:18px;box-shadow:var(--shadow-sm)}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.panel-title{font-family:var(--font-display);font-size:.95rem;font-weight:700;color:var(--text-main);display:flex;align-items:center;gap:6px}.sidebar-tab-switcher{display:flex;background:var(--surface-0);border:1px solid var(--border-color);padding:3px;border-radius:var(--radius-md);gap:4px;flex-shrink:0}.sidebar-tab-btn{flex:1;background:0 0;border:none;font-family:var(--font-sans);font-size:.825rem;font-weight:600;color:var(--text-muted);padding:8px 10px;border-radius:calc(var(--radius-md) - 2px);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:6px}.sidebar-tab-btn.active{background:var(--surface-1);color:var(--text-main);font-weight:700;box-shadow:var(--shadow-sm)}.sidebar-tab-content{display:none}.sidebar-tab-content.active{display:flex;flex-direction:column;flex:1;min-height:0;animation:.15s ease-out fadeIn}.sidebar-tab-content.active>.control-panel{flex:1;display:flex;flex-direction:column;height:100%;min-height:0;overflow-y:auto}.control-group{margin-bottom:14px}.control-group:last-child{margin-bottom:0}.control-row{display:flex;gap:12px;align-items:center}.control-label{display:block;font-size:.775rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:5px}.select-input,.text-input{width:100%;font-family:var(--font-sans);font-size:.875rem;padding:9px 12px;background:var(--surface-0);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-main);transition:all var(--transition-fast)}.select-input:focus,.text-input:focus{outline:0;background:var(--surface-1);border-color:var(--primary);box-shadow:0 0 0 3px rgba(37,99,235,.12)}.control-hint{font-size:.75rem;color:var(--text-muted);margin-top:6px;line-height:1.4}.segmented-group{display:flex;background:var(--surface-0);border:1px solid var(--border-color);padding:2px;border-radius:var(--radius-md);gap:2px}.segmented-btn{flex:1;background:0 0;border:none;font-family:var(--font-sans);font-size:.8rem;font-weight:600;color:var(--text-muted);padding:6px 8px;border-radius:calc(var(--radius-md) - 2px);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.segmented-btn.active{background:var(--surface-1);color:var(--primary);font-weight:700;box-shadow:var(--shadow-sm)}.theme-selector-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.theme-pill{background:var(--surface-0);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:8px 10px;font-size:.775rem;font-weight:600;color:var(--text-main);cursor:pointer;display:flex;align-items:center;gap:8px;transition:all var(--transition-fast)}.theme-pill:hover{background:var(--surface-1);border-color:var(--primary-border)}.theme-pill.active{background:var(--surface-1);border-color:var(--primary);box-shadow:0 0 0 2px rgba(37,99,235,.15);font-weight:700}.theme-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.stamp-picker-row{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.stamp-btn{background:var(--surface-0);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:6px 4px;font-size:.75rem;font-weight:600;color:var(--text-main);cursor:pointer;text-align:center;transition:all var(--transition-fast)}.stamp-btn.active{background:var(--surface-1);border-color:var(--primary);color:var(--primary);font-weight:700;box-shadow:var(--shadow-sm)}.color-picker-wrapper{position:relative;width:32px;height:32px;border-radius:50%;overflow:hidden;border:1px solid var(--border-color);cursor:pointer}.color-input{position:absolute;top:-8px;left:-8px;width:48px;height:48px;border:none;cursor:pointer;background:0 0}.action-deck{display:flex;flex-direction:column;gap:10px;height:100%;flex:1;min-height:0;overflow-y:auto}.btn-cta-party{font-size:.95rem;padding:12px 18px;border-radius:var(--radius-lg);background:linear-gradient(135deg,#2563eb 0,#1d4ed8 100%)}.action-grid-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.studio-stage{display:flex;flex-direction:column;align-items:center;width:100%;height:100%}.canvas-mode-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--surface-1);border:1px solid var(--border-color);padding:6px 14px;border-radius:var(--radius-full);margin-bottom:18px;box-shadow:var(--shadow-sm);max-width:620px;width:100%;flex-shrink:0}.board-preview-wrapper{width:100%;display:flex;flex-direction:column;align-items:center}.board-card-container{background:var(--board-bg-card,var(--surface-1));border:1px solid var(--board-border-card,var(--border-color));border-radius:var(--board-radius-lg,var(--radius-xl));padding:24px;box-shadow:var(--board-card-shadow,var(--shadow-lg));width:100%;max-width:620px;transition:all var(--transition-fast);color:var(--board-text-main,var(--text-main))}.board-header{text-align:center;margin-bottom:18px}.board-title{font-family:var(--board-font-heading, var(--font-display));font-size:1.45rem;font-weight:800;color:var(--board-custom-text,var(--board-text-main,var(--text-main)));letter-spacing:-.02em}.board-subtitle{font-family:var(--board-font-body, var(--font-sans));font-size:.85rem;color:var(--board-text-muted,var(--text-muted))}.board-mode-pill{font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:var(--radius-full);display:inline-flex;align-items:center;gap:4px;text-transform:uppercase}.board-mode-pill.identical{background:#e0e7ff;color:#4338ca}.board-mode-pill.randomized{background:#fef3c7;color:#b45309}.bingo-grid{display:grid;gap:8px;aspect-ratio:1/1;width:100%}.bingo-cell{background:var(--board-bg-card-hover,var(--surface-2));border:1px solid var(--board-border-card,var(--border-color));border-radius:var(--board-radius-md,var(--radius-md));padding:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;user-select:none;position:relative;overflow:hidden;transition:all var(--transition-fast);aspect-ratio:1/1;font-family:var(--board-font-body, var(--font-sans));box-shadow:var(--board-tile-shadow,var(--shadow-sm))}.bingo-cell:hover{background:var(--board-bg-card,var(--surface-1));border-color:var(--board-accent-color,var(--primary));box-shadow:var(--shadow-sm);transform:translateY(-1px)}.bingo-cell.is-free-space{background:var(--board-bg-card-marked,var(--primary-subtle));border:2px dashed var(--board-accent-color,var(--primary));color:var(--board-accent-color,var(--primary));font-weight:800}.bingo-cell.marked{background:var(--board-bg-card-marked,rgba(37,99,235,.08))}.cell-content{font-size:.825rem;font-weight:600;line-height:1.25;color:var(--board-custom-text,var(--board-text-main,var(--text-main)));font-family:var(--board-font-body, var(--font-sans));display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.cell-img{max-width:40%;max-height:35%;object-fit:contain;margin-bottom:4px;border-radius:4px}.cell-drag-handle{position:absolute;top:4px;left:6px;font-size:.75rem;color:var(--text-subtle);opacity:.5;cursor:grab}.cell-edit-hint{position:absolute;bottom:4px;right:6px;font-size:.7rem;opacity:0;transition:opacity var(--transition-fast)}.bingo-cell:hover .cell-edit-hint{opacity:.7}.bingo-cell.is-dragging{opacity:.35;transform:scale(.95)}.bingo-cell.drag-over{border:2px dashed var(--primary);background:var(--primary-subtle)}.studio-identical-3col-wrapper{display:flex;gap:16px;align-items:flex-start;justify-content:center;width:100%}.studio-identical-3col-wrapper .board-preview-wrapper{flex:1;min-width:0;max-width:520px;display:flex;flex-direction:column}.studio-identical-3col-wrapper .board-card-container{width:100%;height:auto}.reserve-pool-side-panel{width:280px;flex-shrink:0;background:var(--board-bg-card,var(--surface-1));border:1px solid var(--board-border-card,var(--border-color));border-radius:var(--board-radius-lg,var(--radius-xl));padding:16px;box-shadow:var(--board-card-shadow,var(--shadow-sm));color:var(--board-text-main,var(--text-main));display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box;min-height:0}.reserve-pool-side-panel .reserve-pool-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-shrink:0}.reserve-pool-side-panel .reserve-pool-title{font-family:var(--board-font-heading, var(--font-display));font-size:.9rem;font-weight:700;color:var(--board-text-main,var(--text-main))}.reserve-pool-side-panel .reserve-pool-desc{font-family:var(--board-font-body, var(--font-sans));font-size:.725rem;color:var(--board-text-muted,var(--text-muted))}.reserve-pool-side-panel .reserve-pool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;overflow-y:auto;flex:1;min-height:0;padding:4px;align-content:start}.reserve-pool-side-panel .reserve-pool-grid .bingo-cell{aspect-ratio:auto;min-height:76px;padding:10px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;box-sizing:border-box;background:var(--board-bg-card-hover,var(--surface-2));border:1px solid var(--board-border-card,var(--border-color));border-radius:var(--board-radius-md,var(--radius-md));box-shadow:var(--shadow-sm);margin:0}.reserve-pool-side-panel .reserve-pool-grid .cell-drag-handle{position:absolute;top:3px;left:4px;font-size:.65rem;line-height:1;opacity:.45;pointer-events:none}.reserve-pool-side-panel .reserve-pool-grid .cell-edit-hint{position:absolute;bottom:3px;right:4px;font-size:.65rem;line-height:1;opacity:0;pointer-events:none;transition:opacity var(--transition-fast)}.reserve-pool-side-panel .reserve-pool-grid .bingo-cell:hover .cell-edit-hint{opacity:.75}.reserve-pool-side-panel .reserve-pool-grid .cell-content{font-size:.75rem;font-weight:600;line-height:1.25;color:var(--board-custom-text,var(--board-text-main,var(--text-main)));display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;padding:2px;width:100%}.action-deck::-webkit-scrollbar,.reserve-pool-side-panel .reserve-pool-grid::-webkit-scrollbar,.shuffled-pool-grid::-webkit-scrollbar,.sidebar-tab-content.active>.control-panel::-webkit-scrollbar{width:5px}.action-deck::-webkit-scrollbar-track,.reserve-pool-side-panel .reserve-pool-grid::-webkit-scrollbar-track,.shuffled-pool-grid::-webkit-scrollbar-track,.sidebar-tab-content.active>.control-panel::-webkit-scrollbar-track{background:0 0}.action-deck::-webkit-scrollbar-thumb,.reserve-pool-side-panel .reserve-pool-grid::-webkit-scrollbar-thumb,.shuffled-pool-grid::-webkit-scrollbar-thumb,.sidebar-tab-content.active>.control-panel::-webkit-scrollbar-thumb{background:var(--border-subtle,var(--border-color));border-radius:4px}.action-deck::-webkit-scrollbar-thumb:hover,.reserve-pool-side-panel .reserve-pool-grid::-webkit-scrollbar-thumb:hover,.shuffled-pool-grid::-webkit-scrollbar-thumb:hover,.sidebar-tab-content.active>.control-panel::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}#studio-shuffled-view-wrapper{width:100%;flex:1;display:flex;flex-direction:column}#studio-shuffled-view-wrapper .board-preview-wrapper{flex:1;display:flex;flex-direction:column;align-items:center}.shuffled-card-container{max-width:720px;width:100%;flex:1;height:100%;display:flex;flex-direction:column}.shuffled-pool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(115px,1fr));gap:10px;flex:1;min-height:280px;max-height:520px;overflow-y:auto;padding:4px}@media (max-width:1280px){.studio-layout{grid-template-columns:280px minmax(0,1fr)}.studio-actions-sidebar{grid-column:1/-1;position:static;height:auto}.studio-actions-sidebar .action-deck{height:auto}.studio-actions-sidebar .action-stack-buttons{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}}@media (max-width:1024px){.studio-layout{grid-template-columns:1fr}.studio-sidebar,.studio-stage{height:auto}.studio-identical-3col-wrapper{flex-direction:column;align-items:center}.reserve-pool-side-panel{width:100%;max-width:540px;height:380px}.reserve-pool-side-panel .reserve-pool-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}}@media (max-width:768px){.board-card-container{padding:16px}}