.rlv-app{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#111827;line-height:1.5}
.rlv-app *{box-sizing:border-box}
.rlv-card{max-width:980px;margin:24px auto;background:#fff;border:1px solid #e5e7eb;border-radius:24px;box-shadow:0 18px 50px rgba(15,23,42,.08);overflow:hidden}
.rlv-header{padding:32px 32px 20px;text-align:center;background:linear-gradient(180deg,#f8fafc,#fff)}
.rlv-header h2{margin:10px 0 8px;font-size:clamp(26px,4vw,40px);line-height:1.1}
.rlv-header p{max-width:720px;margin:0 auto;color:#64748b;font-size:16px}
.rlv-badge{display:inline-flex;padding:7px 12px;border-radius:999px;background:#dcfce7;color:#166534;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.rlv-step{padding:24px 32px;border-top:1px solid #eef2f7}
.rlv-step-title{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:800;margin-bottom:14px}
.rlv-step-title>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--rlv-primary);color:#fff;font-size:14px}
.rlv-help{margin:-4px 0 16px;color:#64748b}
.rlv-upload{display:flex;min-height:150px;border:2px dashed #cbd5e1;border-radius:18px;align-items:center;justify-content:center;flex-direction:column;gap:6px;cursor:pointer;background:#f8fafc;transition:.2s;padding:24px;text-align:center}
.rlv-upload:hover{border-color:var(--rlv-primary);background:#f5f8ff}
.rlv-upload input{display:none}
.rlv-upload strong{font-size:18px}
.rlv-upload small{color:#64748b}
.rlv-file-info{margin-top:12px;padding:12px 14px;border-radius:12px;background:#f1f5f9;font-size:14px;color:#334155}
.rlv-video-stage{position:relative;width:100%;aspect-ratio:16/9;background:#020617;border-radius:18px;overflow:hidden;touch-action:none;user-select:none}
.rlv-video{width:100%;height:100%;display:block;object-fit:contain;background:#000}
.rlv-draw-layer{position:absolute;inset:0;cursor:crosshair;z-index:3}
.rlv-selection{position:absolute;border:2px solid #facc15;background:rgba(250,204,21,.18);box-shadow:0 0 0 9999px rgba(2,6,23,.28);min-width:20px;min-height:20px;cursor:move}
.rlv-selection-label{position:absolute;left:0;top:-27px;background:#facc15;color:#111827;padding:3px 8px;border-radius:6px 6px 0 0;font-size:11px;font-weight:900;letter-spacing:.08em}
.rlv-handle{position:absolute;width:14px;height:14px;background:#fff;border:2px solid #eab308;border-radius:50%;z-index:2}
.rlv-handle-nw{left:-8px;top:-8px;cursor:nwse-resize}.rlv-handle-ne{right:-8px;top:-8px;cursor:nesw-resize}.rlv-handle-sw{left:-8px;bottom:-8px;cursor:nesw-resize}.rlv-handle-se{right:-8px;bottom:-8px;cursor:nwse-resize}
.rlv-selection-data{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}
.rlv-selection-data>div{padding:10px 12px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc}
.rlv-selection-data span{display:block;color:#64748b;font-size:12px}.rlv-selection-data strong{font-size:16px}
.rlv-reset-selection,.rlv-new-video{margin-top:12px;border:0;background:#e2e8f0;color:#0f172a;border-radius:10px;padding:10px 14px;font-weight:700;cursor:pointer}
.rlv-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.rlv-mode{position:relative;display:flex;gap:12px;padding:15px;border:1px solid #dbe3ed;border-radius:14px;cursor:pointer;background:#fff}
.rlv-mode:has(input:checked){border-color:var(--rlv-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--rlv-primary) 18%,transparent);background:#f8fbff}
.rlv-mode input{margin-top:5px}.rlv-mode span{display:block}.rlv-mode strong,.rlv-mode small{display:block}.rlv-mode small{color:#64748b;margin-top:2px}
.rlv-actions{padding:6px 32px 26px;display:flex;gap:12px;justify-content:center}
.rlv-process-btn,.rlv-download{border:0;border-radius:14px;background:var(--rlv-primary);color:#fff;padding:15px 26px;font-size:16px;font-weight:900;cursor:pointer;text-decoration:none;text-align:center;display:inline-flex;align-items:center;justify-content:center}
.rlv-process-btn:disabled{opacity:.55;cursor:not-allowed}.rlv-cancel-btn{border:1px solid #fecaca;background:#fff;color:#b91c1c;border-radius:14px;padding:14px 20px;font-weight:800;cursor:pointer}
.rlv-progress-wrap{margin:0 32px 28px;padding:16px;border-radius:14px;background:#f8fafc;border:1px solid #e2e8f0}
.rlv-progress-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:9px}.rlv-progress{height:12px;border-radius:999px;background:#e2e8f0;overflow:hidden}.rlv-progress span{display:block;width:0;height:100%;background:var(--rlv-primary);transition:width .2s}
.rlv-result{margin:0 32px 30px;padding:22px;border:1px solid #bbf7d0;background:#f0fdf4;border-radius:18px;text-align:center}.rlv-result h3{margin:0 0 14px}.rlv-result-video{width:100%;max-height:520px;background:#000;border-radius:14px;margin-bottom:14px}.rlv-result .rlv-download{margin:0 auto}.rlv-result .rlv-new-video{display:block;margin:12px auto 0}
.rlv-privacy{padding:16px 32px;background:#0f172a;color:#cbd5e1;font-size:13px;text-align:center}.rlv-privacy strong{color:#fff}
@media(max-width:700px){.rlv-card{border-radius:16px;margin:10px}.rlv-header,.rlv-step{padding-left:18px;padding-right:18px}.rlv-actions{padding-left:18px;padding-right:18px;flex-direction:column}.rlv-progress-wrap,.rlv-result{margin-left:18px;margin-right:18px}.rlv-modes{grid-template-columns:1fr}.rlv-selection-data{grid-template-columns:repeat(2,1fr)}.rlv-video-stage{aspect-ratio:4/3}}