/* Phase 1: TV Appearance Builder */
.tv-preview{padding:clamp(16px,1.8vw,30px)}.tv-hero{margin-top:clamp(22px,3vw,44px)}.tv-hero h2{font-size:clamp(20px,2.3vw,38px);margin:clamp(6px,.6vw,10px) 0}.tv-hero p{font-size:clamp(8px,.8vw,12px)}.tv-rail-label{margin-top:clamp(15px,2vw,28px);margin-bottom:6px}.tv-rail button{min-height:clamp(56px,7vw,98px);padding:clamp(8px,.9vw,13px);gap:4px}.tv-rail button b{font-size:clamp(10px,1.1vw,17px)}.tv-rail button span{font-size:clamp(7px,.65vw,10px)}
.appearance-page{max-width:1540px}.appearance-page .page-heading{margin-bottom:22px}.appearance-page .eyebrow{color:#2879f4;font-size:10px;margin:0 0 7px;letter-spacing:.12em}.appearance-actions{display:flex;gap:9px}.appearance-builder{display:grid;grid-template-columns:390px minmax(540px,1fr);gap:22px;align-items:start}.appearance-controls{border:1px solid #dfe5ec;border-radius:10px;background:#fff;overflow:hidden;min-height:650px}.appearance-tabs{padding:10px;border-bottom:1px solid #edf0f4;display:flex;gap:3px;overflow:auto}.appearance-tabs button{padding:8px 10px;white-space:nowrap;border-radius:6px;color:#6a7789;font-size:11px;font-weight:600}.appearance-tabs button.selected{background:#eaf2ff;color:#1f67d1}.appearance-panel{padding:20px}.appearance-panel-title{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:21px}.appearance-panel-title h3{margin:0;font-size:16px}.appearance-panel-title small{font-size:10px;color:#8a96a5}.builder-fields{display:grid;gap:16px}.builder-fields label{font-size:11px;font-weight:650;display:grid;gap:7px;color:#3b4757}.builder-fields input:not([type=range]):not([type=color]),.builder-fields select{width:100%;box-sizing:border-box;border:1px solid #dfe5ec;border-radius:6px;padding:10px;font:12px "DM Sans";background:#fff;color:#253246}.builder-fields input[type=color]{width:100%;height:41px;border:1px solid #dfe5ec;border-radius:6px;padding:3px;background:#fff}.builder-fields output{margin-left:auto;color:#758193;font-weight:500}.builder-fields input[type=range]{accent-color:#2879f4;width:100%}.video-placeholder{border:1px dashed #bfc9d5;border-radius:7px;padding:16px;text-align:center;color:#5c6a7c;font-size:12px;background:#f9fafc}.video-placeholder small{color:#929dac;font-size:10px}.template-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.template{border:1px solid #dce3eb;border-radius:7px;padding:11px;text-align:left;display:grid;gap:5px}.template i{height:35px;background:linear-gradient(120deg,#1c4070,#8ee4d6);border-radius:4px}.template:nth-child(3) i{background:linear-gradient(120deg,#38665b,#f4c879)}.template:nth-child(4) i{background:linear-gradient(120deg,#263b58,#8bc7d7)}.template:nth-child(5) i{background:linear-gradient(120deg,#6a455f,#f0a6b8)}.template b{font-size:11px}.template small{font-size:9px;color:#7b8796}.template.active{border:2px solid #2879f4;padding:10px;box-shadow:0 0 0 3px #2879f414}.template-grid>label{font-size:11px;font-weight:600;display:grid;gap:6px}.template-grid select{border:1px solid #dfe5ec;border-radius:6px;padding:9px;background:#fff;font:11px "DM Sans"}.menu-builder>p{font-size:11px;line-height:1.5;color:#778493;margin:0 0 12px}.menu-editor{display:grid;grid-template-columns:18px 1fr 24px 24px 42px 24px;align-items:center;gap:4px;border:1px solid #e2e7ed;border-radius:7px;padding:6px 7px;margin:7px 0}.menu-editor.disabled{opacity:.48;background:#f5f7f9}.menu-editor>span{color:#8a96a3;font-size:14px}.menu-editor input{border:0!important;padding:6px!important;font-weight:600;background:transparent!important}.menu-editor button{font-size:11px;color:#667486}.menu-editor .switch{border:1px solid #bfd0e8;border-radius:10px;padding:3px 4px;font-size:9px}.menu-editor .switch.on{background:#e4f6f1;color:#118471;border-color:#a8e2d5}.add-menu{margin-top:8px;border:1px dashed #9db9e2;border-radius:6px;width:100%;padding:10px;color:#2879f4;font-size:11px;font-weight:600}.check-line{display:flex!important;grid-template-columns:18px 1fr;align-items:center}.check-line input{width:15px;height:15px}.advanced-note{padding:12px;background:#f4f7fb;border-radius:6px;font-size:11px;line-height:1.55;color:#677689}.tv-preview-wrap{min-width:0}.tv-preview-caption{display:flex;justify-content:space-between;margin:0 0 8px;color:#687789;font:10px "DM Mono";letter-spacing:.08em}.tv-preview-caption small{font:10px "DM Sans";letter-spacing:0}.tv-preview{aspect-ratio:16/9;border-radius:11px;position:relative;overflow:hidden;background-position:center;background-size:cover;color:var(--tv-text);box-shadow:0 18px 38px #17283e20;padding:clamp(20px,3vw,48px);box-sizing:border-box}.tv-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#06101c12,#06101ca8);pointer-events:none}.tv-preview>*:not(.tv-overlay){position:relative;z-index:1}.tv-top{display:flex;align-items:center;gap:8px;font-size:clamp(7px,.75vw,12px);letter-spacing:.1em}.tv-logo{width:clamp(15px,1.5vw,25px);height:clamp(15px,1.5vw,25px);color:var(--tv-accent);display:grid;place-items:center;font-size:clamp(13px,1.4vw,24px)}.tv-logo img{max-width:100%;max-height:100%;object-fit:contain;border-radius:3px}.tv-top b{font-weight:600}.tv-top time{margin-left:auto;color:var(--tv-text);font-weight:600;letter-spacing:0}.tv-top.clock-left{flex-direction:row-reverse;justify-content:flex-end}.tv-top.clock-left time{margin-left:0}.tv-hero{margin-top:clamp(36px,7vw,110px);max-width:65%}.tv-preview.center .tv-hero{text-align:center;margin-left:auto;margin-right:auto}.tv-hero small,.tv-rail-label{font:clamp(7px,.72vw,12px) "DM Mono";letter-spacing:.15em;color:var(--tv-accent)}.tv-hero h2{font:clamp(21px,3.2vw,53px) "Playfair Display";line-height:.98;letter-spacing:-.06em;margin:clamp(8px,1vw,16px) 0}.tv-hero p{font-size:clamp(8px,.9vw,14px);color:var(--tv-muted);margin:0}.tv-rail-label{margin-top:clamp(25px,5vw,72px);margin-bottom:8px;color:var(--tv-text)}.tv-rail{display:flex;gap:clamp(6px,.8vw,13px);overflow:hidden}.tv-rail.grid{display:grid;grid-template-columns:repeat(3,1fr)}.tv-rail button{flex:0 0 28%;min-width:0;min-height:clamp(75px,10vw,145px);border-radius:var(--tv-radius);padding:clamp(9px,1.2vw,18px);text-align:left;display:flex;flex-direction:column;justify-content:flex-end;gap:5px;background:color-mix(in srgb,var(--tv-primary) 88%,#fff);color:var(--tv-text);border:1px solid #ffffff2d;transition:.18s}.tv-rail button small{font:clamp(6px,.6vw,10px) "DM Mono";letter-spacing:.12em;color:var(--tv-accent)}.tv-rail button b{font-size:clamp(11px,1.4vw,22px);line-height:1.05}.tv-rail button span{font-size:clamp(7px,.7vw,11px);color:var(--tv-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tv-rail button.focused{border:2px solid var(--tv-accent);transform:scale(1.055);box-shadow:0 0 20px color-mix(in srgb,var(--tv-accent) 55%,transparent);z-index:1}.tv-preview.square .tv-rail button{border-radius:3px}.tv-preview.glass .tv-rail button{background:#ffffff22;backdrop-filter:blur(7px)}.preview-controls{display:flex;align-items:center;gap:7px;margin-top:11px}.preview-controls span{font-size:10px;color:#7a8797;margin-right:auto}.preview-controls button{border:1px solid #dfe5ec;border-radius:5px;padding:7px 9px;font-size:10px;color:#536174;background:white}@media(max-width:1100px){.appearance-builder{grid-template-columns:1fr}.appearance-controls{min-height:auto}.tv-preview-wrap{max-width:850px}.tv-preview{position:relative}}@media(max-width:600px){.appearance-page .page-heading{display:block}.appearance-actions{margin-top:15px}.appearance-builder{gap:14px}.template-grid{grid-template-columns:1fr}.tv-preview{border-radius:7px}.tv-rail button{flex-basis:42%}}