.cc-onsite-page{color:#17243a}.cc-onsite-page[hidden]{display:none!important}.cc-onsite-page *{box-sizing:border-box}
.onsite-header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:26px 30px;background:#fff;border:1px solid #dfe7f1;border-radius:20px;box-shadow:0 10px 30px #1429440a}
.onsite-header h2{margin:4px 0 5px;font-size:30px;letter-spacing:-.03em}.onsite-header p{margin:0;color:#73829a;font-size:15px}.onsite-kicker{color:#e32449;font-size:12px;font-weight:900;letter-spacing:.17em}.onsite-status{padding:12px 18px;border:1px solid #dde5ef;border-radius:100px;background:#f5f8fc;color:#687b97;white-space:nowrap;font-weight:700}.onsite-status.is-live{background:#e9f7f1;color:#18835c;border-color:#c8ebda}
.onsite-tabs{display:flex;gap:10px;margin:22px 0}.onsite-tabs button,.onsite-filters button{border:1px solid #dce5f1;background:#fff;color:#52647e;border-radius:12px;padding:10px 17px;font-size:15px;font-weight:800;cursor:pointer}.onsite-tabs button.is-active,.onsite-filters button.is-active{background:#2464ef;border-color:#2464ef;color:#fff}.onsite-feedback{padding:11px 16px;border-radius:11px;background:#e7f5ee;color:#197c52;font-weight:700}.onsite-feedback.is-error{background:#fff0f1;color:#c72946}.onsite-feedback[hidden]{display:none}
.onsite-grid{display:grid;grid-template-columns:minmax(340px,1.08fr) minmax(350px,.9fr) minmax(360px,1.05fr);gap:18px;align-items:start}.onsite-photo-grid{display:grid;grid-template-columns:minmax(400px,1fr) minmax(400px,1fr);gap:18px;align-items:start}.onsite-panel{min-width:0;background:#fff;border:1px solid #e0e8f2;border-radius:18px;padding:20px;box-shadow:0 10px 30px #1c3b6a0a}.onsite-panel-top{display:flex;justify-content:space-between;align-items:start;gap:12px;margin-bottom:18px}.onsite-panel-top h3{margin:0;font-size:21px}.onsite-panel-top p{margin:5px 0 0;color:#8795a9;font-size:13px}.onsite-primary{border:1px solid #2464ef!important;background:#2464ef!important;color:white!important;border-radius:10px;padding:11px 16px;font-weight:800;cursor:pointer;white-space:nowrap}.onsite-panel button:not(.onsite-primary){cursor:pointer}.onsite-filters{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.onsite-filters button{font-size:12px;padding:7px 9px;border-radius:8px}.onsite-item-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.onsite-item{overflow:hidden;border:1px solid #e1e9f4;border-radius:13px;background:#fff}.onsite-item.is-selected{outline:2px solid #3b72f3}.onsite-item-cover{height:120px;position:relative;background:linear-gradient(125deg,#0b1220,#755b31);overflow:hidden}.onsite-item-cover img{width:100%;height:100%;object-fit:cover}.onsite-item-cover>span{display:grid;place-items:center;width:100%;height:100%;color:#e3d2a2}.onsite-item-cover em{position:absolute;left:8px;top:8px;background:#e7c57c;color:#2f2211;border-radius:6px;padding:4px 7px;font-size:11px;font-weight:900;font-style:normal}.onsite-item-info{padding:11px}.onsite-item-info>div{display:flex;justify-content:space-between;gap:5px}.onsite-item-info strong{font-size:17px}.onsite-item-info span{font-size:11px;color:#8d9bb0}.onsite-item-info span.is-enabled{color:#18865a}.onsite-item-info b,.onsite-item-info small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.onsite-item-info b{font-size:13px;margin:4px 0}.onsite-item-info small{font-size:11px;color:#91a0b5}.onsite-item-actions{display:flex;flex-wrap:wrap;border-top:1px solid #e7edf6;padding:4px}.onsite-item-actions button,.onsite-item-actions summary{border:0;background:none;color:#2464ef;font-size:11px;font-weight:800;padding:5px;cursor:pointer}.onsite-item-actions details{position:relative}.onsite-item-actions details div{position:absolute;z-index:8;right:0;top:100%;background:white;border:1px solid #dfe7f1;border-radius:8px;box-shadow:0 8px 24px #1b31522b;min-width:90px;display:grid}.onsite-item-actions details button{color:#425879;text-align:left;padding:8px}.onsite-empty{grid-column:1/-1;text-align:center;padding:60px 16px;color:#8291a6;border:1px dashed #dce5f0;border-radius:12px}
.onsite-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.onsite-field-grid label{display:flex;flex-direction:column;gap:7px;color:#65758d;font-size:13px;font-weight:800}.onsite-field-grid label.is-wide{grid-column:1/-1}.onsite-field-grid input,.onsite-field-grid textarea,.onsite-field-grid select,.onsite-photo-source select{width:100%;border:1px solid #d7e0eb;border-radius:10px;background:#fff;padding:11px 12px;color:#1e2b40;font-size:15px;min-height:43px;outline:none}.onsite-field-grid input:focus,.onsite-field-grid textarea:focus,.onsite-field-grid select:focus{border-color:#4780f2;box-shadow:0 0 0 3px #cfe0ff}.onsite-upload-heading,.onsite-photo-source{margin-top:20px;display:flex;justify-content:space-between;align-items:center;gap:8px}.onsite-upload-heading strong,.onsite-photo-source strong{display:block;font-size:16px}.onsite-upload-heading small{display:block;margin-top:4px;font-size:12px;color:#90a0b5}.onsite-file-button{display:inline-flex;justify-content:center;align-items:center;border:1px solid #bdd2fd;color:#2464ef;background:#f4f8ff;border-radius:9px;font-size:13px;font-weight:800;padding:10px;cursor:pointer}.onsite-image-list{display:flex;gap:8px;overflow-x:auto;padding:12px 2px}.onsite-image-tile{position:relative;flex:0 0 82px;height:82px;border:2px solid transparent;border-radius:10px;overflow:hidden;cursor:grab}.onsite-image-tile.is-selected{border-color:#2464ef}.onsite-image-tile img{width:100%;height:100%;object-fit:cover}.onsite-image-tile span{position:absolute;left:2px;top:2px;background:#fff;border-radius:4px;padding:1px 4px;font-size:11px}.onsite-image-tile button{position:absolute;right:2px;top:2px;background:#fff;border:0;border-radius:4px;color:#da2549;font-size:15px}.onsite-crop{padding:12px;background:#f4f7fb;border-radius:10px}.onsite-crop strong{font-size:13px}.onsite-crop label{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#64748c;font-size:12px;margin-top:8px}.onsite-crop input{width:60%}.onsite-options,.onsite-scene-checks{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:15px;color:#55647a;font-size:13px}.onsite-options input[type=number]{width:55px;padding:5px;border:1px solid #d7e0eb;border-radius:7px}.onsite-scene-checks{border-top:1px solid #e6edf5;padding-top:15px}.onsite-scene-checks strong{width:100%;color:#26344a}.onsite-form-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.onsite-form-actions button:not(.onsite-primary),.onsite-auto-settings button{border:1px solid #d8e1ef;color:#40536e;background:#fff;border-radius:9px;padding:10px 14px;font-weight:800}.onsite-hint{color:#8a99ae;font-size:13px}
.onsite-preview-panel{position:sticky;top:12px}.onsite-tv-screen{position:relative;aspect-ratio:16/9;overflow:hidden;border:8px solid #1c2636;border-radius:10px;background:radial-gradient(circle at 65% 42%,#4b3318,#07090d 65%);color:#fff7df;box-shadow:0 15px 30px #1a2e4c26}.onsite-tv-screen img{position:absolute;left:30%;width:52%;height:100%;object-fit:cover}.onsite-tv-shade{position:absolute;inset:0;background:linear-gradient(90deg,#07090d 0%,#07090dbb 30%,transparent 53%,#07090dbb 82%,#07090d)}.onsite-tv-brand{position:absolute;left:4%;top:5%;font-weight:900;font-size:13px;color:#e3c070}.onsite-tv-brand small{font-size:7px;margin-left:4px;color:#fff}.onsite-tv-copy{position:absolute;top:35%;left:5%;width:44%;display:flex;flex-direction:column}.onsite-tv-copy small{color:#e6c477;font-size:10px;letter-spacing:.15em}.onsite-tv-copy strong{font-size:clamp(20px,2.8vw,54px);line-height:1.05;color:#e9c377;overflow-wrap:anywhere}.onsite-tv-person{position:absolute;right:4%;top:50%;width:25%;display:flex;flex-direction:column;text-shadow:0 1px 8px #000}.onsite-tv-person b{font-size:clamp(16px,2vw,38px);overflow-wrap:anywhere}.onsite-tv-person span{font-size:clamp(8px,.9vw,18px);color:#e6c687}.onsite-tv-footer{position:absolute;left:4%;bottom:4%;font-size:10px;color:#d9c491}.onsite-auto-settings,.onsite-brand-channels{margin-top:20px;border-top:1px solid #e6edf5;padding-top:16px}.onsite-auto-settings h4,.onsite-brand-channels h4{margin:0 0 5px;font-size:16px}.onsite-auto-settings p,.onsite-brand-channels p{margin:0 0 12px;font-size:12px;color:#91a0b6}.onsite-auto-settings label,.onsite-brand-channels label{display:flex;gap:8px;align-items:center;padding:7px 0;font-size:13px;color:#4b5e78}.onsite-auto-settings button{margin-top:8px}.onsite-photo-source{display:block}.onsite-photo-source>div{display:flex;gap:10px;margin-top:8px}.onsite-photo-source select{flex:1}.onsite-device-picker{margin-top:18px;border:1px solid #e2e9f2;border-radius:10px}.onsite-device-picker legend{font-weight:800}.onsite-device-picker p{color:#8696aa;font-size:12px}.onsite-device-picker label{display:inline-flex;margin-right:16px;color:#52627a;font-size:13px}
.onsite-avatar-row{display:flex;align-items:center;gap:10px;padding:8px 0}.onsite-avatar-row>span{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#edf2f8;color:#8a9aae;font-size:10px;overflow:hidden}.onsite-avatar-row img{width:100%;height:100%;object-fit:cover}.onsite-avatar-row button{border:0;background:none;color:#cf3550;font-size:12px}
.onsite-tv-screen{container-type:inline-size}.onsite-tv-copy strong{font-size:clamp(20px,8cqw,54px)}.onsite-tv-person b{font-size:clamp(16px,6cqw,38px)}.onsite-tv-person span{font-size:clamp(8px,3cqw,18px)}
@media(max-width:1250px){.onsite-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.onsite-preview-panel{grid-column:1/-1;position:static}.onsite-preview-panel .onsite-tv-screen{max-width:820px}}@media(max-width:950px){.onsite-grid,.onsite-photo-grid{grid-template-columns:1fr}.onsite-header{align-items:start;flex-direction:column}.onsite-item-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.onsite-field-grid{grid-template-columns:1fr}.onsite-item-list{grid-template-columns:repeat(2,minmax(0,1fr))}.onsite-panel{padding:14px}.onsite-header{padding:18px}.onsite-tabs{flex-wrap:wrap}}
.onsite-tv-screen.theme-red-gold{background:radial-gradient(circle at 65% 42%,#6a2818,#130b0a 65%)}
.onsite-tv-screen.theme-blue-gold{background:radial-gradient(circle at 65% 42%,#254167,#070f1c 65%)}
.onsite-end-honor{margin-top:12px;border:1px solid #ffc0cb;border-radius:9px;background:#fff8fa;color:#c52143;padding:10px 14px;font-weight:800;cursor:pointer}
.onsite-item{overflow:visible}.onsite-item-cover{border-radius:12px 12px 0 0}.onsite-item:has(details[open]){position:relative;z-index:9}
/* List-first workspace with a shared edit/preview layout. */
.cc-onsite-page .onsite-header { display:none; }
.cc-onsite-page .onsite-tabs { margin:0 0 18px; padding:4px; background:#eaf0f7; border-radius:12px; width:fit-content; }
.cc-onsite-page .onsite-tabs button { border:0; background:transparent; color:#65758c; padding:11px 24px; }
.cc-onsite-page .onsite-tabs button.is-active { background:#fff; color:#de2442; box-shadow:0 2px 7px #21385112; }
.cc-onsite-page .onsite-primary { background:#e82745!important; border-color:#e82745!important; border-radius:10px; min-height:42px; }
.cc-onsite-page .onsite-grid.is-list-view { grid-template-columns:minmax(0,1fr); }
.cc-onsite-page .onsite-item-list { grid-template-columns:repeat(auto-fill,minmax(265px,1fr)); }
.cc-onsite-page .onsite-empty { grid-column:1/-1; min-height:260px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:20px; }
.cc-onsite-page .onsite-grid.is-editor-view,.cc-onsite-page .onsite-photo-grid { grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:20px; align-items:start; }
.cc-onsite-page .onsite-workspace-toolbar { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:18px; }
.cc-onsite-page .onsite-workspace-toolbar > div { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.cc-onsite-page .onsite-workspace-toolbar strong { font-size:21px; }
.cc-onsite-page .onsite-workspace-toolbar span { font-size:13px; color:#7b899b; }
.cc-onsite-page .onsite-workspace-toolbar button { min-height:42px; padding:10px 16px; border:1px solid #d8e1ef; border-radius:10px; background:#fff; color:#40536e; font:inherit; font-size:14px; font-weight:700; cursor:pointer; }
.cc-onsite-page .onsite-workspace-settings { margin-top:20px; }
.cc-onsite-page .onsite-workspace-settings summary { cursor:pointer; font-weight:800; }
.cc-onsite-page .onsite-settings-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-top:18px; }
.cc-onsite-page .onsite-settings-grid > * { margin-top:0; border:0; padding-top:0; }
.cc-onsite-page .onsite-field-grid { gap:18px; }
.cc-onsite-page .onsite-auto-settings button { min-height:42px; }
.cc-onsite-page .onsite-filters button.is-active { color:#df2442; background:#fff0f3; border-color:#fac7d0; }
.cc-onsite-page .onsite-preview-panel { position:sticky; top:16px; }
.cc-onsite-page .onsite-panel { padding:24px; }
@media(max-width:1000px){.cc-onsite-page .onsite-grid.is-editor-view,.cc-onsite-page .onsite-photo-grid { grid-template-columns:minmax(0,1fr); }.cc-onsite-page .onsite-preview-panel { position:static; }.cc-onsite-page .onsite-settings-grid{grid-template-columns:minmax(0,1fr);}}
@media(max-width:600px){.cc-onsite-page .onsite-workspace-toolbar{align-items:stretch;flex-direction:column;}.cc-onsite-page .onsite-workspace-toolbar > div:last-child{justify-content:flex-end;}.cc-onsite-page .onsite-field-grid{grid-template-columns:minmax(0,1fr);}.cc-onsite-page .onsite-panel{padding:18px;}}

.cc-onsite-page .onsite-tabs { width:auto; flex-wrap:wrap; }
.cc-onsite-page .onsite-tabs .onsite-status { margin-left:auto; padding:10px; border:0; background:transparent; font-size:13px; font-weight:500; }

.cc-onsite-page .onsite-file-button { color:#dd2442; border-color:#f4bcc6; background:#fff5f7; }