.stv-design{width:100%;height:100%;position:relative;overflow:hidden;padding:5em 6em;display:flex;flex-direction:column;gap:2em;isolation:isolate;font:16px/1.25 Arial,Helvetica,sans-serif;color:var(--design-text);--head-size:4.8em}
.stv-design *{box-sizing:border-box}.stv-design.font-serif{font-family:Georgia,'Times New Roman',serif}.stv-design.font-compact{font-family:'Arial Narrow',Arial,Helvetica,sans-serif}.stv-design.font-compact .design-headline{letter-spacing:-.045em}.stv-design.size-small{--head-size:3.8em}.stv-design.size-large{--head-size:5.8em}
.stv-design .design-decoration{position:absolute;width:70em;height:80em;right:-48em;top:-18em;border:1em solid var(--design-accent);border-radius:50%;opacity:.13;z-index:-1;transform:rotate(-20deg)}
.stv-design .design-header{flex:none;min-width:0}.stv-design .design-eyebrow{font-size:calc(1.35em*var(--design-label-scale,1));letter-spacing:.2em;text-transform:uppercase;color:var(--design-accent);font-weight:700;margin-bottom:.7em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.stv-design .design-headline{color:var(--design-head);font-family:inherit;font-size:calc(var(--head-size)*var(--design-headline-scale,1));line-height:1.05;letter-spacing:-.035em;font-weight:800;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.stv-design .design-description{color:var(--design-text);font:inherit;font-size:calc(1.85em*var(--design-text-scale,1));line-height:1.4;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;flex:none}
.stv-design .design-rule{width:8em;height:.4em;background:var(--design-accent);border-radius:.2em;flex:none;margin-top:auto}.stv-design.align-center{text-align:center}.stv-design.align-center .design-rule{align-self:center}.stv-design.align-right{text-align:right}.stv-design.align-right .design-rule{align-self:flex-end}
.stv-design.layout-text{justify-content:center}.stv-design.layout-text .design-description{margin-top:.7em}.stv-design.layout-text .design-rule{margin-top:1em}
.stv-design .design-fixtures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.7em;min-height:0;flex:1}.stv-design .design-fixtures.count-1{grid-template-columns:1fr}
.stv-design .design-fixture{border-radius:1.5em;background:var(--design-panel);color:var(--design-panel-text);padding:1.5em 2em;display:flex;flex-direction:column;justify-content:center;gap:1em;min-height:0;overflow:hidden}
.stv-design .design-fixture-info{font:inherit;font-size:calc(1.25em*var(--design-details-scale,1));line-height:1.25;text-align:center;margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:none}
.stv-design .design-match{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:1.2em;min-height:0}
.stv-design .design-team{display:flex;flex-direction:column;align-items:center;gap:.8em;text-align:center;min-width:0}.stv-design .design-team>strong{font-weight:700;font-family:inherit;font-size:calc(1.7em*var(--design-details-scale,1));line-height:1.15;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;max-width:100%}
.stv-design .design-logo{height:5.4em;width:5.4em;position:relative;flex:none;display:grid;place-items:center;border-radius:1em;background:var(--design-panel);box-shadow:inset 0 0 0 .12em currentColor;color:var(--design-panel-text)}
.stv-design .design-logo>span{font-size:2em;font-weight:800;opacity:.45}.stv-design .design-logo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:var(--design-panel);border-radius:inherit;padding:.35em}.stv-design .design-logo img[hidden]{display:none}
.stv-design .design-score{font-family:inherit;font-weight:800;font-size:calc(2.8em*var(--design-details-scale,1));line-height:1;color:var(--design-panel-text);white-space:nowrap;max-width:8em;overflow:hidden}
.stv-design .count-1 .design-logo{width:10em;height:10em}.stv-design .count-1 .design-team>strong{font-size:calc(2.7em*var(--design-details-scale,1))}.stv-design .count-1 .design-score{font-size:calc(5.4em*var(--design-details-scale,1))}.stv-design .count-1 .design-fixture-info{font-size:calc(1.9em*var(--design-details-scale,1))}
.stv-design.layout-matchday .design-headline{font-size:calc(var(--head-size)*.68*var(--design-headline-scale,1));-webkit-line-clamp:2}.stv-design.layout-matchday .design-description{font-size:calc(1.5em*var(--design-text-scale,1));-webkit-line-clamp:2}
.stv-design.layout-nextgame .design-headline{font-size:calc(var(--head-size)*.85*var(--design-headline-scale,1));-webkit-line-clamp:2}
.stv-design .design-event{display:flex;flex-direction:column;gap:1.4em;flex:1;justify-content:center}.stv-design .design-event-date{border-left:.45em solid var(--design-accent);padding:.4em 2em;text-align:left;display:flex;flex-direction:column;gap:.5em}.stv-design .design-event-date>span{font-size:1.2em;letter-spacing:.2em;color:var(--design-accent);font-weight:700}.stv-design .design-event-date>strong{font-family:inherit;font-size:calc(3em*var(--design-details-scale,1));line-height:1.2;color:var(--design-head)}.stv-design .design-event-venue{font-size:calc(2em*var(--design-details-scale,1))}.stv-design .design-event-badge{font-size:calc(1.5em*var(--design-details-scale,1));padding:.7em 1.2em;border-radius:2em;background:var(--design-panel);color:var(--design-panel-text);align-self:flex-start;font-weight:700}.stv-design.align-center .design-event-badge{align-self:center}.stv-design.align-right .design-event-badge{align-self:flex-end}
#editor.designer-dialog{width:min(1180px,96vw)}#editor.designer-dialog .dialoghead{position:sticky;top:0;background:white;z-index:4}#editor.designer-dialog .formfoot{position:sticky;bottom:0;z-index:4}.content-editor-layout{display:grid;grid-template-columns:minmax(310px,1fr) minmax(350px,1.15fr);gap:26px;align-items:start}.content-editor-controls{display:grid;gap:17px}.designer-controls{display:grid;gap:16px}.designer-preview-panel{position:sticky;top:95px;min-width:0}.designer-preview-panel h3{margin-bottom:10px;font-size:14px}.designer-canvas{width:100%;aspect-ratio:16/9;position:relative;overflow:hidden;border-radius:12px;background:#163e34;box-shadow:0 14px 38px #163e3420}.designer-canvas>.poster,.designer-canvas>.stv-design{position:absolute;inset:0}.designer-preview-panel>.helper{margin-top:12px}.designer-fields{display:grid;gap:14px}.designer-palette{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.designer-color{display:flex;gap:10px;align-items:center}.designer-color input[type=color]{width:48px;min-width:48px;height:38px;padding:3px}.designer-color span{font-size:12px}.designer-presets{display:flex;gap:8px;flex-wrap:wrap}.designer-section{border:1px solid var(--line);border-radius:10px;padding:15px}.designer-section>summary{font-weight:700;font-size:13px;cursor:pointer}.designer-section>.designer-fields{margin-top:16px}.fixture-edit-row{border:1px solid var(--line);border-radius:10px;padding:14px;display:grid;gap:12px;background:#f8faf5}.fixture-edit-head{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px}.fixture-edit-row .field{font-size:12px}.fixture-edit-row input[type=file]{font-size:11px}.fixture-edit-row .twofields{gap:10px}.designer-program>div{display:grid;gap:17px;margin-top:17px}
@media(max-width:900px){.content-editor-layout{grid-template-columns:1fr}.designer-preview-panel{position:relative;top:auto;grid-row:1}.designer-canvas{max-width:650px}.designer-controls .twofields{grid-template-columns:1fr 1fr}}
@media(max-width:520px){#editor.designer-dialog{width:96vw}.designer-palette{grid-template-columns:1fr 1fr}.designer-color{gap:5px}.designer-color span{font-size:11px}.designer-controls .twofields{grid-template-columns:1fr}.fixture-edit-row .twofields{grid-template-columns:1fr}}
#template-fields{display:grid;gap:17px}#designer-event{display:grid;gap:14px}#designer-fixtures{display:grid;gap:14px}.designer-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.designer-section>summary{margin-bottom:14px}.designer-section>.twofields,.designer-section>.field,.designer-section>.helper{margin-top:14px}.designer-section>.designer-palette{margin-top:14px}.fixture-edit-row input[type=checkbox]{width:auto;height:auto;min-height:0;margin:0 6px 0 0}.fixture-edit-row label>span:last-child{display:flex;align-items:center;font-size:12px}#editor [hidden]{display:none!important}#designer-add{margin-top:14px}.content-editor-controls input[type=file]{max-width:100%}

.toolbar .program-shuffle{display:flex;align-items:center;gap:10px;font-size:13px;background:white;border:1px solid var(--line);border-radius:8px;padding:12px 15px}.toolbar .program-shuffle input[type=checkbox]{width:18px;height:18px;min-height:0;margin:0;padding:0;flex:none;accent-color:var(--green)}

.design-text-image{display:flex;align-items:center;gap:4em;min-height:0;flex:1}.design-text-column{flex:1;min-width:0}.stv-design .design-side-image{width:43%;height:100%;max-height:42em;object-fit:contain;border-radius:1.5em}.design-text-image.side-left{flex-direction:row-reverse}.design-text-image .design-headline{font-size:calc(var(--head-size)*.85*var(--design-headline-scale,1))}
