:root{
  --bg:#080b16;
  --panel:#111628;
  --panel-2:#151c32;
  --panel-3:#1a2340;
  --text:#ffffff;
  --muted:#aeb7ca;
  --line:rgba(255,255,255,.08);
  --cyan:#00d9ff;
  --pink:#ff2fae;
  --gold:#ffc800;
  --green:#19e66a;
  --purple:#9b4dff;
  --accent:var(--cyan);
  --accent2:var(--green);
  --danger:var(--pink);
  --shadow:0 24px 70px rgba(0,0,0,.45);
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Inter,system-ui,sans-serif;background:radial-gradient(circle at top,#17214f 0,#0b1024 38%,#080b16 100%);color:var(--text)}
button,select,input{font:inherit}.app-shell{min-height:100vh}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 26px;border-bottom:1px solid var(--line);background:rgba(8,11,22,.78);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}.brand-wrap{display:flex;align-items:center;gap:12px}.brand-kipzo-icon{width:54px;height:54px;object-fit:contain;filter:drop-shadow(0 8px 20px rgba(0,209,255,.18))}.brand-mark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;font-weight:800;background:linear-gradient(135deg,var(--cyan),var(--purple) 55%,var(--pink));box-shadow:0 10px 35px rgba(0,217,255,.22)}.brand{font-size:15px;font-weight:800;letter-spacing:-.02em}.brand-sub{font-size:11px;color:var(--muted);margin-top:2px}.top-actions{display:flex;align-items:center;gap:10px}.ghost-btn,.primary-btn,.primary-soft,.avatar-btn,.icon-btn{border:0;cursor:pointer}.ghost-btn{background:#141b2d;color:#e6f4ff;border:1px solid var(--line);padding:10px 14px;border-radius:12px}.avatar-btn{width:38px;height:38px;border-radius:12px;background:#18213a;color:#fff;font-weight:700}.workspace{display:grid;grid-template-columns:240px 1fr;min-height:calc(100vh - 76px)}.sidebar{padding:24px 18px;border-right:1px solid var(--line);background:rgba(9,13,26,.78)}.side-section{margin-bottom:26px}.side-title{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#707789;margin:0 10px 10px}.side-item{width:100%;display:flex;align-items:center;gap:10px;background:transparent;color:#9ea3b2;border:0;padding:11px 12px;border-radius:12px;text-align:left}.side-item span{color:#707789}.side-item.active{background:#151d32;color:#fff}.side-item.active span{color:var(--cyan)}.side-item em{margin-left:auto;font-style:normal;font-size:9px;color:#747b8d;background:#18213a;padding:3px 6px;border-radius:999px}.status-card{display:flex;align-items:center;gap:10px;padding:10px 12px;margin-bottom:8px;background:#10182a;border:1px solid var(--line);border-radius:12px}.status-card .dot{width:9px;height:9px;border-radius:50%;background:#3b4050;box-shadow:0 0 0 4px rgba(255,255,255,.03)}.status-card.ready .dot{background:var(--accent2);box-shadow:0 0 0 4px rgba(25,230,106,.08)}.status-card strong{display:block;font-size:12px}.status-card small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.setup-score{padding:14px;background:linear-gradient(180deg,#121a2d,#0d1322);border:1px solid var(--line);border-radius:16px}.score-row{display:flex;justify-content:space-between;font-size:12px}.progress{height:6px;background:#1b2642;border-radius:999px;margin:12px 0;overflow:hidden}.progress div{height:100%;width:0;background:linear-gradient(90deg,var(--cyan),var(--green));transition:.25s}.setup-score small{color:var(--muted);line-height:1.45}.studio-area{padding:28px 34px 40px}.studio-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px}.studio-head h1{font-size:27px;letter-spacing:-.04em;margin:0 0 6px}.studio-head p{margin:0;color:var(--muted);font-size:13px}.format-switcher{display:flex;padding:5px;background:#11182a;border:1px solid var(--line);border-radius:14px;gap:4px}.format-btn{border:0;background:transparent;color:#8f95a5;padding:9px 12px;border-radius:10px;font-weight:700;cursor:pointer;font-size:12px}.format-btn span{font-weight:500;font-size:10px;margin-left:3px}.format-btn.active{background:#1d2946;color:#fff;box-shadow:0 8px 25px rgba(0,0,0,.22)}.stage-wrap{display:grid;place-items:center;background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.012));border:1px solid var(--line);border-radius:24px;padding:24px;min-height:580px;box-shadow:var(--shadow)}.stage{position:relative;overflow:hidden;background:#050814;border-radius:24px;border:1px solid rgba(255,255,255,.12);box-shadow:0 26px 80px rgba(0,0,0,.5);display:grid}.stage.ratio-9-16{width:320px;height:568px;grid-template-rows:1fr 1.2fr}.stage.ratio-16-9{width:min(860px,80vw);height:min(484px,44vw);grid-template-columns:1fr 1.4fr;grid-template-rows:1fr}.stage.ratio-16-10{width:min(860px,80vw);height:min(538px,50vw);grid-template-columns:1fr 1.4fr;grid-template-rows:1fr}.stage.ratio-1-1{width:560px;height:560px;grid-template-rows:1fr 1.1fr}.pane{position:relative;overflow:hidden;background:linear-gradient(135deg,#0d1425,#111a30);display:grid;place-items:center}.camera-pane{border-bottom:1px solid var(--line)}.ratio-16-9 .camera-pane,.ratio-16-10 .camera-pane{border-bottom:0;border-right:1px solid var(--line)}.pane video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:none;background:#000}.pane video.ready{display:block}.empty-state{text-align:center;padding:22px;max-width:280px}.empty-icon{width:48px;height:48px;display:grid;place-items:center;margin:0 auto 12px;border-radius:16px;background:linear-gradient(180deg,#1f2a49,#162039);border:1px solid rgba(255,255,255,.08);color:#d8dbea;font-size:20px}.empty-state h3{margin:0 0 7px;font-size:14px}.empty-state p{font-size:11px;color:var(--muted);margin:0 0 14px;line-height:1.45}.primary-soft{display:inline-flex;align-items:center;justify-content:center;background:rgba(0,217,255,.10);border:1px solid rgba(0,217,255,.34);color:#9cefff;padding:9px 12px;border-radius:11px;font-size:11px;font-weight:700}.pane-label{position:absolute;left:12px;top:12px;font-size:9px;font-weight:800;letter-spacing:.1em;background:rgba(0,0,0,.45);backdrop-filter:blur(10px);padding:6px 8px;border-radius:8px;color:#daddE7}.control-deck{margin-top:18px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 16px;background:#10182a;border:1px solid var(--line);border-radius:18px}.control-group{display:flex;gap:8px}.control-btn{min-width:68px;border:1px solid var(--line);background:#151d32;color:#dce7f8;padding:9px 10px;border-radius:12px;display:grid;place-items:center;gap:5px;cursor:pointer}.control-btn span{font-size:15px}.control-btn small{font-size:9px;color:#9ba0af}.record-group{display:flex;align-items:center;gap:12px}.timer{font-variant-numeric:tabular-nums;color:#8f95a5;font-size:12px;min-width:42px}.record-btn{border:0;background:linear-gradient(135deg,var(--pink),#ff5c74);color:#fff;font-weight:800;padding:13px 18px;border-radius:14px;display:flex;align-items:center;gap:9px;cursor:pointer;box-shadow:0 14px 34px rgba(255,59,95,.24)}.record-btn span{width:10px;height:10px;border-radius:50%;background:#fff}.record-btn.recording{background:#2a2e39;box-shadow:none}.record-btn.recording span{border-radius:2px}.tip-row{display:flex;align-items:center;gap:10px;margin-top:14px;color:#8f95a5;font-size:11px}.tip-row p{margin:0}.tip-badge{font-size:8px;font-weight:800;letter-spacing:.09em;color:#ffd9f0;background:rgba(255,47,174,.10);border:1px solid rgba(255,47,174,.26);padding:5px 7px;border-radius:7px}.modal{position:fixed;inset:0;display:none;place-items:center;background:rgba(0,0,0,.64);backdrop-filter:blur(10px);z-index:50}.modal.show{display:grid}.modal-card{width:min(560px,90vw);background:#10182a;border:1px solid rgba(255,255,255,.1);border-radius:22px;box-shadow:var(--shadow);padding:20px}.modal-head{display:flex;justify-content:space-between;align-items:flex-start}.modal-head h2{margin:0 0 5px;font-size:20px}.modal-head p{margin:0;color:var(--muted);font-size:11px}.icon-btn{width:34px;height:34px;border-radius:10px;background:#18213a;color:#b5b9c6;font-size:20px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.field-grid label{font-size:11px;color:#9aa0af}.field-grid select{width:100%;margin-top:7px;background:#151d32;border:1px solid var(--line);color:#fff;padding:11px;border-radius:11px}.meter-wrap{margin-top:18px}.meter-label{display:flex;justify-content:space-between;color:#969cab;font-size:10px}.meter{height:8px;margin-top:8px;background:#18213a;border-radius:999px;overflow:hidden}.meter div{height:100%;width:7%;background:linear-gradient(90deg,var(--accent2),#9ef5df);transition:.08s}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.primary-btn{background:linear-gradient(135deg,var(--cyan),var(--purple));color:#fff;padding:10px 14px;border-radius:12px;font-weight:700}.toast{position:fixed;right:22px;bottom:22px;background:#151d32;border:1px solid var(--line);color:#fff;padding:12px 15px;border-radius:12px;box-shadow:var(--shadow);opacity:0;transform:translateY(10px);pointer-events:none;transition:.25s;z-index:80;font-size:12px}.toast.show{opacity:1;transform:translateY(0)}#recordCanvas{display:none}.mirrored{transform:scaleX(-1)}
@media(max-width:900px){.workspace{grid-template-columns:1fr}.sidebar{display:none}.studio-area{padding:20px}.studio-head{align-items:flex-start;flex-direction:column}.stage-wrap{min-height:auto}.stage.ratio-16-9{width:100%;height:auto;aspect-ratio:16/9}.stage.ratio-16-10{width:100%;height:auto;aspect-ratio:16/10}.stage.ratio-1-1{width:min(100%,560px);height:auto;aspect-ratio:1}.control-deck{align-items:stretch;flex-direction:column}.control-group{overflow:auto}.record-group{justify-content:space-between}.format-switcher{width:100%}.format-btn{flex:1}}

/* Review / editor */
.editor-area{padding:28px 34px 44px;max-width:1500px;margin:0 auto;width:100%}
.editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:22px}
.editor-head h1{margin:5px 0 7px;font-size:30px;letter-spacing:-.045em}.editor-head p{margin:0;color:var(--muted);font-size:13px}.eyebrow{font-size:9px;letter-spacing:.16em;font-weight:800;color:var(--pink)}.editor-head-actions{display:flex;gap:10px}.editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start}.review-card,.edit-tools{background:#10182a;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}.review-card{padding:16px}.review-video-wrap{position:relative;background:#020305;border-radius:16px;overflow:hidden;min-height:460px;display:grid;place-items:center}.review-video-wrap video{width:100%;max-height:70vh;display:block;background:#000}.review-badge{position:absolute;top:12px;left:12px;font-size:8px;letter-spacing:.12em;font-weight:800;background:rgba(0,0,0,.55);backdrop-filter:blur(8px);padding:6px 8px;border-radius:8px}.review-meta{display:flex;justify-content:space-between;gap:14px;padding:12px 3px 0;color:var(--muted);font-size:10px}.review-meta span:first-child{font-variant-numeric:tabular-nums;color:#dfe2eb}.edit-tools{padding:18px;position:sticky;top:96px}.tool-title{font-size:14px;font-weight:800}.tool-title.small{font-size:12px}.tool-copy{font-size:10px;color:var(--muted);line-height:1.5;margin-top:5px}.time-pair,.cut-readout{display:flex;justify-content:space-between;gap:12px;margin-top:16px;font-size:9px;color:var(--muted)}.time-pair label,.cut-readout span{flex:1}.time-pair label:last-child,.cut-readout span:last-child{text-align:right}.time-pair strong,.cut-readout strong{display:block;color:#e5e7ef;margin-top:3px;font-size:11px;font-variant-numeric:tabular-nums}.range{width:100%;accent-color:var(--accent);margin:8px 0 2px}.tool-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.tool-btn,.wide-tool-btn{border:1px solid var(--line);background:#171a22;color:#d6d9e3;border-radius:11px;padding:9px 10px;font-size:10px;font-weight:700;cursor:pointer}.wide-tool-btn{width:100%;margin-top:8px}.tool-btn:hover,.wide-tool-btn:hover{background:#202430}.danger-soft{border-color:rgba(255,59,95,.25);color:#ff8ba1;background:rgba(255,59,95,.07)}.danger-text{color:#ff8198}.divider{height:1px;background:var(--line);margin:18px 0}.cut-list{margin-top:10px;display:flex;flex-wrap:wrap;gap:6px;min-height:25px}.cut-chip{display:inline-flex;align-items:center;gap:6px;background:#1a1d26;border:1px solid var(--line);border-radius:999px;padding:6px 8px;font-size:9px;color:#cdd1dd}.cut-chip button{border:0;background:transparent;color:#ff7b94;cursor:pointer;padding:0;font-size:12px}.empty-cuts{font-size:9px;color:#666d7d}.editor-note{margin-top:14px;padding:12px 14px;border-radius:13px;background:rgba(124,92,255,.07);border:1px solid rgba(124,92,255,.15);color:#9399a8;font-size:10px}.editor-note strong{color:#c9bdff}
.exporting-overlay{position:fixed;inset:0;background:rgba(4,5,8,.82);backdrop-filter:blur(12px);display:none;place-items:center;z-index:100}.exporting-overlay.show{display:grid}.export-card{width:min(420px,88vw);background:#11131a;border:1px solid var(--line);border-radius:22px;padding:26px;text-align:center;box-shadow:var(--shadow)}.export-spinner{width:44px;height:44px;border-radius:50%;border:3px solid #2a2e3b;border-top-color:#8e73ff;margin:0 auto 15px;animation:spin .8s linear infinite}.export-card h3{margin:0 0 7px}.export-card p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}.export-progress{margin-top:15px;height:7px;border-radius:999px;background:#222633;overflow:hidden}.export-progress div{height:100%;width:0;background:linear-gradient(90deg,var(--cyan),var(--green));transition:.15s}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:980px){.editor-grid{grid-template-columns:1fr}.edit-tools{position:static}.editor-area{padding:20px}.editor-head{flex-direction:column}.review-video-wrap{min-height:260px}.editor-head-actions{width:100%}.editor-head-actions button{flex:1}}

/* V1.4 — deliberately simple editor */
.simple-editor-grid{grid-template-columns:1fr;max-width:1120px;margin:0 auto}
.simple-editor-grid .review-card{padding:18px}
.simple-edit{margin-top:16px;padding:18px;background:#11141b;border:1px solid var(--line);border-radius:18px}
.simple-edit-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:15px}
.simple-time{white-space:nowrap;font-variant-numeric:tabular-nums;color:#737a8c;font-size:11px;padding-top:2px}
.simple-time strong{color:#f0f1f5;font-size:13px}
.simple-timeline{position:relative;height:54px;cursor:pointer;touch-action:none;user-select:none;margin:2px 12px 0}
.timeline-track{position:absolute;left:0;right:0;top:20px;height:14px;border-radius:7px;background:#242936;border:1px solid rgba(255,255,255,.055)}
.timeline-kept{position:absolute;top:20px;height:14px;border-radius:7px;background:linear-gradient(90deg,#7657f5,#9a78ff);opacity:.72;pointer-events:none;overflow:hidden}.timeline-kept span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:8px;font-weight:900;letter-spacing:.08em;color:rgba(255,255,255,.9);white-space:nowrap}
.timeline-dim{position:absolute;top:20px;height:14px;background:rgba(3,4,7,.82);z-index:3;pointer-events:none;overflow:hidden}.timeline-dim span{position:absolute;top:50%;transform:translateY(-50%);font-size:7px;font-weight:900;letter-spacing:.06em;color:rgba(255,255,255,.38);white-space:nowrap}.timeline-dim.left span{right:7px}.timeline-dim.right span{left:7px}
.timeline-dim.left{left:0;border-radius:7px 0 0 7px}.timeline-dim.right{right:0;border-radius:0 7px 7px 0}
.timeline-cuts{position:absolute;inset:0;pointer-events:none;z-index:4}.timeline-cut{position:absolute;top:20px;height:14px;background:rgba(255,71,104,.92);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.timeline-playhead{position:absolute;top:10px;bottom:8px;width:2px;background:#fff;border-radius:2px;z-index:6;pointer-events:none;box-shadow:0 0 0 1px rgba(0,0,0,.25)}
.timeline-playhead:before{content:"";position:absolute;top:-2px;left:50%;width:8px;height:8px;transform:translateX(-50%) rotate(45deg);background:#fff;border-radius:2px}
.trim-handle{position:absolute;top:13px;width:18px;height:28px;transform:translateX(-50%);border:0;border-radius:7px;background:#8b6dff;z-index:8;cursor:ew-resize;box-shadow:0 4px 14px rgba(124,92,255,.35);touch-action:none}
.trim-handle span{display:block;width:2px;height:12px;background:rgba(255,255,255,.85);border-radius:2px;margin:auto}
.trim-handle.left{margin-left:0}.trim-handle.right{margin-left:0}
.timeline-labels{display:flex;justify-content:space-between;margin:0 4px 12px;color:#848a99;font-size:10px;font-variant-numeric:tabular-nums}
.simple-actions{display:grid;grid-template-columns:1.15fr 1.35fr 1fr;gap:9px;margin-top:8px}
.simple-actions .wide-tool-btn{margin-top:0;min-height:42px;font-size:11px}
.accent-soft{border-color:rgba(124,92,255,.4);background:rgba(124,92,255,.13);color:#d9d0ff}.accent-soft:hover{background:rgba(124,92,255,.2)}
.wide-tool-btn:disabled{opacity:.38;cursor:not-allowed}
.edit-hint{margin-top:10px;padding:10px 12px;border-radius:11px;background:rgba(255,255,255,.025);color:#8f96a6;font-size:10px;line-height:1.45;text-align:center}
.simple-bottom-actions{display:flex;justify-content:center;gap:18px;margin-top:12px}
.text-action{border:0;background:transparent;color:#7d8494;font-size:10px;font-weight:700;cursor:pointer;padding:5px}.text-action:hover{color:#d8dbe4}
.simple-bottom-actions .danger-text{color:#b56a78}.simple-bottom-actions .danger-text:hover{color:#ff8198}
@media(max-width:680px){.simple-edit-head{flex-direction:column;gap:7px}.simple-actions{grid-template-columns:1fr}.simple-timeline{margin-left:8px;margin-right:8px}.editor-head-actions{flex-wrap:wrap}}

/* V1.6 — edited clip player */
.clip-player{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:11px;padding:12px 4px 2px}
.clip-play-btn{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:#151d32;color:#fff;cursor:pointer;font-size:14px;display:grid;place-items:center}
.clip-play-btn:hover{background:#222632}
.clip-scrub{position:relative;height:20px;cursor:pointer;touch-action:none}
.clip-scrub:before{content:"";position:absolute;left:0;right:0;top:8px;height:5px;border-radius:999px;background:#272b36}
.clip-scrub-fill{position:absolute;left:0;top:8px;height:5px;width:0;border-radius:999px;background:linear-gradient(90deg,#7657f5,#9a78ff)}
.clip-scrub-head{position:absolute;top:3px;left:0;width:15px;height:15px;border-radius:50%;background:#fff;transform:translateX(-50%);box-shadow:0 2px 9px rgba(0,0,0,.35)}
.clip-time{font-size:10px;font-variant-numeric:tabular-nums;color:#cfd3dd;min-width:85px;text-align:right}
.review-video-wrap video{cursor:pointer}
@media(max-width:680px){.clip-player{grid-template-columns:38px 1fr}.clip-time{grid-column:2;text-align:left;min-width:0}}

/* V1.11 — ultra-simple middle cut */
.middle-cut-card{margin-top:12px;padding:14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.018)}
.middle-cut-copy{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.middle-cut-copy strong{font-size:11px;color:#eef0f6}.middle-cut-copy span{font-size:9px;color:#858c9d;text-align:right;line-height:1.45;max-width:520px}
.middle-cut-actions{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;margin-top:11px}.middle-cut-btn{min-height:38px;border:1px solid var(--line);background:#171a22;color:#dfe2eb;border-radius:10px;font-size:10px;font-weight:800;cursor:pointer}.middle-cut-btn:hover{background:#202430}.middle-cut-btn:disabled{opacity:.35;cursor:not-allowed}.middle-cut-btn.active{border-color:rgba(124,92,255,.55);background:rgba(124,92,255,.15);color:#e3dcff}.middle-cut-cancel{border:0;background:transparent;color:#9299aa;font-size:10px;font-weight:700;cursor:pointer;padding:0 8px}.middle-cut-cancel:hover{color:#fff}
.middle-cut-status{margin-top:8px;font-size:9px;color:#737b8d;font-variant-numeric:tabular-nums}.middle-cut-status.ready{color:#d5ccff}.middle-cut-status.removed{color:#ff94a9}
.timeline-pending-cut{position:absolute;top:20px;height:14px;background:repeating-linear-gradient(135deg,rgba(255,75,110,.82) 0 6px,rgba(255,75,110,.48) 6px 12px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);z-index:5;pointer-events:none}
@media(max-width:680px){.middle-cut-copy{flex-direction:column;gap:5px}.middle-cut-copy span{text-align:left}.middle-cut-actions{grid-template-columns:1fr 1fr}.middle-cut-cancel{grid-column:1/-1;min-height:30px}}

/* V1.12 — export & share hub */
.export-hub{position:fixed;inset:0;display:none;place-items:center;padding:22px;background:rgba(4,5,8,.78);backdrop-filter:blur(14px);z-index:95}.export-hub.show{display:grid}.export-hub-card{width:min(680px,94vw);max-height:92vh;overflow:auto;background:linear-gradient(180deg,#12151d,#0d0f15);border:1px solid rgba(255,255,255,.1);border-radius:26px;padding:22px;box-shadow:0 32px 100px rgba(0,0,0,.6)}.export-hub-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.export-hub-head h2{margin:5px 0 6px;font-size:26px;letter-spacing:-.04em}.export-hub-head p{margin:0;color:var(--muted);font-size:11px}.download-mp4-card{width:100%;margin-top:22px;border:1px solid rgba(124,92,255,.35);background:linear-gradient(135deg,rgba(124,92,255,.18),rgba(25,230,106,.08));color:#fff;border-radius:18px;padding:16px;display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:13px;text-align:left;cursor:pointer}.download-mp4-card:hover{border-color:rgba(124,92,255,.6);background:linear-gradient(135deg,rgba(124,92,255,.24),rgba(0,211,167,.1))}.download-mp4-card:disabled{opacity:.45;cursor:not-allowed}.download-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#8a6dff;font-size:22px;font-weight:900}.download-copy strong,.save-project-card strong,.social-export strong{display:block;font-size:12px}.download-copy small,.save-project-card small,.social-export small{display:block;color:#959cad;font-size:9px;margin-top:4px}.download-meta{font-variant-numeric:tabular-nums;color:#d8d3ff;font-size:11px;font-weight:800}.export-section-title{margin:18px 2px 9px;color:#7f8798;font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.social-export-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.social-export{border:1px solid var(--line);background:#151d32;color:#fff;border-radius:14px;padding:12px;display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;text-align:left;cursor:pointer}.social-export:hover{background:#202430}.social-mark{width:34px;height:34px;border-radius:11px;background:#242834;display:grid;place-items:center;font-weight:900}.social-export em,.save-project-card em{font-style:normal;font-size:8px;color:#9188c8;background:rgba(124,92,255,.1);border:1px solid rgba(124,92,255,.2);padding:5px 7px;border-radius:999px}.youtube .social-mark{color:#ff6982}.tiktok .social-mark{color:#8cecdf}.instagram .social-mark{color:#d7a3ff}.facebook .social-mark{color:#8fb4ff}.save-project-card{width:100%;margin-top:12px;border:1px solid var(--line);background:#11141b;color:#fff;border-radius:14px;padding:12px;display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:10px;text-align:left;cursor:pointer}.save-project-card:hover{background:#181c25}.export-hub-note{margin-top:12px;color:#6f7788;font-size:9px;line-height:1.5;text-align:center}.mp4-warning{color:#ff9caf!important}
@media(max-width:620px){.social-export-grid{grid-template-columns:1fr}.download-mp4-card{grid-template-columns:44px 1fr}.download-meta{grid-column:2}.save-project-card{grid-template-columns:28px 1fr}.save-project-card em{grid-column:2;justify-self:start}.export-hub-card{padding:18px;border-radius:20px}}

/* V1.13 — accounts + My Projects */
.account-pill{border:1px solid var(--line);background:#171a22;color:#eef0f6;border-radius:12px;padding:9px 12px;display:flex;align-items:center;gap:8px;cursor:pointer;font-size:11px;font-weight:800}.account-pill:hover{background:#202430}.account-dot{width:8px;height:8px;border-radius:50%;background:#6f7687;box-shadow:0 0 0 4px rgba(255,255,255,.03)}.account-pill.signed-in .account-dot{background:var(--accent2);box-shadow:0 0 0 4px rgba(25,230,106,.08)}
.account-modal,.projects-modal{position:fixed;inset:0;display:none;place-items:center;padding:22px;background:rgba(4,5,8,.78);backdrop-filter:blur(14px);z-index:110}.account-modal.show,.projects-modal.show{display:grid}.account-card,.projects-card{width:min(520px,94vw);background:linear-gradient(180deg,#12151d,#0d0f15);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:22px;box-shadow:0 32px 100px rgba(0,0,0,.6)}.projects-card{width:min(760px,94vw);max-height:88vh;overflow:auto}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:#0b0d12;border:1px solid var(--line);padding:5px;border-radius:13px;margin-top:20px}.auth-tab{border:0;background:transparent;color:#858c9d;padding:9px 10px;border-radius:9px;font-size:10px;font-weight:800;cursor:pointer}.auth-tab.active{background:#202430;color:#fff}.auth-field{display:block;margin-top:12px;color:#9299a9;font-size:10px}.auth-field input{width:100%;margin-top:7px;border:1px solid var(--line);background:#151d32;color:#fff;border-radius:11px;padding:12px;outline:none}.auth-field input:focus{border-color:rgba(124,92,255,.6)}.auth-message{min-height:20px;margin-top:10px;font-size:10px;line-height:1.45;color:#ff9caf}.auth-message.success{color:#8cecdf}.auth-submit{width:100%;margin-top:4px;min-height:42px}.auth-small{text-align:center;color:#697183;font-size:9px;margin:12px 0 0}.signed-in-box{display:flex;align-items:center;gap:12px;margin-top:20px;padding:14px;border:1px solid var(--line);background:#11141b;border-radius:14px}.signed-in-avatar{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,var(--accent),#a66dff);display:grid;place-items:center;font-weight:900}.signed-in-box strong{display:block;font-size:12px}.signed-in-box small{display:block;color:#81889a;font-size:9px;margin-top:4px}.signed-in-actions{display:grid;grid-template-columns:1fr auto;gap:9px;margin-top:12px}
.projects-loading,.projects-empty{padding:28px 12px;text-align:center;color:#858c9d;font-size:11px}.projects-list{display:grid;gap:10px;margin-top:18px}.project-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:13px;border:1px solid var(--line);background:#11141b;border-radius:14px}.project-row:hover{background:#151922}.project-copy strong{display:block;font-size:12px}.project-copy small{display:block;color:#7d8496;font-size:9px;margin-top:5px}.project-actions{display:flex;gap:7px}.project-open,.project-delete{border:1px solid var(--line);border-radius:10px;padding:8px 10px;background:#1a1e27;color:#fff;font-size:9px;font-weight:800;cursor:pointer}.project-open{border-color:rgba(124,92,255,.35);background:rgba(124,92,255,.12)}.project-delete{color:#ff98aa}.project-open:hover,.project-delete:hover{background:#252a35}
.save-project-card.saved{border-color:rgba(25,230,106,.28);background:rgba(0,211,167,.06)}
@media(max-width:620px){.signed-in-actions{grid-template-columns:1fr}.project-row{grid-template-columns:1fr}.project-actions{justify-content:flex-start}}

/* V1.14 — visual My Projects video previews */
.project-row{grid-template-columns:156px minmax(0,1fr) auto;gap:14px;padding:12px}
.project-preview{position:relative;width:156px;height:88px;border-radius:12px;overflow:hidden;background:#050608;border:1px solid rgba(255,255,255,.07);display:grid;place-items:center;isolation:isolate}
.project-preview-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#050608;opacity:0;cursor:pointer;transition:opacity .18s ease}.project-preview-video.ready{opacity:1}
.project-preview-loading{position:relative;z-index:1;color:#626a7b;font-size:8px;font-weight:800;letter-spacing:.02em;pointer-events:none}.project-preview-video.ready~.project-preview-loading{display:none}
.project-preview-toggle{position:absolute;z-index:3;left:9px;bottom:8px;width:28px;height:28px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:rgba(8,9,13,.76);backdrop-filter:blur(8px);color:#fff;display:grid;place-items:center;font-size:10px;cursor:pointer;box-shadow:0 5px 16px rgba(0,0,0,.3)}.project-preview-toggle:hover{background:rgba(124,92,255,.8)}
.project-preview-time{position:absolute;z-index:3;right:7px;bottom:7px;padding:4px 6px;border-radius:7px;background:rgba(5,6,9,.76);color:#fff;font-size:8px;font-weight:900;font-variant-numeric:tabular-nums;pointer-events:none}
.project-preview:after{content:"";position:absolute;z-index:2;inset:auto 0 0;height:42%;background:linear-gradient(transparent,rgba(0,0,0,.5));pointer-events:none}
.project-copy{min-width:0}.project-copy strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-preview-tip{display:block;margin-top:7px;color:#626a7c;font-size:8px}.project-row:hover .project-preview{border-color:rgba(124,92,255,.28)}
@media(max-width:700px){.project-row{grid-template-columns:118px minmax(0,1fr)}.project-preview{width:118px;height:74px}.project-actions{grid-column:1/-1;padding-left:0}.project-preview-tip{display:none}}
@media(max-width:470px){.project-row{grid-template-columns:1fr}.project-preview{width:100%;height:160px}.project-actions{grid-column:auto}}

/* V1.15 — connected social account state */
.social-export.connected{border-color:rgba(25,230,106,.38);background:linear-gradient(135deg,rgba(25,230,106,.08),rgba(23,26,34,.96))}.social-export.connected em{color:#a7f7c4;border-color:rgba(25,230,106,.28);background:rgba(25,230,106,.09)}

/* V1.18 — YouTube publishing */
.youtube-post-modal{position:fixed;inset:0;display:none;place-items:center;padding:22px;background:rgba(4,5,8,.82);backdrop-filter:blur(14px);z-index:110}.youtube-post-modal.show{display:grid}.youtube-post-card{width:min(620px,94vw);max-height:92vh;overflow:auto;background:linear-gradient(180deg,#12151d,#0d0f15);border:1px solid rgba(255,255,255,.1);border-radius:26px;padding:22px;box-shadow:0 32px 100px rgba(0,0,0,.65)}.youtube-post-card .modal-head h2{margin:5px 0 6px;font-size:25px;letter-spacing:-.04em}.youtube-post-card .modal-head p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}.youtube-field{display:block;margin-top:16px}.youtube-field>span{display:block;margin-bottom:7px;font-size:10px;font-weight:900;color:#dfe3ec;letter-spacing:.04em;text-transform:uppercase}.youtube-field input,.youtube-field textarea,.youtube-field select{width:100%;box-sizing:border-box;border:1px solid var(--line);background:#0b0e14;color:#fff;border-radius:12px;padding:12px 13px;font:inherit;outline:none}.youtube-field textarea{resize:vertical;min-height:110px}.youtube-field input:focus,.youtube-field textarea:focus,.youtube-field select:focus{border-color:rgba(124,92,255,.75);box-shadow:0 0 0 3px rgba(124,92,255,.1)}.youtube-field small{display:block;text-align:right;color:#747c8e;font-size:9px;margin-top:5px}.youtube-post-note{margin-top:16px;padding:11px 12px;border:1px solid rgba(124,92,255,.18);background:rgba(124,92,255,.07);border-radius:12px;color:#9ea6b7;font-size:10px;line-height:1.5}.youtube-post-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.youtube-publish-btn{min-width:170px}.youtube-post-result{margin-top:16px;padding:13px 14px;border:1px solid rgba(25,230,106,.28);background:rgba(25,230,106,.08);border-radius:12px;color:#baf8e9;font-size:11px;line-height:1.5}.youtube-post-result a{color:#fff;font-weight:800}.social-export.connected{cursor:pointer}.social-export.connected:hover{transform:translateY(-1px);border-color:rgba(25,230,106,.65)}
@media(max-width:620px){.youtube-post-actions{flex-direction:column-reverse}.youtube-post-actions button{width:100%}}

/* V1.23 — TikTok direct posting */
.tiktok-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:14px}.tiktok-option{display:flex;align-items:center;gap:8px;padding:10px 11px;border:1px solid var(--line);border-radius:12px;background:#0b0e14;color:#cbd1de;font-size:10px;font-weight:800}.tiktok-option input{accent-color:var(--pink)}.tiktok-option.disabled{opacity:.48}.tiktok-option span{line-height:1.2}.social-export.tiktok.connected em{font-weight:900}@media(max-width:620px){.tiktok-options{grid-template-columns:1fr}}


/* V1.25 — Host camera + Gaming Mode + flexible layouts */
.status-card.optional{opacity:.62}.mode-kicker{display:inline-flex;align-items:center;gap:6px;margin-bottom:7px;font-size:9px;font-weight:800;letter-spacing:.14em;color:#ffbde2;background:rgba(255,47,174,.08);border:1px solid rgba(255,47,174,.20);padding:5px 8px;border-radius:999px}
.layout-picker{margin:0 0 18px;padding:14px;background:#0f1628;border:1px solid var(--line);border-radius:18px}.layout-picker-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:12px}.layout-picker-head>div{display:flex;align-items:baseline;gap:10px}.layout-picker-head span{font-size:9px;font-weight:800;letter-spacing:.14em;color:var(--purple)}.layout-picker-head strong{font-size:12px}.layout-picker-head small{color:var(--muted);font-size:9px}.layout-options{display:grid;grid-template-columns:repeat(6,minmax(95px,1fr));gap:8px}.layout-btn{border:1px solid var(--line);background:#151d32;color:#cfd2dd;border-radius:13px;padding:9px 8px;text-align:left;cursor:pointer;transition:.18s}.layout-btn:hover{border-color:rgba(0,217,255,.42);transform:translateY(-1px)}.layout-btn.active{background:linear-gradient(180deg,rgba(155,77,255,.20),rgba(155,77,255,.08));border-color:rgba(155,77,255,.58);box-shadow:0 8px 24px rgba(0,0,0,.18)}.layout-btn strong,.layout-btn small{display:block}.layout-btn strong{font-size:10px;margin-top:6px}.layout-btn small{font-size:8px;color:#858b9b;margin-top:2px;line-height:1.25}.layout-thumb{height:42px;display:block;position:relative;border-radius:8px;overflow:hidden;background:#08090d;border:1px solid rgba(255,255,255,.08)}.layout-thumb i,.layout-thumb b{position:absolute;display:block;border-radius:3px}.layout-thumb i{background:linear-gradient(135deg,var(--cyan),var(--purple))}.layout-thumb b{background:linear-gradient(135deg,#222a3d,#3f4b69)}.layout-thumb.host-focus i{inset:0}.layout-thumb.host-focus b{left:8%;right:8%;height:25%;bottom:7%;border:1px solid rgba(255,255,255,.75)}.layout-thumb.content-focus b{inset:0}.layout-thumb.content-focus i{width:36%;height:40%;right:7%;top:7%;border:1px solid rgba(255,255,255,.75)}.layout-thumb.split i{left:0;top:0;width:42%;height:100%}.layout-thumb.split b{right:0;top:0;width:56%;height:100%}.layout-thumb.equal i{left:0;top:0;width:49%;height:100%}.layout-thumb.equal b{right:0;top:0;width:49%;height:100%}.layout-thumb.single i,.layout-thumb.single b{inset:0}.layout-thumb.single.content b{background:linear-gradient(135deg,#222a3d,#3f4b69)}
.stage{display:block}.pane{position:absolute;transition:left .22s ease,top .22s ease,width .22s ease,height .22s ease,border-radius .22s ease;inset:auto;border:0!important}.pane.overlay-pane{border:0!important;border-radius:16px;box-shadow:0 10px 26px rgba(0,0,0,.38);overflow:hidden;background:#050608}.pane.overlay-pane .pane-label{font-size:7px;padding:4px 6px;left:7px;top:7px}.pane[data-fit="contain"] video{object-fit:contain}.pane.overlay-pane video{object-fit:cover!important}.source-empty-actions{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap}.screen-soft{cursor:pointer;background:rgba(25,230,106,.10);border-color:rgba(25,230,106,.30);color:#a7f7c4}.overlay-pane .empty-state{padding:9px;max-width:none}.overlay-pane .empty-state .empty-icon{display:none}.overlay-pane .empty-state h3{font-size:10px;margin-bottom:4px}.overlay-pane .empty-state p{display:none}.overlay-pane .primary-soft{font-size:8px;padding:6px 8px}.overlay-pane .source-empty-actions{gap:4px}
@media(max-width:1100px){.layout-options{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.layout-picker-head{align-items:flex-start;flex-direction:column}.layout-options{grid-template-columns:repeat(2,1fr)}.layout-picker-head small{line-height:1.4}.control-btn{min-width:64px}}

/* V1.26 — movable floating overlay + portrait overlay shape */
.overlay-tools{margin:-6px 0 16px;padding:12px 14px;background:linear-gradient(180deg,#121a2e,#0f1628);border:1px solid var(--line);border-radius:16px;display:flex;align-items:center;justify-content:space-between;gap:14px}
.overlay-tools[hidden]{display:none!important}.overlay-tools-copy{min-width:180px}.overlay-tools-copy span{display:block;font-size:8px;font-weight:800;letter-spacing:.14em;color:var(--purple)}.overlay-tools-copy strong{display:block;font-size:11px;margin-top:3px}.overlay-tools-copy small{display:block;color:var(--muted);font-size:8px;margin-top:3px}.overlay-shapes{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.overlay-shape,.overlay-reset,.overlay-size-btn{border:1px solid var(--line);background:#151d32;color:#b9c4d8;padding:7px 9px;border-radius:9px;font-size:9px;font-weight:700;cursor:pointer}.overlay-shape:hover,.overlay-reset:hover,.overlay-size-btn:hover{border-color:rgba(0,217,255,.48);color:#fff}.overlay-shape.active{background:rgba(155,77,255,.18);border-color:rgba(155,77,255,.55);color:#fff}.overlay-reset{color:#a7f7c4;background:rgba(25,230,106,.08);border-color:rgba(25,230,106,.23)}.overlay-size-divider{width:1px;height:22px;background:var(--line);margin:0 2px}.overlay-size-btn{min-width:64px;background:rgba(0,217,255,.06);border-color:rgba(0,217,255,.18);color:#bdefff}.overlay-size-value{min-width:38px;text-align:center;font-size:9px;font-weight:900;color:#fff;background:#0c1324;border:1px solid var(--line);padding:7px 5px;border-radius:9px;font-variant-numeric:tabular-nums}
.overlay-drag-handle{display:none;position:absolute;right:7px;top:7px;z-index:8;width:27px;height:27px;border-radius:8px;border:1px solid rgba(255,255,255,.24);background:rgba(7,8,12,.72);backdrop-filter:blur(8px);color:#fff;font-size:15px;line-height:1;cursor:grab;touch-action:none;place-items:center;box-shadow:0 5px 18px rgba(0,0,0,.28)}.overlay-pane .overlay-drag-handle{display:grid}.overlay-drag-handle:active{cursor:grabbing}.stage.dragging-overlay .pane{transition:none!important}.overlay-pane{touch-action:none}
.overlay-resize-handle{display:none;position:absolute;right:7px;bottom:7px;z-index:10;width:28px;height:28px;border-radius:8px;border:1px solid rgba(255,255,255,.26);background:rgba(7,8,12,.78);backdrop-filter:blur(8px);color:#fff;font-size:15px;font-weight:900;line-height:1;cursor:nwse-resize;touch-action:none;place-items:center;box-shadow:0 5px 18px rgba(0,0,0,.32)}.overlay-pane .overlay-resize-handle{display:grid}.overlay-resize-handle:hover{background:linear-gradient(135deg,var(--cyan),var(--purple));border-color:rgba(255,255,255,.42)}.overlay-resize-handle:active{transform:scale(.96)}.stage.resizing-overlay .pane{transition:none!important}
@media(max-width:900px){.overlay-tools{align-items:flex-start;flex-direction:column}.overlay-shapes{justify-content:flex-start}.overlay-tools-copy{min-width:0}}


/* V1.33 — compact floating controls that remain visible */
.floating-media-controls{display:none;position:absolute;inset:0;z-index:11;pointer-events:none;opacity:.72;transition:opacity .18s ease}
.source-pane.overlay-pane.has-upload-source .floating-media-controls{display:block}
.overlay-pane:hover .floating-media-controls,.overlay-pane:focus-within .floating-media-controls{opacity:.98}
.floating-side-rail{position:absolute;left:6px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:5px;pointer-events:auto}
.floating-media-controls button{width:23px;height:23px;border:1px solid rgba(255,255,255,.17);border-radius:999px;background:rgba(7,10,19,.64);color:#fff;font-size:9px;font-weight:900;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(8px);box-shadow:0 3px 10px rgba(0,0,0,.18);transition:background .16s ease,border-color .16s ease,transform .16s ease}
.floating-media-controls button:hover{background:linear-gradient(135deg,var(--cyan),var(--purple));border-color:rgba(255,255,255,.3)}
.floating-media-controls button:active{transform:scale(.94)}
.floating-seek{position:absolute;left:36px;right:10px;bottom:8px;width:calc(100% - 46px);height:14px;pointer-events:auto;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer;opacity:.82}
.floating-seek::-webkit-slider-runnable-track{height:3px;border-radius:999px;background:rgba(255,255,255,.50)}
.floating-seek::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;border-radius:50%;background:#fff;margin-top:-3.5px;box-shadow:0 1px 6px rgba(0,0,0,.35)}
.floating-seek::-moz-range-track{height:3px;border-radius:999px;background:rgba(255,255,255,.50)}
.floating-seek::-moz-range-thumb{width:10px;height:10px;border:0;border-radius:50%;background:#fff;box-shadow:0 1px 6px rgba(0,0,0,.35)}

/* Movable + resizable floating window */
.overlay-pane{min-width:56px;min-height:56px}
.overlay-drag-handle,.overlay-resize-handle{width:22px;height:22px;border-radius:999px;background:rgba(7,8,12,.48);border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 12px rgba(0,0,0,.18);opacity:.62;transition:opacity .18s ease,transform .18s ease,background .18s ease,border-color .18s ease}
.overlay-drag-handle{right:5px;top:5px;font-size:11px}
.overlay-resize-handle{right:5px;bottom:5px;font-size:10px}
.overlay-pane:hover .overlay-drag-handle,.overlay-pane:hover .overlay-resize-handle,.overlay-pane:focus-within .overlay-drag-handle,.overlay-pane:focus-within .overlay-resize-handle{opacity:.95}
.overlay-drag-handle:hover,.overlay-resize-handle:hover{background:rgba(17,24,42,.86);border-color:rgba(255,255,255,.28)}

/* Nothing except the video itself should appear in the recorded output. */
.stage.recording-live .floating-media-controls,.stage.recording-live .overlay-drag-handle,.stage.recording-live .overlay-resize-handle{opacity:0!important;pointer-events:none!important}

/* V1.34 — free-export watermark messaging */
.export-hub-note strong{color:#fff}.export-hub-note{padding:10px 12px;border:1px solid rgba(255,200,0,.18);background:rgba(255,200,0,.055);border-radius:11px}


/* V1.36 — KIPZO logo watermark anchored to the dominant/larger screen */
.kipzo-live-watermark{display:none;position:absolute;z-index:7;object-fit:contain;pointer-events:none;opacity:.78;filter:drop-shadow(0 3px 8px rgba(0,0,0,.40));transition:left .22s ease,top .22s ease,width .22s ease,height .22s ease,opacity .18s ease}
.stage.dragging-overlay .kipzo-live-watermark,.stage.resizing-overlay .kipzo-live-watermark{transition:none}
.stage.recording-live .kipzo-live-watermark{opacity:.78!important}

/* V1.37 — obvious floating-screen sizing controls */
@media(max-width:900px){.overlay-size-divider{display:none}.overlay-size-btn{min-width:58px}.overlay-size-value{min-width:36px}}


/* V1.38 — Phone Cam */
.phone-cam-entry{margin-top:14px;padding:12px 13px;border:1px solid rgba(0,217,255,.20);background:linear-gradient(135deg,rgba(0,217,255,.07),rgba(155,77,255,.06));border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:14px}
.phone-cam-entry-copy{display:flex;align-items:center;gap:10px;min-width:0}.phone-cam-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#172039;font-size:18px}.phone-cam-entry-copy strong{display:block;font-size:11px}.phone-cam-entry-copy small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.phone-cam-btn{border:1px solid rgba(0,217,255,.32);background:linear-gradient(135deg,rgba(0,217,255,.16),rgba(155,77,255,.18));color:#dffbff;border-radius:11px;padding:9px 12px;font-size:10px;font-weight:800;cursor:pointer;white-space:nowrap}.phone-cam-btn:hover{border-color:rgba(0,217,255,.7);transform:translateY(-1px)}
.phone-cam-modal{position:fixed;inset:0;display:none;place-items:center;padding:22px;background:rgba(3,6,15,.82);backdrop-filter:blur(14px);z-index:125}.phone-cam-modal.show{display:grid}.phone-cam-card{width:min(760px,94vw);background:linear-gradient(180deg,#111a2d,#0b1120);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:22px;box-shadow:0 32px 100px rgba(0,0,0,.62)}
.phone-cam-grid{display:grid;grid-template-columns:250px 1fr;gap:22px;margin-top:20px}.phone-qr-panel{padding:14px;background:#0b1020;border:1px solid var(--line);border-radius:18px;text-align:center}.phone-qr-frame{width:220px;height:220px;margin:auto;background:#fff;border-radius:16px;display:grid;place-items:center;padding:8px;box-sizing:border-box}.phone-qr-frame canvas{max-width:100%;height:auto!important}.phone-cam-code-label{margin-top:12px;font-size:8px;letter-spacing:.16em;color:#747d92;font-weight:900}.phone-cam-code{margin-top:4px;font-size:21px;letter-spacing:.18em;font-weight:900;color:#fff;font-variant-numeric:tabular-nums}
.phone-cam-steps{display:flex;flex-direction:column;gap:10px}.phone-step{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:start;padding:10px 11px;border:1px solid var(--line);border-radius:12px;background:#10182a}.phone-step>span{width:26px;height:26px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,var(--cyan),var(--purple));color:#fff;font-size:10px;font-weight:900}.phone-step strong{display:block;font-size:11px}.phone-step small{display:block;color:var(--muted);font-size:9px;margin-top:3px;line-height:1.4}
.phone-mic-toggle{display:flex;align-items:center;gap:9px;padding:10px 11px;border:1px solid rgba(25,230,106,.18);background:rgba(25,230,106,.05);border-radius:12px;color:#dce9e2;font-size:10px;font-weight:800}.phone-mic-toggle input{accent-color:var(--green)}
.phone-cam-status{display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid var(--line);background:#0f1628;border-radius:12px}.phone-status-dot{width:9px;height:9px;border-radius:50%;background:#727b90;box-shadow:0 0 0 5px rgba(255,255,255,.03)}.phone-cam-status strong{display:block;font-size:11px}.phone-cam-status small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.phone-cam-status.connecting .phone-status-dot{background:var(--yellow);box-shadow:0 0 0 5px rgba(255,200,0,.08)}.phone-cam-status.connected{border-color:rgba(25,230,106,.28);background:rgba(25,230,106,.06)}.phone-cam-status.connected .phone-status-dot{background:var(--green);box-shadow:0 0 0 5px rgba(25,230,106,.09)}.phone-cam-status.error{border-color:rgba(255,47,174,.28)}.phone-cam-status.error .phone-status-dot{background:var(--pink)}
.phone-cam-link-wrap{display:grid;grid-template-columns:1fr auto;gap:7px}.phone-cam-link-wrap input{min-width:0;border:1px solid var(--line);background:#0a0f1c;color:#8f99ad;border-radius:10px;padding:9px 10px;font-size:8px}.phone-cam-link-wrap button{border:1px solid var(--line);background:#18213a;color:#dce7f8;border-radius:10px;padding:8px 10px;font-size:9px;font-weight:800;cursor:pointer}.phone-cam-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px}.phone-cam-actions .danger-soft{color:#ffabc9;border-color:rgba(255,47,174,.25);background:rgba(255,47,174,.08)}
@media(max-width:680px){.phone-cam-grid{grid-template-columns:1fr}.phone-qr-panel{max-width:260px;margin:auto;width:100%;box-sizing:border-box}.phone-cam-entry{align-items:flex-start;flex-direction:column}.phone-cam-btn{width:100%}}

/* V1.40 — Phone Cam completion action */
.phone-cam-ready-btn{min-width:130px;font-weight:900;box-shadow:0 10px 28px rgba(0,217,255,.16)}
.phone-cam-ready-btn[hidden]{display:none!important}


/* V1.42 — simple, powerful live filters */
.filter-control-btn{position:relative}.filter-control-btn .filter-active-dot{position:absolute;right:7px;top:7px;width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,var(--cyan),var(--pink));box-shadow:0 0 0 3px rgba(0,217,255,.08);opacity:0;transform:scale(.7);transition:.2s}.filter-control-btn.active-filter{border-color:rgba(0,217,255,.45);background:linear-gradient(180deg,rgba(0,217,255,.11),rgba(155,77,255,.08))}.filter-control-btn.active-filter .filter-active-dot{opacity:1;transform:scale(1)}
.filter-card{width:min(860px,94vw);max-height:92vh;overflow:auto;padding:22px}.filter-card .modal-head h2{font-size:24px;letter-spacing:-.04em}.filter-simple-controls{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(280px,1.1fr);gap:12px;margin-top:18px}.filter-control-block{padding:12px 13px;background:#0b1120;border:1px solid var(--line);border-radius:15px}.filter-control-label{display:block;color:#7f8799;font-size:9px;font-weight:900;letter-spacing:.12em;margin-bottom:9px}.filter-target-switch{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.filter-target-btn{border:1px solid transparent;background:#151d32;color:#8992a6;border-radius:10px;padding:9px 8px;font-size:10px;font-weight:800;cursor:pointer}.filter-target-btn.active{color:#fff;border-color:rgba(0,217,255,.34);background:linear-gradient(135deg,rgba(0,217,255,.14),rgba(155,77,255,.16));box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}.filter-strength-head{display:flex;align-items:center;justify-content:space-between}.filter-strength-head .filter-control-label{margin:0}.filter-strength-head strong{font-size:11px;color:#dffaff}.filter-strength{width:100%;margin-top:13px;accent-color:var(--cyan);cursor:pointer}.filter-section-head{display:flex;justify-content:space-between;gap:18px;align-items:end;margin:20px 2px 10px}.filter-section-head span{display:block;color:#7f8799;font-size:9px;font-weight:900;letter-spacing:.12em}.filter-section-head strong{display:block;margin-top:3px;font-size:13px}.filter-section-head small{color:#70798d;font-size:9px}.filter-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}.filter-preset{position:relative;min-height:86px;border:1px solid var(--line);border-radius:14px;background:#11182a;color:#fff;padding:8px;cursor:pointer;text-align:left;overflow:hidden;transition:.18s}.filter-preset:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.2)}.filter-preset.active{border-color:rgba(0,217,255,.62);box-shadow:0 0 0 2px rgba(0,217,255,.08),0 12px 28px rgba(0,0,0,.2)}.filter-preset-swatch{display:block;height:48px;border-radius:10px;margin-bottom:7px;position:relative;overflow:hidden;background:linear-gradient(135deg,#151e31,#303c5b)}.filter-preset-swatch:before{content:'';position:absolute;inset:-20%;background:radial-gradient(circle at 30% 35%,rgba(255,255,255,.82),transparent 22%),linear-gradient(135deg,#ffb56b 5%,#cc4cff 43%,#00d9ff 75%,#19e66a);filter:var(--preview-filter,none);transform:scale(1.05)}.filter-preset strong{display:block;font-size:10px;line-height:1.15}.filter-preset small{display:block;color:#717b8f;font-size:8px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filter-preset .original-badge{position:absolute;right:6px;top:6px;background:rgba(8,11,22,.72);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:3px 5px;font-size:7px;font-weight:900;letter-spacing:.06em;color:#d6e8ff}.custom-filter-card{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;margin-top:14px;padding:13px;border:1px solid rgba(155,77,255,.24);background:linear-gradient(135deg,rgba(155,77,255,.08),rgba(0,217,255,.045));border-radius:16px}.custom-filter-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,rgba(155,77,255,.25),rgba(0,217,255,.18));border:1px solid rgba(255,255,255,.08);font-size:18px}.custom-filter-copy>span{font-size:8px;font-weight:900;letter-spacing:.12em;color:#b7a6ff}.custom-filter-copy>span em{font-style:normal;color:#06101a;background:var(--cyan);padding:2px 5px;border-radius:999px;margin-left:4px}.custom-filter-copy strong{display:block;margin-top:3px;font-size:11px}.custom-filter-copy small{display:block;color:#788197;font-size:9px;line-height:1.4;margin-top:3px}.custom-filter-status{margin-top:6px;color:#93a0b8;font-size:8px}.custom-filter-upload{display:inline-flex;align-items:center;justify-content:center;min-width:102px;border:1px solid rgba(0,217,255,.35);background:rgba(0,217,255,.08);color:#baf5ff;padding:9px 11px;border-radius:10px;font-size:9px;font-weight:900;cursor:pointer}.filter-pack-preview{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:12px;padding:11px 13px;border:1px dashed rgba(255,255,255,.1);border-radius:14px}.filter-pack-preview>div:first-child span{display:block;color:#6e7789;font-size:8px;font-weight:900;letter-spacing:.12em}.filter-pack-preview>div:first-child strong{display:block;font-size:10px;margin-top:2px}.filter-pack-chips{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.filter-pack-chips span{font-size:8px;font-weight:800;color:#8f98aa;background:#151d32;border:1px solid var(--line);padding:5px 7px;border-radius:999px}.filter-modal-actions{display:flex;justify-content:space-between;gap:10px;margin-top:16px}.filter-modal-actions .primary-btn{min-width:110px}.filter-modal-actions .ghost-btn{min-width:110px}
@media(max-width:900px){.filter-grid{grid-template-columns:repeat(4,1fr)}.filter-simple-controls{grid-template-columns:1fr}.filter-card{padding:18px}}
@media(max-width:620px){.filter-grid{grid-template-columns:repeat(3,1fr)}.custom-filter-card{grid-template-columns:40px 1fr}.custom-filter-upload{grid-column:1/-1;width:100%;box-sizing:border-box}.filter-pack-preview{align-items:flex-start;flex-direction:column}.filter-pack-chips{justify-content:flex-start}.filter-section-head{align-items:flex-start;flex-direction:column;gap:4px}.filter-modal-actions button{flex:1}}
@media(max-width:420px){.filter-grid{grid-template-columns:repeat(2,1fr)}}


/* KIPZO V1.44 — sharper cut-out + scene backgrounds */
#hostFxCanvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:none;background:#050814;z-index:1}
.camera-pane.background-active #hostFxCanvas{display:block}
.camera-pane.background-active #cameraVideo{visibility:hidden}
.camera-pane.background-active .pane-label,.camera-pane.background-active .overlay-drag-handle,.camera-pane.background-active .overlay-resize-handle{z-index:4}
.background-control-btn{position:relative}.background-control-btn .background-active-dot{position:absolute;right:7px;top:7px;width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,var(--green),var(--cyan));box-shadow:0 0 0 3px rgba(25,230,106,.08);opacity:0;transform:scale(.7);transition:.2s}.background-control-btn.active-background{border-color:rgba(25,230,106,.42);background:linear-gradient(180deg,rgba(25,230,106,.10),rgba(0,217,255,.06))}.background-control-btn.active-background .background-active-dot{opacity:1;transform:scale(1)}
.background-card{width:min(760px,94vw);max-height:88vh;overflow:auto}.background-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:20px 0 12px}.background-section-head div{display:grid;gap:3px}.background-section-head span,.background-light-head span{font-size:9px;font-weight:900;letter-spacing:.12em;color:#737b91}.background-section-head strong{font-size:15px}.background-section-head small{font-size:10px;color:var(--muted);text-align:right;max-width:300px}.background-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.background-preset{position:relative;text-align:left;border:1px solid var(--line);background:#11192b;color:#fff;border-radius:15px;padding:8px;cursor:pointer;transition:.18s}.background-preset:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.18)}.background-preset.active{border-color:rgba(0,217,255,.62);box-shadow:0 0 0 2px rgba(0,217,255,.08)}.background-preset strong{display:block;font-size:11px;margin:8px 2px 2px}.background-preset small{display:block;color:#858da1;font-size:9px;margin:0 2px 2px}.background-preview{height:88px;border-radius:10px;display:grid;place-items:center;overflow:hidden;font-size:10px;font-weight:900;letter-spacing:.08em;color:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.06)}.bg-none{background:linear-gradient(135deg,#302e2c,#817870)}.bg-blur{background:linear-gradient(135deg,#2b394d,#6c7989);filter:blur(.6px)}.bg-holiday{background:url('backgrounds/holiday-paradise.webp') center/cover no-repeat}.bg-fairytale{background:url('backgrounds/fairytale-kingdom.webp') center/cover no-repeat}.bg-warp{background:url('backgrounds/warp-tunnel.webp') center/cover no-repeat}.bg-prism{background:url('backgrounds/neon-prism.webp') center/cover no-repeat}.bg-retro{background:url('backgrounds/retro-70s.webp') center/cover no-repeat}.bg-comic{background:url('backgrounds/comic-burst.webp') center/cover no-repeat}.background-simple-controls{margin:14px 0;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#0e1628}.background-light-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.background-light-head strong{font-size:11px}.background-strength{width:100%;accent-color:var(--cyan)}.custom-background-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-top:12px;padding:14px;border-radius:15px;border:1px dashed rgba(0,217,255,.28);background:linear-gradient(135deg,rgba(0,217,255,.05),rgba(155,77,255,.05))}
@media(max-width:700px){.background-grid{grid-template-columns:repeat(2,1fr)}.custom-background-card{grid-template-columns:auto 1fr}.custom-background-card .custom-filter-upload{grid-column:1/-1;width:100%;text-align:center}.background-section-head{align-items:flex-start;flex-direction:column}.background-section-head small{text-align:left}.background-card{max-height:92vh}}

/* V1.48 — 99p background packs */
.pack-store-section{margin-top:16px;padding-top:4px}
.pack-store-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:8px 0 12px}
.pack-store-head div{display:grid;gap:3px}.pack-store-head span,.owned-pack-head span{font-size:9px;font-weight:900;letter-spacing:.12em;color:#8b94aa}.pack-store-head strong{font-size:15px}.pack-store-head small,.owned-pack-head small{font-size:10px;color:var(--muted)}
.premium-pack-card{overflow:hidden;border:1px solid rgba(255,200,0,.26);border-radius:19px;background:linear-gradient(145deg,rgba(255,200,0,.055),rgba(155,77,255,.055) 48%,rgba(0,217,255,.04));box-shadow:0 14px 38px rgba(0,0,0,.18)}
.premium-pack-card+.owned-pack-backgrounds,.owned-pack-backgrounds+.premium-pack-card{margin-top:14px}
.pack-collage{display:grid;grid-template-columns:1.35fr .8fr .8fr;grid-template-rows:86px 70px;gap:3px;background:#080b16}
.pack-tile{display:block;background-size:cover;background-position:center}.pack-tile:first-child{grid-row:1/3}.pack-tile:nth-child(4){grid-column:2/3}.pack-tile:nth-child(5){grid-column:3/4}
.epic-iceland,.bg-epic-iceland{background-image:url('backgrounds/packs/epic-earth/iceland-road.webp')}.epic-alpine,.bg-epic-alpine{background-image:url('backgrounds/packs/epic-earth/alpine-glacier.webp')}.epic-coast,.bg-epic-coast{background-image:url('backgrounds/packs/epic-earth/storm-coast.webp')}.epic-canyon,.bg-epic-canyon{background-image:url('backgrounds/packs/epic-earth/canyon-falls.webp')}.epic-dunes,.bg-epic-dunes{background-image:url('backgrounds/packs/epic-earth/golden-dunes.webp')}
.dream-minimal,.bg-dream-minimal{background-image:url('backgrounds/packs/dreamscape/sunlit-bedroom.webp')}.dream-boho,.bg-dream-boho{background-image:url('backgrounds/packs/dreamscape/boho-bedroom.webp')}.dream-playplace,.bg-dream-playplace{background-image:url('backgrounds/packs/dreamscape/vaporwave-corridor.webp')}.dream-fantasy,.bg-dream-fantasy{background-image:url('backgrounds/packs/dreamscape/fantasy-gamer.webp')}.dream-retro,.bg-dream-retro{background-image:url('backgrounds/packs/dreamscape/retro-gaming-den.webp')}
.wild-fog,.bg-wild-fog{background-image:url('backgrounds/packs/mystic-wilds/fog-pine-valley.webp')}.wild-waterfall,.bg-wild-waterfall{background-image:url('backgrounds/packs/mystic-wilds/waterfall-gorge.webp')}.wild-moon,.bg-wild-moon{background-image:url('backgrounds/packs/mystic-wilds/moonlit-forest.webp')}.wild-glow,.bg-wild-glow{background-image:url('backgrounds/packs/mystic-wilds/bioluminescent-woods.webp')}.wild-frozen,.bg-wild-frozen{background-image:url('backgrounds/packs/mystic-wilds/frozen-pines.webp')}
.core-hallway,.bg-core-hallway{background-image:url('backgrounds/packs/dreamcore/endless-hallway.webp')}.core-curtains,.bg-core-curtains{background-image:url('backgrounds/packs/dreamcore/curtain-void.webp')}.core-mall,.bg-core-mall{background-image:url('backgrounds/packs/dreamcore/after-hours-mall.webp')}.core-planet,.bg-core-planet{background-image:url('backgrounds/packs/dreamcore/pastel-planet-walk.webp')}.core-glass,.bg-core-glass{background-image:url('backgrounds/packs/dreamcore/liquid-glass-room.webp')}
.kid-bedroom,.bg-kid-bedroom{background-image:url('backgrounds/packs/kid-core/doodle-bedroom.webp')}.kid-cloud,.bg-kid-cloud{background-image:url('backgrounds/packs/kid-core/cloud-playground.webp')}.kid-toy,.bg-kid-toy{background-image:url('backgrounds/packs/kid-core/toy-room.webp')}.kid-crayon,.bg-kid-crayon{background-image:url('backgrounds/packs/kid-core/crayon-world.webp')}.kid-suburban,.bg-kid-suburban{background-image:url('backgrounds/packs/kid-core/suburban-dream.webp')}
.throwback-bedroom,.bg-throwback-bedroom{background-image:url('backgrounds/packs/2016-throwback/pink-bedroom.webp')}.throwback-rooftop,.bg-throwback-rooftop{background-image:url('backgrounds/packs/2016-throwback/rooftop-sunset.webp')}.throwback-fairground,.bg-throwback-fairground{background-image:url('backgrounds/packs/2016-throwback/neon-fairground.webp')}.throwback-cafe,.bg-throwback-cafe{background-image:url('backgrounds/packs/2016-throwback/polaroid-cafe.webp')}.throwback-suburban,.bg-throwback-suburban{background-image:url('backgrounds/packs/2016-throwback/golden-suburban-night.webp')}
.block-valley,.bg-block-valley{background-image:url('backgrounds/packs/block-world/voxel-valley.webp')}.block-islands,.bg-block-islands{background-image:url('backgrounds/packs/block-world/sky-islands.webp')}.block-crystal,.bg-block-crystal{background-image:url('backgrounds/packs/block-world/crystal-cavern.webp')}.block-lava,.bg-block-lava{background-image:url('backgrounds/packs/block-world/lava-fortress.webp')}.block-village,.bg-block-village{background-image:url('backgrounds/packs/block-world/sunset-village.webp')}
.pack-copy{padding:16px}.pack-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.pack-badge{display:inline-flex;padding:5px 8px;border-radius:999px;background:rgba(255,200,0,.11);border:1px solid rgba(255,200,0,.22);color:#ffd34d;font-size:8px;font-weight:900;letter-spacing:.12em}.pack-title-row h3{margin:7px 0 0;font-size:18px;letter-spacing:-.025em}.pack-price{font-size:27px;color:#fff;line-height:1}.pack-copy p{margin:10px 0;color:#a7aec0;font-size:11px;line-height:1.55}.pack-meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.pack-meta span{padding:5px 7px;border-radius:8px;background:#10192b;border:1px solid var(--line);color:#9099ae;font-size:8px;font-weight:700}.pack-buy-btn{width:100%;border:0;border-radius:12px;padding:12px 14px;background:linear-gradient(135deg,var(--gold),#ff7f2f 55%,var(--pink));color:#101018;font:800 12px Inter,system-ui;cursor:pointer;box-shadow:0 10px 25px rgba(255,200,0,.12)}.pack-buy-btn:hover{filter:brightness(1.05)}.pack-buy-btn:disabled{cursor:default;filter:none;opacity:.75}.pack-buy-btn.owned{background:linear-gradient(135deg,rgba(25,230,106,.2),rgba(0,217,255,.18));border:1px solid rgba(25,230,106,.35);color:#baffd2}.pack-note{display:block;margin-top:8px;color:#737d94;font-size:9px;text-align:center}.owned-pack-backgrounds{margin-top:12px;padding:12px;border:1px solid rgba(25,230,106,.24);border-radius:16px;background:rgba(25,230,106,.035)}.owned-pack-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.owned-pack-head span{color:#71f7a2}.premium-background-grid .background-preset{background:#0f1829}
.background-preset.locked::after{content:'🔒';position:absolute;right:10px;top:10px;width:24px;height:24px;display:grid;place-items:center;border-radius:8px;background:rgba(8,11,22,.78);font-size:11px}.background-preset.locked{opacity:.76}
.packs-card{width:min(840px,94vw)}.owned-packs-list{display:grid;gap:14px}.owned-pack-row{display:grid;grid-template-columns:190px 1fr auto;gap:16px;align-items:center;border:1px solid var(--line);border-radius:17px;padding:12px;background:#0e1423}.owned-pack-thumb{height:108px;border-radius:12px;overflow:hidden;background-position:center;background-size:cover;background-repeat:no-repeat}.owned-pack-copy{display:grid;gap:5px}.owned-pack-copy .owned-label{font-size:8px;font-weight:900;letter-spacing:.12em;color:#63ef94}.owned-pack-copy strong{font-size:15px}.owned-pack-copy small{font-size:10px;color:#8e97aa;line-height:1.5}.owned-pack-use{border:1px solid rgba(0,217,255,.28);background:rgba(0,217,255,.08);color:#c8f8ff;border-radius:10px;padding:10px 12px;font:800 10px Inter;cursor:pointer}
@media(max-width:700px){.pack-store-head,.owned-pack-head{align-items:flex-start;flex-direction:column}.pack-collage{grid-template-rows:68px 58px}.owned-pack-row{grid-template-columns:1fr}.owned-pack-thumb{height:150px}.owned-pack-use{width:100%}}

/* V1.56 — always-visible left/right studio rails */
.studio-head-compact{margin-bottom:14px}
.studio-workbench{display:grid;grid-template-columns:210px minmax(0,1fr) 196px;gap:14px;align-items:start}
.studio-side-tools{position:sticky;top:92px;align-self:start;max-height:calc(100vh - 112px);overflow:auto;scrollbar-width:thin;scrollbar-color:#2a3654 transparent;padding:12px;background:linear-gradient(180deg,rgba(16,24,42,.97),rgba(10,16,30,.97));border:1px solid var(--line);border-radius:20px;box-shadow:0 18px 46px rgba(0,0,0,.24);z-index:12}
.studio-side-tools::-webkit-scrollbar{width:6px}.studio-side-tools::-webkit-scrollbar-thumb{background:#2a3654;border-radius:99px}
.studio-rail-heading{padding:3px 4px 11px;border-bottom:1px solid rgba(255,255,255,.065);margin-bottom:11px}
.studio-rail-heading span{display:block;font-size:8px;font-weight:900;letter-spacing:.16em;color:var(--cyan)}
.studio-left-tools .studio-rail-heading span{color:#b88cff}.studio-rail-heading strong{display:block;margin-top:3px;font-size:15px;letter-spacing:-.025em}.studio-rail-heading small{display:block;margin-top:3px;color:#7f899f;font-size:8px;line-height:1.35}
.studio-center-column{min-width:0}.studio-center-column .stage-wrap{margin:0;min-height:0;padding:16px;border-radius:20px}.studio-center-column .tip-row{margin:12px 2px 0}
.studio-workbench .stage.ratio-16-9,.studio-workbench .stage.ratio-16-10{width:min(100%,860px);height:auto}.studio-workbench .stage.ratio-16-9{aspect-ratio:16/9}.studio-workbench .stage.ratio-16-10{aspect-ratio:16/10}.studio-workbench .stage.ratio-1-1{width:min(100%,560px);height:auto;aspect-ratio:1}.studio-workbench .stage.ratio-9-16{width:min(320px,100%);height:auto;aspect-ratio:9/16}

/* Left rail: canvas size */
.studio-left-tools .format-switcher{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:0;background:transparent;border:0;border-radius:0;margin-bottom:11px}
.studio-left-tools .format-btn{min-height:54px;padding:8px 7px;border:1px solid var(--line);background:#151d32;border-radius:12px;text-align:left;display:flex;flex-direction:column;justify-content:center;gap:2px;color:#aeb9cd}
.studio-left-tools .format-btn strong{font-size:13px;color:#fff}.studio-left-tools .format-btn span{margin:0;font-size:8px;color:#818ca3;font-weight:700}.studio-left-tools .format-btn.active{background:linear-gradient(145deg,rgba(155,77,255,.22),rgba(0,217,255,.08));border-color:rgba(155,77,255,.58);box-shadow:0 8px 22px rgba(0,0,0,.2)}
.studio-left-tools .layout-picker{margin:0 0 11px;padding:11px;background:#0d1424;border-radius:15px}.studio-left-tools .layout-picker-head{display:block;margin-bottom:9px}.studio-left-tools .layout-picker-head>div{display:block}.studio-left-tools .layout-picker-head span{display:block}.studio-left-tools .layout-picker-head strong{display:block;margin-top:3px;font-size:11px}.studio-left-tools .layout-picker-head small{display:block;margin-top:4px;line-height:1.35;font-size:8px}
.studio-left-tools .layout-options{grid-template-columns:1fr 1fr;gap:7px}.studio-left-tools .layout-btn{min-height:82px;padding:7px;border-radius:11px}.studio-left-tools .layout-thumb{height:39px}.studio-left-tools .layout-btn strong{font-size:9px;margin-top:5px}.studio-left-tools .layout-btn small{font-size:7px;margin-top:1px}
.studio-left-tools .overlay-tools{margin:0;padding:11px;display:block;background:#0d1424;border-radius:15px}.studio-left-tools .overlay-tools-copy{min-width:0;margin-bottom:9px}.studio-left-tools .overlay-tools-copy strong{font-size:10px}.studio-left-tools .overlay-shapes{display:grid;grid-template-columns:1fr 1fr;gap:6px;justify-content:stretch}.studio-left-tools .overlay-shape,.studio-left-tools .overlay-reset,.studio-left-tools .overlay-size-btn{min-width:0;width:100%;padding:8px 5px;font-size:8px}.studio-left-tools .overlay-size-divider{display:none}.studio-left-tools .overlay-size-value{grid-column:1/-1;min-width:0;padding:7px;text-align:center}.studio-left-tools .overlay-reset{grid-column:1/-1}

/* Right rail: creator controls */
.studio-right-tools .control-deck{margin:0;padding:0;background:transparent;border:0;border-radius:0;display:block}
.studio-right-tools .control-group{display:grid;grid-template-columns:1fr 1fr;gap:8px;overflow:visible}
.studio-right-tools .control-btn{position:relative;min-width:0;width:100%;min-height:72px;padding:10px 7px;border-radius:14px;background:linear-gradient(180deg,#172039,#11192c);border-color:rgba(255,255,255,.085);gap:7px;transition:.18s ease}
.studio-right-tools .control-btn:hover{transform:translateY(-1px);border-color:rgba(0,217,255,.42);background:linear-gradient(180deg,#1a2743,#131d33)}
.studio-right-tools .control-btn span{font-size:20px;line-height:1;color:#dff7ff}.studio-right-tools .control-btn small{font-size:9px;line-height:1.15;color:#aab7ce;font-weight:800;text-align:center}
.studio-right-tools .record-group{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.065);display:grid;grid-template-columns:1fr;gap:8px}.studio-right-tools .timer{min-width:0;text-align:center;padding:8px;border-radius:10px;background:#0b1221;border:1px solid var(--line);font-size:13px;color:#c6d4ec}.studio-right-tools .record-btn{width:100%;min-height:52px;padding:11px 10px;border-radius:13px;justify-content:center;font-size:10px;line-height:1.2;text-align:center}
.studio-right-tools .filter-control-btn.active-filter,.studio-right-tools .background-control-btn.active-background{box-shadow:0 0 0 1px rgba(0,217,255,.2),0 8px 24px rgba(0,0,0,.18)}

/* Keep the creator rails useful on normal laptops, then fall back gracefully on smaller widths. */
@media(max-width:1450px){.studio-workbench{grid-template-columns:190px minmax(0,1fr) 176px;gap:11px}.studio-area{padding-left:20px;padding-right:20px}.studio-side-tools{padding:10px}.studio-left-tools .layout-btn{min-height:77px}.studio-right-tools .control-btn{min-height:68px}}
@media(max-width:1180px){.studio-workbench{grid-template-columns:176px minmax(0,1fr) 164px;gap:9px}.studio-left-tools .layout-btn small{display:none}.studio-left-tools .layout-btn{min-height:68px}.studio-left-tools .layout-thumb{height:35px}.studio-right-tools .control-group{grid-template-columns:1fr}.studio-right-tools .control-btn{min-height:52px;display:flex;justify-content:flex-start;gap:9px;padding:8px 10px}.studio-right-tools .control-btn span{font-size:17px}.studio-right-tools .control-btn small{text-align:left}.studio-side-tools{max-height:calc(100vh - 98px);top:86px}}
@media(max-width:980px){.studio-workbench{display:block}.studio-side-tools{position:static;max-height:none;overflow:visible;margin-bottom:12px}.studio-left-tools .format-switcher{grid-template-columns:repeat(4,1fr)}.studio-left-tools .layout-options{grid-template-columns:repeat(3,1fr)}.studio-left-tools .overlay-shapes{grid-template-columns:repeat(4,1fr)}.studio-left-tools .overlay-size-value,.studio-left-tools .overlay-reset{grid-column:auto}.studio-right-tools{margin-top:12px}.studio-right-tools .control-group{grid-template-columns:repeat(4,1fr)}.studio-right-tools .control-btn{min-height:64px;display:grid;justify-content:stretch}.studio-right-tools .control-btn small{text-align:center}.studio-right-tools .record-group{grid-template-columns:auto 1fr;align-items:center}.studio-right-tools .timer{min-width:72px}.studio-center-column .stage-wrap{padding:12px}}
@media(max-width:650px){.studio-left-tools .format-switcher{grid-template-columns:1fr 1fr}.studio-left-tools .layout-options{grid-template-columns:1fr 1fr}.studio-left-tools .overlay-shapes{grid-template-columns:1fr 1fr}.studio-right-tools .control-group{grid-template-columns:1fr 1fr}.studio-right-tools .record-group{grid-template-columns:1fr}.studio-head-compact{margin-bottom:10px}}

/* V1.57 — readability pass: larger, clearer studio text and controls */
.studio-workbench{grid-template-columns:224px minmax(0,1fr) 212px;gap:16px}
.studio-side-tools{padding:14px}
.studio-rail-heading{padding:4px 5px 13px;margin-bottom:13px}
.studio-rail-heading span{font-size:10px;letter-spacing:.14em}
.studio-rail-heading strong{font-size:17px;line-height:1.2}
.studio-rail-heading small{font-size:11px;line-height:1.45;color:#9aa6bb}

.studio-left-tools .format-switcher{gap:9px;margin-bottom:14px}
.studio-left-tools .format-btn{min-height:64px;padding:10px 9px;gap:4px}
.studio-left-tools .format-btn strong{font-size:14px;line-height:1.15}
.studio-left-tools .format-btn span{font-size:11px;line-height:1.2;color:#9ba7bd}

.studio-left-tools .layout-picker{padding:13px;margin-bottom:14px}
.studio-left-tools .layout-picker-head{margin-bottom:11px}
.studio-left-tools .layout-picker-head span{font-size:10px;font-weight:900;letter-spacing:.1em;color:#8d97ab}
.studio-left-tools .layout-picker-head strong{font-size:13px;line-height:1.25}
.studio-left-tools .layout-picker-head small{font-size:11px;line-height:1.45;color:#98a4b9}
.studio-left-tools .layout-options{gap:9px}
.studio-left-tools .layout-btn{min-height:94px;padding:9px;border-radius:13px}
.studio-left-tools .layout-thumb{height:44px}
.studio-left-tools .layout-btn strong{font-size:11px;line-height:1.2;margin-top:6px}
.studio-left-tools .layout-btn small{font-size:10px;line-height:1.25;margin-top:3px;color:#96a2b7}

.studio-left-tools .overlay-tools{padding:13px}
.studio-left-tools .overlay-tools-copy{margin-bottom:11px}
.studio-left-tools .overlay-tools-copy strong{font-size:12px}
.studio-left-tools .overlay-tools-copy small{font-size:10px;line-height:1.35;color:#98a4b9}
.studio-left-tools .overlay-shapes{gap:8px}
.studio-left-tools .overlay-shape,.studio-left-tools .overlay-reset,.studio-left-tools .overlay-size-btn{padding:10px 7px;font-size:11px;font-weight:800}
.studio-left-tools .overlay-size-value{padding:9px;font-size:12px;font-weight:900}

.studio-right-tools .control-group{gap:10px}
.studio-right-tools .control-btn{min-height:80px;padding:12px 9px;gap:8px}
.studio-right-tools .control-btn span{font-size:23px}
.studio-right-tools .control-btn small{font-size:11px;line-height:1.25;color:#c0cadb}
.studio-right-tools .record-group{margin-top:14px;padding-top:14px;gap:10px}
.studio-right-tools .timer{font-size:14px;padding:10px}
.studio-right-tools .record-btn{min-height:58px;padding:13px 11px;font-size:12px}

.studio-center-column .tip-row{font-size:12px;line-height:1.45}
.tip-badge{font-size:10px;padding:6px 8px}
.pane-label{font-size:10px;padding:7px 9px}
.empty-state h3{font-size:16px}
.empty-state p{font-size:12px;line-height:1.5}
.primary-soft{font-size:12px}

/* Backgrounds / packs: remove the tiny 8px/9px type */
.background-section-head span,.background-light-head span,.pack-store-head span,.owned-pack-head span{font-size:10px}
.background-section-head strong,.pack-store-head strong{font-size:16px}
.background-section-head small,.pack-store-head small,.owned-pack-head small{font-size:11px;line-height:1.4}
.background-preset strong{font-size:12px}
.background-preset small{font-size:10px;line-height:1.3}
.background-light-head strong{font-size:12px}
.pack-badge{font-size:10px}
.pack-copy p{font-size:12px;line-height:1.6}
.pack-meta span{font-size:10px;padding:6px 8px}
.pack-buy-btn{font-size:13px;padding:13px 15px}
.pack-note{font-size:10px;line-height:1.4}
.owned-pack-copy .owned-label{font-size:10px}
.owned-pack-copy strong{font-size:16px}
.owned-pack-copy small{font-size:11px;line-height:1.55}
.owned-pack-use{font-size:11px;padding:11px 13px}

@media(max-width:1450px){
  .studio-workbench{grid-template-columns:204px minmax(0,1fr) 190px;gap:12px}
  .studio-left-tools .layout-btn{min-height:88px}
  .studio-right-tools .control-btn{min-height:74px}
}
@media(max-width:1180px){
  .studio-workbench{grid-template-columns:188px minmax(0,1fr) 176px;gap:10px}
  .studio-left-tools .layout-btn small{display:block}
  .studio-left-tools .layout-btn{min-height:80px}
  .studio-left-tools .layout-thumb{height:38px}
  .studio-left-tools .layout-btn strong{font-size:10px}
  .studio-left-tools .layout-btn small{font-size:9px}
  .studio-right-tools .control-btn{min-height:58px}
  .studio-right-tools .control-btn span{font-size:19px}
  .studio-right-tools .control-btn small{font-size:10px}
}

/* KIPZO v1.58 — keep the two most-used actions beside the video */
.stage-record-bar{
  width:min(560px,100%);
  box-sizing:border-box;
  margin:12px auto 0;
  padding:10px;
  display:grid;
  grid-template-columns:96px minmax(0,1fr);
  align-items:center;
  gap:10px;
  border:1px solid var(--line);
  border-radius:16px;
  background:linear-gradient(180deg,rgba(16,24,42,.98),rgba(11,17,31,.98));
  box-shadow:0 14px 34px rgba(0,0,0,.22);
}
.stage-record-bar .timer{
  min-width:0;
  text-align:center;
  padding:13px 10px;
  border-radius:12px;
  background:#090f1d;
  border:1px solid rgba(255,255,255,.1);
  color:#e4eeff;
  font-size:18px;
  font-weight:800;
  letter-spacing:.04em;
}
.stage-record-bar .record-btn{
  width:100%;
  min-height:50px;
  justify-content:center;
  font-size:14px;
  letter-spacing:.02em;
  padding:12px 18px;
}
.studio-right-tools .control-deck{margin-top:10px}

/* Background chooser: Done is always visible at the top while scrolling. */
.background-card .background-modal-head{
  position:sticky;
  top:-20px;
  z-index:30;
  margin:-20px -20px 14px;
  padding:18px 20px 14px;
  align-items:center;
  background:linear-gradient(180deg,rgba(16,24,42,.99),rgba(16,24,42,.96));
  border-bottom:1px solid rgba(255,255,255,.08);
  backdrop-filter:blur(14px);
}
.background-modal-head-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.background-done-top{
  min-width:92px;
  min-height:38px;
  padding:9px 16px;
  font-size:13px;
  font-weight:900;
}
.background-bottom-actions{justify-content:flex-start}
.background-bottom-actions .ghost-btn{min-width:150px}

@media(max-width:700px){
  .stage-record-bar{grid-template-columns:82px minmax(0,1fr);padding:8px}
  .stage-record-bar .timer{font-size:16px;padding:11px 8px}
  .stage-record-bar .record-btn{font-size:12px;min-height:46px}
  .background-card .background-modal-head{top:-20px;padding:15px 16px;margin:-20px -20px 12px}
  .background-modal-head p{display:none}
  .background-done-top{min-width:76px}
}

/* V1.59 — cleaner export hub + one-time watermark removal */
.export-hub-card{width:min(760px,94vw);padding:26px;border-radius:28px;overflow:auto}
.export-hub-head h2{font-size:30px;margin:6px 0 7px}.export-hub-head p{font-size:13px;line-height:1.45}.export-hub-head .eyebrow{font-size:10px;letter-spacing:.15em;color:#ff4ea3;font-weight:900}
.export-primary-row{display:grid;grid-template-columns:1.15fr .85fr;gap:12px;margin-top:22px}.export-primary-row .download-mp4-card,.export-primary-row .save-project-card{margin-top:0;height:100%}
.download-mp4-card{padding:18px;border-radius:18px;grid-template-columns:50px 1fr auto}.download-icon{width:46px;height:46px;border-radius:14px}.download-copy strong,.save-project-card strong,.social-export strong{font-size:14px}.download-copy small,.save-project-card small,.social-export small{font-size:10px;line-height:1.35;margin-top:4px}.download-meta{font-size:12px}
.export-save-card{padding:16px;border-radius:18px;background:#121722}.save-project-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#1a2030;color:#d9dded;font-size:15px;font-weight:900}
.export-section-head{display:flex;align-items:center;justify-content:space-between;margin:22px 2px 10px}.export-section-head strong{display:block;font-size:13px}.export-section-head small{display:block;margin-top:3px;color:#7f8798;font-size:10px}
.social-export-grid{gap:10px}.social-export{padding:14px;border-radius:15px;grid-template-columns:38px 1fr auto}.social-mark{width:36px;height:36px;border-radius:11px}.social-export em,.save-project-card em{font-size:9px;padding:5px 8px}
.watermark-upgrade{margin-top:18px;border:1px solid rgba(255,200,0,.3);background:linear-gradient(135deg,rgba(255,200,0,.09),rgba(255,47,174,.09),rgba(155,77,255,.08));border-radius:18px;padding:16px;display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:13px;align-items:center}.watermark-upgrade-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#ffc800,#ff2fae);color:#111;font-weight:1000;font-size:19px;box-shadow:0 8px 20px rgba(255,47,174,.18)}.watermark-upgrade-copy{min-width:0}.watermark-kicker{display:block;font-size:8px;font-weight:900;letter-spacing:.13em;color:#ffd65e;margin-bottom:4px}.watermark-upgrade-copy strong{display:block;font-size:14px;line-height:1.25}.watermark-upgrade-copy small{display:block;color:#9ca5b8;font-size:10px;line-height:1.45;margin-top:4px}.watermark-upgrade-btn{border:0;border-radius:12px;padding:12px 14px;background:linear-gradient(135deg,#ffc800,#ff8b3d 52%,#ff2fae);color:#101018;font:900 11px Inter,system-ui;white-space:nowrap;cursor:pointer;box-shadow:0 8px 24px rgba(255,200,0,.12)}.watermark-upgrade-btn:hover{filter:brightness(1.06)}.watermark-upgrade.owned{border-color:rgba(25,230,106,.32);background:linear-gradient(135deg,rgba(25,230,106,.08),rgba(0,217,255,.07))}.watermark-upgrade.owned .watermark-upgrade-icon{background:linear-gradient(135deg,#19e66a,#00d9ff)}.watermark-upgrade.owned .watermark-kicker{color:#7ff8aa}.watermark-upgrade.owned .watermark-upgrade-btn{background:rgba(25,230,106,.14);color:#bfffd2;border:1px solid rgba(25,230,106,.28)}
.export-hub-note{margin-top:10px;font-size:10px;line-height:1.45;color:#7f8798;text-align:left;padding-left:2px}
@media(max-width:700px){.export-primary-row{grid-template-columns:1fr}.watermark-upgrade{grid-template-columns:44px 1fr}.watermark-upgrade-btn{grid-column:1/-1;width:100%}.export-hub-card{padding:20px;border-radius:22px}.export-hub-head h2{font-size:26px}}

/* V1.60 — KIPZO Breakout + KIPZO Burst */
.breakout-control-btn{position:relative}.breakout-active-dot{position:absolute;right:9px;top:9px;width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#ffc800,#ff2fae);box-shadow:0 0 0 4px rgba(255,200,0,.08);opacity:0;transform:scale(.7);transition:.18s}.breakout-control-btn.active-breakout{border-color:rgba(255,200,0,.45)!important;background:linear-gradient(180deg,rgba(255,200,0,.11),rgba(255,47,174,.08))!important;box-shadow:0 0 0 1px rgba(255,200,0,.18),0 8px 24px rgba(0,0,0,.18)}.breakout-control-btn.active-breakout .breakout-active-dot{opacity:1;transform:scale(1)}
.breakout-live-fx{position:absolute;inset:0;pointer-events:none;z-index:18;overflow:hidden;border-radius:inherit;opacity:0}.breakout-live-fx span{position:absolute;left:50%;top:50%;width:20%;aspect-ratio:1;border-radius:50%;border:3px solid rgba(255,255,255,.75);transform:translate(-50%,-50%) scale(.2);opacity:0}.breakout-live-fx.hit{animation:breakoutFlash .48s ease-out}.breakout-live-fx.hit span{animation:breakoutRing .52s ease-out}.breakout-live-fx.hit span:nth-child(2){animation-delay:.05s;border-color:rgba(0,217,255,.9)}.breakout-live-fx.hit span:nth-child(3){animation-delay:.1s;border-color:rgba(255,47,174,.9)}.breakout-live-fx.wild.hit{animation:breakoutWildFlash .58s ease-out}@keyframes breakoutRing{0%{opacity:.9;transform:translate(-50%,-50%) scale(.15)}100%{opacity:0;transform:translate(-50%,-50%) scale(6.2)}}@keyframes breakoutFlash{0%{opacity:1;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.26),rgba(0,217,255,.12) 28%,transparent 58%)}100%{opacity:0;background:transparent}}@keyframes breakoutWildFlash{0%{opacity:1;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.36),rgba(255,47,174,.2) 30%,rgba(0,217,255,.16) 55%,transparent 72%);box-shadow:inset 0 0 90px rgba(255,47,174,.3)}100%{opacity:0;background:transparent;box-shadow:none}}
.breakout-card{width:min(640px,94vw)}.breakout-card .modal-head h2{margin:7px 0 6px;font-size:26px}.breakout-card .modal-head p{font-size:12px;line-height:1.5;color:#9ca5b8}.breakout-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.breakout-mode{border:1px solid var(--line);background:#101727;color:#fff;border-radius:16px;padding:16px 12px;cursor:pointer;text-align:left}.breakout-mode strong{display:block;font-size:18px;letter-spacing:.03em}.breakout-mode small{display:block;margin-top:5px;color:#95a0b6;font-size:10px;line-height:1.35}.breakout-mode.active{border-color:rgba(255,200,0,.48);background:linear-gradient(145deg,rgba(255,200,0,.12),rgba(255,47,174,.09))}.breakout-explain{margin-top:14px;padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#0d1423;display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center}.breakout-bolt{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#ffc800,#ff2fae);color:#101018;font-size:20px}.breakout-explain strong{display:block;font-size:13px}.breakout-explain small{display:block;margin-top:4px;color:#8f99ac;font-size:10px;line-height:1.4}.breakout-explain .ghost-btn{white-space:nowrap}
.burst-status[hidden],.burst-export-notice[hidden]{display:none!important}.burst-btn{border:1px solid rgba(255,200,0,.34);background:linear-gradient(135deg,rgba(255,200,0,.13),rgba(255,47,174,.11));color:#fff;border-radius:12px;padding:11px 14px;font:800 11px Inter,system-ui;cursor:pointer}.burst-btn:hover{border-color:rgba(255,200,0,.6);transform:translateY(-1px)}.burst-btn.busy{opacity:.65;cursor:wait}.burst-status{margin:12px 0 0;padding:15px;border-radius:16px;border:1px solid rgba(255,200,0,.30);background:linear-gradient(135deg,rgba(255,200,0,.09),rgba(255,47,174,.07));display:grid;gap:12px}.burst-status-copy{display:grid;gap:4px}.burst-status strong{font-size:13px;color:#ffe27c}.burst-status span{font-size:11px;color:#aab2c4;line-height:1.45}.burst-review-actions{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:8px}.burst-review-actions button{min-height:42px;font-size:11px;font-weight:800;border-radius:11px}.burst-review-actions .primary-btn{box-shadow:0 8px 24px rgba(255,47,174,.15)}.burst-export-notice{margin-top:16px;padding:12px 14px;border-radius:14px;border:1px solid rgba(255,200,0,.26);background:linear-gradient(135deg,rgba(255,200,0,.09),rgba(255,47,174,.07));display:grid;grid-template-columns:32px 1fr;gap:10px;align-items:center}.burst-export-notice>span{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#ffc800,#ff2fae);color:#111;font-size:15px}.burst-export-notice strong{display:block;font-size:12px}.burst-export-notice small{display:block;margin-top:3px;color:#9ca5b8;font-size:10px}
@media(max-width:700px){.breakout-modes{grid-template-columns:1fr}.breakout-explain{grid-template-columns:38px 1fr}.breakout-explain .ghost-btn{grid-column:1/-1;width:100%}.editor-head-actions{display:grid;grid-template-columns:1fr 1fr}.editor-head-actions #exportBtn{grid-column:1/-1}.burst-review-actions{grid-template-columns:1fr}.burst-review-actions button{width:100%}}

/* V1.65 — Burst Picks: thumbnails, centered score, Preview/Bin/Keep */
.burst-picks{padding:16px 16px 14px}.burst-picks-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.burst-picks-head>div:first-child{display:grid;gap:4px}.burst-record-another{flex:0 0 auto;min-height:38px;padding:9px 12px;font-size:10px}.burst-picks-list{display:grid;gap:10px}.burst-pick-row{display:grid;grid-template-columns:132px minmax(180px,1fr) 96px 238px;align-items:center;gap:12px;padding:11px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#0d1525;transition:.16s}.burst-pick-row.best{border-color:rgba(255,200,0,.36);background:linear-gradient(135deg,rgba(255,200,0,.07),rgba(255,47,174,.035),#0d1525)}.burst-pick-row.selected{box-shadow:0 0 0 2px rgba(0,217,255,.12);border-color:rgba(0,217,255,.40)}.burst-thumb{position:relative;width:132px;aspect-ratio:16/9;border-radius:11px;overflow:hidden;background:linear-gradient(135deg,#17223a,#0b1020);border:1px solid rgba(255,255,255,.08)}.burst-thumb img{width:100%;height:100%;object-fit:cover;display:block}.burst-thumb-placeholder{width:100%;height:100%;display:grid;place-items:center;font-size:24px;font-weight:900;color:#65718b}.burst-new-badge{position:absolute;top:7px;left:7px;display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;background:rgba(10,93,51,.96);border:1px solid rgba(111,255,171,.65);color:#fff;font-size:10px;font-weight:900;letter-spacing:.055em;line-height:1;box-shadow:0 5px 16px rgba(0,0,0,.34),0 0 0 1px rgba(0,0,0,.14);text-shadow:0 1px 1px rgba(0,0,0,.35);backdrop-filter:blur(5px)}.burst-new-badge i{width:7px;height:7px;border-radius:50%;background:#42ff91;box-shadow:0 0 8px rgba(66,255,145,.85);flex:0 0 auto}.burst-pick-main{min-width:0;display:grid;gap:5px}.burst-pick-title{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.burst-pick-title strong{color:#fff;font-size:14px}.burst-pick-title>span:not(.burst-best-badge){font-size:10px;color:#98a2b6}.burst-pick-main small{font-size:10px;color:#8f99ae;line-height:1.4}.burst-best-badge{display:inline-flex;align-items:center;padding:3px 6px;border-radius:999px;background:rgba(255,200,0,.13);border:1px solid rgba(255,200,0,.25);color:#ffd85a!important;font-size:8px!important;font-weight:900;letter-spacing:.08em}.burst-score{height:58px;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:3px;background:#121c2f;border:1px solid rgba(255,255,255,.07);text-align:center}.burst-score strong{font-size:24px;line-height:1}.burst-score span{font-size:10px;color:#8c96aa}.burst-score.hot{border-color:rgba(255,47,174,.38);background:rgba(255,47,174,.08)}.burst-score.hot strong{color:#ff78c6}.burst-score.great{border-color:rgba(25,230,106,.28);background:rgba(25,230,106,.06)}.burst-score.great strong{color:#63ef94}.burst-score.good strong{color:#65ddff}.burst-score.ok strong{color:#ffd35d}.burst-pick-actions{display:grid;grid-template-columns:1fr .78fr .9fr;gap:7px}.burst-pick-actions button{min-height:40px;border-radius:10px;font-size:10px;font-weight:800;padding:8px 9px}.burst-pick-actions .danger{border-color:rgba(255,95,115,.28);color:#ff9aaa;background:rgba(255,95,115,.06)}.burst-pick-actions .danger:hover{border-color:rgba(255,95,115,.55);background:rgba(255,95,115,.11)}.burst-picks-note{padding-top:3px;color:#758096;font-size:9px;line-height:1.45}.burst-picks .burst-status-copy strong{font-size:14px}.burst-picks .burst-status-copy span{font-size:10px}
@media(max-width:980px){.burst-pick-row{grid-template-columns:116px 1fr 84px}.burst-pick-actions{grid-column:1/-1}.burst-thumb{width:116px}.burst-pick-main small{white-space:normal}}
@media(max-width:700px){.burst-picks-head{display:grid}.burst-record-another{justify-self:start}.burst-pick-row{grid-template-columns:92px 1fr}.burst-thumb{width:92px}.burst-score{grid-column:1/2;height:48px}.burst-pick-actions{grid-column:1/-1}.burst-pick-main small{white-space:normal}}

/* V1.67 — Breakout reliability + obvious live feedback */
.breakout-live-fx{z-index:40!important;mix-blend-mode:screen}.breakout-live-fx.hit{animation-duration:.72s!important}.breakout-live-fx.wild.hit{animation-duration:.9s!important}.breakout-live-fx.hit span{border-width:5px!important;box-shadow:0 0 22px rgba(255,255,255,.28)}
.stage.breakout-stage-hit{animation:kipzoBreakoutStagePulse .62s ease-out}.stage.breakout-stage-wild{animation:kipzoBreakoutStageWild .88s ease-out}
@keyframes kipzoBreakoutStagePulse{0%{filter:brightness(1.28) saturate(1.22);box-shadow:0 0 0 3px rgba(0,217,255,.52),0 0 42px rgba(0,217,255,.35)}45%{filter:brightness(1.08) saturate(1.08)}100%{filter:none}}
@keyframes kipzoBreakoutStageWild{0%{transform:translateX(0) scale(1);filter:brightness(1.42) saturate(1.55);box-shadow:0 0 0 4px rgba(255,47,174,.7),0 0 70px rgba(0,217,255,.48)}12%{transform:translateX(-4px) scale(1.008)}24%{transform:translateX(4px) scale(1.008)}36%{transform:translateX(-3px) scale(1.004)}52%{transform:translateX(2px) scale(1.002)}100%{transform:translateX(0) scale(1);filter:none}}


/* V1.68 — Breakout live/recording sync + voice/movement triggering */
.stage.breakout-stage-hit .pane{animation:kipzoBreakoutSourcePulse .62s ease-out;transform-origin:center center}
.stage.breakout-stage-wild .pane{animation:kipzoBreakoutSourceWild .88s ease-out;transform-origin:center center}
@keyframes kipzoBreakoutSourcePulse{0%{filter:brightness(1.24) saturate(1.24);transform:scale(1)}38%{filter:brightness(1.08) saturate(1.12);transform:scale(1.035)}100%{filter:none;transform:scale(1)}}
@keyframes kipzoBreakoutSourceWild{0%{filter:hue-rotate(0deg) brightness(1.34) saturate(1.55);transform:scale(1)}24%{filter:hue-rotate(16deg) brightness(1.18) saturate(1.42);transform:scale(1.075)}58%{filter:hue-rotate(-10deg) brightness(1.08) saturate(1.24);transform:scale(1.035)}100%{filter:none;transform:scale(1)}}


/* KIPZO Breakout V1.69 — live pre-record preview + effect picker */
.breakout-card{width:min(760px,95vw);max-height:min(86vh,760px);overflow:auto}
.breakout-section-label{display:flex;align-items:center;gap:10px;margin-top:18px;color:#fff}.breakout-section-label>span{display:grid;place-items:center;width:25px;height:25px;border-radius:9px;background:linear-gradient(135deg,#00d1ff,#a855ff);font-weight:800;font-size:12px}.breakout-section-label>div{display:flex;flex-direction:column;gap:2px}.breakout-section-label strong{font-size:12px}.breakout-section-label small{font-size:9px;color:#8994aa}.breakout-section-label em{margin-left:auto;font-size:9px;font-style:normal;font-weight:800;letter-spacing:.12em;color:#00e676;background:rgba(0,230,118,.08);border:1px solid rgba(0,230,118,.22);padding:5px 8px;border-radius:999px}
.breakout-effects{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-top:10px}.breakout-effect{min-height:104px;border:1px solid var(--line);background:linear-gradient(180deg,#11192a,#0d1422);color:#fff;border-radius:15px;padding:11px 9px;cursor:pointer;text-align:left;transition:.16s ease}.breakout-effect:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.2)}.breakout-effect.active{border-color:rgba(0,209,255,.5);box-shadow:0 0 0 1px rgba(168,85,255,.16),0 10px 28px rgba(0,0,0,.18);background:linear-gradient(145deg,rgba(0,209,255,.11),rgba(168,85,255,.10),rgba(255,47,174,.07))}.breakout-effect strong{display:block;margin-top:8px;font-size:11px}.breakout-effect small{display:block;margin-top:3px;font-size:9px;line-height:1.3;color:#8e98ad}.fx-icon{width:33px;height:33px;border-radius:11px;display:grid;place-items:center;font-style:normal;font-size:18px;font-weight:800;background:#0a1020;border:1px solid rgba(255,255,255,.08)}.fx-icon-shock{color:#fff;box-shadow:inset 0 0 0 3px rgba(0,209,255,.16)}.fx-icon-rgb{color:#ff2fae;text-shadow:-3px 0 #00d1ff,3px 0 #ffc800}.fx-icon-glitch{color:#00e676;transform:skew(-8deg)}.fx-icon-zoom{color:#ffc800}.fx-icon-flash{color:#fff;background:linear-gradient(135deg,rgba(255,200,0,.35),rgba(255,47,174,.28))}
.breakout-live-fx.fx-rgb.hit{animation:kipzoRgbLive .72s ease-out}.breakout-live-fx.fx-rgb.hit span{border-color:rgba(0,209,255,.8);box-shadow:14px 0 0 rgba(255,47,174,.28),-14px 0 0 rgba(255,200,0,.20)}
.breakout-live-fx.fx-glitch.hit{animation:kipzoGlitchLive .58s steps(5,end)}.breakout-live-fx.fx-glitch.hit span{border-radius:7px;transform:translate(-50%,-50%) scale(.9,3.2);border-color:rgba(0,230,118,.7)}
.breakout-live-fx.fx-zoom.hit{animation:kipzoZoomLive .62s ease-out}.breakout-live-fx.fx-zoom.hit span{display:none}
.breakout-live-fx.fx-flash.hit{animation:kipzoFlashLive .5s ease-out}.breakout-live-fx.fx-flash.hit span{display:none}
@keyframes kipzoRgbLive{0%{opacity:1;background:linear-gradient(90deg,rgba(0,209,255,.18),transparent 42%,rgba(255,47,174,.2))}40%{opacity:.8;filter:hue-rotate(35deg)}100%{opacity:0;filter:none}}
@keyframes kipzoGlitchLive{0%{opacity:1;background:repeating-linear-gradient(0deg,rgba(0,209,255,.12) 0 6px,transparent 6px 22px,rgba(255,47,174,.1) 22px 29px)}20%{transform:translateX(7px)}40%{transform:translateX(-9px)}60%{transform:translateX(5px)}100%{opacity:0;transform:none}}
@keyframes kipzoZoomLive{0%{opacity:.9;background:radial-gradient(circle,rgba(255,255,255,.2),rgba(255,200,0,.1) 35%,transparent 70%)}100%{opacity:0}}
@keyframes kipzoFlashLive{0%{opacity:.72;background:rgba(255,255,255,.18)}30%{background:radial-gradient(circle,rgba(255,255,255,.16),rgba(255,200,0,.16) 35%,rgba(255,47,174,.10) 65%,transparent)}100%{opacity:0;background:transparent}}
.stage.breakout-stage-fx-rgb.breakout-stage-hit .pane{animation:kipzoStageRgb .62s ease-out}.stage.breakout-stage-fx-glitch.breakout-stage-hit .pane{animation:kipzoStageGlitch .58s steps(5,end)}.stage.breakout-stage-fx-zoom.breakout-stage-hit .pane{animation:kipzoStageZoom .62s ease-out}.stage.breakout-stage-fx-flash.breakout-stage-hit .pane{animation:none}
@keyframes kipzoStageRgb{0%{filter:saturate(1.8) contrast(1.08);transform:translateX(-5px)}45%{filter:hue-rotate(18deg) saturate(2);transform:translateX(5px)}100%{filter:none;transform:none}}
@keyframes kipzoStageGlitch{0%{transform:translate(0)}20%{transform:translate(9px,-2px) skewX(-1deg)}40%{transform:translate(-8px,2px)}60%{transform:translate(5px)}100%{transform:none}}
@keyframes kipzoStageZoom{0%{transform:scale(1)}35%{transform:scale(1.08)}100%{transform:scale(1)}}
@media(max-width:760px){.breakout-effects{grid-template-columns:repeat(2,1fr)}.breakout-effect:last-child{grid-column:1/-1}.breakout-card{max-height:92vh}}


/* KIPZO Breakout V1.70 — distinct RGB Split + room-aware audio UI */
.breakout-live-fx.fx-rgb.hit{background:linear-gradient(90deg,rgba(0,209,255,.28) 0 15%,transparent 28% 72%,rgba(255,47,174,.30) 85% 100%);animation:kipzoRgbSplitOverlay .68s steps(6,end)!important}
.breakout-live-fx.fx-rgb.hit span{display:none!important;animation:none!important}
.stage.breakout-stage-fx-rgb.breakout-stage-hit .pane{animation:kipzoStageRgbSplit .68s cubic-bezier(.2,.8,.2,1)!important;box-shadow:-18px 0 0 rgba(0,209,255,.42),18px 0 0 rgba(255,47,174,.42)}
.stage.breakout-stage-fx-rgb.breakout-stage-wild.breakout-stage-hit .pane{box-shadow:-28px 0 0 rgba(0,209,255,.52),28px 0 0 rgba(255,47,174,.52),0 0 32px rgba(255,200,0,.18)}
@keyframes kipzoRgbSplitOverlay{0%{opacity:1;transform:translateX(0)}16%{opacity:.95;transform:translateX(-10px)}32%{transform:translateX(12px)}50%{filter:hue-rotate(22deg);transform:translateX(-7px)}72%{opacity:.58;transform:translateX(5px)}100%{opacity:0;filter:none;transform:none}}
@keyframes kipzoStageRgbSplit{0%{filter:saturate(2.5) contrast(1.22);transform:translateX(-14px) scale(1.015)}24%{filter:hue-rotate(24deg) saturate(2.8) contrast(1.24);transform:translateX(13px) scale(1.02)}48%{filter:hue-rotate(-18deg) saturate(2.3);transform:translateX(-8px) scale(1.01)}72%{transform:translateX(5px)}100%{filter:none;transform:none;box-shadow:none}}
.breakout-noise-note{margin-top:10px;padding:9px 11px;border:1px solid rgba(0,209,255,.14);background:rgba(0,209,255,.045);border-radius:12px;color:#8f9bb0;font-size:9px;line-height:1.45}.breakout-noise-note strong{color:#dce8ff}


/* KIPZO Breakout V1.71 — Auto / Manual / Hybrid creator controls */
.breakout-trigger-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:10px}.breakout-trigger-mode{border:1px solid var(--line);background:#101727;color:#fff;border-radius:14px;padding:12px 11px;cursor:pointer;text-align:left;transition:.16s ease}.breakout-trigger-mode strong{display:block;font-size:12px;letter-spacing:.06em}.breakout-trigger-mode small{display:block;margin-top:4px;color:#8f9aaf;font-size:9px;line-height:1.3}.breakout-trigger-mode.active{border-color:rgba(0,209,255,.55);background:linear-gradient(145deg,rgba(0,209,255,.12),rgba(168,85,255,.10));box-shadow:0 0 0 1px rgba(168,85,255,.12)}
.breakout-source-switches{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:10px}.breakout-source-toggle{position:relative;display:grid;grid-template-columns:30px 1fr 26px;gap:9px;align-items:center;border:1px solid var(--line);background:#0d1423;color:#fff;border-radius:14px;padding:11px;cursor:pointer;text-align:left;transition:.16s ease}.breakout-source-toggle>span{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:#101a2d;font-size:15px}.breakout-source-toggle strong{display:block;font-size:11px}.breakout-source-toggle small{display:block;margin-top:2px;color:#8490a6;font-size:8px;line-height:1.25}.breakout-source-toggle>i{position:relative;width:26px;height:15px;border-radius:999px;background:#252d3f;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}.breakout-source-toggle>i:after{content:"";position:absolute;width:11px;height:11px;left:2px;top:2px;border-radius:50%;background:#778198;transition:.16s}.breakout-source-toggle.active{border-color:rgba(0,230,118,.25);background:linear-gradient(145deg,rgba(0,230,118,.055),rgba(0,209,255,.045))}.breakout-source-toggle.active>i{background:linear-gradient(90deg,#00d1ff,#00e676)}.breakout-source-toggle.active>i:after{left:13px;background:#fff}.breakout-source-toggle.mode-muted{opacity:.48}.breakout-source-toggle.mode-muted:after{content:"AUTO OFF";position:absolute;right:9px;top:7px;font-size:6px;font-weight:900;letter-spacing:.08em;color:#ffc800}
.breakout-shortcut-row{margin-top:9px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 12px;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:#0b1220}.breakout-shortcut-row>div strong{display:block;font-size:10px}.breakout-shortcut-row>div small{display:block;margin-top:2px;color:#8490a6;font-size:8px}.breakout-shortcut-row.disabled{opacity:.45}.breakout-shortcut-btn{display:flex;align-items:center;gap:7px;border:1px solid rgba(0,209,255,.22);background:#111a2b;color:#fff;border-radius:11px;padding:7px 9px;cursor:pointer}.breakout-shortcut-btn span,.breakout-shortcut-btn em{font-size:8px;font-style:normal;color:#8792a8}.breakout-shortcut-btn kbd,.breakout-trigger-btn kbd{min-width:28px;padding:4px 7px;border-radius:7px;border:1px solid rgba(255,255,255,.15);background:#070d18;color:#fff;font:800 11px/1 Inter,system-ui,sans-serif;text-align:center;box-shadow:inset 0 -2px 0 rgba(255,255,255,.06)}.breakout-shortcut-btn.listening{border-color:#ffc800;box-shadow:0 0 0 2px rgba(255,200,0,.12)}
.breakout-trigger-btn{border:1px solid rgba(0,209,255,.42);background:linear-gradient(135deg,rgba(0,209,255,.18),rgba(168,85,255,.20),rgba(255,47,174,.15));color:#fff;border-radius:12px;padding:10px 13px;font:800 10px/1 Inter,system-ui,sans-serif;letter-spacing:.04em;cursor:pointer;display:flex;align-items:center;gap:8px;white-space:nowrap;box-shadow:0 8px 20px rgba(0,0,0,.16)}.breakout-trigger-btn:hover{transform:translateY(-1px);border-color:rgba(0,209,255,.7)}.breakout-trigger-btn[hidden]{display:none!important}
@media(max-width:760px){.breakout-trigger-modes,.breakout-source-switches{grid-template-columns:1fr}.breakout-shortcut-row{align-items:flex-start}.stage-record-bar{flex-wrap:wrap}.breakout-trigger-btn{width:100%;justify-content:center}}


/* KIPZO Breakout V1.72 — whole-composite effects + integrated manual trigger */
.stage-record-bar:has(.breakout-trigger-btn:not([hidden])){
  width:min(680px,100%);
  grid-template-columns:84px minmax(240px,1fr) 154px;
}
.breakout-trigger-btn{
  min-height:50px;
  width:100%;
  justify-content:center;
  border:1px solid rgba(255,200,0,.44);
  background:linear-gradient(135deg,rgba(255,200,0,.18),rgba(255,47,174,.18) 55%,rgba(168,85,255,.22));
  border-radius:14px;
  padding:10px 12px;
  font:900 10px/1 Inter,system-ui,sans-serif;
  letter-spacing:.055em;
  box-shadow:0 12px 28px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.05);
}
.breakout-trigger-btn:hover{border-color:rgba(255,200,0,.78);box-shadow:0 12px 30px rgba(255,47,174,.10),0 0 0 1px rgba(255,200,0,.08)}
.breakout-trigger-icon{font-size:15px;line-height:1;color:#ffc800;filter:drop-shadow(0 0 7px rgba(255,200,0,.34))}
.breakout-trigger-label{white-space:nowrap}
.breakout-trigger-btn kbd{min-width:25px;padding:4px 6px;border-color:rgba(255,200,0,.28);background:#090d17;color:#ffe47c}
@media(max-width:760px){
  .stage-record-bar:has(.breakout-trigger-btn:not([hidden])){grid-template-columns:82px minmax(0,1fr);width:min(560px,100%)}
  .stage-record-bar:has(.breakout-trigger-btn:not([hidden])) .breakout-trigger-btn{grid-column:1/-1;min-height:46px}
}


/* KIPZO V1.74 — one press = one discrete Breakout hit */
.breakout-live-fx.hit,.breakout-live-fx.wild.hit{animation-duration:.42s!important}
.breakout-live-fx.hit span,.breakout-live-fx.wild.hit span{animation-duration:.46s!important}
.stage.breakout-stage-hit,.stage.breakout-stage-wild{animation-duration:.44s!important}
.stage.breakout-stage-hit .pane,.stage.breakout-stage-wild .pane{animation-duration:.44s!important}
.stage.breakout-stage-fx-rgb.breakout-stage-hit .pane{animation:kipzoStageRgbSplit174 .38s cubic-bezier(.2,.8,.2,1)!important}
.stage.breakout-stage-fx-glitch.breakout-stage-hit .pane{animation:kipzoStageGlitch174 .36s steps(4,end)!important}
.stage.breakout-stage-fx-shockwave.breakout-stage-hit .pane{animation:none!important}
.stage.breakout-stage-fx-zoom.breakout-stage-hit .pane{animation:kipzoStageZoom174 .40s ease-out!important}
@keyframes kipzoStageRgbSplit174{0%{filter:saturate(2.4) contrast(1.18);transform:translateX(-13px)}35%{filter:hue-rotate(18deg) saturate(2.6);transform:translateX(12px)}70%{transform:translateX(-5px)}100%{filter:none;transform:none;box-shadow:none}}
@keyframes kipzoStageGlitch174{0%{transform:none}25%{transform:translate(10px,-1px)}50%{transform:translate(-9px,2px)}75%{transform:translate(5px)}100%{transform:none}}
@keyframes kipzoStageZoom174{0%{transform:scale(1)}42%{transform:scale(1.105)}100%{transform:scale(1)}}


/* V1.75 — Breakout temporarily removed while its renderer is rebuilt. */
.breakout-coming-soon{position:relative;opacity:.58!important;cursor:not-allowed!important;filter:saturate(.45)}
.breakout-coming-soon:hover{transform:none!important;box-shadow:none!important}
.breakout-coming-soon .tool-soon-badge{position:absolute;top:6px;right:6px;font-style:normal;font-size:7px;font-weight:900;letter-spacing:.08em;color:#aeb8cf;background:#182238;border:1px solid #2b3852;border-radius:999px;padding:3px 5px;line-height:1}

/* V1.76 — Collab Mode */
#collabLeftVideo{width:100%;height:100%;object-fit:cover;background:#050608;z-index:1}
.collab-slot-toolbar{position:absolute;top:12px;left:12px;display:flex;gap:6px;padding:5px;border-radius:14px;background:rgba(5,10,22,.82);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(12px);z-index:18;box-shadow:0 8px 28px rgba(0,0,0,.24)}
.collab-slot-btn{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 10px;border:1px solid transparent;border-radius:10px;background:transparent;color:#aeb9d0;font:800 11px/1 Inter,system-ui;letter-spacing:.02em;cursor:pointer;white-space:nowrap}
.collab-slot-btn:hover{color:#fff;background:rgba(255,255,255,.07)}
.collab-slot-btn.active{color:#fff;border-color:rgba(0,209,255,.58);background:linear-gradient(135deg,rgba(0,209,255,.18),rgba(168,85,255,.18));box-shadow:0 0 0 1px rgba(0,209,255,.08) inset}
.collab-waiting{position:absolute;inset:0;z-index:12;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:18px;background:radial-gradient(circle at 50% 35%,rgba(46,74,124,.36),rgba(5,9,18,.96) 58%,#04070d 100%);color:#fff}
.collab-wait-kicker{font-size:10px;font-weight:900;letter-spacing:.18em;color:#ff4ca9;margin-bottom:9px}
.collab-qr-shell{padding:10px;border-radius:18px;background:#fff;box-shadow:0 18px 44px rgba(0,0,0,.35),0 0 0 1px rgba(255,255,255,.2)}
.collab-qr-shell canvas{display:block;width:min(180px,31vw);height:auto;aspect-ratio:1/1}
.collab-waiting h3{margin:12px 0 4px;font-size:clamp(16px,2.2vw,24px);line-height:1.05}
.collab-waiting p{margin:0;color:#aeb9d0;font-size:12px}
.collab-session-code{margin-top:9px;padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.08);color:#d9e3f4;font-size:10px;font-weight:800;letter-spacing:.14em}
.collab-live-badge{position:absolute;right:12px;top:12px;z-index:19;display:flex;align-items:center;gap:7px;padding:6px 7px 6px 9px;border-radius:999px;background:rgba(5,10,22,.86);border:1px solid rgba(66,255,156,.3);color:#dfffea;backdrop-filter:blur(12px);font-size:10px;letter-spacing:.08em}
.collab-live-dot{width:8px;height:8px;border-radius:50%;background:#38ef8f;box-shadow:0 0 12px #38ef8f}
.collab-live-badge button{border:0;border-radius:999px;padding:5px 8px;background:rgba(255,75,114,.18);color:#ff9eb5;font:800 10px/1 Inter,system-ui;cursor:pointer}
.collab-live-badge button:hover{background:rgba(255,75,114,.28);color:#fff}
.stage.collab-stage .floating-media-controls{display:none!important}
.stage.collab-stage .pane{overflow:hidden}
.stage.recording-live .collab-slot-toolbar,.stage.recording-live .collab-live-badge{display:none!important}
@media(max-width:760px){.collab-slot-toolbar{top:8px;left:8px;gap:3px;padding:4px}.collab-slot-btn{padding:0 7px;font-size:9px;min-height:28px}.collab-qr-shell canvas{width:130px}.collab-waiting h3{font-size:15px}.collab-waiting p{font-size:10px}}


/* V1.77 — Collab is a layout choice, never an automatic startup mode */
.layout-thumb.collab i{left:0;top:0;width:49%;height:100%}
.layout-thumb.collab b{right:0;top:0;width:49%;height:100%;background:linear-gradient(135deg,#111a2d,#27324b)}
.layout-thumb.collab b::before{content:"";position:absolute;width:16px;height:16px;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;border-radius:3px;box-shadow:0 0 0 2px rgba(0,209,255,.20)}
.layout-thumb.collab b::after{content:"";position:absolute;width:3px;height:3px;left:calc(50% - 5px);top:calc(50% - 5px);background:#07101f;box-shadow:5px 0 #07101f,10px 0 #07101f,0 5px #07101f,10px 5px #07101f,0 10px #07101f,5px 10px #07101f,10px 10px #07101f}
.collab-slot-toolbar[hidden],.collab-waiting[hidden],.collab-live-badge[hidden]{display:none!important}

/* V1.78 — Collab QR clearance: keep guest controls away from the scannable code */
.stage.collab-stage #collabRightToolbar{left:50%;right:auto;transform:translateX(-50%);top:10px;z-index:22}
.stage.collab-stage #collabGuestWaiting{top:58px;bottom:0;inset-inline:0;padding:10px 14px 12px;justify-content:center}
.stage.collab-stage #collabGuestWaiting .collab-wait-kicker{margin-bottom:6px}
.stage.collab-stage #collabGuestWaiting .collab-qr-shell{padding:8px;border-radius:16px;flex:0 0 auto}
.stage.collab-stage #collabGuestWaiting .collab-qr-shell canvas{width:min(150px,44vw);max-width:100%;height:auto}
.stage.collab-stage #collabGuestWaiting h3{margin:9px 0 3px;font-size:clamp(15px,1.8vw,21px)}
.stage.collab-stage #collabGuestWaiting p{font-size:11px}
.stage.collab-stage #collabGuestWaiting .collab-session-code{margin-top:6px}
.stage.ratio-9-16.collab-stage #collabGuestWaiting{top:54px;padding:7px 10px 9px;justify-content:flex-start}
.stage.ratio-9-16.collab-stage #collabGuestWaiting .collab-wait-kicker{display:none}
.stage.ratio-9-16.collab-stage #collabGuestWaiting .collab-qr-shell canvas{width:min(118px,42vw)}
.stage.ratio-9-16.collab-stage #collabGuestWaiting h3{margin:7px 0 2px;font-size:15px;line-height:1.06}
.stage.ratio-9-16.collab-stage #collabGuestWaiting p{font-size:10px}
.stage.ratio-9-16.collab-stage #collabGuestWaiting .collab-session-code{display:none}
@media(max-width:760px){
  .stage.collab-stage #collabRightToolbar{top:7px}
  .stage.collab-stage #collabGuestWaiting{top:50px}
  .stage.collab-stage #collabGuestWaiting .collab-qr-shell canvas{width:116px}
}


/* V1.79 — Collab controls live outside the picture so they never cover either video. */
.collab-control-strip{width:min(1100px,100%);margin:10px auto 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.collab-control-strip[hidden]{display:none!important}
.collab-control-panel{min-height:52px;display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:14px;background:#0d1526;border:1px solid #22304a;box-shadow:0 8px 22px rgba(0,0,0,.15)}
.collab-control-label{flex:0 0 auto;color:#7f8da8;font-size:9px;font-weight:900;letter-spacing:.12em;white-space:nowrap}
.collab-control-strip .collab-slot-toolbar{position:static!important;inset:auto!important;transform:none!important;display:flex;gap:5px;padding:4px;border-radius:11px;background:#101a2e;border:1px solid rgba(255,255,255,.08);backdrop-filter:none;box-shadow:none;z-index:auto}
.collab-control-strip .collab-live-badge{position:static!important;inset:auto!important;margin-left:auto;z-index:auto;backdrop-filter:none;background:#102219}
.stage.recording-live + .collab-control-strip,.stage.recording-live ~ .collab-control-strip{display:grid!important}
@media(max-width:760px){
  .collab-control-strip{grid-template-columns:1fr;gap:7px;margin-top:8px}
  .collab-control-panel{min-height:48px;gap:7px;padding:7px 8px}
  .collab-control-label{font-size:8px;min-width:78px}
  .collab-control-strip .collab-slot-btn{min-height:30px;padding:0 8px;font-size:9px}
  .collab-control-strip .collab-live-badge{margin-left:0}
}


/* V1.80 — reliable Collab QR: controls are outside the stage, so use the full guest pane. */
.stage.collab-stage #collabGuestWaiting{top:0!important;bottom:0!important;padding:14px!important;justify-content:center!important}
.stage.collab-stage #collabGuestWaiting .collab-qr-shell{padding:12px!important;border-radius:18px!important;background:#fff!important}
.stage.collab-stage #collabGuestWaiting .collab-qr-shell canvas{width:min(220px,70%)!important;max-width:220px!important;height:auto!important;aspect-ratio:1/1}
.stage.ratio-9-16.collab-stage #collabGuestWaiting{top:0!important;padding:10px!important;justify-content:center!important}
.stage.ratio-9-16.collab-stage #collabGuestWaiting .collab-qr-shell canvas{width:min(190px,78%)!important;max-width:190px!important}
.stage.ratio-9-16.collab-stage #collabGuestWaiting h3{margin:10px 0 3px!important;font-size:16px!important}
@media(max-width:760px){.stage.collab-stage #collabGuestWaiting{top:0!important}.stage.collab-stage #collabGuestWaiting .collab-qr-shell canvas{width:min(180px,76vw)!important;max-width:180px!important}}


/* V1.81 — square Collab QR card + guest framing controlled from phone. */
.stage.collab-stage #collabGuestWaiting .collab-qr-shell{
  width:220px!important;height:220px!important;aspect-ratio:1/1!important;
  box-sizing:border-box!important;flex:0 0 auto!important;display:grid!important;place-items:center!important;
  padding:14px!important;border-radius:20px!important;background:#fff!important;overflow:hidden!important;
}
.stage.collab-stage #collabGuestWaiting .collab-qr-shell canvas{
  display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;aspect-ratio:1/1!important;
}
.stage.ratio-9-16.collab-stage #collabGuestWaiting .collab-qr-shell{width:184px!important;height:184px!important;padding:13px!important}
.stage.ratio-9-16.collab-stage #collabGuestWaiting h3{margin:9px 0 2px!important}
.stage.ratio-9-16.collab-stage #collabGuestWaiting p{margin:0!important}
.stage.collab-stage #sourcePane[data-fit="contain"] video{object-fit:contain!important;background:#050608!important}
.stage.collab-stage #sourcePane[data-fit="cover"] video{object-fit:cover!important}
@media(max-width:760px){
  .stage.ratio-9-16.collab-stage #collabGuestWaiting .collab-qr-shell{width:176px!important;height:176px!important;padding:12px!important}
}

/* V1.82 — live guest zoom from phone. */
.stage.collab-stage #sourcePane video{transform-origin:50% 50%;transition:transform .12s ease,object-fit .12s ease}


/* V1.83.3 — reaction/source video controls live OUTSIDE the recording frame. */
.floating-media-controls.source-playback-strip{
  position:static!important;inset:auto!important;z-index:auto!important;
  width:min(1100px,100%);margin:10px auto 0;padding:10px 12px;
  display:grid!important;grid-template-columns:auto auto minmax(120px,1fr) auto;
  align-items:center;gap:10px;pointer-events:auto!important;opacity:1!important;
  background:linear-gradient(180deg,#10182a,#0d1425);border:1px solid var(--line);
  border-radius:16px;box-shadow:0 10px 28px rgba(0,0,0,.16);box-sizing:border-box;
}
.floating-media-controls.source-playback-strip[hidden]{display:none!important}
.source-playback-title{min-width:116px}.source-playback-title span{display:block;font-size:7px;font-weight:900;letter-spacing:.14em;color:var(--cyan)}.source-playback-title strong{display:block;margin-top:2px;font-size:10px;color:#fff}
.source-playback-buttons{display:flex;align-items:center;gap:6px}
.floating-media-controls.source-playback-strip button{position:static!important;width:auto!important;height:30px!important;padding:0 10px!important;border-radius:9px!important;border:1px solid var(--line)!important;background:#151d32!important;color:#dce7f8!important;font-size:9px!important;font-weight:800!important;display:inline-flex!important;align-items:center;justify-content:center;gap:4px;cursor:pointer;box-shadow:none!important;backdrop-filter:none!important}
.floating-media-controls.source-playback-strip button:hover{border-color:rgba(0,217,255,.52)!important;background:#1a2540!important;color:#fff!important}
.floating-media-controls.source-playback-strip .source-play-main{min-width:76px;background:linear-gradient(135deg,rgba(0,217,255,.18),rgba(155,77,255,.18))!important;border-color:rgba(0,217,255,.35)!important}
.floating-media-controls.source-playback-strip .floating-seek{position:static!important;left:auto!important;right:auto!important;bottom:auto!important;width:100%!important;height:18px!important;opacity:1!important;pointer-events:auto!important;margin:0!important}
.source-playback-time{min-width:82px;text-align:right;color:#a9b2c5;font-size:9px;font-variant-numeric:tabular-nums}
@media(max-width:760px){
  .floating-media-controls.source-playback-strip{grid-template-columns:1fr;gap:8px;padding:10px}
  .source-playback-title{display:none}.source-playback-buttons{justify-content:center;flex-wrap:wrap}.source-playback-time{text-align:center;min-width:0}
}


/* V1.83.4 — floating uploaded reaction video volume control. */
.floating-media-controls.source-playback-strip{grid-template-columns:auto auto minmax(120px,1fr) minmax(150px,220px) auto}
.source-volume-control{display:grid;grid-template-columns:auto minmax(90px,1fr) 38px;align-items:center;gap:7px;min-width:150px;padding:0 2px}
.source-volume-icon{font-size:13px;line-height:1}
.source-volume-control input[type="range"]{width:100%;accent-color:#00d9ff;cursor:pointer}
.source-volume-control strong{font-size:9px;color:#dce7f8;text-align:right;font-variant-numeric:tabular-nums}
@media(max-width:980px){.floating-media-controls.source-playback-strip{grid-template-columns:1fr 1fr}.floating-media-controls.source-playback-strip .floating-seek{grid-column:1/-1}.source-playback-time{text-align:right}}
@media(max-width:760px){.source-volume-control{width:100%;min-width:0}.source-playback-time{text-align:center}}


/* V1.83.5 — working source-volume control + one straight playback row. */
.floating-media-controls.source-playback-strip{
  grid-template-columns:auto auto minmax(150px,1fr) minmax(170px,220px) auto!important;
  align-items:center!important;
  min-height:54px;
}
.floating-media-controls.source-playback-strip>*{align-self:center!important;margin-top:0!important;margin-bottom:0!important}
.source-playback-title{display:flex;flex-direction:column;justify-content:center}
.source-playback-buttons{height:32px;display:flex;align-items:center!important}
.source-playback-time{display:flex;align-items:center;justify-content:flex-end;height:32px;line-height:1!important;white-space:nowrap}
.source-volume-control{
  height:32px;display:grid!important;grid-template-columns:18px minmax(100px,1fr) 40px;
  align-items:center!important;gap:8px;padding:0!important;
}
.source-volume-icon{display:flex;align-items:center;justify-content:center;height:32px;line-height:1!important}
.floating-media-controls.source-playback-strip input[type=\"range\"]{
  -webkit-appearance:none;appearance:none;background:transparent;height:24px!important;padding:0!important;margin:0!important;vertical-align:middle;
}
.floating-media-controls.source-playback-strip input[type=\"range\"]::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:#58627a}
.floating-media-controls.source-playback-strip input[type=\"range\"]::-webkit-slider-thumb{
  -webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#19c9ee;border:0;margin-top:-5px;cursor:pointer;
}
.floating-media-controls.source-playback-strip input[type=\"range\"]::-moz-range-track{height:4px;border-radius:999px;background:#58627a}
.floating-media-controls.source-playback-strip input[type=\"range\"]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#19c9ee;border:0;cursor:pointer}
.source-volume-control strong{display:flex;align-items:center;justify-content:flex-end;height:32px;line-height:1!important}
@media(max-width:980px){
  .floating-media-controls.source-playback-strip{grid-template-columns:1fr 1fr!important}
  .floating-media-controls.source-playback-strip .floating-seek{grid-column:1/-1}
}
@media(max-width:760px){
  .floating-media-controls.source-playback-strip{grid-template-columns:1fr!important}
  .source-volume-control{width:100%;max-width:300px;justify-self:center}
  .source-playback-time{justify-content:center}
}


/* V1.83.8 — source focus + uploaded-video automatic captions */
.source-focus-btn{height:44px;padding:0 16px;border:1px solid rgba(0,217,255,.34);border-radius:13px;background:linear-gradient(135deg,rgba(0,217,255,.12),rgba(155,77,255,.16));color:#eef7ff;font-size:10px;font-weight:900;letter-spacing:.02em;cursor:pointer;white-space:nowrap}
.source-focus-btn:hover{border-color:rgba(0,217,255,.66);background:linear-gradient(135deg,rgba(0,217,255,.20),rgba(155,77,255,.24))}
.source-focus-btn.active{border-color:rgba(255,47,174,.55);background:linear-gradient(135deg,rgba(255,47,174,.20),rgba(155,77,255,.23))}
.stage.source-talk-focus #sourcePane{display:none!important}

.captions-control-btn .caption-active-dot{position:absolute;right:7px;top:7px;width:7px;height:7px;border-radius:50%;background:#1ee878;box-shadow:0 0 0 3px rgba(30,232,120,.12);opacity:0}
.captions-control-btn.active-captions .caption-active-dot{opacity:1}

.kipzo-live-captions{position:absolute;z-index:18;left:6%;right:6%;display:flex;justify-content:center;pointer-events:none;text-align:center;line-height:1.02}
.kipzo-live-captions[data-position="top"]{top:7%;bottom:auto}.kipzo-live-captions[data-position="middle"]{top:50%;bottom:auto;transform:translateY(-50%)}.kipzo-live-captions[data-position="bottom"]{bottom:8%;top:auto}
.kipzo-live-captions span{display:inline-block;max-width:100%;font-family:Montserrat,Inter,sans-serif;font-size:clamp(20px,4.2vw,48px);font-weight:900;letter-spacing:-.02em;color:#fff;text-wrap:balance}
.kipzo-live-captions[data-style="classic"] span{-webkit-text-stroke:2px #090b11;text-shadow:0 3px 8px rgba(0,0,0,.75)}
.kipzo-live-captions[data-style="bold"] span{text-transform:uppercase;-webkit-text-stroke:2px #090b11;text-shadow:0 4px 0 rgba(0,0,0,.48)}
.kipzo-live-captions[data-style="bubble"] span{padding:.28em .48em;border-radius:.28em;background:var(--caption-bg,#000);box-shadow:0 5px 18px rgba(0,0,0,.34)}
.kipzo-live-captions[data-style="neon"] span{text-transform:uppercase;text-shadow:0 0 7px currentColor,0 0 18px currentColor,0 3px 10px #000}
.kipzo-live-captions[data-style="comic"] span{text-transform:uppercase;padding:.14em .3em;-webkit-text-stroke:2px #0a0a0a;filter:drop-shadow(4px 4px 0 var(--caption-bg,#ffcf27))}

.captions-modal .captions-card{width:min(940px,94vw);max-height:92vh;overflow:auto}.caption-master-row{display:flex;gap:24px;align-items:center;justify-content:space-between;padding:18px;border:1px solid #26324a;border-radius:18px;background:#0e1525}.caption-master-row>div{display:grid;gap:4px}.caption-master-row span,.caption-setting-label,.caption-preview-shell>span{font-size:9px;font-weight:900;letter-spacing:.14em;color:#00d9ff}.caption-master-row strong{font-size:16px}.caption-master-row small,.caption-font-note{color:#8f9ab0;font-size:11px;line-height:1.45}.caption-toggle input{position:absolute;opacity:0}.caption-toggle span{display:block;width:54px;height:30px;border-radius:999px;background:#293249;border:1px solid #3b4660;position:relative;cursor:pointer}.caption-toggle span:after{content:"";position:absolute;left:4px;top:4px;width:20px;height:20px;border-radius:50%;background:#fff;transition:.18s}.caption-toggle input:checked+span{background:linear-gradient(135deg,#00d9ff,#9b4dff)}.caption-toggle input:checked+span:after{transform:translateX(24px)}
.caption-settings-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:14px;margin-top:14px}.caption-setting-block{border:1px solid #26324a;border-radius:18px;background:#0e1525;padding:15px;display:grid;gap:12px}.caption-style-grid,.caption-font-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.caption-style,.caption-font,.caption-position{border:1px solid #2c3852;border-radius:12px;background:#151e31;color:#dfe8f7;padding:10px 9px;cursor:pointer;text-align:left}.caption-style b{display:block;font-size:12px}.caption-style small{display:block;color:#8995aa;font-size:9px;margin-top:3px}.caption-style.active,.caption-font.active,.caption-position.active{border-color:#00d9ff;box-shadow:0 0 0 1px rgba(0,217,255,.18) inset;background:#16263d;color:#fff}.caption-font{text-align:center;font-size:11px;font-weight:800}.caption-colour-block label,.caption-language-label{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;color:#b8c3d6;font-size:11px}.caption-colour-block input[type="color"]{width:46px;height:30px;border:0;border-radius:8px;background:#111827}.caption-size-label{grid-template-columns:auto 1fr 44px!important}.caption-size-label input{width:100%}.caption-size-label strong{text-align:right;color:#fff}.caption-position-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.caption-position{text-align:center}.caption-language-label select{background:#111827;border:1px solid #2c3852;border-radius:10px;color:#fff;padding:8px}.caption-preview-shell{margin-top:14px;border:1px dashed #32405c;border-radius:18px;padding:14px;background:#090f1c}.caption-preview{min-height:86px;margin-top:8px;border-radius:13px;background:#1a2232;display:grid;place-items:center;text-align:center;padding:16px;font-family:Montserrat,sans-serif;font-weight:900;font-size:26px;color:#fff}.caption-preview[data-style="classic"]{-webkit-text-stroke:1px #080a10;text-shadow:0 3px 8px #000}.caption-preview[data-style="bold"]{text-transform:uppercase;-webkit-text-stroke:1px #080a10}.caption-preview[data-style="bubble"]{background:var(--caption-bg,#000)}.caption-preview[data-style="neon"]{text-transform:uppercase;text-shadow:0 0 8px currentColor,0 0 18px currentColor}.caption-preview[data-style="comic"]{text-transform:uppercase;-webkit-text-stroke:1px #080a10;box-shadow:inset 0 -6px 0 var(--caption-bg,#ffcf27)}.caption-modal-actions{display:flex;justify-content:flex-end;margin-top:14px}
@media(max-width:780px){.caption-settings-grid{grid-template-columns:1fr}.caption-style-grid,.caption-font-grid{grid-template-columns:repeat(2,1fr)}.source-focus-btn{padding:0 10px}}


/* V1.83.9 — polished source-focus control + properly scrollable captions panel. */
.stage-record-bar:has(.source-focus-btn:not([hidden])){
  width:min(760px,100%);
  grid-template-columns:96px minmax(230px,1fr) 178px;
  gap:10px;
}
.stage-record-bar .source-focus-btn{
  grid-column:3;
  grid-row:1;
  width:100%;
  min-height:50px;
  height:50px;
  padding:7px 12px 7px 40px;
  position:relative;
  border:1px solid rgba(0,217,255,.38);
  border-radius:14px;
  background:linear-gradient(135deg,rgba(0,217,255,.11),rgba(155,77,255,.16));
  color:#eff9ff;
  font:900 11px/1.05 Inter,system-ui,sans-serif;
  letter-spacing:.01em;
  text-align:left;
  cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 10px 24px rgba(0,0,0,.15);
}
.stage-record-bar .source-focus-btn::before{
  content:"◩";
  position:absolute;
  left:11px;
  top:50%;
  transform:translateY(-50%);
  width:22px;
  height:22px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:linear-gradient(135deg,#00d9ff,#9b4dff);
  color:#07101a;
  font-size:12px;
  box-shadow:0 0 0 3px rgba(0,217,255,.08);
}
.stage-record-bar .source-focus-btn::after{
  content:"Hide reaction video";
  display:block;
  margin-top:4px;
  color:#8fa8c3;
  font:700 8px/1 Inter,system-ui,sans-serif;
  letter-spacing:.03em;
}
.stage-record-bar .source-focus-btn:hover{
  border-color:rgba(0,217,255,.7);
  background:linear-gradient(135deg,rgba(0,217,255,.18),rgba(155,77,255,.22));
  transform:translateY(-1px);
}
.stage-record-bar .source-focus-btn.active{
  border-color:rgba(255,47,174,.52);
  background:linear-gradient(135deg,rgba(255,47,174,.16),rgba(155,77,255,.2));
}
.stage-record-bar .source-focus-btn.active::before{
  content:"▶";
  background:linear-gradient(135deg,#ff2fae,#9b4dff);
  color:#fff;
}
.stage-record-bar .source-focus-btn.active::after{content:"Resume reaction video"}
.stage-record-bar:has(.source-focus-btn:not([hidden])) .record-btn{grid-column:2;grid-row:1}
.stage-record-bar:has(.source-focus-btn:not([hidden])) .timer{grid-column:1;grid-row:1}

.captions-modal{
  padding:16px;
  box-sizing:border-box;
  overflow:hidden;
}
.captions-modal .captions-card{
  width:min(900px,calc(100vw - 32px));
  height:min(740px,calc(100dvh - 32px));
  max-height:calc(100dvh - 32px);
  padding:0;
  overflow:hidden!important;
  display:flex;
  flex-direction:column;
  border-radius:24px;
}
.captions-modal .captions-modal-head{
  flex:0 0 auto;
  position:relative;
  z-index:3;
  padding:18px 20px 15px;
  border-bottom:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg,rgba(16,24,42,.99),rgba(16,24,42,.96));
  backdrop-filter:blur(16px);
}
.captions-scroll-area{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  padding:14px 20px 20px;
  scrollbar-width:thin;
  scrollbar-color:#44516c #0b1120;
}
.captions-scroll-area::-webkit-scrollbar{width:10px}
.captions-scroll-area::-webkit-scrollbar-track{background:#0b1120;border-radius:999px}
.captions-scroll-area::-webkit-scrollbar-thumb{background:#44516c;border:2px solid #0b1120;border-radius:999px}
.captions-scroll-area::-webkit-scrollbar-thumb:hover{background:#5c6a88}
.caption-master-row{padding:14px 15px;border-radius:15px;gap:16px}
.caption-master-row strong{font-size:14px}
.caption-master-row small,.caption-font-note{font-size:10px}
.caption-settings-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.caption-setting-block{padding:12px;border-radius:15px;gap:9px}
.caption-style-grid,.caption-font-grid{gap:6px}
.caption-style,.caption-font,.caption-position{border-radius:10px;padding:8px 8px;min-height:44px}
.caption-style b{font-size:11px}.caption-style small{font-size:8px}
.caption-font{font-size:10px}
.caption-setting-label{font-size:8px!important}
.caption-colour-block label,.caption-language-label{font-size:10px}
.caption-colour-block input[type="color"]{width:42px;height:28px;border-radius:7px}
.caption-position-row{gap:6px}
.caption-preview-shell{margin-top:10px;padding:11px;border-radius:15px}
.caption-preview{min-height:66px;margin-top:7px;padding:12px;font-size:22px}
.caption-modal-actions{
  position:sticky;
  bottom:-20px;
  z-index:4;
  margin:12px -20px -20px;
  padding:12px 20px 16px;
  background:linear-gradient(0deg,#10182a 72%,rgba(16,24,42,.88));
  border-top:1px solid rgba(255,255,255,.06);
}
.caption-modal-actions .primary-btn{min-width:110px}
@media(max-width:860px){
  .stage-record-bar:has(.source-focus-btn:not([hidden])){grid-template-columns:82px minmax(0,1fr)}
  .stage-record-bar:has(.source-focus-btn:not([hidden])) .source-focus-btn{grid-column:1/-1;grid-row:2;min-height:46px;height:46px}
  .stage-record-bar:has(.source-focus-btn:not([hidden])) .record-btn{grid-column:2;grid-row:1}
  .caption-settings-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
  .captions-modal{padding:8px}
  .captions-modal .captions-card{width:calc(100vw - 16px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);border-radius:18px}
  .captions-modal .captions-modal-head{padding:14px}
  .captions-scroll-area{padding:12px 14px 16px}
  .caption-style-grid,.caption-font-grid{grid-template-columns:repeat(2,1fr)}
  .caption-modal-actions{margin:12px -14px -16px;padding:11px 14px 14px}
}


/* V1.83.10 — readable caption pacing */
.caption-speed-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.caption-speed{border:1px solid #2c3852;border-radius:12px;background:#151e31;color:#dfe8f7;padding:10px 8px;cursor:pointer;text-align:center;display:grid;gap:3px}
.caption-speed b{font-size:12px}.caption-speed small{font-size:9px;color:#8995aa}
.caption-speed.active{border-color:#00d9ff;box-shadow:0 0 0 1px rgba(0,217,255,.18) inset;background:#16263d;color:#fff}
.caption-pace-note{color:#8f9ab0;font-size:10px;line-height:1.45}
@media(max-width:640px){.caption-speed-row{grid-template-columns:1fr}.caption-speed{grid-template-columns:auto 1fr;text-align:left;align-items:center}}


/* V1.83.11 — rolling captions word-count control */
.caption-word-row{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.caption-word-limit{border:1px solid #2c3852;border-radius:12px;background:#151e31;color:#dfe8f7;padding:10px 6px;cursor:pointer;text-align:center;font-size:12px;font-weight:900}
.caption-word-limit.active{border-color:#00d9ff;box-shadow:0 0 0 1px rgba(0,217,255,.18) inset;background:#16263d;color:#fff}
.caption-words-note{color:#8f9ab0;font-size:10px;line-height:1.45}
@media(max-width:640px){.caption-word-row{grid-template-columns:repeat(5,1fr);gap:5px}.caption-word-limit{padding:9px 4px}}


/* V1.83.12 — always-visible caption preview + wider font sizing */
.caption-preview-top{position:sticky;top:0;z-index:2;margin-top:10px;margin-bottom:10px;background:#090f1c;box-shadow:0 10px 22px rgba(4,8,16,.28)}
.caption-preview-top .caption-preview{min-height:72px;max-height:170px;overflow:hidden;transition:font-size .12s ease}
.caption-size-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}
.caption-size-preset{border:1px solid #2c3852;border-radius:10px;background:#151e31;color:#dfe8f7;padding:8px 6px;font-size:10px;font-weight:800;cursor:pointer}
.caption-size-preset.active{border-color:#00d9ff;background:#16263d;color:#fff;box-shadow:0 0 0 1px rgba(0,217,255,.18) inset}
.caption-size-note{color:#8f9ab0;font-size:9px;line-height:1.4}
@media(max-width:620px){.caption-preview-top{top:0}.caption-size-presets{grid-template-columns:repeat(4,1fr)}}


/* V1.83.14 — clean phrase captions; never leave an empty caption pill. */
.kipzo-live-captions[hidden]{display:none!important}
.kipzo-live-captions span:empty{display:none!important;padding:0!important;background:transparent!important;box-shadow:none!important;filter:none!important}


/* V1.83.16 — clean caption rendering + predictable preview. */
.kipzo-live-captions span,
.caption-preview span{
  -webkit-text-stroke:0!important;
  filter:none!important;
  line-height:1.12!important;
  font-weight:900!important;
  letter-spacing:-.018em!important;
  text-rendering:optimizeLegibility;
}
.kipzo-live-captions[data-style="classic"] span,
.caption-preview[data-style="classic"] span{
  text-transform:none!important;
  background:transparent!important;
  box-shadow:none!important;
  text-shadow:0 2px 3px rgba(0,0,0,.95),0 0 2px rgba(0,0,0,.9)!important;
}
.kipzo-live-captions[data-style="bold"] span,
.caption-preview[data-style="bold"] span{
  text-transform:uppercase!important;
  background:transparent!important;
  box-shadow:none!important;
  text-shadow:0 3px 0 rgba(0,0,0,.72),0 3px 8px rgba(0,0,0,.45)!important;
}
.kipzo-live-captions[data-style="bubble"] span,
.caption-preview[data-style="bubble"] span{
  text-transform:none!important;
  padding:.30em .52em!important;
  border-radius:.34em!important;
  background:var(--caption-bg,#000)!important;
  box-shadow:0 5px 16px rgba(0,0,0,.28)!important;
  text-shadow:none!important;
}
.kipzo-live-captions[data-style="neon"] span,
.caption-preview[data-style="neon"] span{
  text-transform:uppercase!important;
  background:transparent!important;
  box-shadow:none!important;
  text-shadow:0 0 5px currentColor,0 0 12px currentColor,0 2px 5px rgba(0,0,0,.9)!important;
}
.kipzo-live-captions[data-style="comic"] span,
.caption-preview[data-style="comic"] span{
  text-transform:uppercase!important;
  padding:.24em .44em!important;
  border-radius:.20em!important;
  background:var(--caption-bg,#ffcf27)!important;
  box-shadow:4px 4px 0 rgba(0,0,0,.72)!important;
  text-shadow:0 2px 2px rgba(0,0,0,.45)!important;
}
.caption-preview{
  min-height:78px!important;
  display:grid!important;
  place-items:center!important;
  padding:14px 18px!important;
  background:#151e31!important;
  border:1px solid #26324a!important;
  overflow:hidden!important;
  box-shadow:none!important;
}
.caption-preview span{display:inline-block;max-width:100%;text-align:center}
.caption-preview[data-style="bubble"],
.caption-preview[data-style="comic"]{background:#151e31!important;box-shadow:none!important}

/* V1.83.20 — panel separators, text overlays and My Videos review actions */
.stage-divider{position:absolute;z-index:8;background:#000;pointer-events:none;display:none;border-radius:2px;box-shadow:0 0 0 1px rgba(255,255,255,.02)}
.stage-divider.vertical{display:block;width:4px;transform:translateX(-2px);top:0;bottom:0}
.stage-divider.horizontal{display:block;height:4px;transform:translateY(-2px);left:0;right:0}
.text-overlay-live{position:absolute;z-index:14;max-width:82%;white-space:pre-wrap;word-break:break-word;line-height:1.08;transform:translate(-50%,-50%);cursor:move;user-select:none;touch-action:none;padding:.16em .28em;border-radius:.24em;text-shadow:0 2px 8px rgba(0,0,0,.35);pointer-events:auto}
.text-overlay-live:hover{outline:1px dashed rgba(255,255,255,.45);outline-offset:5px}
.text-overlay-active-dot{position:absolute;right:9px;top:9px;width:8px;height:8px;border-radius:50%;background:#00d9ff;box-shadow:0 0 12px #00d9ff;opacity:0}.text-overlay-control-btn.has-text .text-overlay-active-dot{opacity:1}

.text-overlay-modal.show{display:grid}
.text-overlay-card{width:min(760px,94vw);max-height:min(860px,92vh);padding:0;overflow:hidden;display:flex;flex-direction:column;background:#0d1423;border:1px solid #26324a}
.text-overlay-head{padding:20px 22px 16px;border-bottom:1px solid #22304a;background:#101827;flex:0 0 auto}
.text-overlay-editor-scroll{padding:18px 22px 22px;overflow:auto;overscroll-behavior:contain;display:grid;gap:14px}
.text-overlay-preview-shell,.text-overlay-section,.text-overlay-field{border:1px solid #26324a;border-radius:16px;background:#101827;padding:14px}
.text-overlay-preview{min-height:92px;border-radius:13px;background:linear-gradient(135deg,#1a2234,#131b2b);display:grid;place-items:center;text-align:center;padding:18px;margin-top:9px;overflow:hidden}
.text-control-label{display:block;color:#00d9ff;font-size:10px;font-weight:900;letter-spacing:.12em}
.text-overlay-field{display:grid;gap:8px}.text-overlay-field textarea{width:100%;resize:vertical;min-height:78px;border-radius:12px;border:1px solid #2b3853;background:#0a101b;color:#fff;padding:12px;font:600 14px Inter,sans-serif;box-sizing:border-box}
.text-font-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.text-font{border:1px solid #2c3852;border-radius:11px;background:#151e31;color:#dfe8f7;padding:10px 8px;cursor:pointer;font-weight:800;font-size:12px}.text-font.active{border-color:#00d9ff;background:#16263d;color:#fff;box-shadow:0 0 0 1px rgba(0,217,255,.18) inset}
.text-font[data-text-font="montserrat"]{font-family:Montserrat,Inter,sans-serif}.text-font[data-text-font="barlow"]{font-family:'Barlow Condensed',Impact,sans-serif;font-size:14px}.text-font[data-text-font="gibson"]{font-family:Inter,Arial,sans-serif}.text-font[data-text-font="komika"]{font-family:Impact,'Arial Black',sans-serif;letter-spacing:.02em}.text-font[data-text-font="futura"]{font-family:'Trebuchet MS',Arial,sans-serif;letter-spacing:.04em}.text-font[data-text-font="akira"]{font-family:Impact,'Arial Black',sans-serif;letter-spacing:.12em;text-transform:uppercase}
.text-font-note{display:block;color:#7f8ba2;font-size:10px;line-height:1.45;margin-top:9px}
.text-overlay-two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}.text-control-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.text-control-row strong{color:#fff}
.text-overlay-section input[type="range"]{width:100%;accent-color:#00d9ff}.text-size-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:10px}.text-size-presets button,.text-style-row button,.text-align-row button,.text-position-grid button{border:1px solid #2b3853;background:#151e31;color:#dce6f6;border-radius:10px;padding:9px 8px;cursor:pointer;font-weight:800;font-size:11px}.text-size-presets button:hover,.text-style-row button:hover,.text-align-row button:hover,.text-position-grid button:hover{border-color:#4e6288}.text-style-row button.active,.text-align-row button.active{border-color:#00d9ff;background:#16304a;color:#fff}
.text-colour-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.text-colour-grid label,.text-background-options label{display:grid;gap:6px;color:#aeb9cc;font-size:11px}.text-colour-grid label:last-child{grid-column:1/-1}.text-colour-grid input[type="color"],.text-background-options input[type="color"]{width:100%;height:34px;border:1px solid #33415d;border-radius:9px;background:#0b111e;padding:2px}
.text-style-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:9px}.text-background-options{display:grid;grid-template-columns:1fr 2fr;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid #23304a}.text-background-options label:last-child{grid-template-columns:auto 1fr auto;align-items:center}.text-background-options strong{color:#fff;font-size:11px}
.text-align-row{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:9px}.text-position-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:9px}.text-drag-tip{padding:12px 14px;border-radius:12px;background:#111b2d;border:1px dashed #354566;color:#94a3ba;font-size:11px}
.text-overlay-actions{flex:0 0 auto;display:flex;justify-content:space-between;gap:12px;padding:15px 22px;border-top:1px solid #22304a;background:#101827}

.review-save-row{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(220px,.65fr);gap:12px;margin:14px 0 4px}.review-save-video,.review-delete-video{border:1px solid #2a3955;border-radius:16px;background:#111a2b;color:#fff;min-height:68px;padding:12px 14px;display:flex;align-items:center;gap:12px;text-align:left;cursor:pointer}.review-save-video{border-color:rgba(0,217,255,.45);background:linear-gradient(135deg,#10233a,#171b37)}.review-save-video>span,.review-delete-video>span{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#192641;font-size:18px}.review-save-video div,.review-delete-video div{display:grid;gap:3px;flex:1}.review-save-video strong,.review-delete-video strong{font-size:13px}.review-save-video small,.review-delete-video small{color:#8d9bb2;font-size:10px}.review-save-video em{font-style:normal;font-size:10px;font-weight:900;color:#00d9ff;border:1px solid rgba(0,217,255,.4);border-radius:999px;padding:5px 8px}.review-save-video.saved em{color:#28e782;border-color:rgba(40,231,130,.45)}.review-delete-video{border-color:rgba(255,88,118,.35);background:#1b1420}.review-delete-video:hover{border-color:#ff5876}

@media(max-width:760px){.text-overlay-two-col{grid-template-columns:1fr}.text-font-grid{grid-template-columns:repeat(2,1fr)}.text-style-row{grid-template-columns:repeat(2,1fr)}.review-save-row{grid-template-columns:1fr}.text-overlay-card{max-height:94vh}}


/* V1.83.21 — multi text overlays: click to place, drag, resize and wrap */
.text-overlay-layer{position:absolute;inset:0;z-index:14;pointer-events:none}
.text-overlay-item{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;cursor:move;user-select:none;touch-action:none;min-width:80px;max-width:94%;box-sizing:border-box}
.text-overlay-content{display:block;width:100%;box-sizing:border-box;white-space:pre-wrap;overflow-wrap:break-word;word-break:normal;line-height:1.08;border-radius:.24em;text-shadow:0 2px 8px rgba(0,0,0,.35)}
.text-overlay-item.selected{outline:1px dashed rgba(255,255,255,.74);outline-offset:6px}
.text-overlay-resize-handle{position:absolute;right:-13px;bottom:-13px;width:27px;height:27px;border-radius:9px;border:1px solid rgba(255,255,255,.6);background:rgba(5,8,20,.90);color:#fff;display:grid;place-items:center;font-size:13px;font-weight:900;cursor:nwse-resize;box-shadow:0 6px 18px rgba(0,0,0,.38);touch-action:none}
.text-overlay-resize-handle:hover{background:linear-gradient(135deg,var(--cyan),var(--purple));color:#07101b}
.stage.text-place-mode{cursor:crosshair}.stage.text-place-mode::after{content:'CLICK ANYWHERE TO ADD TEXT';position:absolute;left:50%;bottom:14px;transform:translateX(-50%);z-index:30;background:rgba(6,9,18,.88);border:1px solid rgba(0,217,255,.55);color:#dffaff;padding:8px 12px;border-radius:10px;font-size:10px;font-weight:900;letter-spacing:.08em;pointer-events:none;white-space:nowrap}
.text-overlay-control-btn.placing-text{border-color:#00d9ff!important;box-shadow:0 0 0 2px rgba(0,217,255,.12),0 0 22px rgba(0,217,255,.16)}
.stage.recording-live .text-overlay-item{pointer-events:none!important;outline:0!important}.stage.recording-live .text-overlay-resize-handle{display:none!important}.stage.recording-live.text-place-mode::after{display:none}
.text-overlay-actions{align-items:center}.text-overlay-actions .danger-soft{margin-left:auto}
@media(max-width:760px){.text-overlay-actions{flex-wrap:wrap}.text-overlay-actions .danger-soft{margin-left:0}.text-overlay-actions button{flex:1 1 auto}}


/* V1.83.22 — faster text-box resizing */
.text-overlay-resize-handle{right:-18px!important;bottom:-18px!important;width:38px!important;height:38px!important;border-radius:12px!important;font-size:18px!important;border-width:2px!important;box-shadow:0 8px 22px rgba(0,0,0,.48)!important}
.text-width-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:10px}
.text-width-presets button{border:1px solid #2b3853;background:#151e31;color:#dce6f6;border-radius:10px;padding:9px 8px;cursor:pointer;font-weight:800;font-size:11px}
.text-width-presets button:hover{border-color:#00d9ff;background:#16304a;color:#fff}
.text-width-note{display:block;margin-top:9px;color:#8e9ab0;font-size:10px;line-height:1.45}


/* V1.83.25 — YouTube Live beta */
.youtube-live-control-btn{position:relative;border-color:rgba(255,55,82,.20)!important}.youtube-live-control-btn>span{color:#ff4a5f}.youtube-live-control-btn:hover{border-color:rgba(255,55,82,.48)!important;background:rgba(255,55,82,.07)!important}.youtube-live-control-btn.live-active{border-color:rgba(255,55,82,.70)!important;background:linear-gradient(145deg,rgba(255,55,82,.16),rgba(255,255,255,.03))!important;box-shadow:0 0 0 1px rgba(255,55,82,.10),0 0 24px rgba(255,35,70,.10)}
.live-tool-badge{position:absolute;right:5px;top:5px;padding:3px 5px;border-radius:999px;background:#ff334f;color:#fff;font-style:normal;font-size:6px;font-weight:900;letter-spacing:.08em;line-height:1}.youtube-live-control-btn.live-active .live-tool-badge{font-size:7px;animation:kipzoLivePulse 1.45s ease-in-out infinite}
.youtube-live-stage-badge{position:absolute;z-index:46;top:12px;right:12px;display:flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:rgba(9,11,18,.88);border:1px solid rgba(255,70,89,.52);box-shadow:0 8px 22px rgba(0,0,0,.28);backdrop-filter:blur(8px);pointer-events:none}.youtube-live-stage-badge[hidden]{display:none!important}.youtube-live-stage-badge i{width:8px;height:8px;border-radius:50%;background:#ff354f;box-shadow:0 0 0 4px rgba(255,53,79,.13);animation:kipzoLivePulse 1.35s ease-in-out infinite}.youtube-live-stage-badge span{font-size:10px;font-weight:900;letter-spacing:.10em;color:#fff}.youtube-live-stage-badge strong{font-size:10px;color:#ff9ba8;font-variant-numeric:tabular-nums}@keyframes kipzoLivePulse{0%,100%{opacity:1}50%{opacity:.42}}
.stage.recording-live .youtube-live-stage-badge{display:none!important}
.youtube-live-modal{position:fixed;inset:0;z-index:125;background:rgba(3,7,16,.76);backdrop-filter:blur(10px);display:none;align-items:center;justify-content:center;padding:20px}.youtube-live-modal.show{display:flex}.youtube-live-card{width:min(620px,96vw);max-height:92vh;overflow:auto;border-radius:22px;background:linear-gradient(180deg,#111a2d,#0a1120);border:1px solid rgba(255,255,255,.10);box-shadow:0 30px 90px rgba(0,0,0,.55);padding:22px}.youtube-live-card .modal-head{margin-bottom:16px}.youtube-live-card .modal-head h2{margin:4px 0 4px;font-size:24px}.youtube-live-card .modal-head p{max-width:500px;color:#98a7bf;font-size:12px;line-height:1.55}.youtube-live-status{display:flex;align-items:center;gap:11px;padding:12px 13px;border-radius:14px;background:#0b1324;border:1px solid rgba(255,255,255,.08);margin-bottom:15px}.youtube-live-status>i{width:11px;height:11px;border-radius:50%;background:#66738b;box-shadow:0 0 0 5px rgba(102,115,139,.09);flex:0 0 auto}.youtube-live-status>div{display:grid;gap:2px}.youtube-live-status strong{font-size:12px;color:#fff}.youtube-live-status span{font-size:10px;color:#8f9bb0;line-height:1.4}.youtube-live-status[data-state="connecting"]>i{background:#ffbd2e;box-shadow:0 0 0 5px rgba(255,189,46,.10);animation:kipzoLivePulse 1s infinite}.youtube-live-status[data-state="live"]{border-color:rgba(255,53,79,.30);background:rgba(255,53,79,.065)}.youtube-live-status[data-state="live"]>i{background:#ff354f;box-shadow:0 0 0 5px rgba(255,53,79,.12);animation:kipzoLivePulse 1.2s infinite}.youtube-live-status[data-state="error"]>i{background:#ff7a59}.live-secret-row{display:grid;grid-template-columns:1fr auto;gap:7px}.live-secret-row button{min-width:66px;border-radius:10px;border:1px solid rgba(255,255,255,.10);background:#121c30;color:#d8e3f5;font-size:10px;font-weight:800}.youtube-live-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.youtube-live-advanced{margin:12px 0;border:1px solid rgba(255,255,255,.075);border-radius:13px;background:rgba(255,255,255,.018);padding:0 12px}.youtube-live-advanced summary{cursor:pointer;padding:11px 0;font-size:11px;font-weight:800;color:#c6d4e9}.youtube-live-advanced summary small{font-weight:600;color:#6f7e96;margin-left:5px}.youtube-live-advanced[open]{padding-bottom:10px}.youtube-live-note{padding:11px 12px;border-radius:12px;background:rgba(0,209,255,.055);border:1px solid rgba(0,209,255,.13);color:#9fb1c8;font-size:10px;line-height:1.55}.youtube-live-note strong{color:#dff9ff}.youtube-live-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:16px}.youtube-go-live-btn{min-width:145px;background:linear-gradient(135deg,#ff2948,#e51737)!important;box-shadow:0 10px 30px rgba(229,23,55,.18)}.youtube-go-live-btn span{margin-right:5px}.youtube-go-live-btn.is-live{background:linear-gradient(135deg,#9b172b,#65101e)!important}.youtube-go-live-btn:disabled{opacity:.55;cursor:wait}
@media(max-width:620px){.youtube-live-grid{grid-template-columns:1fr}.youtube-live-card{padding:17px}.youtube-live-actions{display:grid;grid-template-columns:1fr 1fr}.youtube-go-live-btn{min-width:0}}