.xh-spec-bar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;display:flex}.xh-spec-pill{background:var(--card);border:1px solid var(--line);color:var(--text-2);border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:700;display:inline-flex;box-shadow:0 1px 2px #0f172a08}.xh-spec-pill .ic{width:14px;height:14px;color:var(--accent)}.xh-spec-plus{color:var(--faint);font-size:13px;font-weight:800}.xh-progress .xh-stop-btn{border:1px solid var(--accent-line);color:var(--accent);cursor:pointer;background:#fff;border-radius:999px;margin-left:8px;padding:3px 10px;font-size:12px;font-weight:700}.xh-progress .xh-stop-btn:hover{background:var(--accent);color:#fff}.xh-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.xh-mode-tabs{background:#e9eef6;border-radius:11px;gap:4px;padding:4px;display:inline-flex}.xh-mode-tabs button{color:#475569;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:750;transition:background .15s,color .15s,box-shadow .15s;display:inline-flex}.xh-mode-tabs button .ic{width:15px;height:15px}.xh-mode-tabs button:hover{color:var(--text)}.xh-mode-tabs button.on{color:var(--accent);background:#fff;box-shadow:0 1px 3px #0f172a1a}.xh-video-formats{border:1px solid var(--line);background:#f1f5f9;border-radius:9px;gap:4px;padding:3px;display:inline-flex}.xh-video-formats button{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:6px 12px;font-size:12px;font-weight:700;transition:background .15s,color .15s}.xh-video-formats button:hover{color:var(--text)}.xh-video-formats button.on{color:var(--blue-deep);background:#fff;box-shadow:0 1px 2px #0f172a14}.xh-toolbar-actions{flex-wrap:wrap;gap:8px;display:flex}.xh-toast{border-radius:var(--radius-xs);color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0;align-items:center;gap:8px;margin-bottom:12px;padding:9px 14px;font-size:12.5px;font-weight:700;display:flex}.xh-toast .ic{color:#059669;flex-shrink:0;width:15px;height:15px}.xh-stage{flex-direction:column;align-items:center}.xh-stage-wrap{flex-direction:column;align-items:center;width:100%;display:flex}.xh-canvas-frame{border-radius:var(--radius-sm);width:100%;position:relative;overflow:hidden;box-shadow:0 6px 24px #0f172a1f}.xh-canvas-frame.is-banner{aspect-ratio:3}.xh-canvas-frame.is-square{aspect-ratio:1;max-width:580px}.xh-canvas{width:100%;height:auto;display:block}.xh-canvas.banner{aspect-ratio:3}.xh-canvas.square{aspect-ratio:1}.xh-safe-overlay{-webkit-backdrop-filter:blur(8px);pointer-events:none;background:#0f172ac7;border:1.5px dashed #ffffff8c;border-radius:999px;align-items:flex-end;gap:10px;max-width:92%;padding:6px 12px 6px 6px;display:flex;position:absolute;bottom:4%;left:3.4%;box-shadow:0 6px 20px #00000059}.xh-safe-avatar{border:3px solid #0f172a;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 2px #fffc}.xh-safe-avatar .av.lg{width:clamp(38px,6.6vw,68px);height:clamp(38px,6.6vw,68px);font-size:clamp(14px,2.2vw,24px)}.xh-safe-meta{flex-direction:column;min-width:0;padding-bottom:4px;line-height:1.25;display:flex}.xh-safe-meta b{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(11px,1.3vw,14px);font-weight:800;overflow:hidden}.xh-safe-meta span{color:#ffffffb8;font-size:clamp(10px,1.1vw,12px);font-weight:600}.xh-safe-badge{color:#ffffffe6;white-space:nowrap;background:#ffffff24;border-radius:999px;align-self:center;margin-left:4px;padding:3px 8px;font-size:10px;font-weight:700}@media (max-width:640px){.xh-safe-badge{display:none}}.xh-player-bar{border:1px solid var(--line);background:#f8fafc;border-radius:999px;align-items:center;gap:12px;width:100%;max-width:580px;margin-top:12px;padding:8px 14px;display:flex}.xh-play-btn{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;transition:filter .15s,transform .12s;display:grid}.xh-play-btn:hover{filter:brightness(1.08)}.xh-play-btn .ic{width:15px;height:15px}.xh-scrubber{accent-color:var(--accent);cursor:pointer;flex:1}.xh-time{color:var(--muted);font-variant-numeric:tabular-nums;text-align:right;min-width:64px;font-size:12px;font-weight:700}.xh-presets{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:12px;display:grid}.xh-preset-btn{border:1px solid var(--line);color:var(--text-2);cursor:pointer;text-align:left;background:#fff;border-radius:9px;align-items:center;gap:8px;padding:7px 10px;font-size:12.5px;font-weight:700;transition:border-color .15s,background .15s,box-shadow .15s;display:flex}.xh-preset-btn:hover{background:#f8fafc;border-color:#cbd5e1}.xh-preset-btn.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.xh-preset-dot{border-radius:50%;flex-shrink:0;width:18px;height:18px;box-shadow:inset 0 0 0 1px #0f172a2e}.xh-counts{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.xh-counts button{border:1px solid var(--line);color:#475569;cursor:pointer;background:#fff;border-radius:9px;padding:7px 0;font-size:13px;font-weight:800;transition:border-color .15s,color .15s,background .15s}.xh-counts button:hover{color:var(--text);border-color:#cbd5e1}.xh-counts button.on{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.xh-slider-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.xh-slider-head h3{margin:0}.xh-slider-head b{color:var(--accent);font-variant-numeric:tabular-nums;font-size:13px;font-weight:800}.xh-slider{width:100%;accent-color:var(--accent);cursor:pointer}.xh-shuffle-btn{border:1px solid var(--accent-line);background:var(--accent-soft);width:100%;color:var(--accent);border-radius:var(--radius-xs);cursor:pointer;justify-content:center;align-items:center;gap:7px;margin-top:10px;padding:9px;font-size:12.5px;font-weight:750;transition:background .15s,border-color .15s;display:flex}.xh-shuffle-btn:hover{background:#e0e7ff;border-color:#c7d2fe}.xh-shuffle-btn .ic{width:15px;height:15px}.xh-faq-grid{gap:var(--gap);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.xh-faq-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow);padding:18px}.xh-faq-card b{color:var(--text);margin-bottom:8px;font-size:14px;display:block}.xh-faq-card p{color:var(--muted);margin:0;font-size:13px;line-height:1.55}@media (max-width:860px){.xh-faq-grid{grid-template-columns:1fr}}