/* Der Editor vermittelt bewusst die kompakte Größe eines Stream-Widgets. */
.editor-canvas .editable-card{width:min(520px,100%);transition:width .22s ease}
.editor-canvas .editable-card.editor-empty{width:min(420px,100%)}
.editor-canvas .editable-card .board-title,.live-board .board-title{padding:0 18px;font-size:var(--title-font-size,21px);line-height:1.05}
.editor-canvas .editable-card:not(.layout-slim) .board-title,.live-board:not(.layout-slim) .board-title{height:58px}
.editor-canvas .editable-card .edit-grid{gap:3px;margin-top:3px}
.editor-canvas .editable-card .edit-grid textarea{padding:5px;font-size:var(--cell-font-size,18px);overflow:hidden}
.edit-grid textarea,.play-grid button{font-weight:var(--cell-font-weight,800)!important}
.canvas-toolbar>div{display:flex;align-items:center;gap:12px}
.shuffle-fields{border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--purple);padding:8px 10px;font:800 9px 'Trebuchet MS';cursor:pointer}
.shuffle-fields:hover{background:#f1edff}.shuffle-fields:active{transform:translateY(1px)}
body.dark-mode .shuffle-fields{background:#292638;color:#c8bbff;border-color:#474257}
body.dark-mode .shuffle-fields:hover{background:#353148}
.preview-separator{max-width:730px;margin:86px auto 0;padding-top:22px;border-top:2px solid rgba(115,83,255,.28);display:flex;align-items:end;justify-content:space-between;gap:20px}.preview-separator span{font:900 10px 'Arial Black';letter-spacing:1.6px;color:var(--purple)}.preview-separator small{font-size:10px;color:var(--muted)}.effect-preview{margin-top:18px}.canvas-help{margin-bottom:0}
body.dark-mode .preview-separator{border-color:#474257}
/* Live, OBS und Zuschaueransicht verwenden dieselben sicheren Zellgrenzen. */
.play-grid button,.effect-cell{container-type:size;min-width:0;overflow:hidden}
.play-grid .cell-label,.effect-cell .cell-label{display:block;min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:break-word;white-space:normal;hyphens:auto;line-height:1.15}
.mark-symbol.marker-check,.mark-symbol.marker-star,.mark-symbol.marker-heart,.mark-symbol.marker-emoji{inset:8%;overflow:hidden;font-size:clamp(18px,4vw,48px);font-size:min(52cqw,52cqh);line-height:1;text-shadow:1px 1px 0 rgba(255,255,255,.85)}
.card-preview{display:flex!important;flex-direction:column;padding:7px!important;gap:3px;overflow:hidden}
.card-preview-title{min-height:34px;padding:5px 8px;display:flex;align-items:center;justify-content:space-between;gap:6px;background:#7353ff;color:#fff;overflow:hidden}
.card-preview-title span{min-width:0;background:transparent!important;color:inherit!important;font-size:clamp(11px,calc(var(--title-font-size,21px)*.62),22px)!important;font-weight:800!important;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.card-preview-title small{flex:none;font-size:6px;letter-spacing:.5px}
.card-preview-grid{min-height:0;flex:1;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));grid-template-rows:repeat(var(--rows),minmax(0,1fr));gap:2px;overflow:hidden}
.card-preview-grid span{min-width:0;min-height:0;padding:4px;background:rgba(255,255,255,.7);display:grid;place-items:center;text-align:center;overflow:hidden;overflow-wrap:anywhere;word-break:break-word;white-space:normal;font-size:clamp(10px,calc(var(--cell-font-size,18px)*.68),18px);font-weight:var(--cell-font-weight,800);line-height:1.15}.card-preview.preview-medium .card-preview-grid span{padding:3px;font-size:clamp(8px,calc(var(--cell-font-size,18px)*.54),14px);line-height:1.08}.card-preview.preview-dense .card-preview-grid span{padding:2px;font-size:clamp(7px,calc(var(--cell-font-size,18px)*.42),11px);line-height:1.02}
.card-preview.theme-midnight .card-preview-title{background:#211c45;color:#fff}.card-preview.theme-pop .card-preview-title{background:#202039;color:#ffe65c}.card-preview.theme-mint .card-preview-title{background:#173e3c;color:#fff}
.card-preview.theme-custom .card-preview-title{background:var(--custom-header);color:#fff}.card-preview.theme-custom .card-preview-grid span{background:var(--custom-cell);color:var(--custom-text)}
.card-preview.hide-header .card-preview-title{display:none}.card-preview.layout-compact{padding:5px!important;gap:2px}.card-preview.layout-slim .card-preview-title{min-height:25px}
.editor-canvas .has-cell-size.editable-card,.audience-game .has-cell-size.live-board,.has-cell-size.live-board{width:max-content;max-width:none;aspect-ratio:auto!important}
.has-cell-size .edit-grid,.has-cell-size .play-grid{flex:none!important;grid-template-columns:repeat(var(--cols),var(--cell-width))!important;grid-template-rows:repeat(var(--rows),var(--cell-height))!important}
.has-cell-size .edit-grid textarea,.has-cell-size .play-grid button{width:var(--cell-width);height:var(--cell-height);min-height:0}
.cell-size-settings{padding-top:18px;border-top:1px solid var(--line)}.cell-size-control{position:relative;margin-top:15px}.cell-size-control>label{font:800 8px 'Arial Black';letter-spacing:1px}.cell-size-control>span{position:absolute;right:0;top:-8px;color:var(--purple);font-size:10px;font-weight:900}.cell-size-control>span input{display:inline;width:38px;margin:0;padding:2px;border:0;border-bottom:1px dashed var(--purple);border-radius:0;background:transparent;color:inherit;text-align:right;font:inherit;appearance:textfield}.cell-size-control>span input::-webkit-inner-spin-button{display:none}.cell-size-control>input[type=range]{margin-top:8px;padding:0}.cell-size-settings>small{margin-top:10px}
@media(max-width:600px){.canvas-toolbar{align-items:flex-start}.canvas-toolbar>div{align-items:flex-end;flex-direction:column;gap:6px}.shuffle-fields{padding:7px 8px}.editor-canvas .editable-card.editor-empty{width:min(360px,100%)}.preview-separator{margin-top:64px;align-items:flex-start;flex-direction:column;gap:5px}}