[hidden]{display:none!important}
:root{--bg:#08090e;--surface:#11131b;--surface2:#171a24;--line:#292d3a;--txt:#f6f7fb;--muted:#989fb2;--accent:#8667ff;--accent2:#bd65ff;--ok:#47d69b;--warn:#ffb24a;--danger:#ff6576;--shadow:0 22px 70px rgba(0,0,0,.36)}
*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;min-height:100vh;background:radial-gradient(circle at 15% 0,#251b50 0,transparent 28%),radial-gradient(circle at 100% 80%,#17143a 0,transparent 28%),var(--bg);color:var(--txt);font:15px Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif}.center{min-height:100vh;display:grid;place-items:center;padding:22px}.card{background:linear-gradient(180deg,rgba(20,22,31,.98),rgba(15,17,24,.98));border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.login{width:min(440px,94vw);padding:34px}.brand{font-weight:950;letter-spacing:1.2px}.brand span{color:var(--accent)}h1{margin:9px 0 20px;font-size:30px;line-height:1.1}h2{margin:0 0 16px;font-size:19px}h3{margin:0;font-size:16px}.muted{color:var(--muted)}.error{color:var(--danger)}label{display:block;color:#c7ccda;font-size:13px;font-weight:700}input,select,textarea{width:100%;background:#0b0d13;border:1px solid var(--line);border-radius:11px;padding:12px 13px;color:var(--txt);margin:7px 0 13px;outline:none;transition:.18s border,.18s box-shadow}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(134,103,255,.13)}textarea{resize:vertical}button{border:0;border-radius:11px;padding:11px 15px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:white;font-weight:850;cursor:pointer;transition:.15s transform,.15s filter}button:hover{filter:brightness(1.08);transform:translateY(-1px)}button:disabled{opacity:.5;cursor:not-allowed;transform:none}.wide{width:100%}.ghost{background:#242735}.danger{background:#632831}.success{background:#1f614a}.warning{background:#654518}
#app{min-height:100vh;display:grid;grid-template-columns:235px minmax(0,1fr)}aside{position:sticky;top:0;height:100vh;padding:23px 15px;background:rgba(10,11,16,.94);backdrop-filter:blur(14px);border-right:1px solid var(--line);display:flex;flex-direction:column;gap:8px}aside .brand{padding:8px 9px 25px}.nav{background:transparent;text-align:left;color:var(--muted)}.nav.active,.nav:hover{background:#1a1d28;color:#fff}.bottom{margin-top:auto}main{min-width:0;padding:30px clamp(20px,4vw,60px)}header{max-width:1500px;margin:0 auto 24px;display:flex;justify-content:space-between;align-items:center;gap:20px}header small{color:var(--muted);font-weight:850;letter-spacing:2px}header h1{margin:5px 0}.content-shell{max-width:1500px;margin:0 auto}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.channel{padding:20px}.channel-top{display:flex;align-items:center;gap:14px}.channel img{width:62px;height:62px;object-fit:contain;background:#090a0f;border-radius:14px;border:1px solid #222632}.channel h2{margin:0}.channel-meta{display:flex;gap:8px;flex-wrap:wrap;margin:13px 0}.pill{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;background:#1c1f2a;color:#cbd0de;font-size:12px;font-weight:800}.pill.local{color:#9fcfff}.status .dot,.pill .dot{width:8px;height:8px;border-radius:50%;background:var(--danger)}.status.on .dot{background:var(--ok);box-shadow:0 0 14px var(--ok)}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}
.editor-layout{display:grid;grid-template-columns:minmax(460px,650px) minmax(420px,1fr);gap:20px;align-items:start}.stack{display:grid;gap:16px}.panel{padding:20px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid .full{grid-column:1/-1}.colors{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.color-card{padding:10px;border:1px solid var(--line);border-radius:12px;background:#0d0f16}.color-card input{height:43px;padding:3px;margin:7px 0 0}.contrast-box{padding:12px 14px;background:#0c0e14;border:1px solid var(--line);border-radius:11px;margin:4px 0 14px}.preview-wrap{position:sticky;top:30px}.preview-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.preview{aspect-ratio:16/9;min-height:430px;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:#000;box-shadow:var(--shadow)}.preview iframe{width:100%;height:100%;border:0}.stream-choice{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.mode-card{position:relative;padding:15px;border:1px solid var(--line);border-radius:14px;background:#0d0f16;cursor:pointer}.mode-card:has(input:checked){border-color:var(--accent);box-shadow:0 0 0 3px rgba(134,103,255,.11)}.mode-card input{position:absolute;opacity:0}.mode-card b{display:block;margin-bottom:5px}.mode-card span{display:block;color:var(--muted);font-size:12px;line-height:1.4}.link-box{display:flex;gap:8px}.link-box input{margin:0}.link-box button{flex:0 0 auto}.live-controls{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.slide-item{padding:15px;border:1px solid var(--line);border-radius:14px;margin-bottom:10px;background:#0c0e14}.slide-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.slide-actions{display:flex;gap:7px}.slide-actions button{padding:8px 10px}.logs{background:#050609;border:1px solid var(--line);border-radius:14px;padding:14px;font:13px ui-monospace,SFMono-Regular,Consolas,monospace;max-height:720px;overflow:auto}.log{padding:8px;border-bottom:1px solid #161820}.log.error{color:#ff8995}.log.ffmpeg{color:#d1c6ff}.empty{padding:30px;text-align:center}
@media(max-width:1100px){.editor-layout{grid-template-columns:1fr}.preview-wrap{position:relative;top:auto}}@media(max-width:800px){#app{grid-template-columns:1fr}aside{height:auto;position:relative;flex-direction:row;overflow:auto;padding:12px}.bottom{margin:0 0 0 auto}aside .brand{display:none}main{padding:20px}.colors{grid-template-columns:1fr 1fr}.form-grid,.row{grid-template-columns:1fr}.stream-choice{grid-template-columns:1fr}header{align-items:flex-start}.preview{min-height:260px}}
.discord-btn{display:block;text-align:center;padding:14px 18px;border-radius:12px;background:#5865f2;color:#fff;text-decoration:none;font-weight:800;margin:18px 0}.separator{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px;text-transform:uppercase;margin:18px 0}.separator:before,.separator:after{content:"";height:1px;background:var(--line);flex:1}.profile-mini{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:14px;margin:18px 0}.profile-mini img,.owner-line img,.user-cell img{width:38px;height:38px;border-radius:50%;object-fit:cover}.profile-mini div,.user-cell div{display:flex;flex-direction:column;min-width:0}.profile-mini span,.user-cell span{font-size:12px;color:var(--muted)}.owner-line{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:13px;color:var(--muted)}.owner-line img{width:22px;height:22px}.logo-upload{display:flex;align-items:center;gap:18px}.logo-upload>img{width:130px;height:90px;object-fit:contain;background:#08080d;border:1px solid var(--line);border-radius:14px}.logo-upload>div{display:grid;gap:10px}.check{display:flex!important;flex-direction:row!important;align-items:center;gap:8px}.check input{width:auto!important}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}.stat{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px;display:flex;flex-direction:column}.stat span{color:var(--muted)}.stat b{font-size:34px;margin-top:5px}.admin-table{display:grid;gap:10px}.admin-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:14px}.user-cell{display:flex;align-items:center;gap:12px;min-width:0}.toast{position:fixed;right:24px;bottom:24px;background:#171722;border:1px solid var(--line);padding:14px 18px;border-radius:12px;opacity:0;transform:translateY(10px);transition:.2s;z-index:9999}.toast.show{opacity:1;transform:none}@media(max-width:800px){.stats{grid-template-columns:1fr}.admin-row{grid-template-columns:1fr}.logo-upload{align-items:flex-start;flex-direction:column}}

/* V6 : configurateur compact et lisible */
.content-shell{max-width:1320px}
.editor-layout{grid-template-columns:minmax(360px,520px) minmax(480px,1fr);gap:16px}
.panel{padding:15px}.stack{gap:12px}.section-head{margin-bottom:10px}
input,select,textarea{padding:9px 10px;margin:5px 0 9px;border-radius:9px}
textarea{min-height:68px;max-height:150px}.form-grid,.row{gap:8px 10px}
.colors{gap:7px}.color-card{padding:7px}.color-card input{height:32px;margin-top:4px}
.preview{min-height:320px}.preview-wrap{top:18px}.slide-item{padding:11px;margin-bottom:8px}
.logo-upload img{width:100px;height:70px;object-fit:contain}.stream-choice{gap:7px}.mode-card{padding:11px}
@media(max-width:1080px){.editor-layout{grid-template-columns:1fr}.preview-wrap{position:static}}

/* V7 : aperçu fidèle au rendu vidéo 1280x720 */
.preview{position:relative;aspect-ratio:16/9;min-height:0;height:auto;overflow:hidden;background:#000}
.preview-stage{position:absolute;left:50%;top:50%;width:1280px;height:720px;transform-origin:center center}
.preview-stage iframe{display:block;width:1280px;height:720px;border:0;background:#000}
.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:8px 0 12px}.template-option{position:relative;padding:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#0b0d13;cursor:pointer}.template-option input{position:absolute;opacity:0}.template-option:has(input:checked){border-color:var(--accent);box-shadow:0 0 0 3px rgba(134,103,255,.16)}.template-thumb{height:62px;padding:8px;display:flex;align-items:flex-end;font-size:11px;font-weight:900}.template-thumb.garage{background:linear-gradient(135deg,#090909,#76223b)}.template-thumb.luxury{background:linear-gradient(135deg,#080808,#5b4818)}.template-thumb.neon{background:linear-gradient(135deg,#030315,#551280);text-shadow:0 0 8px #fff}.template-thumb.clean{background:#eef1f6;color:#151722}.template-thumb.corporate{background:linear-gradient(135deg,#091326,#24559c)}.template-thumb.minimal{background:#111;color:#ddd}.template-option>span{display:block;padding:7px 8px;font-size:11px}.advanced-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.watermark-box{display:grid;grid-template-columns:90px 1fr;gap:12px;align-items:center}.watermark-box img{width:90px;height:70px;object-fit:contain;border-radius:10px;background:#08090e;border:1px solid var(--line)}.slide-style-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.slide-style-grid input[type=color]{height:34px}.node-hero{display:grid;grid-template-columns:1.3fr repeat(4,1fr);gap:10px;margin-bottom:14px}.node-card{padding:14px;border:1px solid var(--line);border-radius:14px;background:#0d0f16}.node-card strong{font-size:24px;display:block;margin-top:5px}.node-status{display:flex;align-items:center;gap:10px}.node-dot{width:12px;height:12px;border-radius:50%;background:var(--danger)}.node-dot.online{background:var(--ok);box-shadow:0 0 15px var(--ok)}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.metric{padding:12px;border:1px solid var(--line);border-radius:12px;background:#0b0d13}.metric span{font-size:12px;color:var(--muted)}.metric b{display:block;font-size:20px;margin-top:5px}.stream-detail{display:grid;grid-template-columns:minmax(180px,1fr) repeat(5,auto);gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:13px}.stream-detail small{display:block;color:var(--muted)}@media(max-width:950px){.template-grid{grid-template-columns:repeat(2,1fr)}.node-hero,.metrics-grid{grid-template-columns:1fr 1fr}.stream-detail{grid-template-columns:1fr 1fr}}@media(max-width:600px){.advanced-grid,.slide-style-grid,.node-hero,.metrics-grid{grid-template-columns:1fr}}