.video-h1{text-align:center;font-size:clamp(1.4rem,4.5vw,1.7rem);margin:4px 0 6px}.video-intro{margin-bottom:20px;color:var(--text)}.video-intro a{color:var(--accent);text-decoration:none}.video-intro a:hover{text-decoration:underline}.video-slots{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:10px}@media (max-width: 560px){.video-slots{grid-template-columns:1fr}}.video-slot-label{font-size:.8rem;font-weight:600;color:var(--text-h);margin-bottom:6px}.video-slot .upload-zone{min-height:120px}.video-slot .upload-prompt{padding:16px}.video-slot .upload-prompt p{font-size:.85rem}.video-slot-filled{position:relative;border-radius:12px;overflow:hidden;border:1px solid var(--border);height:120px;line-height:0}.video-slot-filled img{width:100%;height:100%;object-fit:cover}.video-slot-clear{position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:999px;border:none;background:#0009;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.video-slot-clear:hover{background:#000c}.video-slot-meta{position:absolute;bottom:8px;left:12px;background:#0000008c;color:#fff;font-size:.7rem;line-height:normal;padding:2px 8px;border-radius:8px}.video-example-link{display:block;margin:0 auto 20px;background:none;border:none;color:var(--accent);font-size:.85rem;cursor:pointer;padding:4px}.video-example-link:hover{text-decoration:underline}.video-error{margin-bottom:16px}.video-tool{margin-bottom:24px}.video-zoom-hint{margin-top:8px}.video-aspect-notice{margin-top:10px;display:flex;align-items:flex-start;gap:8px;background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:8px;padding:8px 12px;font-size:.82rem;color:var(--text-h);line-height:1.45;word-break:break-word}.video-aspect-notice-icon{flex-shrink:0;margin-top:1px;color:var(--accent)}.video-settings{margin-top:14px}.video-settings-summary{display:inline-flex;align-items:center;gap:6px;color:var(--text);font-size:.85rem;cursor:pointer;list-style:none}.video-settings-summary::-webkit-details-marker{display:none}.video-settings-summary:hover{color:var(--text-h)}.video-settings-chevron{transition:transform .2s ease}.video-settings[open]>.video-settings-summary .video-settings-chevron{transform:rotate(90deg)}.video-settings-body{padding-top:10px;display:flex;flex-direction:column;gap:10px;align-items:flex-start}.video-settings-total{margin:0}.video-control-group{display:flex;align-items:center;gap:8px}.video-control-label{font-size:.8rem;color:var(--text);width:84px}.choice-group{display:inline-flex;border:1px solid var(--border);border-radius:8px;overflow:hidden}.choice-btn{border:none;background:var(--code-bg);color:var(--text);padding:7px 12px;font-size:.85rem;cursor:pointer;font-family:var(--sans);min-height:36px;display:inline-flex;align-items:center;justify-content:center}.choice-btn+.choice-btn{border-left:1px solid var(--border)}.choice-btn:hover:not(:disabled){background:var(--border)}.choice-btn.active{background:var(--accent);color:#fff}.choice-btn.active:hover:not(:disabled){background:var(--accent);opacity:.92}.choice-btn:disabled{opacity:.6;cursor:default}.video-controls{display:flex;flex-wrap:wrap;align-items:center;margin-top:14px}.video-control-actions{display:flex;align-items:center;gap:10px}@media (max-width: 560px){.video-control-actions{width:100%;display:flex;gap:8px}.video-control-actions .video-generate-btn{flex:1;min-height:44px;justify-content:center}.video-control-actions .icon-btn{min-height:44px;justify-content:center;padding:0 16px}}.video-generate-btn{display:inline-flex;align-items:center;gap:8px}.video-progress{margin-top:14px}.video-result{margin-top:20px;background:var(--bg);border:1px solid var(--border);border-left:3px solid var(--success);border-radius:12px;padding:18px 22px}.video-result-summary{display:flex;align-items:center;gap:8px;color:var(--text-h);font-weight:500}.video-result-check{color:var(--success);flex-shrink:0}.video-result-actions{display:flex;align-items:center;gap:12px;margin-top:16px}.video-result-actions .btn{display:inline-flex;align-items:center;gap:8px}@media (max-width: 560px){.video-result{padding:16px}.video-result-actions{flex-direction:column;align-items:stretch;gap:8px}.video-result-actions .btn,.video-result-actions .icon-btn{width:100%;min-height:44px;justify-content:center}}.video-fallback-note{margin-top:10px}.video-how{margin-top:32px;color:var(--text)}.video-how h2{font-size:1.1rem;margin-bottom:8px}.video-how code{background:var(--code-bg);padding:1px 5px;border-radius:4px;font-size:.9em}.video-how a{color:var(--accent);text-decoration:none}.video-how a:hover{text-decoration:underline}