.studio-canvas{position:relative}.scene-board{position:absolute;z-index:4;overflow:hidden;background:#111820;color:#f8f8f3;border:3px solid #d4b14d;box-shadow:0 10px 40px #0008}.board-art{position:relative;transform-origin:top left;overflow:hidden}.board-art>h2{font:800 52px system-ui;margin:18px 30px;color:#e6c367}.board-item{position:absolute;padding:18px;box-sizing:border-box;overflow:hidden;background:#17212d;border-left:5px solid #dbb84e}.board-item h3{font:700 38px system-ui;margin:0 0 12px}.board-item p{font:400 30px/1.3 system-ui;margin:10px 0;white-space:pre-wrap}.board-value{font:900 76px/1.1 system-ui;color:#efcc69;display:block}.board-item>strong{font:800 40px system-ui;display:block}.board-item img,.board-item video{max-width:100%;max-height:70%;object-fit:contain}.board-item .board-franchise{width:140px;height:140px;float:right;object-fit:contain}.board-provenance{position:absolute;bottom:4px;left:25px;font:600 20px system-ui;color:#bdc6cf}.board-studio{display:grid;gap:12px}.board-studio input,.board-studio select,.board-studio textarea{width:100%;box-sizing:border-box}.board-preview{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#0c1018}.board-preview>div{width:1920px;height:1080px;transform-origin:top left;position:absolute}.board-list{display:flex;gap:8px;flex-wrap:wrap}.board-editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.board-status{white-space:pre-wrap}.board-studio button{min-height:42px}.board-studio label{display:block}.board-item-editor{border:1px solid #665b35;padding:10px}.board-item-editor textarea{min-height:70px}@media(max-width:650px){.board-editor-grid{grid-template-columns:1fr}}

.board-art>h2{font-size:calc(52px * var(--board-type,1))}.board-item h3{font-size:calc(38px * var(--board-type,1))}.board-item p{font-size:calc(30px * var(--board-type,1))}.board-item>strong{font-size:calc(40px * var(--board-type,1))}.board-value{font-size:calc(76px * var(--board-type,1))}.board-item .board-franchise{width:calc(140px * var(--board-type,1));height:calc(140px * var(--board-type,1))}.board-item.board-row{display:grid;grid-template-columns:100px 1fr auto;grid-template-rows:1fr 1fr;gap:4px 12px}.board-row>img{display:none}.board-row>h3{grid-column:1;grid-row:1/3;font-size:calc(24px * var(--board-type,1))}.board-row>strong{grid-column:2;grid-row:1;font-size:calc(28px * var(--board-type,1))}.board-row>.board-value{grid-column:3;grid-row:1;font-size:calc(32px * var(--board-type,1))}.board-row>p{grid-column:2/4;grid-row:2;font-size:calc(20px * var(--board-type,1));margin:0}

.board-studio button{background:#171e26;color:#f4f1e6;border:1px solid #776435;border-radius:6px;padding:11px 14px;font:700 13px system-ui;cursor:pointer}.board-studio button:hover{background:#2b302e}.board-studio button:disabled{opacity:.45;cursor:default}.board-provenance{font-size:calc(28px * var(--board-type,1))}



/* Phase 4 broadcast library: shared render DOM and compositor remain the same. */

.board-network{margin:26px 40px 0;color:#c6ad6c;font:800 22px system-ui;letter-spacing:4px}

.board-art>h2{margin:12px 40px 24px;line-height:1.05;max-width:1760px;font-size:calc(44px * var(--board-type,1))}

.scene-board{border-top:8px solid #e2bf62;background:#101923}

.board-item{background:#182430;border-left:6px solid #d5b35d;padding:26px}

.board-item h3{color:#d7dce2;letter-spacing:1px;font-size:calc(30px * var(--board-type,1))}

.board-value{font-variant-numeric:tabular-nums;font-size:calc(80px * var(--board-type,1));margin:12px 0}

.board-item p{color:#ccd3da;font-size:calc(26px * var(--board-type,1))}

.board-item .board-franchise{width:calc(170px * var(--board-type,1));height:calc(170px * var(--board-type,1))}

.template-headline .board-item{border-left:12px solid #d5b35d;background:#192936}

.template-custom-media .board-item{background:#0d141c}.template-custom-media img,.template-custom-media video{max-height:85%}

.board-provenance{background:#101923;right:24px;bottom:16px;padding:8px 0;font-size:calc(20px * var(--board-type,1))}

.board-item.board-row{padding:12px 20px;grid-template-columns:70px 1fr auto}

.board-row>.board-franchise{display:none}.board-row>.board-value{margin:0;font-size:calc(30px * var(--board-type,1))}.board-row>p{font-size:calc(18px * var(--board-type,1))}

.board-studio>h2{margin-bottom:0}.board-studio input:focus,.board-studio select:focus{outline:2px solid #dfbe67;outline-offset:2px}


.variant-featured{border-top-color:#ffdf82}.variant-featured .board-item{border-left-width:18px}.variant-promo .board-value{color:#fff0b0}

/* Gate fix: multi-matchup cards must fit their saved compact rectangles. */
.board-item.board-card{display:grid;grid-template-columns:90px minmax(0,1fr) auto;grid-template-rows:auto auto 1fr;gap:5px 12px;padding:16px}
.board-card>.board-franchise{grid-column:1;grid-row:1/4;float:none;width:72px;height:72px;align-self:center}
.board-card>h3{grid-column:2/4;grid-row:1;font-size:calc(22px * var(--board-type,1));margin:0;line-height:1.1}
.board-card>strong{grid-column:2;grid-row:2;font-size:calc(24px * var(--board-type,1));line-height:1.1}
.board-card>.board-value{grid-column:3;grid-row:2;font-size:calc(34px * var(--board-type,1));margin:0;line-height:1.1}
.board-card>p{grid-column:2/4;grid-row:3;font-size:calc(18px * var(--board-type,1));line-height:1.15;margin:0}
.board-empty{margin:100px 48px;font:800 62px system-ui;color:#e2bf62}

.scene-board.is-narrow .board-row>strong{font-size:calc(18px * var(--board-type,1));line-height:1.05}
.scene-board.is-narrow .board-row>p{font-size:calc(14px * var(--board-type,1));line-height:1.05}
.scene-board.is-narrow .board-row>h3{font-size:calc(18px * var(--board-type,1));line-height:1.05}
.scene-board.is-narrow .board-row>.board-value{font-size:calc(22px * var(--board-type,1));line-height:1.05}.scene-board.is-narrow .board-row>h3{margin:0}