:root {
  --xt-bg: #070911;
  --xt-card: rgba(17, 20, 32, 0.86);
  --xt-card-strong: rgba(24, 27, 43, 0.94);
  --xt-text: #fff9ff;
  --xt-muted: #b6bbd2;
  --xt-line: rgba(255, 255, 255, 0.12);
  --xt-brand: #ff2f7f;
  --xt-brand-2: #8d5cff;
  --xt-alert: #ffe156;
  --xt-dark: #070911;
  --xt-glow: 0 18px 48px rgba(141, 92, 255, 0.22), 0 12px 30px rgba(255, 47, 127, 0.16);
}
* { box-sizing: border-box; }
body {
  margin: 0;
  font-family: "Segoe UI Variable", "Segoe UI", "Bahnschrift", sans-serif;
  background:
    radial-gradient(circle at top left, rgba(141, 92, 255, 0.30), transparent 28%),
    radial-gradient(circle at top right, rgba(255, 47, 127, 0.24), transparent 26%),
    radial-gradient(circle at bottom center, rgba(255, 225, 86, 0.08), transparent 32%),
    linear-gradient(180deg, #070911 0%, #10131f 46%, #171123 100%);
  color: var(--xt-text);
}
.xt-hidden-input { position: fixed; left: -9999px; }
.xt-upload-app {
  min-height: 100vh;
  padding: 20px;
  background:
    radial-gradient(circle at 18% 8%, rgba(141, 92, 255, 0.20), transparent 24%),
    radial-gradient(circle at 82% 6%, rgba(255, 47, 127, 0.18), transparent 24%);
}
.xt-upload-stage { display: none; }
.xt-upload-stage.is-active { display: block; }
.xt-shell, .xt-stage2-shell, .xt-editor-shell { max-width: 1760px; width: min(100%, 1760px); margin: 0 auto; }
.xt-top-promo, .xt-bottom-promo, .xt-warning-row, .xt-drop-shell, .xt-feature-grid, .xt-upload-head-card, .xt-stage-card, .xt-phone-preview, .xt-editor-preview-card, .xt-editor-timeline-card, .xt-editor-panel {
  background: var(--xt-card);
  border: 1px solid var(--xt-line);
  border-radius: 18px;
  box-shadow: var(--xt-glow);
  backdrop-filter: blur(18px);
}
.xt-top-promo, .xt-bottom-promo, .xt-warning-row { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 16px 18px; margin-bottom: 16px; }
.xt-top-promo {
  background:
    radial-gradient(circle at top left, rgba(141, 92, 255, 0.42), transparent 32%),
    radial-gradient(circle at right center, rgba(255, 47, 127, 0.34), transparent 30%),
    radial-gradient(circle at 70% 0%, rgba(255, 225, 86, 0.12), transparent 30%),
    linear-gradient(135deg, rgba(16, 19, 31, 0.98) 0%, rgba(24, 27, 43, 0.96) 52%, rgba(47, 17, 54, 0.98) 100%);
}
.xt-promo-badges { display: flex; gap: 8px; }
.xt-mini-badge {
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.06));
  border: 1px solid rgba(255,255,255,.14);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 8px 18px rgba(0,0,0,.18);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 800;
  color: #f7fbff;
}
.xt-promo-copy, .xt-bottom-promo > div { display: flex; flex-direction: column; gap: 6px; flex: 1; }
.xt-promo-copy strong, .xt-bottom-promo strong, .xt-drop-zone-inner h1 { font-size: 24px; font-weight: 800; }
.xt-promo-copy span, .xt-bottom-promo span, .xt-drop-zone-inner p, .xt-feature-card span, .xt-settings-block span, .xt-caption-help { color: var(--xt-muted); }
.xt-drop-shell { padding: 18px; margin-bottom: 16px; }
.xt-drop-zone-inner {
  min-height: 350px;
  border: 1px dashed rgba(255, 255, 255, 0.18);
  border-radius: 16px;
  background:
    linear-gradient(180deg, rgba(17, 20, 32, 0.9), rgba(10, 13, 23, 0.94)),
    linear-gradient(135deg, rgba(141, 92, 255, 0.16), rgba(255, 47, 127, 0.12));
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 12px;
  padding: 40px 20px;
}
.xt-upload-icon {
  width: 56px;
  height: 56px;
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(81, 130, 255, 0.28), rgba(255, 68, 154, 0.18));
  border: 1px solid rgba(145, 178, 255, 0.24);
  color: #e9f3ff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size: 30px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 14px 24px rgba(0,0,0,.22);
}
.xt-stage1-actions, .xt-warning-actions, .xt-stage2-bottom-actions, .xt-edit-tool-row, .xt-editor-topbar-actions { display:flex; gap:12px; align-items:center; flex-wrap: wrap; }
.xt-primary-btn, .xt-outline-btn, .xt-text-btn, .xt-lite-cta, .xt-tool-btn, .xt-rail-tool, .xt-chip-grid button, .xt-editor-panel button {
  border-radius: 13px;
  border: 1px solid rgba(145, 176, 255, 0.22);
  background: linear-gradient(180deg, rgba(26, 39, 72, 0.94), rgba(12, 23, 46, 0.98));
  color: #eef4ff;
  font-weight: 800;
  letter-spacing: 0.01em;
  padding: 12px 18px;
  cursor: pointer;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 10px 22px rgba(0,0,0,.20);
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease;
}
.xt-primary-btn {
  background: linear-gradient(135deg, #4a76ff 0%, #ff3f8a 100%);
  border-color: rgba(255, 145, 196, 0.38);
  color: #fff;
  box-shadow: 0 12px 28px rgba(74, 118, 255, 0.30), 0 10px 22px rgba(255, 63, 138, 0.18);
}
.xt-outline-btn {
  background: linear-gradient(180deg, rgba(24, 36, 66, 0.92), rgba(11, 21, 42, 0.96));
}
.xt-text-btn { background: transparent; border-color: transparent; box-shadow: none; }
.xt-lite-cta { background: linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.08)); }
.xt-primary-btn:hover, .xt-outline-btn:hover, .xt-lite-cta:hover, .xt-tool-btn:hover, .xt-rail-tool:hover, .xt-chip-grid button:hover, .xt-editor-panel button:hover {
  transform: translateY(-1px);
  border-color: rgba(164, 191, 255, 0.44);
  box-shadow: 0 14px 26px rgba(0,0,0,.24), 0 0 0 1px rgba(102, 153, 255, 0.14);
}
.xt-primary-btn:active, .xt-outline-btn:active, .xt-lite-cta:active, .xt-tool-btn:active, .xt-rail-tool:active, .xt-chip-grid button:active, .xt-editor-panel button:active {
  transform: translateY(0);
}
.xt-upload-continue { margin-top: 8px; }
.xt-selected-files { display:flex; flex-direction:column; gap:10px; width:100%; max-width:800px; margin-top: 12px; }
.xt-file-pill { display:flex; justify-content:space-between; align-items:center; gap:12px; background:rgba(9,18,37,.85); border:1px solid var(--xt-line); border-radius:14px; padding:10px 14px; cursor:pointer; color:var(--xt-text); }
.xt-file-pill:hover { border-color: rgba(166, 194, 255, 0.38); }
.xt-file-pill.is-selected { border-color: rgba(255, 92, 170, 0.66); box-shadow: 0 0 0 2px rgba(255,63,138,.12), 0 12px 24px rgba(52,93,214,.18); }
.xt-feature-grid { display:grid; grid-template-columns: repeat(4,1fr); gap:0; overflow:hidden; margin-bottom: 16px; }
.xt-feature-card { padding: 18px; display:flex; flex-direction:column; gap:8px; border-right:1px solid var(--xt-line); background: linear-gradient(180deg, rgba(13, 23, 45, 0.45), rgba(8, 15, 29, 0.18)); }
.xt-feature-card:last-child { border-right: none; }
.xt-stage2-shell { display:grid; grid-template-columns: minmax(0,1fr) 260px; gap: 22px; align-items: start; }
.xt-upload-head-card, .xt-stage-card { padding: 18px; margin-bottom: 16px; }
.xt-upload-file-title { font-size: 18px; font-weight: 800; display:flex; gap:8px; align-items:center; }
.xt-quality-chip { font-size: 12px; background:rgba(122, 151, 255, 0.14); border:1px solid rgba(131, 163, 255, 0.18); border-radius:10px; padding:2px 6px; color:#dbe8ff; }
.xt-uploaded-dot { width:7px; height:7px; border-radius:50%; background:#00c26f; display:inline-block; }
.xt-stage-card h3 { margin: 0 0 16px; font-size: 20px; }
.xt-field-label { display:block; margin-bottom: 10px; font-weight: 800; }
.xt-description-box { width:100%; min-height:120px; padding:16px; border:1px solid var(--xt-line); border-radius:14px; resize:vertical; background:rgba(7, 14, 30, 0.78); color:var(--xt-text); box-shadow: inset 0 1px 0 rgba(255,255,255,.05); }
.xt-caption-help { display:flex; justify-content:space-between; margin-top:8px; font-size:13px; }
.xt-stage2-grid { display:grid; grid-template-columns: 180px minmax(0,1fr); gap:18px; align-items:start; }
.xt-cover-card { width:112px; height:150px; border-radius:12px; overflow:hidden; background:#15182a; color:#fff; display:flex; flex-direction:column; justify-content:flex-end; cursor:pointer; }
.xt-cover-card img { width:100%; height:100%; object-fit:cover; display:block; }
.xt-cover-card span { position: relative; margin-top: -28px; padding: 0 8px 8px; font-size: 11px; font-weight: 700; z-index: 2; }
.xt-select-field { width:100%; max-width:220px; padding:11px 12px; border-radius:12px; border:1px solid var(--xt-line); background:rgba(9, 18, 37, 0.88); color:var(--xt-text); box-shadow: inset 0 1px 0 rgba(255,255,255,.05); }
.xt-settings-block { margin-bottom: 18px; display:flex; flex-direction:column; gap:10px; }
.xt-settings-block--compact { margin-top: 12px; }
.xt-caption-help--single { color: var(--xt-muted); font-size: 12px; line-height: 1.4; }
.xt-radio-line, .xt-check-line { display:inline-flex; align-items:center; gap:8px; margin-right:18px; }
.xt-toggle-line { flex-direction: row; align-items:center; justify-content:space-between; }
.xt-switch { position: relative; display:inline-flex; width:44px; height:24px; }
.xt-switch input { display:none; }
.xt-switch span { position:absolute; inset:0; background:#dbe0e8; border-radius:999px; }
.xt-switch span::after { content:""; position:absolute; width:18px; height:18px; border-radius:50%; background:#fff; top:3px; left:3px; box-shadow:0 1px 3px rgba(0,0,0,.15); }
.xt-switch input:checked + span { background:#afe0ff; }
.xt-switch input:checked + span::after { left:23px; }
.xt-check-result { display:grid; grid-template-columns: 1fr auto; gap:14px; align-items:center; padding:10px 0; border-top:1px solid var(--xt-line); }
.xt-check-result:first-of-type { border-top:none; }
.xt-stage2-side { position: sticky; top: 20px; }
.xt-preview-tabline { display:flex; justify-content:center; gap:18px; margin-bottom: 12px; }
.xt-preview-tabline button { border:none; background:transparent; color:#93a7ca; font-weight:700; cursor:pointer; }
.xt-preview-tabline button.is-active { color: var(--xt-text); }
.xt-phone-preview { padding:18px; display:flex; justify-content:center; margin-bottom: 14px; }
.xt-phone-screen { width:146px; height:300px; background:#0f1120; border-radius:26px; padding:12px; overflow:hidden; position:relative; box-shadow: inset 0 0 0 1px rgba(255,255,255,.08); }
.xt-phone-screen video, .xt-phone-screen img { width:100%; height:100%; object-fit:cover; border-radius:18px; display:none; }
.xt-phone-screen video.is-visible, .xt-phone-screen img.is-visible { display:block; }
.xt-tool-btn { min-width: 72px; padding: 11px 10px; }
.xt-text-field, input[type="text"], input[type="number"], input[type="color"], input[type="search"] {
  background: rgba(8, 16, 32, 0.86);
  color: var(--xt-text);
  border: 1px solid var(--xt-line);
  border-radius: 12px;
  padding: 12px 14px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}
.xt-text-field::placeholder, .xt-description-box::placeholder, input::placeholder { color: #89a0c8; }
.xt-text-field:focus, .xt-description-box:focus, .xt-select-field:focus, input:focus, textarea:focus, select:focus {
  outline: none;
  border-color: rgba(142, 185, 255, 0.56);
  box-shadow: 0 0 0 3px rgba(74, 118, 255, 0.12), inset 0 1px 0 rgba(255,255,255,.05);
}
.xt-editor-shell { padding-top: 6px; }
.xt-editor-topbar { display:flex; justify-content:space-between; align-items:flex-start; margin-bottom: 18px; }
.xt-editor-topbar h2 { margin:0 0 4px; font-size: 30px; }
.xt-editor-topbar p { margin:0; color: var(--xt-muted); }
.xt-editor-grid { display:grid; grid-template-columns: 84px minmax(0,1fr) 310px; gap:16px; }
.xt-editor-left-rail, .xt-editor-right-rail { background:var(--xt-card); border:1px solid var(--xt-line); border-radius:16px; padding:12px; display:flex; flex-direction:column; gap:10px; }
.xt-rail-tool { padding:10px 8px; font-size:12px; }
.xt-rail-tool.is-active { border-color: var(--xt-brand); color: var(--xt-brand); }
.xt-editor-preview-card { padding: 14px; min-height: 290px; display:flex; align-items:center; justify-content:center; background:linear-gradient(180deg,#0b1731,#10172e); }
.xt-editor-preview-phone { width:220px; height:390px; border-radius:24px; overflow:hidden; background:#000; box-shadow:0 12px 28px rgba(0,0,0,.28); }
.xt-editor-preview-phone video, .xt-editor-preview-phone img { width:100%; height:100%; object-fit:cover; display:none; }
.xt-editor-preview-phone video.is-visible, .xt-editor-preview-phone img.is-visible { display:block; }
.xt-editor-timeline-card { margin-top: 16px; padding: 16px; }
.xt-editor-timeline-head { display:flex; justify-content:space-between; margin-bottom: 12px; }
.xt-timeline-track { height: 18px; border-radius: 10px; margin-bottom: 10px; }
.xt-timeline-track.video { background: linear-gradient(90deg,#5567ff,#f462a0); }
.xt-timeline-track.captions { background: linear-gradient(90deg,#f47b9f,#ff7e95); width: 82%; }
.xt-timeline-track.audio { background: #19233d; width: 92%; }
.xt-timeline-track.stickers { background: #67bff9; width: 77%; }
.xt-editor-bottom-grid { display:grid; grid-template-columns: repeat(3,1fr); gap:16px; margin-top:16px; }
.xt-editor-panel { padding: 14px; }
.xt-editor-panel h4 { margin:0 0 12px; }
.xt-editor-panel button { display:block; width:100%; margin-bottom:10px; }
.xt-chip-grid { display:grid; grid-template-columns: repeat(2,1fr); gap:10px; }

@media (max-width: 1180px) {
  .xt-stage2-shell, .xt-editor-grid, .xt-editor-bottom-grid, .xt-feature-grid { grid-template-columns: 1fr; }
  .xt-stage2-side { position: static; }
  .xt-stage2-grid { grid-template-columns: 1fr; }
  .xt-feature-card { border-right:none; border-bottom:1px solid var(--xt-line); }
  .xt-editor-left-rail, .xt-editor-right-rail { order: -1; }
}


.xt-upload-status{width:100%;padding:10px 12px;border-radius:12px;background:#122033;color:#d7e3ff;margin-bottom:12px;font-size:13px}.xt-upload-status.is-success{background:#10351f;color:#c9ffd8}.xt-upload-status.is-error{background:#3d1720;color:#ffd6de}.xt-upload-status.is-warn{background:#3a2a11;color:#ffe8ba}

.xt-create-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:22px 0}.xt-create-card{background:var(--xt-card);border:1px solid var(--xt-line);border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:14px;min-width:0}.xt-create-card--hero{min-height:100%}.xt-create-card--full{grid-column:1 / -1}.xt-create-card__head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.xt-create-card__head h2{margin:0 0 6px;font-size:24px}.xt-create-card__head p{margin:0;color:var(--xt-muted);line-height:1.5;max-width:58ch}.xt-create-badge{padding:8px 10px;border-radius:999px;background:#fbe6ef;color:#b91652;font-size:12px;font-weight:800}.xt-form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.xt-form-field{display:flex;flex-direction:column;gap:8px;min-width:0}.xt-text-field{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--xt-line);background:#f8f9fb;color:var(--xt-text)}.xt-panel-status{padding:11px 12px;border-radius:12px;background:#f4f6fb;color:#4d5568;font-size:13px}.xt-panel-status.is-success{background:#e9faef;color:#12643b}.xt-panel-status.is-error{background:#fff0f3;color:#b42318}.xt-panel-status.is-warn{background:#fff6df;color:#9a5b00}.xt-panel-result{min-height:38px;color:var(--xt-muted);font-size:13px;line-height:1.5}.xt-description-box--compact{min-height:96px}.xt-editor-inline-field{margin-top:8px}.xt-chip-grid button.is-active{border-color:var(--xt-brand);color:var(--xt-brand);box-shadow:0 0 0 2px rgba(255,47,105,.1)}
.xt-workspace-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);gap:22px;align-items:start}.xt-workspace-form{display:flex;flex-direction:column;gap:12px;min-width:0}.xt-workspace-preview{display:flex;flex-direction:column;gap:10px;min-width:0;align-items:flex-start}.xt-workspace-preview__frame{min-height:360px;width:100%;border-radius:18px;background:#10131d;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.xt-workspace-preview__frame video{width:100%;height:100%;object-fit:cover;display:none}.xt-workspace-preview__frame video.is-visible{display:block}.xt-workspace-preview__placeholder{position:absolute;inset:0;padding:28px;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;text-align:center;color:#dfe7ff;background:radial-gradient(circle at top,#3e4f80 0%,#171b27 48%,#0b0d12 100%)}.xt-workspace-preview__meta{display:flex;flex-direction:column;gap:6px;color:var(--xt-muted);font-size:13px;max-width:42ch}.xt-reference-list{display:flex;flex-wrap:wrap;gap:8px;min-height:36px}.xt-reference-chip,.xt-reference-empty{padding:8px 10px;border-radius:999px;background:#f4f6fb;border:1px solid var(--xt-line);font-size:12px;color:#495163}.xt-text-video-card{position:relative;min-height:360px;border-radius:24px;padding:22px;display:flex;flex-direction:column;justify-content:flex-end;gap:10px;background:linear-gradient(180deg,#3f265a,#0f1220);color:#fff;overflow:hidden;aspect-ratio:9/16;width:min(100%,380px)}.xt-text-video-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top,#ffffff30 0%,transparent 45%)}.xt-text-video-card.has-theme-image::before{background:linear-gradient(180deg,rgba(5,8,15,.10),rgba(5,8,15,.44) 72%,rgba(5,8,15,.62))}.xt-text-video-card__eyebrow{position:relative;z-index:1;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:.8}.xt-text-video-card strong,.xt-text-video-card p{position:relative;z-index:1;margin:0}.xt-text-video-card strong{font-size:24px;line-height:1.08}.xt-text-video-card p{font-size:14px;line-height:1.45;max-height:180px;overflow:auto}.xt-text-video-card[data-theme="clean_minimal"]{background:linear-gradient(180deg,#eff3fb,#d9e3f5);color:#111217}.xt-text-video-card[data-theme="headline_flash"]{background:linear-gradient(180deg,#18101d,#692913 55%,#fcb541);color:#fff7dd}.xt-text-video-card[data-theme="story_glow"]{background:linear-gradient(180deg,#16132f,#4a1d6f 60%,#fc6cc4);color:#fff}.xt-text-video-card[data-template="quote_card"] strong{font-size:28px}.xt-text-video-card[data-template="headline_stack"]{justify-content:center}.xt-text-video-card[data-template="promo_card"]::after{content:"";position:absolute;inset:auto 20px 20px 20px;height:3px;border-radius:999px;background:rgba(255,255,255,.5)}.xt-text-video-card--content{min-height:300px;aspect-ratio:auto;width:min(100%,100%)}
.xt-inline-note{display:block;color:var(--xt-muted);font-size:13px;line-height:1.4}.xt-color-field{padding:4px;height:44px}.xt-text-video-card[data-theme="sunset_pop"]{background:linear-gradient(180deg,#291138,#9d2f73 55%,#ff9166);color:#fff7f1}.xt-text-video-card[data-theme="glass_blue"]{background:linear-gradient(180deg,#0f2033,#264f7a 60%,#87d7ff);color:#eefbff}.xt-text-video-card[data-theme="night_luxe"]{background:linear-gradient(180deg,#0f0f16,#24243f 50%,#6957b4);color:#faf7ff}.xt-text-video-card[data-theme="mint_burst"]{background:linear-gradient(180deg,#092023,#0f7a73 55%,#7fffcf);color:#effff8}.xt-text-video-card[data-template="split_focus"]{justify-content:space-between}.xt-text-video-card[data-template="floating_note"]{border-radius:32px 12px 32px 12px}.xt-text-video-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:none;z-index:0}.xt-text-video-card img.is-visible{display:block}.xt-text-video-card strong,.xt-text-video-card p,.xt-card-decor{position:relative;z-index:1}.xt-card-decor{position:absolute;inset:auto 18px 18px auto;width:94px;height:94px;pointer-events:none;opacity:.82}.xt-card-decor[data-decor="sparkle"]{background:radial-gradient(circle,#fff8 0 14%,transparent 16%),radial-gradient(circle at 70% 30%,#fff6 0 10%,transparent 12%),radial-gradient(circle at 38% 70%,#fff7 0 9%,transparent 11%)}.xt-card-decor[data-decor="ring"]{border:3px solid rgba(255,255,255,.45);border-radius:50%}.xt-card-decor[data-decor="corner"]{border-top:3px solid rgba(255,255,255,.45);border-right:3px solid rgba(255,255,255,.45);border-radius:0 18px 0 0}.xt-card-decor[data-decor="wave"]{background:linear-gradient(135deg,transparent 0 28%,rgba(255,255,255,.35) 28% 34%,transparent 34% 46%,rgba(255,255,255,.28) 46% 52%,transparent 52%)}.xt-text-video-card--content strong,.xt-text-video-card--content p{text-shadow:0 2px 12px rgba(0,0,0,.38)}
.xt-composer-toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:10px}
.xt-composer-toolbar__label{font-size:12px;font-weight:800;color:#5a6578;margin-right:4px}
.xt-outline-btn--mini{padding:8px 12px;font-size:12px;border-radius:10px}
.xt-card-decor[data-decor="burst"]{background:conic-gradient(from 0deg,rgba(255,255,255,.55),transparent 18%,rgba(255,255,255,.4) 28%,transparent 38%,rgba(255,255,255,.45) 50%,transparent 62%,rgba(255,255,255,.32) 76%,transparent)}
.xt-card-decor[data-decor="confetti"]{background:radial-gradient(circle at 20% 30%,#fff7 0 10%,transparent 12%),radial-gradient(circle at 65% 15%,#ffd86f 0 8%,transparent 10%),radial-gradient(circle at 78% 56%,#7ef5ff 0 8%,transparent 10%),radial-gradient(circle at 38% 78%,#ff7dc4 0 8%,transparent 10%)}
.xt-card-decor[data-decor="grid"]{background-image:linear-gradient(rgba(255,255,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.18) 1px,transparent 1px);background-size:16px 16px}
.xt-card-decor[data-decor="petals"]{background:radial-gradient(ellipse at 20% 20%,rgba(255,255,255,.42) 0 16%,transparent 18%),radial-gradient(ellipse at 70% 28%,rgba(255,255,255,.38) 0 14%,transparent 16%),radial-gradient(ellipse at 45% 72%,rgba(255,255,255,.35) 0 16%,transparent 18%)}
.xt-text-video-card--editor{position:relative;overflow:hidden}
.xt-text-video-card[data-orientation="9:16"]{aspect-ratio:9/16;width:min(100%,380px);min-height:420px}
.xt-text-video-card[data-orientation="16:9"]{aspect-ratio:16/9;width:min(100%,560px);min-height:320px}
.xt-text-video-card[data-orientation="1:1"]{aspect-ratio:1/1;width:min(100%,470px);min-height:470px}
.xt-card-grid-overlay,.xt-card-safe-zone,.xt-card-guide{position:absolute;inset:0;pointer-events:none;z-index:1}
.xt-card-grid-overlay{background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:10% 10%;opacity:.7}
.xt-card-safe-zone{inset:8% 14% 12% 8%;border:1px dashed rgba(255,255,255,.32);border-radius:18px;box-shadow:inset 0 0 0 999px rgba(255,255,255,.015)}
.xt-text-video-card--content .xt-card-safe-zone{inset:8% 8% 12% 8%}
.xt-card-guide--vertical{width:2px;left:50%;top:0;bottom:0;background:rgba(255,255,255,.9);transform:translateX(-50%)}
.xt-card-guide--horizontal{height:2px;top:50%;left:0;right:0;background:rgba(255,255,255,.9);transform:translateY(-50%)}
.xt-card-text-layer,.xt-card-image-layer{position:absolute;transform:translate(-50%,-50%);touch-action:none;user-select:none}
.xt-card-text-layer{min-width:0;min-height:0;display:flex;align-items:flex-start;justify-content:flex-start;padding:10px 12px;border-radius:14px;background:linear-gradient(180deg,rgba(10,16,28,.18),rgba(10,16,28,.06));cursor:move;overflow:visible;backdrop-filter:blur(2px)}
.xt-card-text-layer strong,.xt-card-text-layer p{width:100%;margin:0;max-height:100%;overflow:hidden;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere}
.xt-card-text-layer strong{line-height:1.05}
.xt-card-text-layer p{text-shadow:0 3px 12px rgba(0,0,0,.42)}
.xt-card-image-layer{overflow:hidden;cursor:move}
.xt-card-image-layer img{width:100%;height:100%;object-fit:cover}
.xt-card-layer-handle{display:none}
.xt-card-text-layer:hover,.xt-card-image-layer:hover{outline:2px dashed rgba(255,255,255,.72);outline-offset:4px}
.xt-card-text-layer.is-selected,.xt-card-image-layer.is-selected{outline:2px solid #fff;outline-offset:4px;box-shadow:0 0 0 6px rgba(255,255,255,.12)}
.xt-card-text-layer::after,.xt-card-image-layer::after{content:"";position:absolute;right:-6px;bottom:-6px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 0 0 2px rgba(11,13,18,.35)}

.xt-editor-shell{max-width:none;background:#1f1f1f;border:1px solid #343434;border-radius:18px;padding:10px;color:#f2f4f8;box-shadow:0 18px 50px rgba(0,0,0,.28)}.xt-editor-topbar--desktop{background:#2b2b2b;border:1px solid #383838;border-radius:14px;padding:14px 18px;margin-bottom:10px}.xt-editor-topbar__brand h2{color:#fff}.xt-editor-toolbar{display:flex;gap:8px;flex-wrap:wrap;background:#2a2a2a;border:1px solid #393939;border-radius:14px;padding:8px 10px;margin-bottom:10px}.xt-editor-tool{border:1px solid transparent;background:transparent;color:#d3d7dd;padding:10px 12px;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer}.xt-editor-tool.is-active{background:#0f7f95;color:#fff;border-color:#17b9d5}.xt-editor-workspace{display:grid;grid-template-columns:120px minmax(0,1fr) 320px;gap:10px;min-height:700px}.xt-editor-sidebar,.xt-editor-bin,.xt-editor-player,.xt-editor-inspector,.xt-editor-timeline-dock{background:#292929;border:1px solid #3a3a3a;border-radius:14px}.xt-editor-sidebar{padding:14px 10px;display:flex;flex-direction:column;gap:16px}.xt-editor-sidebar__title{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#a0a7b2;margin-bottom:10px}.xt-editor-sidebar__section{display:flex;flex-direction:column;gap:8px}.xt-editor-side-link{width:100%;text-align:left;background:#353535;border:1px solid #404040;border-radius:10px;color:#e8ebf1;padding:10px 12px;font-weight:700;cursor:pointer}.xt-editor-side-link.is-active{background:#0f7f95;border-color:#17b9d5;color:#fff}.xt-editor-main{display:grid;grid-template-columns:330px minmax(0,1fr);gap:10px}.xt-editor-bin{padding:12px;display:flex;flex-direction:column;gap:12px}.xt-editor-bin__top{display:flex;justify-content:space-between;gap:10px;align-items:center}.xt-editor-bin__actions{display:flex;gap:8px;flex-wrap:wrap}.xt-outline-btn--dark{background:#3a3a3a;border-color:#4a4a4a;color:#fff;padding:10px 14px}.xt-editor-bin__search{flex:1;display:flex;justify-content:flex-end}.xt-editor-search{width:100%;max-width:180px;padding:10px 12px;border-radius:10px;border:1px solid #494949;background:#1f1f1f;color:#fff}.xt-editor-bin__label{color:#c0c8d0;font-size:13px;font-weight:700}.xt-editor-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.xt-editor-media-card{min-height:112px;border-radius:12px;border:1px solid #414141;background:linear-gradient(180deg,#0b0d11,#14161c);padding:14px;color:#fff;text-align:left;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;cursor:pointer}.xt-editor-media-card.is-active{border-color:#17b9d5;box-shadow:0 0 0 2px rgba(23,185,213,.18)}.xt-editor-media-card__name{font-weight:800}.xt-editor-media-card__meta{color:#a5adb9;font-size:12px}.xt-editor-player{display:flex;flex-direction:column;padding:0;overflow:hidden}.xt-editor-player__header{padding:12px 14px;border-bottom:1px solid #383838;background:#2e2e2e;color:#fff}.xt-editor-preview-stage{padding:10px 14px 8px;background:#202020;min-height:290px}.xt-editor-preview-stage__canvas{background:#111;border:1px solid #3c3c3c;border-radius:0;min-height:250px;display:flex;align-items:center;justify-content:center;position:relative}.xt-editor-preview-phone--large{width:min(100%,430px);height:100%;min-height:240px;border-radius:0;background:#050505;box-shadow:none;position:relative}.xt-editor-preview-phone--large video,.xt-editor-preview-phone--large img{width:100%;height:100%;object-fit:contain;background:#000;display:none}.xt-editor-preview-phone--large video.is-visible,.xt-editor-preview-phone--large img.is-visible{display:block}.xt-editor-overlay-title,.xt-editor-overlay-caption{position:absolute;left:18px;right:18px;color:#fff;z-index:2;text-shadow:0 3px 12px rgba(0,0,0,.45);pointer-events:none}.xt-editor-overlay-title{top:20px;font-size:24px;font-weight:900}.xt-editor-overlay-caption{bottom:20px;font-size:14px;font-weight:700}.xt-editor-player__controls{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:8px 14px;border-top:1px solid #383838;background:#242424;color:#cfd5df}.xt-editor-time-readout{display:flex;gap:8px;font-variant-numeric:tabular-nums;color:#16d0ed;font-size:13px}.xt-editor-playback-buttons,.xt-editor-view-buttons,.xt-editor-dock-actions{display:flex;gap:8px;align-items:center}.xt-editor-icon-btn{padding:8px 10px;border-radius:8px;border:1px solid #4a4a4a;background:#303030;color:#e8eef6;cursor:pointer}.xt-editor-inspector{display:flex;flex-direction:column;overflow:hidden}.xt-editor-inspector__header{padding:12px 14px;border-bottom:1px solid #383838;background:#2e2e2e;color:#16d0ed;font-weight:800}.xt-editor-inspector__body{padding:12px;display:flex;flex-direction:column;gap:12px}.xt-editor-detail-row{display:grid;grid-template-columns:130px minmax(0,1fr);gap:12px;align-items:start;font-size:13px}.xt-editor-detail-row span{color:#99a1ad}.xt-editor-detail-row strong{color:#f2f4f8;font-weight:700;word-break:break-word}.xt-editor-inspector__split{height:1px;background:#3a3a3a;margin:4px 0}.xt-editor-panel--dark{background:#303030;border:1px solid #414141;border-radius:12px;padding:12px}.xt-editor-panel--dark h4{color:#fff;margin-bottom:10px}.xt-text-field--dark,.xt-description-box--dark{background:#222;border-color:#434343;color:#fff}.xt-editor-timeline-dock{margin-top:4px;padding:8px 10px 10px;background:#262626}.xt-editor-timeline-dock__toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;padding-bottom:8px;border-bottom:1px solid #383838}.xt-editor-ruler{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;color:#8f98a6;font-size:12px;padding:8px 0 8px;border-bottom:1px solid #383838;font-variant-numeric:tabular-nums}.xt-editor-track-list{display:flex;flex-direction:column;gap:10px;padding-top:8px}.xt-editor-track-row{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;align-items:center}.xt-editor-track-meta{display:flex;flex-direction:column;gap:4px;color:#e8edf6;font-weight:800}.xt-editor-track-meta small{color:#8f98a6;font-weight:600}.xt-editor-track-lane{position:relative;height:54px;border-radius:10px;background:#1f1f1f;border:1px solid #393939;padding:8px;display:flex;align-items:center}.xt-editor-track-clip{height:36px;border-radius:8px;padding:0 12px;display:inline-flex;align-items:center;font-size:13px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:180px;max-width:100%}.xt-editor-track-clip--video{width:68%;background:linear-gradient(90deg,#066a7c,#14b7cf);color:#fff}.xt-editor-track-clip--title{width:38%;background:linear-gradient(90deg,#7a1a22,#d64b54);color:#fff}.xt-editor-track-clip--captions{width:44%;background:linear-gradient(90deg,#5f3a78,#bd7af5);color:#fff}.xt-editor-track-clip--audio{width:75%;background:linear-gradient(90deg,#003b7c,#1aa4ff);color:#fff}

@media (max-width: 1180px) {
  .xt-create-grid,.xt-workspace-grid{grid-template-columns:1fr}
  .xt-form-row{grid-template-columns:1fr}
  .xt-editor-workspace,.xt-editor-main{grid-template-columns:1fr}
  .xt-editor-track-row{grid-template-columns:1fr}
  .xt-editor-detail-row{grid-template-columns:1fr}
}

.xt-drop-zone-inner.is-dragover{border-color:var(--xt-brand);background:#fff4f7;box-shadow:inset 0 0 0 2px rgba(255,47,105,.08)}
.xt-editor-media-card{transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}
.xt-editor-media-card:hover{transform:translateY(-1px);border-color:#5a5a5a}
.xt-editor-media-card--utility{background:linear-gradient(180deg,#13232a,#0d171d);border-style:dashed}
.xt-editor-icon-btn,.xt-editor-tool,.xt-editor-side-link,.xt-outline-btn--dark{transition:background .18s ease,border-color .18s ease,color .18s ease}
.xt-editor-icon-btn:hover,.xt-editor-tool:hover,.xt-editor-side-link:hover,.xt-outline-btn--dark:hover{border-color:#17b9d5;color:#fff}
.xt-text-field--dark:focus,.xt-description-box--dark:focus,.xt-editor-search:focus{outline:none;border-color:#17b9d5;box-shadow:0 0 0 2px rgba(23,185,213,.16)}
.xt-editor-player__header{display:flex;justify-content:space-between;gap:12px;align-items:center}
.xt-editor-player__mode{font-size:12px;color:#9db4c6;text-transform:capitalize}
.xt-editor-scrubbar{position:relative;height:10px;margin:0 14px 8px;border-radius:999px;background:#171717;border:1px solid #3a3a3a;cursor:pointer}
.xt-editor-scrubbar__fill{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:999px;background:linear-gradient(90deg,#16d0ed,#0f7f95)}
.xt-editor-scrubbar__thumb{position:absolute;top:50%;left:0;width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid #16d0ed;transform:translate(-50%,-50%)}
.xt-editor-status-note{font-size:13px;line-height:1.5;color:#c9d0da}
.xt-editor-track-meta{cursor:pointer}
.xt-editor-track-meta.is-active{color:#16d0ed}
.xt-editor-track-list{position:relative;overflow-x:auto;overflow-y:visible}
.xt-editor-track-lane{overflow:visible;position:relative}
.xt-editor-track-clip{position:absolute;top:8px}
.xt-editor-track-clip.is-selected{box-shadow:0 0 0 2px rgba(255,255,255,.7),0 0 0 4px rgba(22,208,237,.22)}
.xt-editor-playhead{position:absolute;top:0;bottom:0;width:2px;background:#fff;box-shadow:0 0 0 1px rgba(22,208,237,.35);pointer-events:auto;cursor:ew-resize;z-index:5}
.xt-editor-preview-stage__canvas.is-full{min-height:480px}
.xt-editor-preview-phone--large[data-aspect="1:1"]{width:min(100%,430px);aspect-ratio:1/1;min-height:auto}
.xt-editor-preview-phone--large[data-aspect="16:9"]{width:min(100%,720px);aspect-ratio:16/9;min-height:auto}
.xt-editor-preview-phone--large[data-aspect="9:16"]{aspect-ratio:9/16}
.xt-editor-preview-phone--large[data-theme="clean_minimal"] .xt-editor-overlay-title,.xt-editor-preview-phone--large[data-theme="clean_minimal"] .xt-editor-overlay-caption{color:#f8fbff;text-shadow:none}
.xt-editor-preview-phone--large[data-theme="story_glow"] .xt-editor-overlay-title,.xt-editor-preview-phone--large[data-theme="story_glow"] .xt-editor-overlay-caption{color:#ffe7ff;text-shadow:0 0 18px rgba(255,91,214,.45)}
.xt-editor-preview-phone--large[data-theme="headline_flash"] .xt-editor-overlay-title{color:#fff2a6}
.xt-editor-icon-btn.is-active{border-color:#16d0ed;color:#fff;background:#163841}
.xt-editor-preview-stage__canvas{overflow:hidden}
.xt-editor-preview-phone--large{width:min(100%,980px);height:min(100%,360px);max-height:360px;display:flex;align-items:center;justify-content:center}
.xt-editor-preview-phone--large[data-fit="cover"] video,.xt-editor-preview-phone--large[data-fit="cover"] img{object-fit:cover}
.xt-editor-preview-phone--large[data-fit="stretch"] video,.xt-editor-preview-phone--large[data-fit="stretch"] img{object-fit:fill}
.xt-editor-preview-phone--large[data-orientation="landscape"]{width:min(100%,920px);aspect-ratio:16/9}
.xt-editor-preview-phone--large[data-orientation="portrait"]{width:min(100%,430px);aspect-ratio:9/16}
.xt-editor-preview-phone--large[data-orientation="square"]{width:min(100%,620px);aspect-ratio:1/1}
.xt-editor-preview-phone--large[data-aspect="16:9"]{width:min(100%,920px);aspect-ratio:16/9}
.xt-editor-preview-phone--large[data-aspect="9:16"]{width:min(100%,430px);aspect-ratio:9/16}
.xt-editor-preview-phone--large[data-aspect="1:1"]{width:min(100%,620px);aspect-ratio:1/1}
.xt-editor-media-empty{min-height:120px;border:1px dashed #4b4b4b;border-radius:12px;padding:18px;color:#a8b0bc;display:flex;align-items:center;justify-content:center;text-align:center;background:#1e1e1e}
.xt-editor-media-card{user-select:none}
.xt-editor-media-card[draggable="true"]{cursor:grab}
.xt-editor-media-card[draggable="true"]:active{cursor:grabbing}
.xt-editor-track-lane.is-drop-target{border-color:#16d0ed;box-shadow:0 0 0 2px rgba(22,208,237,.16) inset;background:#13232a}
.xt-editor-status-pill-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.xt-editor-status-pill{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#212a31;border:1px solid #3e525d;color:#dce8f2;font-size:12px;font-weight:700}
.xt-editor-inspector-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.xt-editor-inline-control{display:flex;flex-direction:column;gap:6px;color:#cbd4df;font-size:12px;font-weight:700}
.xt-editor-inline-control input[type="range"]{width:100%}
.xt-editor-inline-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.xt-editor-inline-actions .xt-editor-icon-btn{flex:1}
.xt-editor-music-list{display:flex;flex-direction:column;gap:8px;max-height:240px;overflow:auto}
.xt-editor-music-item,.xt-editor-music-empty{border:1px solid #414141;border-radius:10px;background:#232323;padding:10px;text-align:left;color:#fff}
.xt-editor-music-item{cursor:pointer;display:flex;flex-direction:column;gap:4px}
.xt-editor-music-item span,.xt-editor-music-item small,.xt-editor-music-empty{color:#aab4c0}
.xt-editor-music-item.is-active{border-color:#16d0ed;box-shadow:0 0 0 2px rgba(22,208,237,.16)}
.xt-editor-track-meta em{font-style:normal;color:#6fbfd1;font-size:11px}
.xt-editor-track-clip{justify-content:space-between;gap:10px;padding:0 16px;touch-action:none}
.xt-editor-track-clip{cursor:grab}
.xt-editor-track-clip:active{cursor:grabbing}
.xt-editor-track-clip small{font-size:11px;font-weight:800;opacity:.88}
.xt-editor-clip-handle{position:absolute;top:0;bottom:0;width:12px;background:rgba(255,255,255,.22);cursor:ew-resize;z-index:2;pointer-events:auto}
.xt-editor-clip-handle--left{left:0;border-radius:8px 0 0 8px}
.xt-editor-clip-handle--right{right:0;border-radius:0 8px 8px 0}
.xt-editor-track-clip.is-selected .xt-editor-clip-handle{background:rgba(255,255,255,.36)}

/* Layout overrides for tighter preview/timeline composition */
.xt-editor-player{
  display:grid;
  grid-template-rows:auto auto auto auto minmax(260px,1fr);
}
.xt-editor-preview-stage{
  padding:10px 14px 8px;
}
.xt-editor-preview-stage__canvas{
  min-height:340px;
  aspect-ratio:16/9;
}
.xt-editor-preview-stage__canvas[data-aspect="9:16"]{
  aspect-ratio:auto;
  min-height:340px;
}
.xt-editor-preview-stage__canvas[data-aspect="1:1"]{
  aspect-ratio:1/1;
  min-height:420px;
}
.xt-editor-preview-stage__canvas[data-aspect="16:9"]{
  aspect-ratio:16/9;
  min-height:340px;
}
.xt-editor-preview-phone--large{
  width:100%;
  height:100%;
  min-height:0;
  max-height:none;
  margin:0 auto;
  overflow:hidden;
}
.xt-editor-preview-phone--large[data-aspect="9:16"]{
  width:min(100%,320px);
  aspect-ratio:9/16;
  max-height:560px;
}
.xt-editor-preview-phone--large[data-aspect="1:1"]{
  width:min(100%,420px);
  aspect-ratio:1/1;
  max-height:420px;
}
.xt-editor-preview-phone--large[data-aspect="16:9"]{
  width:min(100%,920px);
  aspect-ratio:16/9;
  max-height:420px;
}
.xt-editor-preview-layer{
  position:absolute;
  box-sizing:border-box;
  touch-action:none;
  user-select:none;
  z-index:2;
  display:none;
}
.xt-editor-preview-layer.is-visible{
  display:block;
}
.xt-editor-preview-layer.is-selected{
  outline:2px solid rgba(22,208,237,.85);
  box-shadow:0 0 0 1px rgba(255,255,255,.18),0 0 0 6px rgba(22,208,237,.12);
}
.xt-editor-preview-layer--title,
.xt-editor-preview-layer--caption{
  outline-offset:0;
}
.xt-editor-preview-layer__content{
  width:100%;
  height:100%;
}
.xt-editor-preview-layer__content--media{
  position:relative;
  overflow:hidden;
  background:#000;
}
.xt-editor-preview-layer__content--media video,
.xt-editor-preview-layer__content--media img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  display:none;
  transform-origin:center center;
}
.xt-editor-preview-layer__content--media video.is-visible,
.xt-editor-preview-layer__content--media img.is-visible{
  display:block;
}
.xt-editor-preview-phone--large[data-fit="contain"] .xt-editor-preview-layer__content--media video,
.xt-editor-preview-phone--large[data-fit="contain"] .xt-editor-preview-layer__content--media img{
  object-fit:contain;
}
.xt-editor-preview-phone--large[data-fit="stretch"] .xt-editor-preview-layer__content--media video,
.xt-editor-preview-phone--large[data-fit="stretch"] .xt-editor-preview-layer__content--media img{
  object-fit:fill;
}
.xt-editor-preview-layer--title,
.xt-editor-preview-layer--caption{
  min-width:120px;
}
.xt-editor-preview-layer__content--text{
  width:100%;
  height:100%;
  display:flex;
}
.xt-editor-overlay-title,
.xt-editor-overlay-caption{
  position:static;
  left:auto;
  right:auto;
  top:auto;
  bottom:auto;
  width:100%;
  height:100%;
  pointer-events:none;
}
.xt-editor-overlay-title{
  display:flex;
  align-items:flex-start;
  justify-content:flex-start;
  font-size:24px;
  line-height:1.1;
}
.xt-editor-overlay-caption{
  display:flex;
  align-items:flex-end;
  justify-content:flex-start;
  font-size:14px;
  line-height:1.35;
}
.xt-editor-preview-handle{
  position:absolute;
  width:12px;
  height:12px;
  border-radius:50%;
  border:2px solid #fff;
  background:#16d0ed;
  box-shadow:0 0 0 2px rgba(0,0,0,.28);
  opacity:0;
  pointer-events:none;
  z-index:3;
  padding:0;
}
.xt-editor-preview-layer.is-selected .xt-editor-preview-handle{
  opacity:1;
  pointer-events:auto;
}
.xt-editor-preview-handle--nw{top:-6px;left:-6px;cursor:nwse-resize}
.xt-editor-preview-handle--ne{top:-6px;right:-6px;cursor:nesw-resize}
.xt-editor-preview-handle--sw{bottom:-6px;left:-6px;cursor:nesw-resize}
.xt-editor-preview-handle--se{bottom:-6px;right:-6px;cursor:nwse-resize}
.xt-editor-crop-box{
  position:absolute;
  border:2px dashed #16d0ed;
  box-shadow:0 0 0 9999px rgba(0,0,0,.35);
  background:rgba(22,208,237,.08);
  cursor:crosshair;
  z-index:4;
  inset:10% 10%;
}
.xt-editor-crop-box.is-moving{
  cursor:move;
}
.xt-editor-player__controls{
  padding:8px 14px;
}
.xt-editor-scrubbar{
  margin:0 14px 8px;
}
.xt-editor-timeline-dock--embedded{
  margin:0;
  border-top:1px solid #383838;
  border-radius:0 0 14px 14px;
  min-height:260px;
}
.xt-editor-track-list{
  min-height:220px;
}

/* Soundtrack dropdown */
.xt-editor-music-dropdown{
  position:relative;
}
.xt-editor-music-list{
  position:absolute;
  left:0;
  right:0;
  top:calc(100% + 8px);
  z-index:8;
  max-height:260px;
  overflow:auto;
  border:1px solid #414141;
  border-radius:12px;
  background:#232323;
  box-shadow:0 16px 34px rgba(0,0,0,.35);
}
.xt-editor-music-item,
.xt-editor-music-empty{
  border:none;
  border-bottom:1px solid #343434;
  border-radius:0;
}
.xt-editor-music-item:last-child,
.xt-editor-music-empty:last-child{
  border-bottom:none;
}
.xt-editor-music-dropdown--light .xt-editor-music-list{
  background:#fff;
  border:1px solid #d9e1ec;
  box-shadow:0 14px 34px rgba(19,28,45,.12);
}
.xt-editor-music-list--light .xt-editor-music-item,
.xt-editor-music-list--light .xt-editor-music-empty{
  background:#fff;
  color:#111827;
  border-bottom:1px solid #edf1f6;
}
.xt-editor-music-list--light .xt-editor-music-item span,
.xt-editor-music-list--light .xt-editor-music-item small,
.xt-editor-music-list--light .xt-editor-music-empty{
  color:#667085;
}
.xt-editor-music-list--light .xt-editor-music-item.is-active{
  background:#fff5f8;
  border-bottom-color:#ffd5df;
  box-shadow:inset 0 0 0 2px rgba(255,47,105,.14);
}

/* Left bin stacked controls */
.xt-editor-bin{
  overflow:auto;
}
.xt-editor-bin__stack{
  display:flex;
  flex-direction:column;
  gap:12px;
  margin-top:4px;
  padding-top:4px;
}
.xt-editor-bin__stack .xt-editor-panel{
  margin:0;
}
.xt-editor-bin__stack .xt-editor-panel h4{
  margin-bottom:8px;
}
.xt-editor-bin__stack .xt-chip-grid{
  margin-bottom:2px;
}
.xt-editor-bin__stack .xt-editor-music-list{
  max-height:220px;
}

/* XTFAME U2.7 panel-based text editor */
.xt-xtext-editor-shell{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:12px;margin:10px 0 12px;align-items:start}.xt-xtext-actionbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.xt-primary-btn--mini,.xt-outline-btn--mini{min-height:30px;padding:7px 11px;border-radius:999px;font-size:12px}.xt-xtext-panel{background:rgba(5,10,24,.82);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:12px;box-shadow:0 18px 44px rgba(0,0,0,.26);display:grid;gap:10px}.xt-xtext-panel__head strong{display:block;font-size:13px;font-weight:650;color:#fff}.xt-xtext-panel__head span{display:block;font-size:11px;color:rgba(255,255,255,.62);margin-top:2px}.xt-xtext-panel label{display:grid;gap:5px;font-size:11px;font-weight:600;color:rgba(255,255,255,.72)}.xt-xtext-panel textarea,.xt-xtext-panel select,.xt-xtext-panel input[type="number"],.xt-xtext-panel input[type="range"],.xt-xtext-panel input[type="color"]{width:100%;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:rgba(255,255,255,.08);color:#fff;padding:8px}.xt-xtext-panel textarea{resize:vertical;min-height:54px}.xt-xtext-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}.xt-xtext-panel__actions{display:flex;gap:8px;flex-wrap:wrap}.xt-xtext-stage{position:absolute;inset:0;z-index:12;pointer-events:auto}.xt-xtext-layer{position:absolute;z-index:13;box-sizing:border-box;min-width:48px;min-height:24px;padding:4px 6px;border:1px solid transparent;border-radius:8px;text-shadow:0 2px 8px rgba(0,0,0,.55);white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;overflow:hidden;cursor:move;outline:0}.xt-xtext-layer.is-active{border-color:rgba(255,255,255,.88);box-shadow:0 0 0 1px rgba(71,111,255,.65),0 0 22px rgba(255,43,214,.22);background:rgba(0,0,0,.08)}.xt-xtext-resize{position:absolute;right:-6px;bottom:-6px;width:12px;height:12px;border-radius:999px;background:#fff;border:2px solid #6d5dfc;box-shadow:0 3px 10px rgba(0,0,0,.35);cursor:nwse-resize}.xt-card-text-layer[data-card-layer="ttv-headline"],.xt-card-text-layer[data-card-layer="ttv-body"],.xt-card-text-layer[data-card-layer="content-headline"],.xt-card-text-layer[data-card-layer="content-body"]{display:none!important}@media(max-width:960px){.xt-xtext-editor-shell{grid-template-columns:1fr}.xt-xtext-panel{order:2}.xt-xtext-row{grid-template-columns:1fr}}

/* XTFAME Upload U2.7.1 - remove legacy text tools and give the new editor space */
.xt-workspace-form .xt-form-row:has([data-text-video-headline]),
.xt-workspace-form .xt-form-row:has([data-text-video-emoji]),
.xt-workspace-form .xt-form-row:has([data-text-video-headline-font-size]),
.xt-workspace-form .xt-form-row:has([data-text-video-headline-font-color]),
.xt-workspace-form .xt-form-row:has([data-text-video-headline-font-family]),
.xt-workspace-form .xt-form-row:has([data-text-video-headline-weight]),
.xt-workspace-form .xt-form-row:has([data-text-video-headline-align]),
.xt-workspace-form .xt-form-row:has([data-text-video-headline-line-height]),
.xt-workspace-form .xt-form-row:has([data-text-video-body-font-size]),
.xt-workspace-form .xt-form-row:has([data-text-video-body-font-color]),
.xt-workspace-form .xt-form-row:has([data-text-video-body-font-family]),
.xt-workspace-form .xt-form-row:has([data-text-video-body-weight]),
.xt-workspace-form .xt-form-row:has([data-text-video-body-align]),
.xt-workspace-form .xt-form-row:has([data-text-video-body-line-height]),
.xt-workspace-form .xt-form-row:has([data-text-video-decor]),
.xt-workspace-form .xt-form-row:has([data-content-headline]),
.xt-workspace-form .xt-form-row:has([data-content-emoji]),
.xt-workspace-form .xt-form-row:has([data-content-headline-font-size]),
.xt-workspace-form .xt-form-row:has([data-content-headline-font-color]),
.xt-workspace-form .xt-form-row:has([data-content-headline-font-family]),
.xt-workspace-form .xt-form-row:has([data-content-headline-weight]),
.xt-workspace-form .xt-form-row:has([data-content-headline-align]),
.xt-workspace-form .xt-form-row:has([data-content-headline-line-height]),
.xt-workspace-form .xt-form-row:has([data-content-body-font-size]),
.xt-workspace-form .xt-form-row:has([data-content-body-font-color]),
.xt-workspace-form .xt-form-row:has([data-content-body-font-family]),
.xt-workspace-form .xt-form-row:has([data-content-body-weight]),
.xt-workspace-form .xt-form-row:has([data-content-body-align]),
.xt-workspace-form .xt-form-row:has([data-content-body-line-height]),
.xt-workspace-form .xt-form-row:has([data-content-decor]){display:none!important;}
.xt-workspace-preview{display:grid;grid-template-columns:minmax(280px,1fr) minmax(300px,340px);grid-template-areas:"tools tools" "canvas panel" "meta panel";gap:14px 18px;align-items:start;width:100%;}
.xt-workspace-preview>.xt-composer-toolbar{grid-area:tools;justify-self:start;}
.xt-workspace-preview>.xt-xtext-editor-shell{grid-area:panel;display:flex;flex-direction:column;gap:12px;margin:0;position:sticky;top:88px;align-self:start;}
.xt-workspace-preview>.xt-text-video-card{grid-area:canvas;justify-self:center;margin:0;box-shadow:0 22px 60px rgba(0,0,0,.32);}
.xt-workspace-preview>.xt-workspace-preview__meta{grid-area:meta;justify-self:center;width:min(100%,520px);}
.xt-xtext-actionbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:10px;border:1px solid rgba(255,255,255,.10);border-radius:16px;background:rgba(8,12,24,.78);}
.xt-xtext-actionbar:before{content:'Text layers';font-size:11px;font-weight:650;color:rgba(255,255,255,.66);letter-spacing:.02em;margin-right:4px;}
.xt-xtext-panel{background:linear-gradient(180deg,rgba(13,18,35,.94),rgba(9,12,24,.94));border:1px solid rgba(129,111,255,.22);border-radius:18px;padding:14px;box-shadow:0 22px 58px rgba(0,0,0,.34),0 0 34px rgba(202,39,218,.10);}
.xt-xtext-panel textarea,.xt-xtext-panel select,.xt-xtext-panel input[type="number"],.xt-xtext-panel input[type="range"],.xt-xtext-panel input[type="color"]{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:12px;color:#fff;}
.xt-xtext-layer{border-radius:10px;padding:6px 8px;line-height:1.15;background:transparent;text-shadow:0 2px 10px rgba(0,0,0,.62);}
.xt-xtext-layer.is-active{background:rgba(8,12,24,.16);border-color:rgba(255,255,255,.92);box-shadow:0 0 0 1px rgba(126,104,255,.70),0 0 28px rgba(255,43,214,.22);}
.xt-xtext-layer:empty:before{content:'Tap to edit';color:rgba(255,255,255,.62);}
.xt-xtext-resize{width:14px;height:14px;right:-7px;bottom:-7px;}
@media(max-width:1100px){.xt-workspace-preview{grid-template-columns:1fr;grid-template-areas:"tools" "canvas" "panel" "meta"}.xt-workspace-preview>.xt-xtext-editor-shell{position:relative;top:auto}.xt-workspace-preview>.xt-text-video-card{justify-self:center}.xt-xtext-row{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.xt-xtext-row{grid-template-columns:1fr}.xt-workspace-preview>.xt-composer-toolbar{display:none}}

/* XTFAME Upload U2.8 — clean stacked workflow + theme effects */
.xt-create-grid{grid-template-columns:1fr!important;gap:24px!important;}
.xt-create-card--hero,.xt-create-card--full{grid-column:1 / -1!important;}
#xtAiStudio .xt-workspace-grid{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);}
#xtTextToVideoStudio .xt-workspace-grid{grid-template-columns:minmax(300px,.42fr) minmax(520px,.58fr);align-items:start;}
#xtTextToVideoStudio .xt-workspace-preview{display:grid;grid-template-columns:minmax(280px,1fr) minmax(290px,330px);grid-template-areas:"tools panel" "canvas panel" "meta panel";gap:14px;align-items:start;width:100%;}
.xt-theme-effects{border:1px solid rgba(129,111,255,.18);border-radius:16px;padding:14px;background:rgba(255,255,255,.035);box-shadow:inset 0 1px 0 rgba(255,255,255,.04);}
.xt-theme-effects__head{display:flex;flex-direction:column;gap:3px;margin-bottom:12px;}
.xt-theme-effects__head strong{font-size:13px;font-weight:650;color:var(--xt-text);}
.xt-theme-effects__head span{font-size:12px;color:var(--xt-muted);line-height:1.35;}
.xt-text-video-card{isolation:isolate;background-image:none!important;--xt-theme-preview-url:none;--xt-theme-opacity:1;--xt-theme-blur:0px;}
.xt-text-video-card::before{z-index:0;background:radial-gradient(circle at top,#ffffff30 0%,transparent 45%);}
.xt-text-video-card.has-theme-image::before{background-image:linear-gradient(180deg,rgba(5,8,15,.10),rgba(5,8,15,.44) 72%,rgba(5,8,15,.62)),var(--xt-theme-preview-url);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:var(--xt-theme-opacity);filter:blur(var(--xt-theme-blur));transform:scale(1.04);}
.xt-text-video-card>*{position:relative;z-index:1;}
.xt-text-video-card .xt-xtext-stage,.xt-text-video-card .xt-card-grid-overlay,.xt-text-video-card .xt-card-safe-zone,.xt-text-video-card .xt-card-guide{z-index:5;}
@media(max-width:1100px){#xtAiStudio .xt-workspace-grid,#xtTextToVideoStudio .xt-workspace-grid{grid-template-columns:1fr;}#xtTextToVideoStudio .xt-workspace-preview{grid-template-columns:1fr;grid-template-areas:"tools" "canvas" "panel" "meta"}.xt-workspace-preview>.xt-xtext-editor-shell{position:relative;top:auto}}


/* XTFAME U2.8.1 text editor cleanup */
.xt-editor-music-list.is-hidden{display:none!important}
.xt-xtext-layer{touch-action:none;user-select:none}
.xt-xtext-layer.is-active{cursor:move}
.xt-xtext-layer .xt-xtext-resize{pointer-events:auto}
.xt-xtext-stage{overflow:hidden}
.xt-xtext-panel textarea[data-xtext-control="text"]{min-height:72px}

/* XTFAME Upload U2.8.2 — text visibility, canvas binding, legacy residue cleanup */
.xt-text-video-card--editor{position:relative!important;overflow:hidden!important;isolation:isolate!important;}
.xt-text-video-card .xt-xtext-stage{position:absolute!important;inset:0!important;z-index:40!important;pointer-events:auto!important;overflow:hidden!important;}
.xt-text-video-card .xt-xtext-layer{z-index:41!important;display:block!important;visibility:visible!important;opacity:1;touch-action:none;user-select:none;box-sizing:border-box;max-width:100%;max-height:100%;}
.xt-text-video-card .xt-xtext-layer.is-active{z-index:42!important;outline:1px solid rgba(255,255,255,.92);outline-offset:0;}
.xt-card-text-layer[data-card-layer="ttv-headline"],
.xt-card-text-layer[data-card-layer="ttv-body"],
.xt-card-text-layer[data-card-layer="content-headline"],
.xt-card-text-layer[data-card-layer="content-body"]{display:none!important;visibility:hidden!important;pointer-events:none!important;}
.xt-editor-music-list.is-hidden,
.xt-editor-music-dropdown.is-hidden{display:none!important;pointer-events:none!important;}

/* U2.8.2 action button recovery */
.xt-primary-btn.is-working,.xt-outline-btn.is-working{opacity:.72;cursor:wait;pointer-events:none;}
.xt-primary-btn:disabled,.xt-outline-btn:disabled{opacity:.58;cursor:not-allowed;}

/* U2.8.3: dark readable text formatting controls + safe font preview */
.xt-xtext-panel select,
.xt-xtext-panel option,
.xt-xtext-panel optgroup{
  background:#111827!important;
  color:#ffffff!important;
}
.xt-xtext-panel select:focus,
.xt-xtext-panel textarea:focus,
.xt-xtext-panel input:focus{
  background:#0b1020!important;
  color:#ffffff!important;
  border-color:rgba(255,92,170,.55)!important;
  box-shadow:0 0 0 3px rgba(255,92,170,.14)!important;
}
.xt-xtext-panel select[data-xtext-control="fontFamily"]{
  min-height:42px;
  font-size:13px;
  color:#fff!important;
}
.xt-xtext-panel select[data-xtext-control="fontFamily"] option{
  padding:8px 10px;
  color:#fff!important;
  background:#111827!important;
}
.xt-xtext-layer{
  contain:layout style;
  unicode-bidi:plaintext;
  white-space:pre-wrap!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}
.xt-xtext-layer .xt-xtext-resize{
  font-family:Arial, Helvetica, sans-serif!important;
}


/* XTFAME U4.6.2: keep upload/studio status messages clean and contained. */
.xt-upload-status,
.xt-panel-status{
  max-width:100%;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:break-word;
  line-height:1.45;
}