:root{color-scheme:dark;--bg:#030610;--card:#08101d;--line:rgba(255,255,255,.12);--pink:#ff2d92;--purple:#9d4dff;--blue:#38bdf8;--text:#fff;--muted:rgba(255,255,255,.68)}*{box-sizing:border-box}body.xtlive-start-body{margin:0;background:radial-gradient(circle at 20% 0%,rgba(255,45,146,.22),transparent 32%),radial-gradient(circle at 85% 8%,rgba(56,189,248,.16),transparent 34%),var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.xtlive-start-page{min-height:100vh;padding:18px;max-width:1440px;margin:0 auto}.xtlive-start-hero{height:72px;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);background:rgba(5,8,18,.72);border-radius:24px;padding:12px 16px;box-shadow:0 24px 80px rgba(0,0,0,.28);backdrop-filter:blur(18px)}.xtlive-start-brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:900;font-size:24px}.xtlive-start-brand img{width:34px;height:34px;object-fit:contain}.xtlive-start-brand b{font-size:12px;background:linear-gradient(135deg,var(--pink),var(--purple));border-radius:9px;padding:7px 10px}.xtlive-start-host{display:flex;align-items:center;gap:10px}.xtlive-start-avatar{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--pink),var(--blue));border:2px solid rgba(255,255,255,.18);font-weight:900;overflow:hidden}.xtlive-start-avatar img{width:100%;height:100%;object-fit:cover}.xtlive-start-avatar.mini{width:32px;height:32px;font-size:13px}.xtlive-start-host small,.xtlive-start-host strong{display:block}.xtlive-start-host small{color:var(--muted);font-size:12px}.xtlive-start-host strong{font-size:14px}.xtlive-start-alert{margin:14px 0;padding:12px 14px;border-radius:16px}.xtlive-start-alert.bad{background:rgba(255,45,80,.16);border:1px solid rgba(255,45,80,.3)}.xtlive-start-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,420px);gap:14px;margin-top:14px}.xtlive-start-card,.xtlive-start-preview{background:rgba(8,16,29,.86);border:1px solid var(--line);border-radius:22px;padding:16px;box-shadow:0 20px 60px rgba(0,0,0,.22)}.main-card{grid-column:1}.xtlive-card-head{display:flex;gap:12px;align-items:flex-start;margin-bottom:14px}.xtlive-card-head>span{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,var(--pink),var(--purple));font-weight:900}.xtlive-card-head h1,.xtlive-card-head h2{font-size:19px;margin:0}.xtlive-card-head p{margin:3px 0 0;color:var(--muted);font-size:13px}.xtlive-field,.xtlive-select{display:block;margin-bottom:12px}.xtlive-field span,.xtlive-select span,.xtlive-slider-row span{display:block;color:var(--muted);font-size:12px;font-weight:800;margin-bottom:7px}.xtlive-field input,.xtlive-field textarea,.xtlive-select select{width:100%;border:1px solid var(--line);background:#030814;color:#fff;border-radius:14px;padding:12px 13px;font:inherit;outline:none}.xtlive-field textarea{min-height:84px;resize:vertical}.xtlive-field.small{max-width:180px}.xtlive-field small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.xtlive-two-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}.xtlive-mode-row,.xtlive-check-row,.xtlive-filter-row{display:flex;flex-wrap:wrap;gap:8px}.xtlive-mode-pill,.xtlive-check-row label,.xtlive-filter-row label{border:1px solid var(--line);border-radius:999px;padding:9px 12px;background:rgba(255,255,255,.04);cursor:pointer;font-weight:800;font-size:13px}.xtlive-mode-pill input,.xtlive-check-row input,.xtlive-filter-row input{accent-color:#ff2d92}.xtlive-mode-pill:has(input:checked),.xtlive-filter-row label:has(input:checked){border-color:rgba(255,45,146,.8);box-shadow:0 0 0 2px rgba(255,45,146,.12)}.xtlive-goal-gifts{display:grid;grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:9px;max-height:232px;overflow:auto;padding:2px}.xtlive-goal-gift{position:relative;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.04);padding:10px;display:flex;flex-direction:column;gap:5px;align-items:center;text-align:center;cursor:pointer}.xtlive-goal-gift input{position:absolute;top:8px;left:8px;accent-color:#ff2d92}.xtlive-goal-gift:has(input:checked){border-color:#ff2d92;box-shadow:0 0 0 2px rgba(255,45,146,.15)}.xtlive-goal-gift span{width:36px;height:36px;display:grid;place-items:center;font-size:25px}.xtlive-goal-gift img{max-width:36px;max-height:36px;object-fit:contain}.xtlive-goal-gift b{font-size:12px}.xtlive-goal-gift em{font-style:normal;color:#ffd36b;font-size:11px}.xtlive-empty-note{border:1px dashed var(--line);padding:14px;border-radius:14px;color:var(--muted)}.xtlive-slider-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.xtlive-slider-row input{width:100%;accent-color:#ff2d92}.xtlive-start-preview{grid-column:2;grid-row:1 / span 4;position:sticky;top:18px;height:calc(100vh - 108px);display:flex;flex-direction:column;gap:12px}.xtlive-preview-screen{flex:1;min-height:420px;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:linear-gradient(160deg,#270036,#07111f 55%,#02040a);position:relative}.xtlive-preview-top{position:absolute;left:16px;right:16px;top:16px;display:flex;align-items:center;gap:9px;z-index:2}.xtlive-preview-top em{margin-left:auto;font-style:normal;background:#ff2d92;border-radius:9px;padding:7px 10px;font-size:12px;font-weight:900}.xtlive-preview-person{position:absolute;inset:88px 45px 78px;border-radius:46% 46% 12% 12%;background:radial-gradient(circle at 54% 22%,rgba(255,255,255,.65),rgba(255,255,255,.12) 9%,transparent 12%),radial-gradient(circle at 50% 18%,#120915 0 25%,transparent 26%),radial-gradient(circle at 50% 66%,rgba(255,255,255,.45) 0 26%,transparent 27%);filter:blur(.2px)}.xtlive-preview-bottom{position:absolute;left:16px;right:16px;bottom:16px;border:1px solid var(--line);background:rgba(0,0,0,.38);border-radius:18px;padding:12px}.xtlive-preview-bottom span{display:block;color:var(--muted);font-size:12px}.xtlive-go-live-now{border:0;border-radius:17px;padding:15px 18px;background:linear-gradient(135deg,var(--pink),var(--purple));color:#fff;font-weight:950;font-size:17px;cursor:pointer}.xtlive-cancel{text-align:center;color:#fff;text-decoration:none;border:1px solid var(--line);border-radius:15px;padding:12px}.xtlive-start-preview p{color:var(--muted);font-size:12px;margin:0;line-height:1.45}.xtlive-selected-people{display:none}.xtlive-selected-people.is-open{display:block}@media(max-width:980px){.xtlive-start-grid{grid-template-columns:1fr}.xtlive-start-preview{grid-column:auto;grid-row:auto;position:static;height:auto}.xtlive-preview-screen{min-height:360px}} 
.xt-go-live-frp-btn{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:999px;padding:10px 14px;background:linear-gradient(135deg,#ff2d92,#9d4dff);color:#fff!important;font-weight:900;text-decoration:none;box-shadow:0 10px 28px rgba(255,45,146,.28)}.xt-go-live-frp-btn::before{content:'';width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.18)}

/* XTFAME LIVE L6 v4: settings-page correction. PK is not a pre-live mode. */
.xtlive-mode-note{border:1px solid rgba(255,45,146,.28);background:rgba(255,45,146,.08);color:rgba(255,255,255,.82);border-radius:14px;padding:10px 12px;font-size:12px;font-weight:800;margin:0 0 10px;line-height:1.35}

/* XTFAME LIVE L6 v13: multi-gift Live Goals */
.xtlive-goal-help{border:1px solid rgba(56,189,248,.22);background:rgba(56,189,248,.07);border-radius:14px;padding:10px 12px;margin:0 0 12px;color:rgba(255,255,255,.78);display:grid;gap:4px;font-size:12px;line-height:1.35}.xtlive-goal-help strong{color:#fff}.xtlive-goal-gifts-multi{grid-template-columns:repeat(auto-fill,minmax(126px,1fr));max-height:292px}.xtlive-goal-gift-multi{gap:4px;padding-bottom:9px}.xtlive-goal-gift-multi.is-selected{border-color:#ff2d92;box-shadow:0 0 0 2px rgba(255,45,146,.15)}.xtlive-goal-gift-multi.is-limit-locked{opacity:.48}.xtlive-goal-qty-label{font-size:10px;color:rgba(255,255,255,.58);font-weight:800;margin-top:3px}.xtlive-goal-qty{width:82px;border:1px solid rgba(255,255,255,.14);background:#020711;color:#fff;border-radius:9px;padding:7px 8px;text-align:center;font-weight:900}.xtlive-goal-qty:disabled{opacity:.35;cursor:not-allowed}


/* XTFAME LIVE L6 v14: separate gift goal quantity controls from gift thumbnails. */
.xtlive-goal-gift-multi{
    min-height:128px;
    justify-content:flex-start;
    padding:10px 10px 12px;
    gap:6px;
}
.xtlive-goal-gift-multi > input[type=checkbox]{
    position:absolute;
    top:9px;
    left:9px;
    width:14px;
    height:14px;
}
.xtlive-goal-gift-multi .xtlive-goal-qty{
    position:static !important;
    width:72px;
    min-height:30px;
    margin:7px auto 2px;
    order:10;
    border:1px solid rgba(56,189,248,.28);
    background:#020711;
    border-radius:10px;
    padding:6px 8px;
    text-align:center;
    font-size:13px;
    line-height:1;
    z-index:auto;
}
.xtlive-goal-gift-multi span{
    width:48px;
    height:48px;
    margin-top:5px;
    order:1;
}
.xtlive-goal-gift-multi span img{
    max-width:48px;
    max-height:48px;
}
.xtlive-goal-gift-multi b{
    order:2;
    min-height:16px;
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.xtlive-goal-gift-multi em{order:3}.xtlive-goal-gift-multi .xtlive-goal-qty-label{order:11;margin-top:0}.xtlive-goal-gifts-multi{align-items:stretch;padding:4px 5px 8px;gap:10px}.xtlive-goal-gift-multi.is-selected{box-shadow:0 0 0 2px rgba(255,45,146,.18),0 12px 28px rgba(0,0,0,.24)}

/* XTFAME LIVE L6 v15: real browser camera preview for pre-live testing. */
.xtlive-preview-screen.is-camera-on .xtlive-preview-person{display:none}
.xtlive-preview-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1);opacity:0!important;transition:opacity .18s ease,filter .12s ease;background:#000}
.xtlive-preview-screen.is-camera-on .xtlive-preview-video{opacity:0!important}.xtlive-preview-screen.is-camera-on::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 35%,transparent 0 38%,rgba(0,0,0,.12) 70%,rgba(0,0,0,.36));pointer-events:none;z-index:1}.xtlive-preview-top,.xtlive-preview-bottom,.xtlive-preview-camera-state{z-index:3}.xtlive-preview-camera-state{position:absolute;left:16px;right:16px;bottom:82px;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:rgba(0,0,0,.42);color:rgba(255,255,255,.78);font-size:12px;font-weight:800;padding:9px 10px;backdrop-filter:blur(10px)}.xtlive-preview-screen.is-camera-on .xtlive-preview-camera-state{background:rgba(5,12,22,.56)}.xtlive-camera-actions{display:grid;grid-template-columns:1fr auto;gap:9px}.xtlive-open-camera,.xtlive-stop-camera{border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:11px 12px;font-weight:950;cursor:pointer;color:#fff;background:rgba(255,255,255,.06)}.xtlive-open-camera{background:linear-gradient(135deg,rgba(255,45,146,.92),rgba(157,77,255,.88));border-color:transparent}.xtlive-stop-camera:disabled{opacity:.42;cursor:not-allowed}.xtlive-camera-note{border:1px solid rgba(56,189,248,.22);background:rgba(56,189,248,.06);padding:10px 12px;border-radius:14px!important;color:rgba(255,255,255,.76)!important}


.xtlive-engine-note {
  display: grid;
  gap: 6px;
  padding: 12px 14px;
  margin-bottom: 14px;
  border: 1px solid rgba(255, 47, 166, .32);
  border-radius: 14px;
  background: rgba(255, 47, 166, .08);
  color: rgba(255,255,255,.88);
  font-size: 12px;
  line-height: 1.4;
}
.xtlive-engine-note strong { color: #fff; }
.xtlive-color-controls label { position: relative; }
.xtlive-color-controls em {
  position: absolute;
  right: 0;
  top: 0;
  font-style: normal;
  color: #ff4db8;
  font-size: 11px;
  font-weight: 800;
}
.xtlive-disabled-ar-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}
.xtlive-disabled-ar-list span {
  padding: 8px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.05);
  color: rgba(255,255,255,.68);
  font-size: 12px;
  font-weight: 700;
}

/* XTFAME LIVE L6 v22: MediaPipe browser tracking + saved live settings. */
.xtlive-preview-canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1);pointer-events:none;opacity:0;z-index:2}.xtlive-preview-screen.is-camera-on .xtlive-preview-canvas{opacity:1}.xtlive-mediapipe-panel{border:1px solid rgba(56,189,248,.18);background:rgba(56,189,248,.045);border-radius:15px;padding:11px 12px;margin:12px 0;display:grid;gap:10px}.xtlive-mediapipe-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.xtlive-mediapipe-head strong{font-size:13px}.xtlive-mediapipe-head small{color:rgba(255,255,255,.62);font-size:11px;text-align:right}.xtlive-lip-presets{display:flex;flex-wrap:wrap;gap:8px}.xtlive-lip-presets button{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.055);color:#fff;border-radius:999px;padding:7px 10px;font-weight:850;font-size:12px;cursor:pointer;display:inline-flex;align-items:center;gap:7px}.xtlive-lip-presets button.is-active{border-color:#ff2d92;box-shadow:0 0 0 2px rgba(255,45,146,.16)}.xtlive-lip-presets i{width:13px;height:13px;border-radius:50%;display:inline-block}.xtlive-disabled-ar-list span:last-child{border-color:rgba(56,189,248,.24);background:rgba(56,189,248,.07);color:rgba(255,255,255,.78)}


