:root{--bg:#061326;--pane:#0b1a2f;--card:#0e223e;--panel:#0f2541;--accent:#2879ff;--accent2:#54a0ff;--text:#f1f6ff;--muted:#8c9fb9;--stroke:#223652;--green:#20ddab;--rowheight:67px;--stationwidth:210px;--colwidth:960px;color-scheme:dark}
*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:'DM Sans',Inter,Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #65acff;outline-offset:2px}svg.ico{width:20px;height:20px;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round;fill:none;flex:none}button svg.ico{pointer-events:none}.hidden{display:none!important}.app-shell{display:flex;height:100vh;min-height:620px;overflow:hidden;background:radial-gradient(ellipse 70% 40% at 55% -10%,#12417950,transparent),linear-gradient(130deg,#071b32,#061222 80%)}
.rail{width:83px;flex:none;background:#050e1b;border-right:1px solid #192b42;display:flex;flex-direction:column;align-items:center;padding:29px 8px 22px;z-index:2}.rail-brand{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(130deg,#2597ff,#0744a6);box-shadow:0 5px 22px #246fff38;margin-bottom:57px;font-size:32px;color:#fff}.brand-wave{transform:rotate(15deg);font-weight:800}.rail-menu,.rail-bottom{display:flex;align-items:center;flex-direction:column;gap:12px;width:100%}.rail-bottom{margin-top:auto}.rail-item{width:65px;min-height:64px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;color:#7990ac;border:0;border-radius:11px;background:transparent;font-size:10px;font-weight:700}.rail-item .ico{width:23px;height:23px}.rail-item:hover{color:white;background:#132a45}.rail-item.active{color:#fff;background:#0d3364;box-shadow:inset 3px 0 #4097ff}.main-area{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:77px;min-height:77px;border-bottom:1px solid #1a2c43;display:flex;align-items:center;padding:0 35px;gap:57px;background:#071628c4}.wordmark{font-family:Outfit,sans-serif;font-size:21px;font-weight:800;letter-spacing:-.65px;white-space:nowrap}.wordmark-symbol{font-size:17px;letter-spacing:-7px;margin-right:17px;color:#53a1ff}.wordmark-light{color:#48a5ff;font-size:11px;letter-spacing:2.1px;margin-left:6px}.nav-links{height:100%;display:flex;align-items:center;gap:31px}.navtop{height:100%;padding:0 3px;color:#8699b3;border:0;background:none;font-weight:700;font-size:13px;position:relative;white-space:nowrap}.navtop.active{color:white}.navtop.active:after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;border-radius:3px 3px 0 0;background:#4090ff}.header-right{display:flex;align-items:center;gap:22px;margin-left:auto}.online-indicator{font-size:10px;letter-spacing:1.5px;color:#8db6ec;font-weight:800;white-space:nowrap}.online-indicator span{display:inline-block;width:7px;height:7px;background:#22d6a4;border-radius:50%;margin-right:5px;box-shadow:0 0 12px #20eaaa}.clock{font-weight:700;font-size:13px;white-space:nowrap}.header-avatar{width:37px;height:37px;background:linear-gradient(140deg,#188ff9,#4a45dd);border:1px solid #4b90dd;color:white;border-radius:8px;font-size:17px;font-weight:800}.content{overflow:auto;padding:27px 37px 20px;scrollbar-width:thin;scrollbar-color:#254c7e transparent}.page-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px}.eyebrow{font-size:10px;color:#58a7ff;letter-spacing:2.6px;font-weight:800;margin-bottom:9px}.page-heading h1{font-family:Outfit,sans-serif;font-size:31px;letter-spacing:-.8px;margin:0;font-weight:700}.heading-dot{color:#348cff}.page-heading p{margin:6px 0 0;font-size:12px;color:#91a4bd}.clock-date{font-size:11px;color:#91a4bd;font-weight:700;letter-spacing:.3px}.hero{display:grid;grid-template-columns:minmax(400px,1.42fr) minmax(330px,1fr);gap:0;border:1px solid #254369;border-radius:16px;overflow:hidden;background:linear-gradient(122deg,#122949,#091c33);box-shadow:0 18px 45px #0003}.hero-video{position:relative;aspect-ratio:16/9;background:radial-gradient(circle at 50% 50%,#163e6a,#040b15 74%);overflow:hidden;display:flex;align-items:center;justify-content:center}.media-holder{position:absolute;inset:0;z-index:1}.media-holder video{width:100%;height:100%;object-fit:contain;background:black}.youtube-holder>div,.youtube-holder iframe{width:100%;height:100%}.player-empty{display:flex;flex-direction:column;align-items:center;gap:12px;color:#a4b9d2;z-index:0}.empty-graphic{font-size:70px;color:#1e6fc9;letter-spacing:-25px;margin-right:25px}.player-empty b{font-size:18px;color:#dae9fc}.player-empty span{font-size:12px}.player-top,.player-bottom{position:absolute;z-index:4;left:20px;right:20px;display:flex;align-items:center}.player-top{top:16px;justify-content:space-between;pointer-events:none}.onair,.quality-pill{display:flex;align-items:center;padding:7px 10px;border-radius:5px;color:white;background:#0b1327c9;font-size:10px;font-weight:800;letter-spacing:1.2px;backdrop-filter:blur(10px)}.live-pulse{width:7px;height:7px;border-radius:50%;background:#f34a50;margin-right:8px;box-shadow:0 0 9px #e82b35}.quality-pill{background:#1e314dcc;color:#e6eef9}.player-bottom{bottom:15px;background:#08182c99;backdrop-filter:blur(12px);padding:5px 9px;border-radius:9px;gap:10px}.player-icon{height:34px;width:34px;display:grid;place-items:center;background:none;color:white;border:0;border-radius:7px}.player-icon:hover{background:#ffffff22}.player-channel{font-weight:800;font-size:11px;letter-spacing:1.3px;flex:1}.hero-information{padding:27px 29px;display:flex;flex-direction:column;min-width:0}.meta-top{display:flex;align-items:center;justify-content:space-between}.meta-live{font-size:10px;font-weight:800;color:#23e4aa;letter-spacing:1.1px}.meta-number{font-size:10px;font-weight:800;color:#99b5d9;letter-spacing:1px}.hero-information h2{font-family:Outfit,sans-serif;font-size:clamp(21px,2vw,29px);line-height:1.17;letter-spacing:-.5px;margin:16px 0 8px;max-height:96px;overflow:hidden}.hero-description{color:#91a9c7;line-height:1.55;font-size:12px;margin:0 0 17px;min-height:28px}.channel-name-big{display:flex;align-items:center;gap:11px;margin:1px 0 17px;font-size:12px;font-weight:800}.channel-name-logo{width:42px;height:42px;border-radius:7px;display:grid;place-items:center;background:#115ea6;border:1px solid #3985cf;color:white;font-family:Outfit,sans-serif;font-weight:800;font-size:13px}.channel-name-big small{display:block;margin-top:4px;font-size:10px;font-weight:600;color:#7e99b7}.progress-title{display:flex;justify-content:space-between;color:#b2c5d9;font-size:10px;font-weight:700}.progress-rail{height:4px;background:#2b4462;border-radius:4px;overflow:hidden;margin:9px 0 17px}.progress-rail div{height:100%;width:0;background:linear-gradient(90deg,#1ed69b,#4af2bd);transition:width 1s linear}.upnext{display:flex;align-items:center;gap:11px;margin-bottom:20px}.upnext-icon{width:33px;height:33px;display:grid;place-items:center;border:1px solid #3e5979;border-radius:9px;color:#9cb7d4}.upnext-icon .ico{width:16px;height:16px}.upnext small{display:block;color:#8aa4c0;font-size:9px;font-weight:800;letter-spacing:1px;margin-bottom:4px}.upnext strong{font-size:11px;font-weight:700}.hero-actions{display:flex;gap:10px;margin-top:auto;flex-wrap:wrap}.button-primary{border:1px solid #398afa;background:linear-gradient(120deg,#2082fa,#1468e5);border-radius:7px;color:#fff;padding:11px 15px;font-size:12px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.button-primary:hover{background:#3b95ff}.button-secondary{border:1px solid #36526f;background:#163354;border-radius:7px;color:#c9ddf2;padding:10px 13px;font-size:11px;font-weight:800;display:flex;align-items:center;gap:7px}.button-secondary:hover,.button-secondary.is-favorite{color:#fff;border-color:#437ac6;background:#204e80}.button-primary .ico,.button-secondary .ico{width:15px;height:15px}.section-line{display:flex;justify-content:space-between;align-items:center;margin:29px 0 16px}.section-line h3{font-family:Outfit,sans-serif;font-size:20px;font-weight:700;letter-spacing:-.2px;margin:0}.section-line p{color:#87a0bd;font-size:11px;margin:4px 0 0}.text-link{border:0;background:none;display:flex;align-items:center;gap:5px;color:#68adff;font-weight:800;font-size:11px}.text-link .ico{height:15px;width:15px}.feature-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.feature-card{border:1px solid #294462;background:#101e34;border-radius:10px;padding:0;overflow:hidden;min-width:0;text-align:left;color:white;transition:transform .12s,border-color .12s}.feature-card:hover,.feature-card.selected{border-color:#4698ff;transform:translateY(-2px)}.feature-art{aspect-ratio:1.9/1;position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 55% 40%,var(--channel-light),transparent 60%),linear-gradient(125deg,var(--channel-color),#09192b 78%)}.feature-watermark{font-family:Outfit,sans-serif;font-size:27px;font-weight:800;line-height:1.02;letter-spacing:-1px;text-align:center;text-shadow:0 4px 25px #0008;padding:10px}.feature-live{position:absolute;bottom:8px;left:9px;background:#1ddcb1;color:#06241c;border-radius:3px;padding:3px 6px;font-size:9px;font-weight:900}.feature-channel{position:absolute;bottom:8px;right:8px;background:#081a30c9;padding:3px 6px;font-size:9px;font-weight:800;border-radius:3px}.feature-copy{padding:12px}.feature-copy strong{font-size:11px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feature-copy small{font-size:10px;color:#94aac1;display:block;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.section-live{font-size:9px;color:#1adea5;margin-left:8px;letter-spacing:1.2px;vertical-align:3px}.guide-actions{display:flex;align-items:center;gap:7px}.small-button,.icon-small{border:1px solid #345572;background:#102944;color:#ccddf0;border-radius:7px;padding:8px 12px;font-size:11px;font-weight:800;display:inline-flex;align-items:center;gap:6px}.small-button:hover,.icon-small:hover{background:#1d4269}.icon-small{font-size:21px;width:32px;height:32px;justify-content:center;padding:0}.controls-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 15px}.category-bar{display:flex;gap:8px;align-items:center;overflow-x:auto;scrollbar-width:none}.category-pill{white-space:nowrap;border-radius:17px;border:1px solid #28425f;background:transparent;padding:7px 13px;color:#96acc4;font-size:11px;font-weight:700}.category-pill.active{background:#1e6bce;color:#fff;border-color:#3e8deb}.search-box{min-width:235px;width:260px;display:flex;align-items:center;gap:9px;border:1px solid #294365;border-radius:9px;padding:0 11px;background:#0a1c32}.search-box .ico{color:#86a4c8;width:17px;height:17px}.search-box input{border:0;background:transparent;color:#fff;width:100%;outline:0;font-size:11px;padding:10px 0}.search-box input::placeholder{color:#6984a5}.epg-shell{border:1px solid #294365;border-radius:12px;background:#07172c;overflow:hidden}.epg-viewport{overflow-x:auto;scrollbar-color:#23486e #081525;scrollbar-width:thin}.epg-ruler{display:flex;background:#0e2139;position:sticky;top:0;z-index:4;min-width:calc(var(--stationwidth) + var(--colwidth));height:44px;border-bottom:1px solid #2a4766}.epg-station-label{flex:0 0 var(--stationwidth);background:#10243e;padding:15px 16px;color:#87a4c5;font-size:9px;font-weight:800;letter-spacing:1px;border-right:1px solid #2a4766}.epg-times{display:flex;width:var(--colwidth);position:relative}.time-slot{width:25%;border-right:1px solid #2a405b;padding:13px 15px;font-size:10px;letter-spacing:.5px;font-weight:700;color:#9ab0ca}.epg-row{height:var(--rowheight);display:flex;min-width:calc(var(--stationwidth) + var(--colwidth));border-bottom:1px solid #1c324d}.epg-row:hover{background:#0d2745}.epg-row.playing{background:#102d50}.epg-station{width:var(--stationwidth);flex:none;display:flex;align-items:center;padding:7px 11px;gap:10px;border-right:1px solid #2b4461;background:#0a1b31;position:sticky;left:0;z-index:2;cursor:pointer}.epg-station:hover{background:#163552}.epg-row.playing .epg-station{background:#133a6a}.epg-number{font-size:11px;color:#8ca8c8;font-weight:700;min-width:27px;text-align:right}.epg-logo{width:42px;height:40px;flex:none;display:grid;place-items:center;border-radius:6px;font-size:11px;font-family:Outfit,sans-serif;font-weight:800;background:linear-gradient(145deg,var(--chcolor),#071427);border:1px solid #ffffff20}.epg-station-text{min-width:0;flex:1}.epg-station-text strong{display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.epg-station-text small{display:block;font-size:9px;color:#7999b7;margin-top:3px}.epg-fave{color:#718da9;font-size:16px;background:none;border:0;padding:2px}.epg-fave.faved{color:#ffe094}.epg-timeline{height:100%;width:var(--colwidth);flex:none;position:relative}.epg-program{position:absolute;top:5px;bottom:5px;border:1px solid #274867;background:#132b49;border-radius:6px;color:#ecf5ff;overflow:hidden;padding:9px 11px;text-align:left;transition:background .1s}.epg-program:hover{background:#254e79;border-color:#4b90dc;z-index:3}.epg-program.current{border-color:#327fdf;background:linear-gradient(100deg,#16477f,#173454)}.epg-program.current:after{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:#20dab0}.epg-program b{display:block;font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.epg-program small{display:block;color:#8fa8c1;font-size:9px;margin-top:6px;white-space:nowrap}.epg-program em{color:#1bebaf;font-size:9px;font-weight:900;font-style:normal;margin-right:7px}.now-line{position:absolute;top:0;bottom:0;width:2px;background:#31dfb2;z-index:3;pointer-events:none}.now-line:before{content:'';width:7px;height:7px;border-radius:50%;background:#31dfb2;position:absolute;top:0;left:-2px;box-shadow:0 0 9px #31dfb2}.epg-empty{padding:22px;color:#687e9b;font-size:12px}.guide-footer{display:flex;justify-content:space-between;padding:13px 17px;color:#839cba;font-size:10px;font-weight:700;letter-spacing:.3px}.tiny-live{display:inline-block;width:6px;height:6px;background:#28d8a9;border-radius:50%;margin-right:5px}.footer{display:flex;justify-content:space-between;align-items:center;color:#5f7898;font-size:10px;padding:30px 3px 6px;gap:10px}.footer b{color:#c2d5ed}.footer span{margin-left:11px;letter-spacing:1px;font-size:9px}
.modal-backdrop{position:fixed;inset:0;z-index:20;background:#000b;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:15px}.studio-window{width:min(1000px,97vw);height:min(780px,94vh);background:#081a30;border:1px solid #36618d;border-radius:17px;overflow:hidden;box-shadow:0 18px 90px #000b;display:flex;flex-direction:column}.studio-head{padding:23px 28px 17px;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #264461}.studio-head h2{font-family:Outfit,sans-serif;margin:0;font-size:25px}.studio-head p{font-size:11px;color:#91acc8;margin:6px 0 0}.icon-close{background:#102b47;color:#d0e6ff;border:1px solid #315576;border-radius:8px;width:35px;height:35px;display:grid;place-items:center}.login-pane{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:30px}.login-icon{width:68px;height:68px;border-radius:18px;background:#17477a;display:grid;place-items:center;color:#97c9ff}.login-icon .ico{width:32px;height:32px}.login-pane h3{font-size:22px;margin:20px 0 6px}.login-pane p{font-size:12px;color:#92a9c5;text-align:center}.login-pane form{display:flex;gap:10px;margin:18px 0}.login-pane input{padding:11px 13px;border:1px solid #385775;border-radius:7px;background:#0e2843;color:#fff;min-width:240px}.form-error{color:#fa8282;font-size:12px;min-height:18px}.studio-pane{flex:1;display:flex;flex-direction:column;min-height:0}.studio-tabs{display:flex;gap:6px;padding:0 24px;border-bottom:1px solid #23425f}.studio-tab{padding:16px 18px;border:0;background:none;color:#95adc6;font-size:12px;font-weight:800;position:relative}.studio-tab.active{color:#fff}.studio-tab.active:after{content:'';position:absolute;bottom:0;left:0;right:0;background:#3385f2;height:3px}.studio-body{flex:1;min-height:0;overflow-y:auto;padding:24px 26px;scrollbar-width:thin}.studio-panel h3{font-family:Outfit,sans-serif;font-size:16px;margin:0}.studio-panel p{font-size:12px;color:#94a9c5;line-height:1.55}.studio-two-col{display:grid;grid-template-columns:minmax(210px,.85fr) minmax(300px,1.4fr);gap:24px}.studio-left{border:1px solid #29455f;border-radius:9px;overflow:hidden;background:#0b233b}.subhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.studio-left .subhead{padding:15px 13px 8px;margin:0}.add-circle{background:#1a66b7;border:0;border-radius:6px;color:#fff;font-size:20px;line-height:25px;width:27px}.admin-channel-list{max-height:448px;overflow-y:auto;padding:0 7px 10px;scrollbar-width:thin}.admin-channel{display:flex;align-items:center;gap:11px;width:100%;text-align:left;background:none;border:0;color:#c7d9eb;padding:11px;border-radius:7px;font-size:11px}.admin-channel.active,.admin-channel:hover{background:#17436e}.admin-channel span{color:#81a7cb;width:33px}.studio-right{border:1px solid #29455f;background:#0b233b;border-radius:9px;padding:20px}.field-form{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:18px}.field-form label{font-size:11px;font-weight:700;color:#9db8d5;display:flex;flex-direction:column;gap:7px}.field-form label:nth-child(4){grid-column:1/-1}.field-form input,.field-form textarea,.studio-panel input,.studio-panel select{background:#071a2e;border:1px solid #305171;color:#edf6ff;border-radius:7px;padding:10px;font-size:12px;min-width:0}.field-form input[type=color]{height:41px;width:100%}.field-form .toggle-label{display:flex;flex-direction:row;align-items:center;gap:8px}.form-actions{grid-column:1/-1;display:flex;gap:10px}.button-danger{background:#4f1e2a;border:1px solid #984555;color:#ffb1b8;border-radius:7px;padding:10px 13px;font-weight:800;font-size:11px}.button-danger:hover{background:#73303c}.library-header{margin-bottom:17px}.import-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:25px}.import-box{background:#10263e;border:1px solid #325073;border-radius:10px;padding:16px;display:flex;gap:11px;flex-direction:column}.import-heading{display:flex;align-items:center;gap:9px}.import-heading .ico{color:#59a5ff}.import-box p{margin:0;min-height:39px}.import-box input{width:100%}.import-box input[type=file]{max-width:100%;font-size:10px}.import-box button{align-self:flex-start}.import-box small{color:#839cbb;font-size:10px}.yt-icon{background:#e32936;border-radius:6px;padding:3px 8px;font-size:12px}.upload-progress{height:6px;border-radius:7px;background:#28425f;overflow:hidden}.upload-progress div{height:100%;width:0;background:#33dfac}.media-library-list{display:flex;flex-direction:column;gap:7px;max-height:400px;overflow:auto}.media-item{padding:12px;border:1px solid #25425f;border-radius:8px;background:#0e253e;display:flex;align-items:center;gap:12px}.media-kind{background:#16549a;color:#d3eaff;min-width:50px;text-align:center;border-radius:5px;padding:6px;font-size:9px;font-weight:900}.media-kind.youtube{background:#a32935}.media-kind.processing{background:#75551f}.media-item-main{flex:1;min-width:0}.media-item-main b{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-item-main small{display:block;color:#8caac8;font-size:10px;margin-top:5px}.media-actions{display:flex;gap:6px}.media-actions button,.schedule-row button{background:#173959;color:#cee3f8;border:1px solid #376184;border-radius:6px;padding:7px 9px;font-size:11px}.media-actions button:hover,.schedule-row button:hover{background:#22619c}.schedule-toolbar{display:flex;align-items:end;justify-content:space-between;gap:15px}.schedule-toolbar label{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#90abca;font-weight:700}.schedule-toolbar select{min-width:250px}.context-note{background:#0d2a48;border-left:3px solid #388de8;padding:11px 14px;border-radius:4px;margin:16px 0 25px}.schedule-list{display:flex;flex-direction:column;gap:8px}.schedule-row{display:flex;align-items:center;gap:10px;border:1px solid #2e4d6c;border-radius:8px;padding:11px;background:#112b45}.schedule-seq{width:21px;color:#789fc2;font-weight:800}.schedule-row-text{flex:1;min-width:0}.schedule-row-text b{font-size:12px;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.schedule-row-text small{font-size:10px;color:#89a3bc;margin-top:5px;display:block}.add-to-playlist{display:flex;gap:10px;margin-top:17px}.add-to-playlist select{flex:1;min-width:0}.schedule-hint{font-size:10px;color:#789bb9;margin-top:11px}.system-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.system-stat{background:#112d4c;border:1px solid #335a82;border-radius:10px;padding:20px}.system-stat span{display:block;font-size:28px;font-weight:800;font-family:Outfit,sans-serif}.system-stat small{color:#8eafcd;font-weight:800;font-size:9px;letter-spacing:1px}.system-card{padding:18px;background:#102942;border:1px solid #2d4e6e;border-radius:10px;margin-bottom:12px}.system-card p{max-width:670px}.toast{position:fixed;bottom:24px;right:28px;z-index:30;max-width:min(440px,80vw);background:#164477;color:#f1f7ff;border:1px solid #569de5;border-radius:9px;box-shadow:0 8px 32px #0009;padding:15px 19px;font-size:12px;font-weight:700}
@media(max-width:1250px){.hero{grid-template-columns:1.2fr 1fr}.hero-information{padding:19px}.hero-description{margin-bottom:9px}.upnext{margin-bottom:10px}.content{padding:25px}.feature-strip{grid-template-columns:repeat(4,1fr)}.feature-card:nth-child(5){display:none}.topbar{gap:25px}.nav-links{gap:18px}.online-indicator{display:none}}
@media(max-width:1000px){.hero{grid-template-columns:1fr}.hero-information{padding:25px}.hero-information h2{font-size:26px}.hero-video{max-height:55vh}.feature-strip{grid-template-columns:repeat(3,1fr)}.feature-card:nth-child(4){display:none}.nav-links{display:none}.content{padding:20px}.clock-date{display:none}.controls-row{align-items:stretch;flex-wrap:wrap}.search-box{width:100%}}
@media(max-width:600px){.rail{width:59px;padding:15px 4px}.rail-brand{width:37px;height:37px;margin-bottom:29px}.rail-item{width:49px;min-height:58px}.rail-item span{font-size:9px}.topbar{padding:0 14px;height:61px;min-height:61px}.wordmark{font-size:17px}.wordmark-light{font-size:9px}.header-right{gap:10px}.clock{font-size:10px}.content{padding:18px 12px}.page-heading h1{font-size:27px}.hero-video{max-height:unset}.hero-information{padding:21px}.feature-strip{grid-template-columns:repeat(2,1fr)}.feature-card:nth-child(3){display:none}.section-line h3{font-size:18px}.section-line{gap:8px}.section-line p{font-size:10px}.text-link{font-size:10px}.guide-actions{gap:4px}.epg-shell{--stationwidth:165px}.epg-station{padding:5px;gap:6px}.epg-logo{width:34px}.epg-number{min-width:25px}.epg-station-text strong{font-size:10px}.footer{display:block}.footer>div{margin-bottom:10px}.studio-two-col,.import-grid{grid-template-columns:1fr}.studio-window{height:96vh}.studio-body{padding:15px}.studio-head{padding:18px}.studio-tab{padding:13px 10px;font-size:11px}.studio-left .admin-channel-list{max-height:175px}.schedule-toolbar{flex-wrap:wrap}.schedule-toolbar select{min-width:0}.login-pane form{flex-direction:column}.form-actions{flex-wrap:wrap}.field-form{grid-template-columns:1fr}.field-form label:nth-child(4){grid-column:1}.system-grid{gap:6px}.system-stat{padding:12px}.system-stat span{font-size:20px}.hero-actions{gap:7px}}

.feature-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.57}.feature-art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#05132a88,#081a3110 70%);pointer-events:none}.feature-watermark{position:relative;z-index:1;filter:drop-shadow(0 2px 6px #0009);font-size:clamp(14px,1.65vw,25px)}.feature-live,.feature-channel{z-index:2}

/* IT-TV film archive design system */
.wordmark{letter-spacing:1.4px}.wordmark-symbol{color:#45a6ff}.topbar{box-shadow:0 10px 30px #020b1b77}
.archive-banner{display:flex;align-items:center;gap:15px;background:linear-gradient(110deg,#10335b,#0b2342 58%,#152c4f);border:1px solid #2a679d;border-radius:10px;margin:0 0 18px;padding:13px 17px;box-shadow:inset 0 1px #ffffff13}
.archive-banner .archive-spark{font-size:21px;color:#54b6ff}.archive-banner div{flex:1;min-width:0}.archive-banner strong{display:block;font-size:10px;letter-spacing:1.7px;color:#f0f8ff}.archive-banner small{display:block;font-size:11px;color:#9fc4e8;margin-top:5px;line-height:1.4}
.archive-banner button,.credits-link{background:transparent;border:1px solid #4579a9;border-radius:7px;padding:9px 12px;color:#d5efff;font-size:11px;font-weight:800;white-space:nowrap}
.archive-banner.fully-ready{border-color:#217c94}.archive-status{background:#102d4b;border:1px solid #2e608b;border-radius:8px;padding:13px 15px;color:#d8eafc;font-size:12px;margin-bottom:12px}.archive-tools{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:17px}
.media-kind.archive-kind{background:#20637b}.archive-attribution{color:#aac3d8!important;margin-top:6px!important}.archive-attribution a{color:#64b6fa!important;text-decoration:underline!important}
.credits-window{width:min(830px,95vw);max-height:88vh;background:#091e37;border:1px solid #366a94;border-radius:14px;display:flex;flex-direction:column;box-shadow:0 30px 85px #000b}
.credits-head{display:flex;justify-content:space-between;padding:23px 26px;gap:10px;border-bottom:1px solid #2f5173}.credits-head h2{font-size:22px;margin:7px 0}.credits-head p{font-size:12px;color:#9cb7d2;margin:0}
.credits-list{overflow-y:auto;min-height:150px;padding:10px 22px 25px}.credit-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #24445f;padding:13px 4px;gap:15px}.credit-row strong{font-size:12px;display:block;margin-bottom:6px}.credit-row small{font-size:11px;color:#95b7d2}.credit-row a{color:#69b4fd;font-size:11px;white-space:nowrap}
@media(max-width:750px){.archive-banner{align-items:flex-start;flex-wrap:wrap}.credits-link{display:none}.credit-row{align-items:flex-start;flex-direction:column}.credits-list{padding:10px 14px}.credit-row a{font-size:12px}}