:root{color-scheme:dark;--bg:#100f16;--surface:#1b1924;--border:#373244;--text:#faf6f3;--muted:#bbb4c4;--hot:#ff6e64;--gold:#ffc18c;--green:#75e3ac;font:16px/1.55 system-ui,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button,.button,input,select{font:inherit;color:inherit;border:1px solid var(--border);border-radius:7px;padding:9px 14px;background:#231f30}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;font-weight:650;cursor:pointer}button:hover,.button:hover{border-color:var(--hot)}:focus-visible{outline:2px solid var(--gold);outline-offset:3px}button:disabled{opacity:.45;cursor:default}.accent{background:var(--hot);border-color:var(--hot);color:#1b0e10}.glass{background:#15111baf;border-color:#5a4b5c}.quiet{background:transparent;border-color:transparent}.nav,.footer{min-height:76px;padding:12px clamp(20px,6vw,94px);display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #2e2637;background:#131119}.nav nav,#accountNav,.actions,.hero-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.nav nav{gap:28px;font-size:.93rem;color:var(--muted)}.brand{font-size:1.35rem;font-weight:800;letter-spacing:-.06em;white-space:nowrap;display:inline-flex;align-items:center}.brand>span:last-child{color:var(--hot)}.logo{display:inline-grid;place-items:center;width:32px;height:32px;margin-right:9px;background:var(--hot);border-radius:8px;font-size:.76rem;color:#211317}.hero{min-height: min(670px,80vh);display:grid;align-items:center;background:linear-gradient(90deg,#121019 0%,#121019f2 20%,#1510219e 49%,#15102108 100%),linear-gradient(0deg,#100f16 0%,#100f1600 31%),url('/hero.webp') right 43%/cover no-repeat,radial-gradient(ellipse at 76% 48%,#773752,#241635 38%,#120f17 72%);border-bottom:1px solid #2a2332}.hero-content{padding:75px clamp(20px,8vw,128px);max-width:970px}.eyebrow,.hero-spec,.num,.tag{font-size:.74rem;font-weight:800;letter-spacing:.15em}.eyebrow{color:var(--gold);margin:0 0 12px}.eyebrow i,.monitors i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--hot);margin-right:8px;box-shadow:0 0 13px #ff6e6480}.hero h1{font-size:clamp(3rem,7.2vw,7rem);letter-spacing:-.075em;line-height:.96;margin:16px 0 22px;font-weight:820}.hero em{font-style:normal;color:var(--hot)}.lead{max-width:520px;color:#e1d6df;font-size:1.13rem;margin-bottom:27px}.hero-spec{margin-top:30px;color:var(--muted)}.hero-spec span{color:var(--hot)}.hero-spec b{padding:0 5px}.section{max-width:1450px;margin:auto;padding:52px clamp(20px,6vw,94px)}.section-title{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:22px}.section-title>p,.partner p,.feature p,.muted,.mode{color:var(--muted)}h2{font-size:clamp(1.8rem,3.4vw,3.25rem);line-height:1.08;letter-spacing:-.05em;margin:0}h3{margin:0 0 7px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature,.panel,.monitors article,dialog,.workspace-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:19px;min-width:0}.num{color:var(--gold)}.art{height:126px;margin:12px 0 17px;display:flex;align-items:center;justify-content:center;gap:9px;overflow:hidden;border-radius:7px;background:radial-gradient(ellipse at 60% 90%,#754358,#251b37 65%,#151320)}.art i{display:block;width:25%;height:50%;border:1px solid #fda89b8c;border-radius:6px;background:linear-gradient(135deg,#ff896160,#aa719830)}.art-switch i:nth-child(2){transform:scale(1.2);background:linear-gradient(135deg,#ff8961b0,#a4658640)}.art-distribute i{width:13%;height:34%;transform:rotate(-12deg);box-shadow:7px 7px #120f1766}.art-guest i{width:59px;height:59px;border-radius:50%;background:radial-gradient(circle at 50% 34%,#f7b194 13%,transparent 15%),radial-gradient(circle at 50% 84%,#f7b194 25%,#37223e 27%)}.partner{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid var(--border)}.footer{border-top:1px solid var(--border);font-size:.9rem;color:var(--muted)}.monitors,.desk,.workspace-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.monitors article{padding:0;overflow:hidden}.monitors h3{padding:9px 12px;font-size:.76rem;letter-spacing:.1em;display:flex;align-items:center;gap:3px;margin:0}.monitors h3 span{margin-left:auto;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:0;color:var(--muted)}.monitors .green{background:var(--green)}canvas{width:100%;display:block;background:#080b10}.transport{margin:12px 0 18px}.transport>span,output{color:var(--muted);font-size:.88rem}output{margin-left:auto}.tag{background:#33283a;border-radius:99px;padding:5px 11px;white-space:nowrap}.tag.live{background:#662331;color:#ffb6b8}.mode{background:#261e32;padding:9px 14px;border-radius:6px}.panel label,dialog label,.guest label,.workspace-card label{display:block;margin:8px 0 4px;color:var(--muted);font-size:.86rem}input:not([type=range],[type=checkbox]),select{width:100%}input[type=range],meter{accent-color:var(--hot);max-width:100%}meter{width:100%}.panel .actions{margin:8px 0}.panel a,.workspace-card a{color:var(--gold);overflow-wrap:anywhere}.audio-row,.source-row,.data-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:7px 0;border-bottom:1px solid var(--border)}.data-row{justify-content:space-between}.source-row .selected{border-color:var(--green)}.source-row .on-air{border-color:var(--hot)}.guest video{display:block;width:min(620px,100%);background:black;margin:20px 0;min-height:200px}.guest input{max-width:440px}.guest .actions{margin-top:12px}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:16px}dialog{color:var(--text);width:min(450px,calc(100% - 32px))}dialog::backdrop{background:#070610ce}#authMessage{color:var(--gold)}@media(max-width:760px){.nav nav{display:none}.hero{min-height:520px;background-position:64% center}.feature-grid,.desk,.workspace-grid{grid-template-columns:1fr}.section-title,.partner{align-items:start;flex-direction:column}.footer>span{display:none}}@media(max-width:500px){.nav .button{display:none}.monitors{grid-template-columns:1fr}.hero-content{padding-block:55px}}
/* Ailyakweb production workspace */
:root{--bg:#0e1017;--surface:#171b26;--border:#30394d;--text:#f4f6fb;--muted:#b0bbcd;--hot:#9bbcff;--gold:#a9c7ff;--green:#6cdbb2}
body{background:var(--bg)}.nav,.footer{background:#10131c;border-color:#252b39}.accent,.logo{color:#101b30}.hero{background:linear-gradient(90deg,#0e1018 0%,#0e1018ed 25%,#0e10184d 68%),linear-gradient(0deg,#0e1017 0%,#0e101700 35%),url('/hero.webp') right 43%/cover no-repeat,#151b28}.hero em{color:#a9c7ff}.feature{background:#151a25}.art{background:radial-gradient(ellipse at 50% 85%,#344d8a,#202942 68%,#161b29)}.art i{border-color:#b7c9ff75}.check{display:flex!important;align-items:center;gap:8px}.check input{margin:0}.wide{width:100%}textarea{width:100%;min-height:76px;resize:vertical;font:inherit;color:inherit;background:#1e2433;border:1px solid var(--border);border-radius:7px;padding:9px 12px}input,select,button,.button{background-color:#202636}.accent,.logo{background:var(--hot)}.quiet{background:transparent}.glass{background:#141c2cbd}
.back-link{display:inline-block;margin-bottom:30px;color:var(--gold)}.setup{min-height:78vh;display:grid;align-content:center}.setup-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:clamp(22px,5vw,70px);align-items:center}.setup-preview{position:relative;aspect-ratio:16/9;overflow:hidden;border:1px solid var(--border);border-radius:14px;background:#0a0e17;display:grid;place-items:center}.setup-preview video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transform:scaleX(-1)}.preview-placeholder{z-index:1;color:var(--muted)}.setup-controls{z-index:2;position:absolute;bottom:15px;justify-content:center}.setup-controls button{background:#151f31d9}.setup label,.guest label{display:block;margin:9px 0 5px;font-size:.9rem}.setup label .tag{margin-left:6px}.setup meter{display:block;margin-bottom:12px}.studio{padding:20px clamp(12px,3vw,38px) 30px;max-width:1900px;margin:auto}.studio-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:15px}.studio-header h2{font-size:1.55rem}.studio-header .eyebrow{margin-bottom:4px}.studio-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(255px,320px);gap:14px;align-items:start}.stage-area{min-width:0}.monitors{grid-template-columns:minmax(0,1fr) minmax(100px,23%);align-items:start}.monitors h3 span.tag{margin-left:0;font-size:.67rem;padding:2px 6px}.backstage{padding:14px;background:#141924;border:1px solid var(--border);border-radius:10px;min-height:90px}.backstage-title{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.studio-toolbar{padding:12px 0}.production-rail{border:1px solid var(--border);border-radius:10px;background:var(--surface);min-height:400px;overflow:hidden}.rail-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--border)}.rail-tab{font-size:.77rem;border:0;border-radius:0;padding:11px 2px;background:#141924}.rail-tab.current{background:#2b4169;color:#d3e1ff}.rail-panel{padding:14px;overflow-wrap:anywhere}.rail-panel label{display:block;margin:8px 0 4px;color:var(--muted);font-size:.85rem}.rail-panel button{margin-top:7px}.rail-panel .asset-controls{display:grid;gap:4px;margin-top:12px}.rail-panel .comment-card{display:block;text-align:left;width:100%}.rail-panel .comment-card.current{border-color:var(--hot)}.rail-panel a,.record-library a,.backstage a{color:var(--gold);text-decoration:underline}.workspace-shell{display:grid;grid-template-columns:210px minmax(0,1fr);min-height:78vh}.workspace-menu{background:#141924;border-right:1px solid var(--border);padding:22px 14px}.workspace-menu button,.workspace-menu a{display:flex;width:100%;justify-content:start;margin-bottom:4px}.workspace-menu .current{background:#243754;border-color:#425d8d}.workspace-content{padding:28px clamp(16px,5vw,70px);min-width:0}.workspace-content h2{font-size:clamp(1.5rem,3vw,2.5rem)}.create-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:10px 0 22px}.create-grid .button{display:block;text-align:left;padding:16px 20px;border-color:#4c5c7c;background:#171f30}.create-grid strong,.create-grid small{display:block}.create-grid strong{font-size:1.08rem}.create-grid small{color:var(--muted);margin-top:4px}.workspace-content .workspace-card{margin-bottom:12px}.source-row .stage-choice{display:inline-flex;align-items:center;gap:4px;color:var(--muted);font-size:.8rem}#recordLinks a{margin-top:12px}.record-library .actions{margin:8px 0}
@media(max-width:850px){.studio-shell{grid-template-columns:1fr}.production-rail{min-height:0}.workspace-shell{grid-template-columns:155px minmax(0,1fr)}}@media(max-width:620px){.setup-grid,.workspace-shell,.create-grid{grid-template-columns:1fr}.workspace-menu{display:flex;overflow:auto;gap:6px;border-right:0;border-bottom:1px solid var(--border);padding:10px}.workspace-menu button,.workspace-menu a{width:auto;white-space:nowrap;margin:0}.studio-header{align-items:start;flex-direction:column}.monitors{grid-template-columns:1fr}.preview-monitor{max-width:55%}}

.feature-thumb{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;margin:12px 0 17px;border-radius:8px;background:#202942;border:1px solid #3b4660}.account-menu{position:relative}.account-menu summary{list-style:none;cursor:pointer;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#202636;border:1px solid var(--border);padding:8px 14px;border-radius:7px}.account-menu summary::after{content:' ▾';color:var(--gold)}.account-menu-panel{position:absolute;right:0;top:calc(100% + 8px);z-index:5;min-width:min(240px,80vw);padding:9px;background:#171b26;border:1px solid var(--border);border-radius:9px;box-shadow:0 12px 30px #080a128c}.account-menu-panel small{display:block;padding:5px 8px;overflow-wrap:anywhere}.account-menu-panel button{display:flex;width:100%;justify-content:start}.account-menu-panel p:empty{display:none}

.thumbnail-editor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.thumbnail-editor-card{background:#141924;border:1px solid var(--border);border-radius:10px;padding:12px;min-width:0}.thumbnail-editor-card input[type=file]{max-width:100%;margin-bottom:10px}.thumbnail-editor-card button{margin:0 5px 5px 0}.thumbnail-editor-card p:empty{display:none}@media(max-width:960px){.thumbnail-editor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.thumbnail-editor-grid{grid-template-columns:1fr}}