/* Preview expands in place while the same header and group layout remain. */
.canvas-header .nav-pill {min-height:19px;padding:2px 12px;border-radius:14px;font-size:10px;line-height:15px;font-weight:400;background:linear-gradient(180deg,#ffffffed,#f6f4f0);box-shadow:0 2px 6px #00000009;}
.canvas-header .project-name {letter-spacing:.6px;}
.canvas-header .group-current {font-size:9.5px;letter-spacing:0;}
.canvas-screen .group-label {position:absolute;top:12px;left:5px;right:5px;padding:0;max-width:none;text-align:center;font-size:13px;line-height:18px;font-weight:400;letter-spacing:-.25px;}
.canvas-screen .idea-board {transition:height .25s ease;}
.canvas-screen .idea-board.is-expanded {height:548px;}
.board-preview {cursor:pointer;touch-action:pan-y;}
.board-preview .board-world {pointer-events:none;transform-origin:0 0;}
.board-preview .tutorial-buttons {display:none;}
.board-preview:focus-visible {outline:2px solid #8c9890;outline-offset:3px;}
.board-preview-hint {position:absolute;right:14px;bottom:11px;display:flex;align-items:center;gap:5px;color:#8c938d;font-size:9px;pointer-events:none;}
.board-preview-hint .icon {width:11px;height:11px;}
.preview-empty {font-size:12px;color:#a0a59f;}
.canvas-done {position:absolute;right:13px;bottom:12px;z-index:9;font-size:11px;color:#5d7166;padding:7px 12px;background:#ffffffb0;border:1px solid #bdc6bd70;border-radius:14px;}
.is-expanded [data-edit-note] {cursor:grab;}
.is-expanded [data-edit-note]:active {cursor:grabbing;}
@media(prefers-reduced-motion:reduce){.canvas-screen .idea-board{transition:none;}}