:root{color-scheme:dark;--bg:#110a0e;--panel:#1b1117;--panel2:#24161d;--border:#54303d;--text:#f6eeea;--muted:#bca9b1;--red:#ee435d;--orange:#fb9855;--green:#79dcac;--warn:#f4c375}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:112px}body{margin:0;font:15px/1.48 system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(ellipse at top right,#4d132b 0,transparent 36%),var(--bg)}button,input,select{font:inherit}button{cursor:pointer}input,select{color:var(--text);background:#2a1a23;border:1px solid #75505e;border-radius:8px;padding:9px;min-width:0}input[type=number]{width:100%;max-width:240px}input[type=checkbox]{accent-color:var(--red);width:16px;height:16px;flex:none}input[type=range]{width:100%;accent-color:var(--red)}a{color:inherit}.shell{max-width:1600px;margin:auto;padding:18px 26px 64px}.masthead{border:1px solid #71323e;border-radius:14px;overflow:hidden;background:#0b070a}.masthead img{width:100%;height:min(260px,25vw);min-height:155px;object-fit:cover;display:block}.between{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.heading{margin:24px 0}.eyebrow{letter-spacing:.2em;text-transform:uppercase;color:#e67d92;font-size:.72rem;font-weight:800;margin:0 0 5px}.heading h1,.module-heading h2{font-size:clamp(1.7rem,4vw,2.8rem);line-height:1.1;text-transform:uppercase;letter-spacing:.06em;margin:0}.heading em{font-style:normal;color:var(--red)}.muted,.hint{color:var(--muted)}.hint{font-size:.81rem;margin:8px 0;line-height:1.5}.tag{border:1px solid #a45767;background:#2c151e;border-radius:50px;padding:8px 13px;white-space:nowrap;font-size:.85rem}.module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:960px}.module-card{text-align:left;border:1px solid var(--border);border-radius:16px;overflow:hidden;padding:0;background:var(--panel);color:inherit;display:flex;flex-direction:column}.module-card:hover{border-color:var(--red);transform:translateY(-2px)}.module-card img{width:100%;height:250px;object-fit:cover;object-position:center 29%}.module-info{padding:18px;display:grid;gap:5px}.module-info strong{font-size:1.17rem;text-transform:uppercase;letter-spacing:.05em}.module-info small{color:var(--muted)}.status-pill{font-size:.78rem;display:inline-flex;align-items:center;max-width:100%;width:max-content;padding:6px 10px;border:1px solid #885667;border-radius:50px;background:#351925;color:#f5d5dc}.status-pill.good{color:var(--green);border-color:#39745d;background:#123127}.status-pill.warn{color:var(--warn);border-color:#7b5e40;background:#33271b}.status-pill.bad{color:#ffd3d6;border-color:#a23249;background:#5c1929}.module-page{margin:20px 0}.module-hero{position:relative;width:100%;background:#090609;border:1px solid var(--border);border-radius:12px;overflow:hidden}.module-hero img{display:block;width:100%;max-height:245px;object-fit:contain}.version-stamp{position:absolute;right:5%;bottom:9%;font-size:clamp(.8rem,1.7vw,1.3rem);background:#160911e8;border:1px solid var(--red);border-radius:6px;padding:5px 12px}.module-heading{margin:20px 0 22px}.button-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#bc2944;color:white;border:1px solid #ef6980;border-radius:9px;text-decoration:none;padding:10px 15px;font-weight:750;cursor:pointer;white-space:normal}.button:hover{filter:brightness(1.14)}.button:disabled{opacity:.6;cursor:wait}.button.ghost{background:#2b1d25;border-color:#6c4351}.button.accent{background:#b86623;border-color:#ebaa65}.small-button{background:#35202a;border:1px solid #824458;color:#f8e6e7;border-radius:8px;padding:7px 10px}.locked{background:#26171d;border:1px solid #8c5661;border-radius:13px;padding:20px}.locked h3{margin-top:0}.jump{position:sticky;top:0;z-index:15;display:flex;gap:4px;flex-wrap:wrap;background:#11090fed;padding:10px;border:1px solid #622f40;border-radius:12px;backdrop-filter:blur(8px)}.jump a{font-size:.86rem;text-decoration:none;padding:8px 11px;border-radius:8px}.jump a:hover{background:#632438}.quickbar{margin:12px 0 14px;padding:15px 18px;background:#381622;border:1px solid #9a3b52;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.quick-items{display:flex;gap:20px;flex-wrap:wrap;align-items:center}.toggle{display:flex;gap:9px;align-items:center;cursor:pointer;margin:10px 0}.show-toggle{color:#ffc39d}.dirty{font-size:.78rem;color:#b7f6d4}.dirty.changed{color:#ffca82}.feedback{padding:10px 15px;border-left:3px solid var(--red);background:#241821;border-radius:5px;font-size:.87rem;white-space:pre-wrap}.content-section{margin:22px 0 28px;scroll-margin-top:120px}.section-head{margin-bottom:12px}.section-head h3{font-size:clamp(1.18rem,2vw,1.6rem);margin:0 0 5px}.section-head p{margin-top:6px}.three-columns{display:grid;grid-template-columns:minmax(240px,1fr) minmax(240px,1fr) minmax(260px,1.3fr);gap:14px}.two-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.surface{padding:18px;border:1px solid var(--border);background:linear-gradient(160deg,#251821,#181017);border-radius:14px;min-width:0}.surface h4{margin:0 0 12px;font-size:1.04rem}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.surface label:not(.toggle):not(.picker){display:block;font-weight:650;margin-bottom:12px}.surface label small{display:block;font-size:.74rem;font-weight:400;color:var(--muted)}.surface label input[type=number]{display:block;margin-top:6px}.control-label{display:flex!important;justify-content:space-between}.width-demo{width:100%;height:62px;display:flex;overflow:hidden;border:1px solid #754656;border-radius:8px}.width-video,.width-ads{display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:800}.width-video{background:#222834;flex:1}.width-ads{background:#9f2d3d;width:22%}.live-preview{height:150px;border:1px solid #643746;border-radius:10px;background:#090709;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#bba8b0}.live-preview img,.live-preview video{max-width:100%;width:100%;height:100%;object-fit:contain}.mini-label{font-size:.69rem;color:#e3a6b2;text-transform:uppercase;letter-spacing:.1em}.import-strip{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.import-strip p{margin-bottom:0}.picker{cursor:pointer}.group-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0 9px}.group-heading h4{font-size:1.08rem;margin:0}.group-heading span{color:var(--muted);font-size:.85rem}.banner-list{display:grid;gap:11px}.banner-card{border:1px solid #653746;background:#1d1219;border-radius:12px;padding:12px;display:grid;grid-template-columns:128px minmax(200px,1.35fr) minmax(250px,1.3fr) auto;gap:13px;align-items:start}.banner-card.off{opacity:.71}.thumb{border:1px solid #774452;background:#09070a;border-radius:9px;width:128px;height:92px;display:flex;justify-content:center;align-items:center;overflow:hidden;cursor:pointer;padding:0;color:white}.thumb img,.thumb video{width:100%;height:100%;object-fit:contain}.banner-name{font-weight:800;overflow-wrap:anywhere;line-height:1.25}.banner-meta{color:var(--muted);font-size:.75rem;margin:6px 0}.banner-options{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px}.banner-options label{display:flex;align-items:center;gap:5px;font-size:.81rem}.banner-options select{max-width:150px}.banner-settings{display:grid;gap:8px}.banner-settings label{display:flex;align-items:center;gap:8px;font-size:.83rem}.banner-settings input[type=number]{width:82px;padding:6px}.days-row{display:flex;flex-wrap:wrap;gap:4px}.day{display:flex;align-items:center;gap:3px;background:#2e1b25;padding:5px 7px;border:1px solid #714150;border-radius:7px;font-size:.73rem;cursor:pointer}.day input{width:13px;height:13px}.banner-actions{display:grid;gap:5px}.banner-actions button{padding:7px 9px}.empty{border:1px dashed #5e3b47;border-radius:10px;padding:18px;color:var(--muted)}.layout-demo{border-radius:9px;overflow:hidden;border:1px solid #593a46;display:flex;height:114px}.layout-normal .demo-main{flex:1;background:#26303e}.layout-normal .demo-side{width:23%;background:#812d42}.layout-show{background:#602a20}.demo-main,.demo-side{display:grid;place-items:center;font-weight:850;font-size:.78rem}.layout-show .demo-main{width:100%}.advanced{padding:0;border:1px solid #613444;border-radius:12px;background:#171017}.advanced summary{padding:17px 20px;display:flex;justify-content:space-between;gap:14px;cursor:pointer}.advanced summary span strong{display:block}.advanced-body{padding:0 15px 16px}.footer-bar{border-top:1px solid #5f3946;padding:19px 0;display:flex;flex-wrap:wrap;justify-content:space-between;gap:15px;color:var(--muted);font-size:.78rem}.site-footer{border-top:1px solid #4e3240;margin-top:35px;padding-top:15px;color:#9b838d;font-size:.74rem}dialog{border:1px solid #96536b;border-radius:14px;background:#1b1017;color:var(--text);width:min(620px,94vw);padding:15px}dialog::backdrop{background:#08050aca}.modal-head{margin-bottom:13px}.modal-head h3{margin:0}#modal-content{height:min(55vh,350px);display:flex;justify-content:center;align-items:center;background:#090709;overflow:hidden}#modal-content img,#modal-content video{width:100%;height:100%;object-fit:contain}[hidden]{display:none!important}
@media(max-width:1150px){.three-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-surface{grid-column:span 2}.banner-card{grid-template-columns:112px minmax(200px,1fr) minmax(235px,1fr);gap:10px}.thumb{width:112px}.banner-actions{grid-column:2/-1;display:flex;flex-wrap:wrap}}@media(max-width:760px){.shell{padding:12px}.masthead img{height:155px}.module-grid,.three-columns,.two-columns{grid-template-columns:1fr}.preview-surface{grid-column:auto}.module-card img{height:205px}.banner-card{grid-template-columns:96px 1fr}.thumb{width:96px;height:96px}.banner-settings{grid-column:1/-1}.banner-actions{grid-column:1/-1}.jump{gap:2px}.jump a{padding:6px;font-size:.76rem}.quickbar{padding:12px}.module-hero img{max-height:160px}.version-stamp{right:3%;bottom:4%}}@media(max-width:440px){.field-grid{grid-template-columns:1fr}.banner-card{grid-template-columns:80px 1fr}.thumb{width:80px;height:80px}.banner-options{gap:4px}.banner-options select{width:120px}.button{padding:9px 11px}}

/* OFC-ARTES-018: respect the true image proportions; no crops on home or modules */
.masthead img{height:auto!important;min-height:0!important;max-height:none!important;object-fit:contain!important}
.module-card img{height:auto!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center!important}
.module-hero img{height:auto!important;max-height:none!important;object-fit:contain!important}
.karaoke-host{width:100%;min-height:60px}.karaoke-host:empty{display:none}
#recover-legacy[hidden]{display:none!important}