/* XTFAME LIVE L6 v23: local saved preset + captureStream-ready composite canvas. */
.xtlive-composite-canvas{display:block!important;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;background:#000;z-index:0;transition:opacity .18s ease}.xtlive-preview-screen.is-camera-on .xtlive-composite-canvas{opacity:1}
.xtlive-save-preset{border:1px solid rgba(56,189,248,.28);background:rgba(56,189,248,.10);color:#fff;border-radius:12px;padding:9px 12px;font-weight:900;cursor:pointer;width:max-content;max-width:100%}
.xtlive-save-preset:hover{border-color:rgba(255,45,146,.55);background:rgba(255,45,146,.12)}

.xtlive-mediapipe-panel .xtlive-check-row label:has([data-xtlive-region-debug]){border-color:rgba(56,189,248,.22);background:rgba(56,189,248,.07)}
.xtlive-region-foundation-note{border:1px solid rgba(56,189,248,.22);background:rgba(56,189,248,.07);border-radius:12px;padding:9px 10px;color:rgba(255,255,255,.76);font-size:11px;line-height:1.35}

/* XTFAME LIVE L6 v31: real WebGL beauty dashboard from MediaPipe/WebGL guide. */
.xtlive-beauty-card{position:relative;overflow:hidden}.xtlive-beauty-dashboard-wrap{position:relative;margin-top:12px}.xtlive-beauty-dashboard-wrap .beauty-dashboard{position:relative;top:auto;right:auto;width:100%;background:rgba(20,20,25,.85);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.10);border-radius:16px;padding:16px;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;box-shadow:0 18px 42px rgba(0,0,0,.28);z-index:5}.xtlive-beauty-dashboard-wrap .dashboard-header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px}.xtlive-beauty-dashboard-wrap .dashboard-header h3{margin:0;font-size:16px;font-weight:800}.xtlive-beauty-dashboard-wrap .status-badge{font-size:10px;background:linear-gradient(135deg,var(--blue),var(--purple));padding:5px 9px;border-radius:20px;font-weight:900;transition:all .25s ease;white-space:nowrap}.xtlive-beauty-dashboard-wrap .status-badge.is-good{background:#2ecc71}.xtlive-beauty-dashboard-wrap .control-group{margin-bottom:15px;border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:12px}.xtlive-beauty-dashboard-wrap .control-group h4{margin:0 0 12px;font-size:11px;text-transform:uppercase;color:rgba(255,255,255,.58);letter-spacing:.5px}.xtlive-beauty-dashboard-wrap .slider-wrapper{margin-bottom:13px}.xtlive-beauty-dashboard-wrap .slider-label{display:flex;justify-content:space-between;gap:10px;font-size:13px;margin-bottom:6px;color:#dcdde1}.xtlive-beauty-dashboard-wrap .value-display{font-weight:900;color:var(--blue);font-size:12px}.xtlive-beauty-dashboard-wrap input[type=range]{width:100%;accent-color:var(--pink);background:rgba(255,255,255,.10);height:4px;border-radius:2px;cursor:pointer}.xtlive-beauty-dashboard-wrap .action-zone{display:flex;gap:10px;margin-top:15px}.xtlive-beauty-dashboard-wrap button{flex:1;padding:10px;border:none;border-radius:10px;font-size:13px;font-weight:900;cursor:pointer;transition:opacity .2s,transform .2s}.xtlive-beauty-dashboard-wrap button:hover{opacity:.92;transform:translateY(-1px)}.xtlive-beauty-dashboard-wrap .btn-primary{background:linear-gradient(135deg,var(--pink),var(--purple));color:#fff}.xtlive-beauty-dashboard-wrap .btn-secondary{background:rgba(255,255,255,.10);color:#fff;border:1px solid rgba(255,255,255,.10)}.xtlive-preview-screen.is-camera-on .xtlive-composite-canvas{opacity:1!important;z-index:1}.xtlive-preview-screen.is-camera-on .xtlive-preview-canvas{opacity:1;z-index:2}.xtlive-preview-video{opacity:0!important}@media(max-width:980px){.xtlive-beauty-dashboard-wrap .beauty-dashboard{padding:14px}.xtlive-beauty-dashboard-wrap .dashboard-header{align-items:flex-start;flex-direction:column}.xtlive-beauty-dashboard-wrap .action-zone{flex-direction:column}}