:root{--bg: #05050a;--surface: rgba(255, 255, 255, .04);--surface-hi: rgba(255, 255, 255, .08);--border: rgba(255, 255, 255, .1);--text: #f5f5f7;--muted: rgba(255, 255, 255, .55);--faint: rgba(255, 255, 255, .4);--accent-from: #818cf8;--accent-to: #c084fc;--accent: linear-gradient(135deg, var(--accent-from), var(--accent-to));--success: #34d399;--warn: #fcd34d;--radius-card: 16px;--radius-chip: 999px;--radius-shell-phone: 34px;--radius-shell-ipad: 28px;--radius-shell-desktop: 12px;--shadow-card: 0 6px 20px rgba(0, 0, 0, .35);--shadow-floating: 0 12px 40px rgba(0, 0, 0, .45);--ease-out: cubic-bezier(.22, .61, .36, 1);--dur-card: .18s;--dur-step: .24s}.progress-dots{display:flex;gap:6px;align-items:center;justify-content:center;padding:10px 0}.progress-dots .dot{width:16px;height:3px;border-radius:999px;background:var(--border);transition:all var(--dur-step) var(--ease-out)}.progress-dots .dot.completed{background:linear-gradient(135deg,var(--accent-from),var(--accent-to))}.progress-dots .dot.active{width:26px;background:linear-gradient(135deg,var(--accent-from),var(--accent-to))}.fchip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-chip);background:#818cf81f;color:var(--text);border:1px solid rgba(129,140,248,.3);font-size:11px;letter-spacing:.02em}.fchip .fchip-icon{width:10px;height:10px;display:inline-block;background:var(--accent);border-radius:2px}.fchip[data-format=square] .fchip-icon{border-radius:2px}.fchip[data-format=portrait] .fchip-icon{height:14px;width:10px}.fchip[data-format=story] .fchip-icon{height:16px;width:9px}.fchip[data-format=story-landscape] .fchip-icon{height:8px;width:16px}.ph-nav{display:flex;align-items:center;gap:12px;padding:12px 16px;border-top:1px solid var(--border);background:#05050ad9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.ph-nav .ph-nav-btn{display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;border-radius:var(--radius-chip);background:var(--surface);color:var(--text);border:1px solid var(--border)}.ph-nav .ph-nav-btn:hover{background:var(--surface-hi)}.ph-nav .ph-nav-hint{flex:1;text-transform:uppercase;letter-spacing:.08em;color:var(--faint);font-size:11px}.lock-badge{position:absolute;top:8px;right:8px;width:20px;height:20px;border-radius:999px;background:#fcd34d24;color:var(--warn);border:1px solid rgba(252,211,77,.45);display:inline-flex;align-items:center;justify-content:center;font-size:11px}.lock-badge:before{content:"🔒"}.fit-tag{position:absolute;top:8px;left:8px;padding:2px 8px;border-radius:var(--radius-chip);background:#34d39929;color:var(--success);border:1px solid rgba(52,211,153,.4);font-size:11px;font-weight:600}.glass-card{position:relative;border-radius:var(--radius-card);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-card);transition:background var(--dur-card) var(--ease-out),transform var(--dur-card) var(--ease-out)}.glass-card:hover{background:var(--surface-hi)}.glass-card.active{outline:2px solid transparent;background:var(--surface-hi);box-shadow:0 0 0 2px #818cf873,var(--shadow-card)}.glass-card[aria-disabled=true]{opacity:.85}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.app-shell{min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto}.stage{overflow:hidden;padding:16px}@media(min-width:600px)and (max-width:1023px){.stage{padding:24px}}@media(min-width:1024px){.app-shell{grid-template-columns:320px 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "side stage"}.app-shell>.app-header{grid-area:header}.app-shell>.side-panel{grid-area:side;border-right:1px solid var(--border)}.app-shell>.stage{grid-area:stage;padding:32px}.app-shell>.ph-nav{display:none}}:root{--bg-primary: #0a0a0f;--bg-elevated: #12121a;--bg-card: #16161f;--border-subtle: rgba(255, 255, 255, .07);--border-default: rgba(255, 255, 255, .12);--text-primary: #f0f0f8;--text-secondary: #a0a0b8;--text-muted: #60607a;--accent-1: #818cf8;--accent-2: #c084fc;--accent-gradient: linear-gradient(135deg, #818cf8, #c084fc);--success: #34d399;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 40px;--duration-fast: .15s;--duration-normal: .2s;--ease-out: cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,sans-serif;background:var(--bg-primary);color:var(--text-primary);height:100dvh;overflow:hidden;-webkit-font-smoothing:antialiased}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:var(--radius-md);font-size:.9375rem;font-weight:600;font-family:inherit;cursor:pointer;border:none;transition:all var(--duration-normal) var(--ease-out);text-decoration:none}.btn-primary{background:var(--accent-gradient);color:#fff}.btn-primary:hover{opacity:.88;transform:translateY(-1px)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border-subtle)}.btn-ghost:hover{border-color:var(--border-default);color:var(--text-primary)}.btn-outline{background:transparent;color:var(--accent-1);border:1px solid var(--accent-1)}.btn-outline:hover{background:#818cf814}.btn-sm{padding:8px 16px;font-size:.8125rem}.reveal-app{display:flex;flex-direction:column;height:100%;overflow:hidden}.app-header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-lg);height:64px;border-bottom:1px solid var(--border-subtle);background:var(--bg-elevated);position:sticky;top:0;z-index:100}.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}.logo-icon svg{width:28px;height:28px;display:block}.logo-text{font-size:1.125rem;font-weight:700}.logo-case{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-work{color:var(--text-primary)}.header-username{font-size:.875rem;color:var(--text-muted)}.progress-container{padding:20px 32px 0;background:var(--bg-elevated);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.progress-track{position:relative;padding-bottom:20px}.progress-steps{display:flex;justify-content:space-between;position:relative;z-index:1;margin-bottom:12px}.progress-step{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1}.step-dot{width:32px;height:32px;border-radius:50%;background:var(--bg-elevated);border:2px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:var(--text-muted);transition:all var(--duration-normal) var(--ease-out);position:relative;z-index:1}.step-label{font-size:11px;color:var(--text-muted);text-align:center;white-space:nowrap}.progress-step.active .step-dot{background:var(--accent-gradient);border-color:transparent;color:#fff;box-shadow:0 0 16px #818cf866}.progress-step.active .step-label{color:var(--accent-1)}.progress-step.completed .step-dot{background:var(--accent-gradient);border-color:transparent;color:#fff;box-shadow:0 0 16px #818cf866}.progress-step.completed .step-label{color:var(--accent-1)}.progress-bar-bg{position:absolute;top:15px;left:10%;right:10%;height:2px;background:var(--border-subtle);border-radius:1px}.progress-bar-fill{height:100%;background:var(--accent-gradient);border-radius:1px;transition:width .4s var(--ease-out)}.step-dot.optional{border-style:dashed;opacity:.7}.progress-step.active .step-dot.optional,.progress-step.completed .step-dot.optional{opacity:1;border-style:solid}.skip-step-row{display:flex;justify-content:flex-end;margin-bottom:12px}.r-step-panel{flex:1;min-height:0;justify-content:center;padding:var(--space-xl) var(--space-lg)}.r-step-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-xl);width:100%;max-width:640px;flex:1;display:flex;flex-direction:column;min-height:0}.r-step-card-preview{max-width:640px}.r-step-card-wide{max-width:900px}.r-step-header{margin-bottom:var(--space-xl)}.r-step-header h1{font-size:2rem;font-weight:800;letter-spacing:-.03em;margin-bottom:8px}.r-step-subtitle{color:var(--text-secondary);font-size:.9375rem}.r-step-actions{display:flex;justify-content:flex-end;gap:var(--space-md);margin-top:auto;flex-shrink:0}.r-step-actions .btn-ghost:first-child{margin-right:auto;margin-top:var(--space-lg);padding-top:12px;border-top:1px solid var(--border-subtle);justify-content:center}.undo-redo-row{display:flex;gap:6px;flex-shrink:0}.undo-redo-row .btn{background:#818cf826;border:1px solid rgba(129,140,248,.35);color:#a5b4fc}.undo-redo-row .btn:hover:not(:disabled){background:#818cf840;border-color:#818cf880}.undo-redo-row .btn:disabled{opacity:.35}.r-slots-preview{display:flex;gap:var(--space-md)}.r-slot{flex:1;position:relative;aspect-ratio:16/9;border-radius:var(--radius-md);overflow:hidden;cursor:pointer;border:2px solid transparent;transition:border-color var(--duration-fast);background:#0009;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.r-slot:hover{border-color:var(--accent-1)}.r-slot.filled{background:transparent}.r-slot img{width:100%;height:100%;object-fit:cover;pointer-events:none}.r-slot-label{position:absolute;top:8px;left:50%;transform:translate(-50%);background:#000000a6;color:#fff;font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:.06em;pointer-events:none;white-space:nowrap}.r-slot-empty-label{position:absolute;top:12px;left:50%;transform:translate(-50%);font-size:13px;font-weight:700;color:#ffffff2e;text-transform:uppercase;letter-spacing:.1em;pointer-events:none}.r-slot-upload-icon{font-size:28px;color:#818cf880;pointer-events:none}.r-slot-upload-hint{font-size:12px;color:var(--text-muted);text-align:center;pointer-events:none}.r-slot-edit-badge{position:absolute;top:8px;right:8px;background:#818cf8e6;color:#fff;font-size:13px;font-weight:600;padding:5px 14px;border-radius:20px;opacity:0;transition:opacity var(--duration-fast);pointer-events:none}.r-slot:hover .r-slot-edit-badge{opacity:1}.r-slot-clean-badge{position:absolute;bottom:8px;left:8px;background:#34d399e6;color:#fff;font-size:13px;font-weight:600;padding:5px 14px;border-radius:20px;opacity:1;transition:opacity var(--duration-fast);cursor:pointer;pointer-events:auto}.r-slot-replace-btn{position:absolute;bottom:8px;right:8px;background:#000000a6;color:#fff;font-size:22px;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--duration-fast),background var(--duration-fast);cursor:pointer;pointer-events:none}.r-slot-replace-btn:hover{background:#818cf8cc}.r-slot:hover .r-slot-replace-btn{opacity:1;pointer-events:auto}.cp-layout{display:flex;gap:28px;width:100%;align-items:flex-start}.cp-preview-pane{flex:1;min-width:200px}.cp-preview-label{font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin-bottom:10px}.cp-preview-frame{border-radius:var(--radius-md);overflow:hidden;background:#000;border:1px solid var(--border-subtle)}.cp-preview-frame img{width:100%;height:auto;display:block}.cp-controls-pane{width:300px;flex-shrink:0}.slot-selector-strip{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.slot-thumb-btn{width:100px;aspect-ratio:16/9;border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;border:2px solid var(--border-subtle);transition:all var(--duration-fast);position:relative;background:var(--bg-elevated);flex-shrink:0}.slot-thumb-btn:hover{border-color:var(--accent-1)}.slot-thumb-btn.active{border-color:var(--accent-1);box-shadow:0 0 10px #818cf84d}.slot-thumb-btn img{width:100%;height:100%;object-fit:cover}.slot-thumb-label{position:absolute;bottom:0;left:0;right:0;background:#000000b3;font-size:9px;text-align:center;padding:3px;color:var(--text-secondary)}.slot-thumb-btn.active .slot-thumb-label{color:var(--accent-1)}.auto-match-section{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--border-subtle)}.auto-match-section h3{font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.color-controls-panel{flex:1;min-width:220px}.color-controls-panel h3{font-size:13px;font-weight:600;margin-bottom:10px}.color-sliders{display:flex;flex-direction:column;gap:14px}.color-slider-group label{font-size:12px;color:var(--text-secondary);display:block;margin-bottom:6px}.slider-row{display:flex;align-items:center;gap:10px}.slider-row input[type=range]{flex:1;accent-color:var(--accent-1);height:4px;border-radius:2px;outline:none}.control-value{font-size:12px;color:var(--text-secondary);min-width:36px;text-align:right}@media(max-width:700px){.cp-layout{flex-direction:column}.cp-controls-pane{width:100%}}.r-upload-zone{position:relative;border:2px dashed var(--border-default);border-radius:var(--radius-md);min-height:300px;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;transition:border-color var(--duration-normal) var(--ease-out)}.r-upload-zone:hover,.r-upload-zone.drag-over{border-color:var(--accent-1);background:#818cf80a}.r-upload-prompt{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);color:var(--text-muted);pointer-events:none;z-index:1}.r-upload-icon{font-size:2rem}.r-upload-preview{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:calc(var(--radius-md) - 2px)}.r-upload-preview[style*=url]+.r-upload-prompt{color:#fff9;background:#00000059;top:0;right:0;bottom:0;left:0;position:absolute;border-radius:inherit;justify-content:center}.r-style-group{margin-bottom:var(--space-xl)}.r-group-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);margin-bottom:var(--space-md)}.r-style-options{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.r-style-option{cursor:pointer}.r-style-option input{display:none}.r-style-card{border:2px solid var(--border-subtle);border-radius:var(--radius-md);padding:14px 16px;transition:all var(--duration-normal) var(--ease-out);display:flex;align-items:flex-start;gap:12px}.r-style-option:hover .r-style-card{border-color:var(--accent-1);background:#818cf80a}.r-style-option input:checked~.r-style-card{border-color:var(--accent-1);background:#818cf81a;box-shadow:0 0 20px #818cf81f}.r-style-icon{font-size:1.25rem;flex-shrink:0;line-height:1.4}.r-style-name{font-size:.875rem;font-weight:700;margin-bottom:2px}.r-style-desc{font-size:.75rem;color:var(--text-secondary);line-height:1.4}.r-speed-options{display:flex;gap:var(--space-md)}.r-speed-option{cursor:pointer;display:flex;align-items:center;gap:8px;padding:10px 18px;border:2px solid var(--border-subtle);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;color:var(--text-secondary);transition:all var(--duration-normal) var(--ease-out)}.r-speed-option input{display:none}.r-speed-option:hover{border-color:var(--accent-1);color:var(--text-primary)}.r-speed-option:has(input:checked){border-color:var(--accent-1);background:#818cf81a;color:var(--text-primary)}.r-canvas-wrapper{display:flex;justify-content:center;margin-bottom:var(--space-lg)}#revealCanvas{width:480px;height:270px;border-radius:var(--radius-md);box-shadow:0 8px 32px #00000080;background:#000}.r-preview-actions{display:flex;justify-content:center;margin-bottom:var(--space-lg)}.r-export-status{color:var(--text-secondary);margin-bottom:var(--space-sm);font-size:.9375rem}.r-export-progress-wrap{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xl)}.r-export-progress-track{flex:1;height:6px;border-radius:3px;background:#ffffff14;overflow:hidden}.r-export-progress-fill{height:100%;width:0%;border-radius:3px;background:linear-gradient(90deg,var(--accent),var(--accent-light, #b388ff));transition:width .15s ease}.r-export-progress-pct{font-size:.8125rem;color:var(--text-secondary);min-width:3ch;text-align:right}.r-export-preview{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl)}#r-exportVideo{width:480px;height:270px;border-radius:var(--radius-md);background:#000}.r-crop-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center}.r-crop-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.r-crop-container{position:relative;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);width:min(480px,95vw);max-height:92vh;overflow-y:auto;display:flex;flex-direction:column}.r-crop-header{display:flex;align-items:center;justify-content:space-between;padding:12px var(--space-lg);border-bottom:1px solid var(--border-subtle)}.r-crop-header h3{font-size:1rem;font-weight:700}.r-crop-close{background:none;border:none;color:var(--text-muted);font-size:1.25rem;cursor:pointer;padding:4px 8px}.r-crop-close:hover{color:var(--text-primary)}.r-crop-wrapper{width:100%;aspect-ratio:16 / 10;max-height:52vh;overflow:hidden;background:#000;display:flex;align-items:center;justify-content:center}.r-crop-wrapper img{display:block;max-width:100%;max-height:100%}.r-crop-controls{padding:8px var(--space-lg);display:flex;flex-direction:column;gap:5px;border-bottom:1px solid var(--border-subtle)}.r-crop-row{display:flex;align-items:center;gap:var(--space-sm)}.r-crop-row input[type=range]{flex:1;accent-color:var(--accent-1)}.r-ctrl-btn{width:32px;height:32px;border-radius:var(--radius-sm);border:1px solid var(--border-default);background:var(--bg-elevated);color:var(--text-primary);font-size:1.125rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.r-ctrl-btn:hover{border-color:var(--accent-1);color:var(--accent-1)}.r-ctrl-label{font-size:.75rem;color:var(--text-muted);min-width:56px;flex-shrink:0}.r-rotate-val{font-size:.75rem;color:var(--text-muted);min-width:32px;text-align:right}.r-crop-btn-row{display:flex;gap:var(--space-sm);flex-wrap:wrap;margin-top:2px}.r-overlay-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:8px}.r-overlay-opacity{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.r-overlay-opacity input[type=range]{flex:1;min-width:0;accent-color:var(--accent-1)}.r-overlay-label{font-size:.6875rem;min-width:auto;margin-bottom:4px}.btn-ghost.active{border-color:var(--accent-1);color:var(--accent-1);background:#818cf81a}.r-crop-actions{display:flex;justify-content:flex-end;gap:var(--space-md);padding:8px var(--space-lg)}.r-clean-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px}.r-clean-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.r-clean-container{position:relative;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);width:min(960px,95vw);max-height:92vh;display:flex;flex-direction:column;overflow:hidden}.r-clean-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.r-clean-header h3{font-size:1rem;font-weight:700;flex:1}.r-clean-header .onb-step-help{margin-right:8px}.r-clean-body{display:flex;flex:1;overflow:hidden;min-height:0}.r-clean-canvas-wrapper{flex:1;background:#1a1a1a;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;cursor:crosshair;min-height:300px}.r-clean-canvas-wrapper canvas{max-width:100%;max-height:100%;display:block}#r-brushOverlay{position:absolute;pointer-events:none;max-width:none!important;max-height:none!important;z-index:1}.r-clean-canvas-wrapper.brush-active{cursor:none}.r-clean-controls{width:240px;flex-shrink:0;padding:var(--space-lg);border-left:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:0;overflow-y:auto}.r-clean-section{display:flex;flex-direction:column;gap:10px;padding:var(--space-md) 0}.r-clean-scope-note{margin:0;color:var(--accent-2);font-size:.6875rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.r-clean-section h3{font-size:.8125rem;font-weight:600;margin:0}.r-clean-hint{font-size:.6875rem;color:var(--text-muted);line-height:1.5;margin:0}.r-clean-divider{border-top:1px solid var(--border-subtle)}.r-clean-actions{display:flex;justify-content:flex-end;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-top:1px solid var(--border-subtle);flex-shrink:0}.btn-secondary{background:#818cf826;border:1px solid rgba(129,140,248,.3);color:var(--text-primary);display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:var(--radius-md);font-size:.9375rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all var(--duration-normal) var(--ease-out)}.btn-secondary:hover{background:#818cf840}.btn-secondary.active{background:#818cf859;border-color:var(--accent-1)}.btn-full{width:100%;justify-content:center}@media(max-width:1024px){.r-step-card{max-width:100%}}@media(min-width:641px)and (max-width:1024px){.app-header{height:44px;padding:0 16px}.logo-icon svg{width:24px;height:24px}.logo-text{font-size:14px}.progress-container{padding:12px 24px 0}.progress-track{padding-bottom:12px}.step-dot{width:28px;height:28px;font-size:11px}.r-step-header h1{font-size:20px}.r-step-subtitle{font-size:13px}.r-step-card{padding:var(--space-lg) var(--space-md)}#r-step3 .r-step-card>:not(.r-step-header):not(.r-step-actions){flex:1;min-height:0;overflow-y:auto}#revealCanvas,#r-exportVideo{width:100%;height:auto;max-height:calc(100vh - 300px)}}@media(max-width:640px){.app-header{height:36px;padding:0 10px}.logo-icon svg{width:20px;height:20px}.logo-text{font-size:12px}.logo{gap:6px}.header-username{display:none}.onb-help-btn{font-size:11px;padding:4px 10px}.progress-container{padding:8px 16px 0}.progress-track{padding-bottom:8px}.progress-steps{margin-bottom:6px}.step-label{display:none}.step-dot{width:22px;height:22px;font-size:10px}.progress-bar-bg{top:10px}.r-step-panel{padding:var(--space-sm)}.r-step-card{padding:var(--space-md) var(--space-sm)}.r-step-header{margin-bottom:var(--space-sm)}.r-step-header h1{font-size:15px}.r-step-subtitle{font-size:12px}.r-step-actions{margin-top:var(--space-sm);gap:8px}.r-step-actions .btn{padding:8px 16px;font-size:13px}#r-slotsPreview{flex-direction:column;gap:12px;flex:1;min-height:0}.r-slot{min-height:120px;flex:1}#r-step3 .r-step-card>:not(.r-step-header):not(.r-step-actions){flex:1;min-height:0;overflow-y:auto}.r-style-card{padding:10px 12px}.r-style-name{font-size:.8rem}.r-style-desc{font-size:.7rem}.r-group-label{font-size:.65rem;margin-bottom:var(--space-sm)}.r-style-options{grid-template-columns:1fr}.r-speed-options{flex-direction:column}#revealCanvas{width:100%;height:auto;max-height:calc(100vh - 280px)}.r-canvas-wrapper{flex:1;min-height:0;align-items:center}#r-exportVideo{width:100%;height:auto;max-height:calc(100vh - 280px)}.r-export-preview{flex:1;min-height:0}.r-crop-modal{padding:8px}.r-crop-modal-content{width:100%;height:100%;max-width:none;border-radius:var(--radius-lg)}.r-crop-modal-body{flex-direction:column}.r-crop-container{overflow-y:hidden;width:100%;height:100%;max-height:none;border-radius:var(--radius-lg)}.r-crop-header{padding:12px 16px}.r-crop-header h3{font-size:14px}.r-crop-wrapper{flex:1;min-height:0;height:auto}.r-crop-controls{width:100%;border-left:none;border-top:1px solid var(--border-subtle);display:grid;grid-template-columns:1fr 1fr;padding:7px 14px;gap:5px}.r-crop-controls>*{grid-column:1 / -1}.r-crop-controls:has(#r-overlaySection:not([style*=none])){grid-template-columns:1fr 1fr 1fr}.r-ctrl-btn{width:28px;height:28px;font-size:.9rem}.r-ctrl-label,.r-rotate-val{font-size:.65rem}#r-rotate90{grid-column:1 / span 1;order:1;padding:4px 10px;font-size:11px;margin-top:0!important;min-height:30px}.r-crop-btn-row{margin-top:0}.r-crop-btn-row{display:contents}#r-resetCrop{grid-column:2 / span 1;order:1;width:100%;padding:4px 10px;font-size:11px;min-height:30px}.r-overlay-row:not([style*=none]){display:contents!important}#r-overlayToggle{grid-column:3 / span 1;order:1;width:100%;padding:4px 10px;font-size:11px;min-height:30px}.r-overlay-opacity{grid-column:1 / -1;order:3;gap:9px;margin-top:8px}.r-crop-controls .autocrop-manual-btn{grid-column:1 / -1;order:2;min-height:32px;padding:5px 10px;font-size:11px}.r-crop-controls .autocrop-badge{order:3;margin-top:2px}.r-crop-controls .autocrop-mode-panel{order:-1;margin-top:0;margin-bottom:2px;max-width:300px}.r-crop-controls .autocrop-model-label{padding:6px 8px;font-size:10.5px}.r-crop-controls .autocrop-model-label strong{font-size:10.5px}.r-crop-controls .autocrop-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.r-crop-controls .autocrop-mode-btn{min-height:28px;padding:4px 3px;font-size:9.5px;border-radius:7px}.r-crop-controls .autocrop-badge-pill{padding:4px 10px 4px 8px;font-size:11px}.r-crop-controls .autocrop-badge-desc{margin-top:2px;font-size:11px;line-height:1.35}.r-crop-actions{padding:8px 16px}.r-crop-actions .btn{padding:8px 16px;font-size:13px}.r-clean-modal{padding:8px}.r-clean-container{width:100%;height:100%;max-width:none;max-height:none;border-radius:var(--radius-lg)}.r-clean-body{flex-direction:column}.r-clean-canvas-wrapper{flex:none;width:100%;min-height:0;max-height:50vh}.r-clean-controls{width:100%;border-left:none;border-top:1px solid var(--border-subtle);overflow-y:auto;flex:1;padding:8px 12px}.r-clean-section{padding:6px 0;gap:4px;flex-direction:row;flex-wrap:wrap;align-items:center}.r-clean-section h3{font-size:11px;margin-bottom:2px;width:100%}.r-clean-hint{font-size:10px;margin:0 0 2px;line-height:1.3;width:100%}.r-clean-divider{margin:2px 0}.r-clean-controls>.btn-sm{padding:4px 10px;font-size:10px}.r-clean-section .r-crop-row{display:grid;grid-template-columns:82px minmax(0,1fr);gap:10px;align-items:center;flex:1 1 100%;min-width:0}.r-clean-section .r-ctrl-label{font-size:.68rem;min-width:0;line-height:1;white-space:nowrap}.r-clean-section .r-rotate-val{display:none}.r-clean-section .r-crop-row input[type=range]{width:100%;height:22px;min-width:0;margin:0;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;accent-color:#c084fc}.r-clean-section .r-crop-row input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:#ffffff1c}.r-clean-section .r-crop-row input[type=range]::-moz-range-track{height:4px;border-radius:999px;background:#ffffff1c}.r-clean-section .r-crop-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;margin-top:-7px;border:0;border-radius:50%;background:linear-gradient(135deg,#818cf8,#c084fc);box-shadow:0 2px 8px #818cf88c}.r-clean-section .r-crop-row input[type=range]::-moz-range-thumb{width:18px;height:18px;border:0;border-radius:50%;background:linear-gradient(135deg,#818cf8,#c084fc);box-shadow:0 2px 8px #818cf88c}.r-clean-section .btn-full,.r-clean-section .btn-secondary{width:auto;padding:5px 10px;font-size:10px;white-space:nowrap;flex-shrink:0}.r-clean-controls{position:relative;padding-bottom:40px}.r-clean-controls>.r-clean-divider:last-of-type{display:none}#r-brushUndo{font-size:10px;padding:4px 6px;position:absolute;bottom:6px;left:0;width:calc(50% - 3px);justify-content:center}#r-cleanRevert{font-size:10px;padding:4px 6px;position:absolute;bottom:6px;right:0;width:calc(50% - 3px);justify-content:center}.r-slot-edit-badge{opacity:1}.r-slot-replace-btn{opacity:1;pointer-events:auto}.btn-icon{min-width:44px;min-height:44px}}body:has(#r-step1.r1:not([style*="display: none"])) .app-header,body:has(#r-step1.r1:not([style*="display: none"])) .progress-container,body:has(#r-step1.r1:not([style*="display: none"])) #sub-trial-banner{display:none!important}body:has(#r-step1.r1:not([style*="display: none"])) .reveal-app{overflow:hidden}#r-step1.r1{flex:1;min-height:0;padding:0;background:linear-gradient(180deg,#0b0b14,#121224);color:var(--text-primary);display:grid;grid-template-rows:auto auto 1fr auto;overflow:hidden}#r-step1.r1 .r1-head{padding:16px 20px 4px;display:flex;align-items:center;justify-content:space-between;gap:12px}#r-step1.r1 .r1-brand{display:inline-flex;align-items:center;gap:12px;min-width:0}#r-step1.r1 .r1-logo{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#818cf8,#c084fc);box-shadow:0 6px 18px #818cf866;display:flex;align-items:center;justify-content:center;flex-shrink:0;text-decoration:none}#r-step1.r1 .r1-logo svg{width:26px;height:26px}#r-step1.r1 .r1-titles{min-width:0}#r-step1.r1 .r1-title{font-size:16px;font-weight:800;letter-spacing:-.02em;line-height:1.15;color:#fff;margin:0}#r-step1.r1 .r1-s-row{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:4px}#r-step1.r1 .r1-sub{font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:#ffffff80;font-weight:600}#r-step1.r1 .r1-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;background:#818cf826;border:1px solid rgba(129,140,248,.45);color:#c7d2fe;font-size:9px;letter-spacing:.12em;text-transform:uppercase;font-weight:800}#r-step1.r1 .r1-toolbar{display:inline-flex;gap:7px;align-items:center;flex-shrink:0}#r-step1.r1 .r1-tb-btn{height:32px;padding:0 10px;border-radius:9px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#ffffffd9;font-size:11px;font-weight:700;display:inline-flex;align-items:center;gap:6px;letter-spacing:-.01em;cursor:pointer;font-family:inherit}#r-step1.r1 .r1-tb-btn:hover:not(:disabled){background:#ffffff1a}#r-step1.r1 .r1-tb-btn:disabled{opacity:.45;cursor:not-allowed;color:#ffffff59}#r-step1.r1 .r1-tb-ico{font-size:13px}#r-step1.r1 .r1-tb-close{width:32px;height:32px;border-radius:50%;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#ffffffb3;display:flex;align-items:center;justify-content:center;font-size:13px;text-decoration:none}#r-step1.r1 .r1-tb-close:hover{background:#ffffff1a;color:#fff}#r-step1.r1 .r1-tb-btn.onb-step-help,#r-step2.r2 .r2-tb-btn.onb-step-help,#r-step3.r3 .r3-tb-btn.onb-step-help,#r-step4.r4 .r4-tb-btn.onb-step-help,#r-step5.r5 .r5-tb-btn.onb-step-help{width:auto}@media(max-width:599px){#r-step1.r1 .r1-tb-label{display:none}#r-step1.r1 .r1-tb-btn{padding:0 8px;gap:0;min-width:32px;justify-content:center}#r-step1.r1 .r1-chip{display:none}}#r-step1.r1 .r1-dots{display:flex;gap:5px;justify-content:center;padding:4px 0 8px}#r-step1.r1 .r1-dot{width:22px;height:3px;border-radius:2px;background:#ffffff1a}#r-step1.r1 .r1-dot.done{background:#818cf866}#r-step1.r1 .r1-dot.active{width:30px;background:linear-gradient(90deg,#818cf8,#c084fc);box-shadow:0 0 12px #818cf880}#r-step1.r1 .r1-main{padding:0 20px;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:10px;overflow:auto;-webkit-overflow-scrolling:touch;min-height:0}#r-step1.r1 .r1-main::-webkit-scrollbar{display:none}#r-step1.r1 .r1-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;position:relative;flex:1;min-height:0;width:100%}#r-step1.r1 .r1-canvas-chip{display:none;position:absolute;top:0;right:8px;align-items:center;gap:6px;padding:5px 10px;background:#0000008c;border:1px solid rgba(255,255,255,.1);border-radius:999px;font-size:10px;color:#ffffffd9;letter-spacing:.05em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-weight:600;z-index:3}#r-step1.r1 .r1-canvas-chip-dot{width:6px;height:6px;border-radius:50%;background:#34d399;box-shadow:0 0 8px #34d399e6}#r-step1.r1 #r-slotsPreview.r-slots-preview{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%}#r-step1.r1 #r-slotsPreview .r-slot{flex:0 0 auto;width:min(100%,320px,calc(max(120px,(100dvh - 240px) / 2) * 16 / 9));aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;cursor:pointer;border:1px solid rgba(255,255,255,.08);background:#0009;box-shadow:0 14px 30px #00000073;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;transition:border-color var(--duration-fast);position:relative}#r-step1.r1 #r-slotsPreview .r-slot:hover{border-color:#818cf899}#r-step1.r1 #r-slotsPreview .r-slot.filled{background:transparent}#r-step1.r1 #r-slotsPreview .r-slot img{width:100%;height:100%;object-fit:cover;pointer-events:none}#r-step1.r1 #r-slotsPreview .r-slot:not(.filled){background:repeating-linear-gradient(45deg,#818cf80f,#818cf80f 8px,#818cf805 8px,#818cf805 16px);border:2px dashed rgba(129,140,248,.5);animation:r1-empty-pulse 2s ease-in-out infinite}@keyframes r1-empty-pulse{0%,to{border-color:#818cf873}50%{border-color:#818cf8e6}}#r-step1.r1 #r-slotsPreview .r-slot .r-slot-empty-label{position:absolute;top:10px;left:10px;transform:none;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:#c7d2fe;padding:3px 9px;background:#818cf82e;border:1px solid rgba(129,140,248,.4);border-radius:999px;font-weight:800;pointer-events:none}#r-step1.r1 #r-slotsPreview .r-slot .r-slot-upload-icon{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#818cf8,#c084fc);display:flex;align-items:center;justify-content:center;color:#0a0a0f;font-size:22px;font-weight:700;box-shadow:0 4px 14px #818cf866;line-height:1;pointer-events:none}#r-step1.r1 #r-slotsPreview .r-slot .r-slot-upload-hint{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#ffffffbf;font-weight:700;text-align:center;padding:0 10px;pointer-events:none}#r-step1.r1 #r-slotsPreview .r-slot.filled .r-slot-label{position:absolute;top:auto;left:10px;bottom:8px;transform:none;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:#ffffffe6;padding:3px 9px;background:#0000008c;border-radius:999px;font-weight:700;white-space:nowrap;pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#r-step1.r1 #r-slotsPreview .r-slot .r-slot-edit-badge,#r-step1.r1 #r-slotsPreview .r-slot .r-slot-clean-badge{position:absolute;display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;background:#0000009e;border:1px solid rgba(255,255,255,.16);color:#fff;font-size:10px;font-weight:700;letter-spacing:-.01em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #0006;text-transform:none}#r-step1.r1 #r-slotsPreview .r-slot .r-slot-edit-badge{top:8px;left:8px;opacity:0;pointer-events:none;transition:opacity var(--duration-fast)}#r-step1.r1 #r-slotsPreview .r-slot:hover .r-slot-edit-badge{opacity:1}#r-step1.r1 #r-slotsPreview .r-slot .r-slot-clean-badge{top:8px;right:8px;bottom:auto;left:auto;background:#0000009e;color:#fff;opacity:1;pointer-events:auto;cursor:pointer}#r-step1.r1 #r-slotsPreview .r-slot .r-slot-clean-badge:hover{background:#818cf873;border-color:#818cf8b3}#r-step1.r1 #r-slotsPreview .r-slot .r-slot-replace-btn{position:absolute;bottom:8px;right:8px;width:30px;height:30px;border-radius:50%;background:#0000009e;border:1px solid rgba(255,255,255,.16);color:#fff;font-size:15px;display:flex;align-items:center;justify-content:center;opacity:1;pointer-events:auto;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #0006}#r-step1.r1 #r-slotsPreview .r-slot .r-slot-replace-btn:hover{background:#818cf88c;border-color:#818cf8b3}#r-step1.r1 .r1-helper{display:none;gap:8px;align-items:center;padding-top:2px;color:#fff9;font-size:11px;font-weight:600;flex-wrap:wrap;justify-content:center}#r-step1.r1 .r1-helper-kbd{padding:2px 7px;border-radius:5px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#ffffffd9;font-family:ui-monospace,monospace;font-size:10px}#r-step1.r1 .r1-helper-sep{width:1px;height:12px;background:#ffffff1a}#r-step1.r1 .r1-nav{padding:10px 18px 16px;display:flex;gap:12px;align-items:center;justify-content:space-between;background:linear-gradient(180deg,transparent,rgba(0,0,0,.35));border-top:1px solid rgba(255,255,255,.04)}#r-step1.r1 .r1-nav-left{display:none;gap:10px;align-items:center;flex:0 0 auto;font-size:11px;letter-spacing:.14em;color:#ffffff80;font-weight:700;text-transform:uppercase}#r-step1.r1 .r1-kbd{padding:3px 8px;border-radius:5px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#fffc;font-family:ui-monospace,monospace;font-size:10px;letter-spacing:0}#r-step1.r1 .r1-kbd-label{margin-right:8px}#r-step1.r1 .r1-nav-right{display:inline-flex;gap:10px;align-items:center;margin-left:auto;flex:1}#r-step1.r1 .r1-back{width:40px;height:40px;padding:0;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.1);color:#ffffffd9;font-size:0;font-weight:700;display:inline-flex;align-items:center;justify-content:center;letter-spacing:-.01em;cursor:pointer;text-decoration:none;flex-shrink:0}#r-step1.r1 .r1-back:before{content:"←";font-size:16px;color:inherit}#r-step1.r1 .r1-back:hover{background:#ffffff24;color:#fff}#r-step1.r1 .r1-cont{flex:1;height:40px;padding:0 18px;border-radius:12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:#fff6;font-size:13px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:6px;letter-spacing:-.01em;cursor:not-allowed;font-family:inherit;text-transform:none;box-shadow:none;transition:all var(--duration-fast)}#r-step1.r1 .r1-cont:not(:disabled){background:linear-gradient(135deg,#818cf8,#c084fc);border:none;color:#0a0a0f;box-shadow:0 6px 18px #818cf859;cursor:pointer}#r-step1.r1 .r1-cont .r1-cont-label{display:inline}#r-step1.r1 .r1-cont:not(:disabled) .r1-cont-label{display:none}#r-step1.r1 .r1-cont:not(:disabled):before{content:"Continue"}#r-step1.r1 .r1-cont .r1-cont-arrow{display:none;font-weight:900}#r-step1.r1 .r1-cont:not(:disabled) .r1-cont-arrow{display:inline}@media(min-width:600px)and (max-width:1023px){#r-step1.r1 .r1-head{padding:24px 32px 4px}#r-step1.r1 .r1-logo{width:42px;height:42px;border-radius:12px}#r-step1.r1 .r1-logo svg{width:28px;height:28px}#r-step1.r1 .r1-title{font-size:20px}#r-step1.r1 .r1-sub{font-size:10px;letter-spacing:.16em}#r-step1.r1 .r1-chip{font-size:9.5px;padding:4px 10px}#r-step1.r1 .r1-tb-btn{height:34px;padding:0 12px;border-radius:10px;font-size:11.5px}#r-step1.r1 .r1-tb-close{width:34px;height:34px;font-size:14px}#r-step1.r1 .r1-dots{gap:5px;padding:2px 0 6px}#r-step1.r1 .r1-dot{width:26px;height:3px}#r-step1.r1 .r1-dot.active{width:36px;box-shadow:0 0 14px #818cf880}#r-step1.r1 .r1-main{padding:0 32px;overflow:hidden;gap:14px}#r-step1.r1 .r1-stage{gap:18px}#r-step1.r1 .r1-canvas-chip{display:inline-flex;top:4px;right:12px;padding:5px 10px;font-size:10px}#r-step1.r1 #r-slotsPreview.r-slots-preview{gap:18px}#r-step1.r1 #r-slotsPreview .r-slot{width:min(100%,540px,calc(max(160px,(100dvh - 260px) / 2) * 16 / 9));border-radius:14px}#r-step1.r1 #r-slotsPreview .r-slot .r-slot-upload-icon{width:46px;height:46px;font-size:24px}#r-step1.r1 #r-slotsPreview .r-slot .r-slot-upload-hint{font-size:11px}#r-step1.r1 #r-slotsPreview .r-slot .r-slot-empty-label{font-size:10px;padding:4px 10px}#r-step1.r1 .r1-nav{padding:14px 32px 18px}}@media(min-width:1024px){#r-step1.r1 .r1-head{padding:22px 48px 4px}#r-step1.r1 .r1-logo{width:38px;height:38px;border-radius:11px}#r-step1.r1 .r1-logo svg{width:26px;height:26px}#r-step1.r1 .r1-title{font-size:26px;line-height:1.1}#r-step1.r1 .r1-sub{font-size:11px;letter-spacing:.18em}#r-step1.r1 .r1-chip{font-size:10px;padding:4px 10px;letter-spacing:.12em}#r-step1.r1 .r1-tb-btn{height:42px;padding:0 18px;border-radius:12px;font-size:13px;gap:8px}#r-step1.r1 .r1-tb-ico{font-size:14px}#r-step1.r1 .r1-tb-close{width:38px;height:38px;font-size:15px}#r-step1.r1 .r1-dots{gap:7px;padding:6px 0 14px}#r-step1.r1 .r1-dot{width:44px;height:4px;border-radius:3px}#r-step1.r1 .r1-dot.active{width:68px;box-shadow:0 0 16px #818cf88c}#r-step1.r1 .r1-main{padding:0 48px;gap:14px;overflow:hidden;justify-content:center}#r-step1.r1 .r1-stage{gap:16px}#r-step1.r1 .r1-canvas-chip{display:inline-flex;top:-8px;right:0;padding:7px 12px;font-size:11px}#r-step1.r1 #r-slotsPreview.r-slots-preview{gap:16px}#r-step1.r1 #r-slotsPreview .r-slot{width:min(100%,460px,calc(max(160px,(100dvh - 280px) / 2) * 16 / 9));border-radius:16px}#r-step1.r1 #r-slotsPreview .r-slot .r-slot-upload-icon{width:56px;height:56px;font-size:28px}#r-step1.r1 #r-slotsPreview .r-slot .r-slot-upload-hint{font-size:12px}#r-step1.r1 #r-slotsPreview .r-slot .r-slot-empty-label{font-size:10px;padding:4px 10px}#r-step1.r1 #r-slotsPreview .r-slot.filled .r-slot-label{font-size:10px;padding:5px 12px;left:14px;bottom:12px}#r-step1.r1 #r-slotsPreview .r-slot .r-slot-edit-badge,#r-step1.r1 #r-slotsPreview .r-slot .r-slot-clean-badge{font-size:11px;padding:6px 12px}#r-step1.r1 #r-slotsPreview .r-slot .r-slot-replace-btn{width:34px;height:34px;font-size:17px}#r-step1.r1 .r1-helper{display:flex}#r-step1.r1 .r1-nav{padding:14px 48px 18px}#r-step1.r1 .r1-nav-left{display:inline-flex}#r-step1.r1 .r1-back{width:44px;height:44px}#r-step1.r1 .r1-back:before{font-size:17px}#r-step1.r1 .r1-cont{flex:0 0 auto;height:44px;padding:0 24px;border-radius:11px;font-size:13px}}@media(max-width:599px){#r-step1.r1{--r1-phone-slot-gap: clamp(24px, 4.6dvh, 42px)}#r-step1.r1 #r-slotsPreview.r-slots-preview{gap:var(--r1-phone-slot-gap);justify-content:center}#r-step1.r1 #r-slotsPreview .r-slot{width:min(100%,320px,calc(max(112px,(100dvh - 240px - var(--r1-phone-slot-gap)) / 2) * 16 / 9))}}body:has(#r-step2.r2:not([style*="display: none"])) .app-header,body:has(#r-step2.r2:not([style*="display: none"])) .progress-container,body:has(#r-step2.r2:not([style*="display: none"])) #sub-trial-banner{display:none!important}body:has(#r-step2.r2:not([style*="display: none"])) .reveal-app{overflow:hidden}#r-step2.r2{flex:1;min-height:0;padding:0;background:linear-gradient(180deg,#0b0b14,#121224);color:var(--text-primary);overflow:hidden}#r-step2.r2:not([style*="display: none"]){display:grid;grid-template-rows:auto auto 1fr auto;grid-template-columns:1fr}#r-step2.r2 .r2-head{padding:14px 18px 4px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:nowrap}#r-step2.r2 .r2-brand{display:inline-flex;align-items:center;gap:12px;min-width:0}#r-step2.r2 .r2-logo{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#818cf8,#c084fc);box-shadow:0 6px 18px #818cf866;display:flex;align-items:center;justify-content:center;flex-shrink:0;text-decoration:none}#r-step2.r2 .r2-logo svg{width:22px;height:22px}#r-step2.r2 .r2-titles{min-width:0;flex:1 1 auto}#r-step2.r2 .r2-title{font-size:15px;font-weight:800;letter-spacing:-.02em;line-height:1.1;color:#fff;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#r-step2.r2 .r2-s-row{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:3px}#r-step2.r2 .r2-sub{font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:#ffffff80;font-weight:600}#r-step2.r2 .r2-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;background:#818cf826;border:1px solid rgba(129,140,248,.45);color:#c7d2fe;font-size:9px;letter-spacing:.12em;text-transform:uppercase;font-weight:800}#r-step2.r2 .r2-toolbar{display:inline-flex;gap:7px;align-items:center;flex-shrink:0}#r-step2.r2 .r2-tb-btn{height:32px;padding:0 10px;border-radius:9px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#ffffffd9;font-size:11px;font-weight:700;display:inline-flex;align-items:center;gap:6px;letter-spacing:-.01em;cursor:pointer;font-family:inherit}#r-step2.r2 .r2-tb-btn:hover:not(:disabled){background:#ffffff1a}#r-step2.r2 .r2-tb-skip{color:#fff9}#r-step2.r2 .r2-tb-ico{font-size:13px}#r-step2.r2 .r2-tb-close{width:32px;height:32px;border-radius:50%;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#ffffffb3;display:flex;align-items:center;justify-content:center;font-size:13px;text-decoration:none}#r-step2.r2 .r2-tb-close:hover{background:#ffffff1a;color:#fff}@media(max-width:599px){#r-step2.r2 .r2-tb-label{display:none}#r-step2.r2 .r2-tb-btn{padding:0 8px;gap:0;min-width:32px;justify-content:center}}#r-step2.r2 .r2-dots{display:flex;gap:5px;justify-content:center;padding:4px 0 8px}#r-step2.r2 .r2-dot{width:22px;height:3px;border-radius:2px;background:#ffffff1a}#r-step2.r2 .r2-dot.done{background:#818cf866}#r-step2.r2 .r2-dot.active{width:30px;background:linear-gradient(90deg,#818cf8,#c084fc);box-shadow:0 0 12px #818cf880}#r-step2.r2 .r2-main{padding:0 16px;display:flex;flex-direction:column;align-items:stretch;gap:10px;overflow:auto;-webkit-overflow-scrolling:touch;min-height:0}#r-step2.r2 .r2-main::-webkit-scrollbar{display:none}#r-step2.r2 #r-colorPanel.r2-colour-panel{width:100%;min-height:0;display:flex;flex-direction:column}#r-step2.r2 .cp-layout{display:flex;flex-direction:column;gap:10px;width:100%;min-height:0}#r-step2.r2 .cp-preview-pane{display:none!important}#r-step2.r2 .cp-controls-pane{display:flex;flex-direction:column;gap:12px;padding:0;background:transparent;border:none}#r-step2.r2 .cp-controls-pane>div:first-child>div:first-child{display:none}#r-step2.r2 .cp-controls-pane>div:first-child{margin:0!important}#r-step2.r2 .slot-selector-strip{display:flex!important;flex-direction:column;gap:12px;margin:0;padding:0;background:transparent;border:none;overflow:visible;width:100%;align-items:center}#r-step2.r2 .slot-selector-strip .slot-thumb-btn{position:relative;flex:0 0 auto;width:100%;max-width:296px;height:auto;aspect-ratio:16 / 9;padding:0;border-radius:12px;background:#000;border:1px solid rgba(255,255,255,.1);display:block;cursor:pointer;font-family:inherit;color:#fff;overflow:hidden;transition:all var(--duration-fast);box-shadow:0 14px 30px #00000073}#r-step2.r2 .slot-selector-strip .slot-thumb-btn.active{border-color:#818cf8;z-index:1}#r-step2.r2 .slot-selector-strip .slot-thumb-btn:nth-child(2){box-shadow:inset 0 0 0 2px #818cf8,inset 0 0 14px #818cf859,0 14px 30px #00000073}#r-step2.r2 .slot-selector-strip .slot-thumb-btn img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:0}#r-step2.r2 .slot-selector-strip .slot-thumb-btn .slot-thumb-label{position:absolute;bottom:10px;left:12px;padding:3px 9px;border-radius:999px;background:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:0;color:#ffffffe6;font-weight:700;letter-spacing:.14em;text-transform:uppercase;pointer-events:none;display:inline-flex;align-items:center;gap:5px;line-height:1}#r-step2.r2 .slot-selector-strip .slot-thumb-btn:nth-child(1) .slot-thumb-label:after{content:"Before · Ref";font-size:9px;color:inherit;letter-spacing:.14em}#r-step2.r2 .slot-selector-strip .slot-thumb-btn:nth-child(2) .slot-thumb-label:after{content:"After · Editing";font-size:9px;color:inherit;letter-spacing:.14em}#r-step2.r2 .slot-selector-strip .slot-thumb-btn:nth-child(2) .slot-thumb-label{background:linear-gradient(135deg,#818cf8bf,#c084fc99);color:#fff;box-shadow:0 0 14px #818cf866}#r-step2.r2 .slot-selector-strip .slot-thumb-btn:nth-child(2) .slot-thumb-label:before{content:"";width:5px;height:5px;border-radius:50%;background:#fff;flex-shrink:0}#r-step2.r2 .slot-selector-strip .slot-thumb-btn:after{position:absolute;top:10px;right:10px;padding:3px 9px;border-radius:999px;font-size:8px;letter-spacing:.14em;font-weight:800;text-transform:uppercase;background:#0000008c;color:#ffffffe6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none}#r-step2.r2 .slot-selector-strip .slot-thumb-btn:nth-child(1):after{content:"Ref"}#r-step2.r2 .slot-selector-strip .slot-thumb-btn:nth-child(2):after{content:"Editing";background:linear-gradient(135deg,#818cf8,#c084fc);color:#0a0a0f}#r-step2.r2 .auto-match-section{background:transparent;border:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}#r-step2.r2 .auto-match-section h3,#r-step2.r2 .auto-match-section p,#r-step2.r2 .auto-match-section .ref-picker{display:none}#r-step2.r2 .auto-match-section .ref-picker[style*="display: "]{display:block!important}#r-step2.r2 .auto-match-section .ref-picker-label{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#ffffff80;font-weight:700;margin-bottom:6px}#r-step2.r2 .auto-match-section .ref-picker-strip{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:0}#r-step2.r2 .auto-match-section .ref-thumb{flex:0 0 auto;width:48px;height:48px;border-radius:8px;border:2px solid rgba(255,255,255,.08);background:#ffffff0a;padding:0;cursor:pointer;overflow:hidden;position:relative}#r-step2.r2 .auto-match-section .ref-thumb.active{border-color:#818cf8;box-shadow:0 0 0 1px #818cf880}#r-step2.r2 .auto-match-section .ref-thumb img{width:100%;height:100%;object-fit:cover}#r-step2.r2 .auto-match-section .ref-thumb .ref-thumb-label{position:absolute;bottom:1px;left:0;right:0;font-size:7px;color:#fff;background:#0000008c;text-align:center;padding:1px;letter-spacing:.08em;text-transform:uppercase;font-weight:700}#r-step2.r2 #cp-matchBtn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 14px;border-radius:999px;background:linear-gradient(135deg,#34d39938,#34d39914);border:1px solid rgba(52,211,153,.55);color:#d1fae5;font-size:11px;font-weight:700;letter-spacing:-.01em;cursor:pointer;font-family:inherit;text-transform:none;width:auto;min-width:0;margin:0;white-space:nowrap;line-height:1}#r-step2.r2 #cp-matchBtn:hover:not(:disabled){background:linear-gradient(135deg,#34d3994d,#34d3991f);box-shadow:0 0 14px #34d3994d}#r-step2.r2 #cp-matchBtn:disabled{opacity:.55;cursor:not-allowed}#r-step2.r2 #cp-matchBtn:before{content:"";width:6px;height:6px;border-radius:50%;background:#34d399;box-shadow:0 0 8px #34d399e6;flex-shrink:0}#r-step2.r2 .color-controls-panel{background:transparent;border:none;padding:0;margin:0}#r-step2.r2 .color-controls-panel>h3{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#ffffff8c;font-weight:700;margin:4px 0 8px;padding:0}#r-step2.r2 .color-controls-panel>h3:after{content:" · Live";color:#818cf8d9;font-weight:700;letter-spacing:.08em}#r-step2.r2 .color-sliders{display:flex;flex-direction:column;gap:5px}#r-step2.r2 .color-slider-group{display:block;margin:0;padding:0;background:transparent;border:none}#r-step2.r2 .color-slider-group>label{display:none}#r-step2.r2 .color-slider-group .slider-row{display:grid;grid-template-columns:1fr 44px;gap:6px;align-items:center;background:#00000052;border:1px solid rgba(255,255,255,.06);border-radius:9px;padding:8px 12px;min-height:42px;position:relative}#r-step2.r2 .color-slider-group .slider-row:before{content:attr(data-label);display:block;grid-column:1 / 2;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#ffffff80;font-weight:700;margin-bottom:4px}#r-step2.r2 .color-slider-group:nth-of-type(1) .slider-row:before{content:"☀ Brightness"}#r-step2.r2 .color-slider-group:nth-of-type(2) .slider-row:before{content:"◐ Contrast"}#r-step2.r2 .color-slider-group:nth-of-type(3) .slider-row:before{content:"◇ Saturation"}#r-step2.r2 .color-slider-group:nth-of-type(4) .slider-row:before{content:"◑ Warmth"}#r-step2.r2 .color-slider-group .slider-row input[type=range]{grid-column:1 / 2;grid-row:2;width:100%;height:5px;margin:0;padding:0;background:#ffffff14;border-radius:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none}#r-step2.r2 .color-slider-group .slider-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 2px 8px #818cf88c,0 0 0 2px #818cf873;cursor:pointer;border:none}#r-step2.r2 .color-slider-group .slider-row input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 2px 8px #818cf88c,0 0 0 2px #818cf873;cursor:pointer;border:none}#r-step2.r2 .color-slider-group .slider-row .control-value{grid-column:2 / 3;grid-row:1 / 3;align-self:center;justify-self:end;font-size:12px;color:#fff;font-weight:800;font-variant-numeric:tabular-nums;padding:0;background:transparent;border:none;min-width:36px;text-align:right;letter-spacing:0}#r-step2.r2 .color-controls-panel>div[style*=margin-top]{display:flex!important;gap:6px;flex-wrap:wrap;margin:8px 0 0!important;padding:0!important}#r-step2.r2 #cp-resetBtn,#r-step2.r2 #cp-undoBtn,#r-step2.r2 #cp-redoBtn{display:inline-flex;align-items:center;gap:5px;padding:8px 12px;border-radius:999px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);font-size:10px;color:#ffffffd9;font-weight:700;white-space:nowrap;letter-spacing:-.01em;cursor:pointer;font-family:inherit;text-transform:none;height:auto;min-height:0;margin:0}#r-step2.r2 #cp-resetBtn{color:#ffb4b4e6}#r-step2.r2 #cp-resetBtn:hover{background:#ffb4b414;border-color:#ffb4b466}#r-step2.r2 #cp-undoBtn:hover:not(:disabled),#r-step2.r2 #cp-redoBtn:hover:not(:disabled){background:#ffffff1a}#r-step2.r2 #cp-resetBtn:disabled,#r-step2.r2 #cp-undoBtn:disabled,#r-step2.r2 #cp-redoBtn:disabled{opacity:.45;cursor:not-allowed}#r-step2.r2 .r2-nav{padding:10px 18px 16px;display:flex;gap:12px;align-items:center;justify-content:space-between;background:linear-gradient(180deg,transparent,rgba(0,0,0,.35));border-top:1px solid rgba(255,255,255,.04)}#r-step2.r2 .r2-nav-left{display:none;gap:10px;align-items:center;flex:0 0 auto;font-size:11px;letter-spacing:.14em;color:#ffffff80;font-weight:700;text-transform:uppercase}#r-step2.r2 .r2-kbd{padding:3px 8px;border-radius:5px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#fffc;font-family:ui-monospace,monospace;font-size:10px;letter-spacing:0}#r-step2.r2 .r2-kbd-label{margin-right:8px}#r-step2.r2 .r2-nav-right{display:inline-flex;gap:10px;align-items:center;margin-left:auto;flex:1}#r-step2.r2 .r2-back{width:40px;height:40px;padding:0;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.1);color:#ffffffd9;font-size:0;font-weight:700;display:inline-flex;align-items:center;justify-content:center;letter-spacing:-.01em;cursor:pointer;text-decoration:none;flex-shrink:0;font-family:inherit}#r-step2.r2 .r2-back:before{content:"←";font-size:16px;color:inherit}#r-step2.r2 .r2-back:hover{background:#ffffff24;color:#fff}#r-step2.r2 .r2-cont{flex:1;height:40px;padding:0 18px;border-radius:12px;background:linear-gradient(135deg,#818cf8,#c084fc);border:none;color:#0a0a0f;font-size:13px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:6px;letter-spacing:-.01em;cursor:pointer;font-family:inherit;text-transform:none;box-shadow:0 6px 18px #818cf859;transition:all var(--duration-fast)}#r-step2.r2 .r2-cont:hover:not(:disabled){box-shadow:0 8px 22px #818cf880}#r-step2.r2 .r2-cont:disabled{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:#fff6;box-shadow:none;cursor:not-allowed}#r-step2.r2 .r2-cont-arrow{font-weight:900}@media(min-width:600px)and (max-width:1023px){#r-step2.r2 .r2-head{padding:20px 28px 4px}#r-step2.r2 .r2-logo{width:40px;height:40px;border-radius:12px}#r-step2.r2 .r2-logo svg{width:26px;height:26px}#r-step2.r2 .r2-title{font-size:20px}#r-step2.r2 .r2-sub{font-size:10px;letter-spacing:.16em}#r-step2.r2 .r2-chip{font-size:9.5px;padding:4px 10px}#r-step2.r2 .r2-tb-btn{height:34px;padding:0 12px;border-radius:10px;font-size:11.5px}#r-step2.r2 .r2-tb-close{width:34px;height:34px;font-size:14px}#r-step2.r2 .r2-dots{gap:5px;padding:2px 0 6px}#r-step2.r2 .r2-dot{width:26px;height:3px}#r-step2.r2 .r2-dot.active{width:36px;box-shadow:0 0 14px #818cf880}#r-step2.r2 .r2-main{padding:4px 28px 0;overflow:hidden;gap:12px}#r-step2.r2 .cp-layout,#r-step2.r2 .slot-selector-strip{gap:12px}#r-step2.r2 .slot-selector-strip .slot-thumb-btn{max-width:440px;border-radius:14px}#r-step2.r2 .slot-selector-strip .slot-thumb-btn:nth-child(2){box-shadow:inset 0 0 0 3px #818cf8,inset 0 0 22px #818cf866,0 18px 38px #00000080}#r-step2.r2 .slot-selector-strip .slot-thumb-btn .slot-thumb-label{padding:5px 12px;bottom:12px;left:14px}#r-step2.r2 .slot-selector-strip .slot-thumb-btn:nth-child(1) .slot-thumb-label:after,#r-step2.r2 .slot-selector-strip .slot-thumb-btn:nth-child(2) .slot-thumb-label:after{font-size:10px;letter-spacing:.16em}#r-step2.r2 .slot-selector-strip .slot-thumb-btn:after{font-size:8px;padding:4px 10px;top:12px;right:14px}#r-step2.r2 #cp-matchBtn{font-size:11.5px;padding:10px 14px}#r-step2.r2 .color-sliders{gap:12px}#r-step2.r2 .color-slider-group .slider-row{grid-template-columns:112px minmax(0,1fr) 40px;gap:10px;padding:8px 14px;min-height:40px}#r-step2.r2 .color-slider-group .slider-row:before{grid-column:1 / 2;grid-row:1;margin:0;font-size:9.5px;line-height:1;white-space:nowrap}#r-step2.r2 .color-slider-group .slider-row input[type=range]{grid-column:2 / 3;grid-row:1;min-width:0}#r-step2.r2 .color-slider-group .slider-row .control-value{grid-column:3 / 4;grid-row:1}#r-step2.r2 .color-slider-group .slider-row .control-value{font-size:13px}#r-step2.r2 .r2-nav{padding:12px 28px 20px}#r-step2.r2 .r2-back{width:44px;height:44px}#r-step2.r2 .r2-back:before{font-size:17px}#r-step2.r2 .r2-cont{height:44px;font-size:13.5px;border-radius:13px}}@media(min-width:1024px){#r-step2.r2 .r2-head{padding:22px 48px 4px}#r-step2.r2 .r2-logo{width:38px;height:38px;border-radius:11px}#r-step2.r2 .r2-logo svg{width:26px;height:26px}#r-step2.r2 .r2-title{font-size:26px;line-height:1.1}#r-step2.r2 .r2-sub{font-size:11px;letter-spacing:.18em}#r-step2.r2 .r2-chip{font-size:10px;padding:4px 10px;letter-spacing:.12em}#r-step2.r2 .r2-tb-btn{height:42px;padding:0 18px;border-radius:12px;font-size:13px;gap:8px}#r-step2.r2 .r2-tb-ico{font-size:14px}#r-step2.r2 .r2-tb-close{width:38px;height:38px;font-size:15px}#r-step2.r2 .r2-dots{gap:7px;padding:6px 0 14px}#r-step2.r2 .r2-dot{width:44px;height:4px;border-radius:3px}#r-step2.r2 .r2-dot.active{width:68px;box-shadow:0 0 16px #818cf88c}#r-step2.r2 .r2-main{padding:0 48px;overflow:hidden;gap:0;flex-direction:row;align-items:stretch;justify-content:stretch}#r-step2.r2 #r-colorPanel.r2-colour-panel{height:100%;width:100%;display:block}#r-step2.r2 .cp-layout{display:block!important;position:relative;width:100%;height:100%;min-height:0;gap:0}#r-step2.r2 .cp-preview-pane{display:none!important}#r-step2.r2 .cp-controls-pane{position:relative;display:flex;flex-direction:column;gap:14px;padding:4px 0 0 600px;height:100%;width:100%;box-sizing:border-box;overflow:auto;scrollbar-width:none;background:transparent;border:none;align-items:stretch;justify-content:flex-start}#r-step2.r2 .cp-controls-pane::-webkit-scrollbar{display:none}#r-step2.r2 .cp-controls-pane>div:first-child{position:absolute;top:0;left:0;bottom:0;width:560px;margin:0!important;padding:0;display:flex!important;align-items:center;justify-content:center;flex-direction:column;gap:0}#r-step2.r2 .slot-selector-strip{gap:12px;width:460px;max-width:100%;flex-direction:column}#r-step2.r2 .slot-selector-strip .slot-thumb-btn{max-width:460px;width:100%;border-radius:16px;box-shadow:0 20px 44px #00000080}#r-step2.r2 .slot-selector-strip .slot-thumb-btn:nth-child(2){box-shadow:inset 0 0 0 3px #818cf8,inset 0 0 28px #818cf873,0 20px 44px #00000080}#r-step2.r2 .slot-selector-strip .slot-thumb-btn .slot-thumb-label{padding:6px 12px;bottom:14px;left:14px}#r-step2.r2 .slot-selector-strip .slot-thumb-btn:nth-child(1) .slot-thumb-label:after,#r-step2.r2 .slot-selector-strip .slot-thumb-btn:nth-child(2) .slot-thumb-label:after{font-size:11px;letter-spacing:.18em}#r-step2.r2 .slot-selector-strip .slot-thumb-btn:after{font-size:9px;padding:4px 10px;letter-spacing:.12em;font-weight:800;top:14px;right:14px}#r-step2.r2 .auto-match-section{flex-direction:row;flex-wrap:wrap;gap:8px;align-items:center}#r-step2.r2 #cp-matchBtn{align-self:flex-start;padding:10px 14px;font-size:12px}#r-step2.r2 .color-controls-panel>h3{font-size:11px;letter-spacing:.2em;margin:2px 0 10px}#r-step2.r2 .color-sliders{gap:13px}#r-step2.r2 .color-slider-group .slider-row{grid-template-columns:122px minmax(0,1fr) 40px;gap:12px;padding:9px 16px;min-height:42px;border-radius:12px}#r-step2.r2 .color-slider-group .slider-row:before{grid-column:1 / 2;grid-row:1;margin:0;font-size:10px;letter-spacing:.18em;line-height:1;white-space:nowrap}#r-step2.r2 .color-slider-group .slider-row input[type=range]{grid-column:2 / 3;grid-row:1;min-width:0}#r-step2.r2 .color-slider-group .slider-row .control-value{grid-column:3 / 4;grid-row:1;font-size:13px}#r-step2.r2 .r2-nav{padding:14px 48px 18px}#r-step2.r2 .r2-nav-left{display:inline-flex}#r-step2.r2 .r2-back{width:44px;height:44px}#r-step2.r2 .r2-back:before{font-size:17px}#r-step2.r2 .r2-cont{flex:0 0 auto;height:44px;padding:0 24px;border-radius:11px;font-size:13px}}body:has(#r-step3.r3:not([style*="display: none"])) .app-header,body:has(#r-step3.r3:not([style*="display: none"])) .progress-container,body:has(#r-step3.r3:not([style*="display: none"])) #sub-trial-banner{display:none!important}body:has(#r-step3.r3:not([style*="display: none"])) .reveal-app{overflow:hidden}#r-step3.r3{flex:1;min-height:0;padding:0;background:linear-gradient(180deg,#0b0b14,#121224);color:var(--text-primary);overflow:hidden}#r-step3.r3:not([style*="display: none"]){display:grid;grid-template-rows:auto auto 1fr auto;grid-template-columns:1fr}#r-step3.r3 .r-style-option input[type=radio],#r-step3.r3 .r-speed-option input[type=radio]{position:absolute;opacity:0;pointer-events:none;width:0;height:0;margin:0;padding:0}#r-step3.r3 .r3-head{padding:14px 18px 4px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:nowrap}#r-step3.r3 .r3-brand{display:inline-flex;align-items:center;gap:12px;min-width:0}#r-step3.r3 .r3-logo{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#818cf8,#c084fc);box-shadow:0 6px 18px #818cf866;display:flex;align-items:center;justify-content:center;flex-shrink:0;text-decoration:none}#r-step3.r3 .r3-logo svg{width:22px;height:22px}#r-step3.r3 .r3-titles{min-width:0;flex:1 1 auto}#r-step3.r3 .r3-title{font-size:15px;font-weight:800;letter-spacing:-.02em;line-height:1.1;color:#fff;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#r-step3.r3 .r3-s-row{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:3px}#r-step3.r3 .r3-sub{font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:#ffffff80;font-weight:600}#r-step3.r3 .r3-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;background:#818cf826;border:1px solid rgba(129,140,248,.45);color:#c7d2fe;font-size:9px;letter-spacing:.12em;text-transform:uppercase;font-weight:800}#r-step3.r3 .r3-toolbar{display:inline-flex;gap:7px;align-items:center;flex-shrink:0}#r-step3.r3 .r3-tb-btn{height:32px;padding:0 10px;border-radius:9px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#ffffffd9;font-size:11px;font-weight:700;display:inline-flex;align-items:center;gap:6px;letter-spacing:-.01em;cursor:pointer;font-family:inherit}#r-step3.r3 .r3-tb-btn:hover:not(:disabled){background:#ffffff1a}#r-step3.r3 .r3-tb-ico{font-size:13px}#r-step3.r3 .r3-tb-close{width:32px;height:32px;border-radius:50%;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#ffffffb3;display:flex;align-items:center;justify-content:center;font-size:13px;text-decoration:none}#r-step3.r3 .r3-tb-close:hover{background:#ffffff1a;color:#fff}@media(max-width:599px){#r-step3.r3 .r3-tb-label{display:none}#r-step3.r3 .r3-tb-btn{padding:0 8px;gap:0;min-width:32px;justify-content:center}}#r-step3.r3 .r3-dots{display:flex;gap:4px;justify-content:center;padding:4px 0 6px}#r-step3.r3 .r3-dot{width:16px;height:3px;border-radius:2px;background:#ffffff1a;transition:background .2s,width .2s}#r-step3.r3 .r3-dot.done{background:#818cf866}#r-step3.r3 .r3-dot.active{width:26px;background:linear-gradient(90deg,#818cf8,#c084fc);box-shadow:0 0 10px #818cf880}#r-step3.r3 .r3-main{padding:0 14px;display:flex;flex-direction:column;gap:10px;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}#r-step3.r3 .r3-main::-webkit-scrollbar{display:none}#r-step3.r3 .r3-col{display:flex;flex-direction:column;min-width:0;min-height:0}#r-step3.r3 .r3-canvas-col{align-items:center;position:relative;gap:10px;padding-top:24px}#r-step3.r3 .r3-canvas-chip{position:absolute;top:0;right:4px;display:inline-flex;gap:6px;align-items:center;padding:5px 9px;background:#0000008c;border:1px solid rgba(255,255,255,.1);border-radius:999px;font-size:9px;color:#ffffffbf;letter-spacing:.06em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:3;font-weight:600}#r-step3.r3 .r3-canvas-chip-dot{width:5px;height:5px;border-radius:50%;background:#34d399;box-shadow:0 0 6px #34d399cc}#r-step3.r3 .r3-preview{position:relative;width:100%;max-width:460px;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.08);box-shadow:0 14px 30px #00000073;background:#000}#r-step3.r3 #r3-previewCanvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;object-fit:cover}#r-step3.r3 .r3-preview-pvbar{position:absolute;left:10px;right:10px;bottom:10px;display:flex;align-items:center;gap:8px;padding:5px 10px;background:#0000008c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);border-radius:999px;z-index:3}#r-step3.r3 .r3-preview-play{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#818cf8,#c084fc);display:flex;align-items:center;justify-content:center;color:#0a0a0f;font-size:10px;font-weight:800;flex-shrink:0}#r-step3.r3 .r3-preview-scrub{flex:1;height:3px;background:#ffffff2e;border-radius:2px;position:relative}#r-step3.r3 .r3-preview-scrub-fill{position:absolute;left:0;top:0;bottom:0;width:58%;background:linear-gradient(90deg,#818cf8,#c084fc);border-radius:2px}#r-step3.r3 .r3-preview-scrub-head{position:absolute;left:58%;top:50%;width:10px;height:10px;border-radius:50%;background:#fff;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #818cf88c}#r-step3.r3 .r3-preview-time{font-size:9px;color:#fff;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:.04em;min-width:28px;text-align:right}#r-step3.r3 .r3-tr-current{width:100%;max-width:460px;box-sizing:border-box;padding:8px 12px;background:linear-gradient(135deg,#818cf824,#c084fc0d);border:1px solid rgba(129,140,248,.35);border-radius:12px;display:flex;align-items:center;gap:10px}#r-step3.r3 .r3-tr-current-ico{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,#818cf8,#c084fc);color:#0a0a0f;font-size:15px;font-weight:800;display:flex;align-items:center;justify-content:center;flex:0 0 auto;box-shadow:0 6px 16px #818cf873}#r-step3.r3 .r3-tr-current-txt{min-width:0;display:flex;flex-direction:column;gap:1px}#r-step3.r3 .r3-tr-current-name{font-size:12px;color:#fff;font-weight:800;letter-spacing:-.01em}#r-step3.r3 .r3-tr-current-desc{font-size:10px;color:#ffffffa6;line-height:1.35;letter-spacing:-.005em}#r-step3.r3 .r3-controls-col{gap:8px;padding:4px 0 8px}#r-step3.r3 .r3-group-label{display:flex;justify-content:space-between;align-items:baseline;padding:2px 2px 0;margin-top:4px}#r-step3.r3 .r3-group-label-lbl{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:#ffffff80;font-weight:700}#r-step3.r3 .r3-group-label-count{font-size:9px;letter-spacing:.1em;color:#818cf8e6;font-weight:700;text-transform:uppercase}#r-step3.r3 .r-style-options.r3-tr-grid{display:flex;flex-direction:row;gap:8px;margin:0 -14px;padding:2px 14px;list-style:none;overflow-x:auto;overflow-y:visible;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}#r-step3.r3 .r-style-options.r3-tr-grid::-webkit-scrollbar{display:none}#r-step3.r3 .r-style-option{position:relative;margin:0;padding:0;cursor:pointer;flex:0 0 auto;width:78px;scroll-snap-align:start}#r-step3.r3 .r-style-option .r-style-card.r3-tr-chip{position:relative;width:78px;height:68px;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:6px;margin:0;transition:background .18s,border-color .18s,box-shadow .18s}#r-step3.r3 .r-style-option.active .r-style-card.r3-tr-chip{background:linear-gradient(180deg,#818cf838,#c084fc14);border-color:#818cf8;box-shadow:0 0 0 1px #818cf866,0 4px 14px #818cf833}#r-step3.r3 .r-style-icon.r3-tr-chip-ico{font-size:20px;line-height:1;color:#fff;margin:0}#r-step3.r3 .r-style-name.r3-tr-chip-name{font-size:9px;letter-spacing:.04em;color:#ffffffd1;font-weight:700;text-align:center;line-height:1.15;margin:0}#r-step3.r3 .r-style-option.active .r-style-card .r-style-name.r3-tr-chip-name{color:#fff}#r-step3.r3 .r3-tr-chip-badge{position:absolute;top:5px;right:5px;width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,#818cf8,#c084fc);color:#0a0a0f;font-size:7px;font-weight:800;display:none;align-items:center;justify-content:center;box-shadow:0 2px 6px #818cf899}#r-step3.r3 .r-style-option.active .r3-tr-chip-badge{display:flex}#r-step3.r3 .r-speed-options.r3-speed-seg{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;padding:4px;background:#0000004d;border:1px solid rgba(255,255,255,.06);border-radius:12px;margin:0;list-style:none}#r-step3.r3 .r-speed-option.r3-speed-opt{height:40px;border-radius:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;font-weight:800;color:#ffffffb8;cursor:pointer;margin:0;padding:0;transition:background .18s,color .18s,box-shadow .18s}#r-step3.r3 .r3-speed-opt-name{font-size:11px;letter-spacing:-.01em}#r-step3.r3 .r3-speed-opt-t{font-size:9px;letter-spacing:.12em;color:#ffffff73;font-weight:700}#r-step3.r3 .r-speed-option.r3-speed-opt.active{background:linear-gradient(135deg,#818cf8,#c084fc);color:#0a0a0f;box-shadow:0 4px 12px #818cf859}#r-step3.r3 .r-speed-option.r3-speed-opt.active .r3-speed-opt-t{color:#0a0a0fb3}#r-step3.r3 .r3-nav{padding:10px 16px 14px;display:flex;gap:10px;align-items:center;justify-content:space-between;background:linear-gradient(180deg,transparent,rgba(0,0,0,.4));border-top:1px solid rgba(255,255,255,.04)}#r-step3.r3 .r3-nav-left{display:none}#r-step3.r3 .r-step-actions.r3-nav-right{display:inline-flex;gap:10px;align-items:center;padding:0;margin:0;width:100%;justify-content:space-between}#r-step3.r3 .r3-back{width:40px;height:40px;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.1);color:#ffffffd9;font-size:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;font-family:inherit}#r-step3.r3 .r3-back:before{content:"←";font-size:16px}#r-step3.r3 .r3-cont{flex:1 1 auto;height:40px;border-radius:12px;background:linear-gradient(135deg,#818cf8,#c084fc);color:#0a0a0f;border:none;box-shadow:0 6px 18px #818cf859;font-size:13px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:6px;letter-spacing:-.01em;cursor:pointer;font-family:inherit;padding:0 16px}#r-step3.r3 .r3-cont:hover{filter:brightness(1.05)}#r-step3.r3 .r3-kbd,#r-step3.r3 .r3-kbd-label{display:none}@media(min-width:600px){#r-step3.r3 .r3-head{padding:18px 28px 6px}#r-step3.r3 .r3-logo{width:38px;height:38px;border-radius:11px}#r-step3.r3 .r3-logo svg{width:26px;height:26px}#r-step3.r3 .r3-title{font-size:20px}#r-step3.r3 .r3-sub{font-size:10px}#r-step3.r3 .r3-chip{font-size:10px;padding:4px 10px}#r-step3.r3 .r3-dots{padding:6px 0 10px}#r-step3.r3 .r3-dot{width:32px;height:4px}#r-step3.r3 .r3-dot.active{width:48px}#r-step3.r3 .r3-main{padding:4px 28px 0;display:grid;grid-template-columns:420px 1fr;gap:24px;align-items:start}#r-step3.r3 .r3-canvas-col{gap:12px;justify-content:flex-start;padding-top:28px;position:relative}#r-step3.r3 .r3-canvas-chip{top:4px;right:0;font-size:10px;padding:6px 10px}#r-step3.r3 .r3-preview{width:420px;max-width:100%;border-radius:14px}#r-step3.r3 .r3-preview-play{width:26px;height:26px;font-size:11px}#r-step3.r3 .r3-preview-scrub{height:4px}#r-step3.r3 .r3-preview-scrub-head{width:12px;height:12px}#r-step3.r3 .r3-preview-time{font-size:10px;min-width:32px}#r-step3.r3 .r3-tr-current{width:420px;max-width:100%;padding:10px 14px}#r-step3.r3 .r3-tr-current-ico{width:36px;height:36px;font-size:17px;border-radius:10px}#r-step3.r3 .r3-tr-current-name{font-size:13px}#r-step3.r3 .r3-tr-current-desc{font-size:11px}#r-step3.r3 .r3-controls-col{gap:10px;padding:28px 0 16px}#r-step3.r3 .r3-group-label-lbl{font-size:10px;letter-spacing:.2em}#r-step3.r3 .r3-group-label-count{font-size:10px}#r-step3.r3 .r-style-options.r3-tr-grid{display:grid;grid-template-columns:repeat(3,1fr);flex-direction:initial;gap:9px;margin:0;padding:0;overflow:visible;scroll-snap-type:none}#r-step3.r3 .r-style-option{flex:initial;width:auto;scroll-snap-align:none}#r-step3.r3 .r-style-option .r-style-card.r3-tr-chip{width:auto;height:86px;border-radius:13px;gap:7px}#r-step3.r3 .r-style-icon.r3-tr-chip-ico{font-size:22px}#r-step3.r3 .r-style-name.r3-tr-chip-name{font-size:10px}#r-step3.r3 .r3-tr-chip-badge{width:14px;height:14px;font-size:8px;top:6px;right:6px}#r-step3.r3 .r-speed-options.r3-speed-seg{gap:8px;padding:5px;border-radius:13px}#r-step3.r3 .r-speed-option.r3-speed-opt{height:48px;border-radius:10px}#r-step3.r3 .r3-speed-opt-name{font-size:13px}#r-step3.r3 .r3-speed-opt-t{font-size:10px;letter-spacing:.14em}#r-step3.r3 .r3-nav{padding:14px 28px 18px}#r-step3.r3 .r3-nav-left{display:inline-flex;align-items:center;gap:10px;color:#ffffff73;font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:700}#r-step3.r3 .r3-kbd{display:inline-flex;padding:3px 7px;border-radius:5px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#fffc;font-family:ui-monospace,monospace;font-size:10px;letter-spacing:0}#r-step3.r3 .r3-kbd-label{display:inline;margin-right:6px}#r-step3.r3 .r-step-actions.r3-nav-right{width:auto;gap:12px;justify-content:flex-end}#r-step3.r3 .r3-back{width:auto;height:44px;padding:0 18px;border-radius:11px;font-size:13px;font-weight:700;background:#ffffff0f}#r-step3.r3 .r3-back:before{content:none}#r-step3.r3 .r3-cont{flex:0 0 auto;height:44px;padding:0 24px;border-radius:11px;font-size:13px}}@media(min-width:1024px){#r-step3.r3 .r3-head{padding:22px 48px 6px}#r-step3.r3 .r3-title{font-size:26px;letter-spacing:-.02em}#r-step3.r3 .r3-sub{font-size:11px;letter-spacing:.18em}#r-step3.r3 .r3-chip{font-size:10px;letter-spacing:.12em;padding:4px 10px}#r-step3.r3 .r3-tb-btn{height:42px;padding:0 18px;border-radius:12px;font-size:13px;gap:8px}#r-step3.r3 .r3-tb-ico{font-size:14px}#r-step3.r3 .r3-tb-close{width:42px;height:42px;font-size:16px}#r-step3.r3 .r3-dots{padding:6px 0 14px}#r-step3.r3 .r3-dot{width:44px;height:4px}#r-step3.r3 .r3-dot.active{width:68px}#r-step3.r3 .r3-main{padding:0 48px;grid-template-columns:560px 1fr;gap:40px;align-items:center}#r-step3.r3 .r3-canvas-col{justify-content:center;gap:14px;padding-top:0}#r-step3.r3 .r3-canvas-chip{top:12px;right:0;font-size:11px;padding:7px 12px}#r-step3.r3 .r3-preview{width:520px;border-radius:18px;box-shadow:0 24px 50px #0000008c}#r-step3.r3 .r3-preview-pvbar{left:16px;right:16px;bottom:16px;padding:8px 14px;gap:12px;border-radius:999px}#r-step3.r3 .r3-preview-play{width:30px;height:30px;font-size:12px}#r-step3.r3 .r3-preview-scrub{height:4px}#r-step3.r3 .r3-preview-scrub-head{width:14px;height:14px}#r-step3.r3 .r3-preview-time{font-size:11px;min-width:36px}#r-step3.r3 .r3-tr-current{width:520px;padding:12px 16px;border-radius:14px;gap:14px}#r-step3.r3 .r3-tr-current-ico{width:42px;height:42px;border-radius:11px;font-size:20px}#r-step3.r3 .r3-tr-current-name{font-size:14px}#r-step3.r3 .r3-tr-current-desc{font-size:11px;line-height:1.4}#r-step3.r3 .r3-controls-col{justify-content:center;gap:14px;padding:0}#r-step3.r3 .r3-group-label-lbl{font-size:11px;letter-spacing:.2em}#r-step3.r3 .r3-group-label-count{font-size:11px;letter-spacing:.08em}#r-step3.r3 .r-style-options.r3-tr-grid{grid-template-columns:repeat(5,1fr);gap:10px}#r-step3.r3 .r-style-option .r-style-card.r3-tr-chip{height:100px;border-radius:13px;gap:8px;padding:10px 6px}#r-step3.r3 .r-style-icon.r3-tr-chip-ico{font-size:26px}#r-step3.r3 .r-style-name.r3-tr-chip-name{font-size:10px;letter-spacing:.04em}#r-step3.r3 .r3-tr-chip-badge{width:16px;height:16px;font-size:9px;top:6px;right:6px}#r-step3.r3 .r-speed-options.r3-speed-seg{gap:8px;padding:6px;border-radius:14px}#r-step3.r3 .r-speed-option.r3-speed-opt{height:54px;border-radius:11px}#r-step3.r3 .r3-speed-opt-name{font-size:14px}#r-step3.r3 .r3-speed-opt-t{font-size:10px;letter-spacing:.14em}#r-step3.r3 .r3-nav{padding:14px 48px 18px}}body:has(#r-step4.r4:not([style*="display: none"])) .app-header,body:has(#r-step4.r4:not([style*="display: none"])) .progress-container,body:has(#r-step4.r4:not([style*="display: none"])) #sub-trial-banner{display:none!important}body:has(#r-step4.r4:not([style*="display: none"])) .reveal-app{overflow:hidden}#r-step4.r4{flex:1;min-height:0;padding:0;background:linear-gradient(180deg,#0b0b14,#121224);color:var(--text-primary);overflow:hidden}#r-step4.r4:not([style*="display: none"]){display:grid;grid-template-rows:auto auto 1fr auto;grid-template-columns:1fr}#r-step4.r4 .r4-head{padding:14px 18px 4px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:nowrap}#r-step4.r4 .r4-brand{display:inline-flex;align-items:center;gap:12px;min-width:0}#r-step4.r4 .r4-logo{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#818cf8,#c084fc);box-shadow:0 6px 18px #818cf866;display:flex;align-items:center;justify-content:center;flex-shrink:0;text-decoration:none}#r-step4.r4 .r4-logo svg{width:22px;height:22px}#r-step4.r4 .r4-titles{min-width:0;flex:1 1 auto}#r-step4.r4 .r4-title{font-size:15px;font-weight:800;letter-spacing:-.02em;line-height:1.1;color:#fff;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#r-step4.r4 .r4-s-row{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:3px}#r-step4.r4 .r4-sub{font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:#ffffff80;font-weight:600}#r-step4.r4 .r4-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;background:#34d39926;border:1px solid rgba(52,211,153,.45);color:#a7f3d0;font-size:9px;letter-spacing:.12em;text-transform:uppercase;font-weight:800}#r-step4.r4 .r4-chip-dot{width:6px;height:6px;border-radius:50%;background:#34d399;box-shadow:0 0 8px #34d399e6}#r-step4.r4 .r4-toolbar{display:inline-flex;gap:7px;align-items:center;flex-shrink:0}#r-step4.r4 .r4-tb-btn{height:32px;padding:0 10px;border-radius:9px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#ffffffd9;font-size:11px;font-weight:700;display:inline-flex;align-items:center;gap:6px;letter-spacing:-.01em;cursor:pointer;font-family:inherit}#r-step4.r4 .r4-tb-btn:hover:not(:disabled){background:#ffffff1a}#r-step4.r4 .r4-tb-ico{font-size:13px}#r-step4.r4 .r4-tb-close{width:32px;height:32px;border-radius:50%;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#ffffffb3;display:flex;align-items:center;justify-content:center;font-size:13px;text-decoration:none}#r-step4.r4 .r4-tb-close:hover{background:#ffffff1a;color:#fff}@media(max-width:599px){#r-step4.r4 .r4-tb-label{display:none}#r-step4.r4 .r4-tb-btn{padding:0 8px;gap:0;min-width:32px;justify-content:center}}#r-step4.r4 .r4-dots{display:flex;gap:4px;justify-content:center;padding:4px 0 6px}#r-step4.r4 .r4-dot{width:16px;height:3px;border-radius:2px;background:#ffffff1a;transition:background .2s,width .2s}#r-step4.r4 .r4-dot.done{background:#818cf866}#r-step4.r4 .r4-dot.active{width:26px;background:linear-gradient(90deg,#818cf8,#c084fc);box-shadow:0 0 10px #818cf880}#r-step4.r4 .r4-main{padding:8px 14px 0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:12px;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;position:relative}#r-step4.r4 .r4-main::-webkit-scrollbar{display:none}#r-step4.r4 .r4-canvas-chip{position:absolute;top:12px;right:18px;display:inline-flex;gap:6px;align-items:center;padding:5px 9px;background:#0000008c;border:1px solid rgba(255,255,255,.1);border-radius:999px;font-size:9px;color:#ffffffbf;letter-spacing:.06em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:4;font-weight:700;pointer-events:none}#r-step4.r4 .r4-canvas-chip-dot{width:5px;height:5px;border-radius:50%;background:#34d399;box-shadow:0 0 6px #34d399cc}#r-step4.r4 .r4-preview{position:relative;width:100%;max-width:340px;aspect-ratio:16 / 9;height:auto;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 40px #0000008c;background:#000;flex-shrink:0;display:block}#r-step4.r4 .r4-preview canvas#revealCanvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;object-fit:contain}#r-step4.r4 .r4-preview-lbl{position:absolute;top:10px;display:inline-flex;align-items:center;padding:3px 8px;font-size:8px;letter-spacing:.16em;text-transform:uppercase;color:#ffffffe6;background:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px;font-weight:700;z-index:3;pointer-events:none}#r-step4.r4 .r4-preview-lbl-b{left:10px}#r-step4.r4 .r4-preview-lbl-a{right:10px;background:linear-gradient(135deg,#818cf8d9,#c084fcbf);color:#0a0a0f}#r-step4.r4 .r4-preview-playpuck{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#818cf8f2,#c084fcd9);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px #818cf880,0 0 0 8px #818cf81f;z-index:4;pointer-events:none;opacity:1;transition:opacity .18s ease}#r-step4.r4 .r4-preview.is-playing .r4-preview-playpuck{opacity:0;pointer-events:none}#r-step4.r4 .r4-preview-playpuck-tri{width:0;height:0;border-style:solid;border-width:11px 0 11px 18px;border-color:transparent transparent transparent #0a0a0f;margin-left:4px}#r-step4.r4 .r4-preview-pvbar{position:absolute;left:10px;right:10px;bottom:10px;display:flex;align-items:center;gap:10px;padding:6px 12px;background:#0000008c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);border-radius:999px;z-index:3;pointer-events:none}#r-step4.r4 .r4-preview-minplay{width:22px;height:22px;border-radius:50%;background:#ffffff24;display:flex;align-items:center;justify-content:center;color:#fff;font-size:9px;flex-shrink:0}#r-step4.r4 .r4-preview-scrub{flex:1;height:3px;background:#ffffff26;border-radius:2px;position:relative}#r-step4.r4 .r4-preview-scrub-fill{position:absolute;left:0;top:0;bottom:0;width:42%;background:linear-gradient(90deg,#818cf8,#c084fc);border-radius:2px}#r-step4.r4 .r4-preview-scrub-head{position:absolute;left:42%;top:50%;width:10px;height:10px;border-radius:50%;background:#fff;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #818cf880}#r-step4.r4 .r4-preview-time{font-size:9px;color:#ffffffd9;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:.04em;min-width:54px;text-align:right;flex-shrink:0}#r-step4.r4 .r4-actions{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:0 2px 4px;max-width:100%;flex-wrap:nowrap}#r-step4.r4 .r4-actions::-webkit-scrollbar{display:none}#r-step4.r4 .r4-act{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;padding:8px 12px;border-radius:999px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);font-size:11px;color:#ffffffe6;font-weight:700;white-space:nowrap;letter-spacing:-.01em;font-family:inherit;cursor:pointer}#r-step4.r4 .r4-act:hover{background:#ffffff14}#r-step4.r4 .r4-act-ico{font-size:12px}#r-step4.r4 .r4-act-primary{background:linear-gradient(135deg,#818cf838,#c084fc14);border-color:#818cf880;color:#e0e7ff}#r-step4.r4 .r4-act-primary:hover{background:linear-gradient(135deg,#818cf84d,#c084fc24)}#r-step4.r4 .r4-act-combo{padding:7px 10px 7px 12px;gap:4px}#r-step4.r4 .r4-act-combo-k{color:#ffffff73;font-size:9px;letter-spacing:.12em;text-transform:uppercase;font-weight:700}#r-step4.r4 .r4-act-combo-v{color:#fff;font-size:11px;font-weight:800}#r-step4.r4 .r4-act-combo-chev{color:#ffffff8c;font-size:10px;margin-left:2px}#r-step4.r4 .r4-nav{padding:10px 14px 16px;display:flex;gap:10px;align-items:center;justify-content:space-between;background:linear-gradient(180deg,transparent,rgba(0,0,0,.4));border-top:1px solid rgba(255,255,255,.04)}#r-step4.r4 .r4-nav-left{display:none}#r-step4.r4 .r4-nav-right{display:inline-flex;gap:10px;align-items:center;flex:1}#r-step4.r4 .r4-back{width:40px;height:40px;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.1);color:#ffffffe6;display:inline-flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;cursor:pointer;font-family:inherit;text-indent:-9999px;overflow:hidden;position:relative;flex-shrink:0}#r-step4.r4 .r4-back:before{content:"←";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;text-indent:0}#r-step4.r4 .r4-back:hover{background:#ffffff24}#r-step4.r4 .r4-cont{flex:1;height:44px;border-radius:12px;background:linear-gradient(135deg,#818cf8,#c084fc);color:#0a0a0f;border:none;box-shadow:0 6px 18px #818cf859;font-size:14px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px;letter-spacing:-.01em;cursor:pointer;font-family:inherit;padding:0 14px}#r-step4.r4 .r4-cont:hover{box-shadow:0 10px 26px #818cf880;filter:brightness(1.04)}#r-step4.r4 .r4-cont-ico{font-size:15px}@media(min-width:600px){#r-step4.r4 .r4-head{padding:22px 32px 4px}#r-step4.r4 .r4-logo{width:38px;height:38px;border-radius:11px}#r-step4.r4 .r4-logo svg{width:24px;height:24px}#r-step4.r4 .r4-title{font-size:22px}#r-step4.r4 .r4-sub{font-size:10px;letter-spacing:.16em}#r-step4.r4 .r4-chip{padding:4px 10px;font-size:10px;letter-spacing:.12em}#r-step4.r4 .r4-dots{gap:5px;padding:4px 0 10px}#r-step4.r4 .r4-dot{width:28px;height:3px}#r-step4.r4 .r4-dot.active{width:44px}#r-step4.r4 .r4-main{padding:8px 32px 0;gap:14px}#r-step4.r4 .r4-canvas-chip{top:12px;right:40px;font-size:10px;padding:6px 11px}#r-step4.r4 .r4-preview{max-width:540px;border-radius:18px;box-shadow:0 24px 54px #0009}#r-step4.r4 .r4-preview-lbl{font-size:9px;padding:4px 11px;letter-spacing:.18em;top:14px}#r-step4.r4 .r4-preview-lbl-b{left:14px}#r-step4.r4 .r4-preview-lbl-a{right:14px}#r-step4.r4 .r4-preview-playpuck{width:84px;height:84px;box-shadow:0 14px 40px #818cf88c,0 0 0 10px #818cf824}#r-step4.r4 .r4-preview-playpuck-tri{border-width:14px 0 14px 23px;margin-left:6px}#r-step4.r4 .r4-preview-pvbar{left:14px;right:14px;bottom:14px;padding:8px 14px;gap:12px}#r-step4.r4 .r4-preview-minplay{width:26px;height:26px;font-size:10px}#r-step4.r4 .r4-preview-scrub{height:4px}#r-step4.r4 .r4-preview-scrub-head{width:12px;height:12px}#r-step4.r4 .r4-preview-time{font-size:10px;min-width:62px}#r-step4.r4 .r4-actions{justify-content:center;gap:8px;overflow:visible;flex-wrap:wrap}#r-step4.r4 .r4-act{padding:10px 14px;font-size:12px}#r-step4.r4 .r4-act-ico{font-size:13px}#r-step4.r4 .r4-act-combo{padding:8px 12px 8px 14px;gap:6px}#r-step4.r4 .r4-act-combo-k{font-size:9px;letter-spacing:.14em}#r-step4.r4 .r4-act-combo-v{font-size:12px}#r-step4.r4 .r4-nav{padding:14px 32px 22px}#r-step4.r4 .r4-back{width:auto;height:46px;padding:0 18px;border-radius:12px;text-indent:0;overflow:visible;position:static;font-size:13px;font-weight:700}#r-step4.r4 .r4-back:before{content:none}#r-step4.r4 .r4-cont{height:50px;font-size:15px;padding:0 28px}#r-step4.r4 .r4-cont-ico{font-size:17px}}@media(min-width:1100px){#r-step4.r4 .r4-head{padding:22px 48px 4px}#r-step4.r4 .r4-title{font-size:26px}#r-step4.r4 .r4-tb-btn{height:42px;padding:0 18px;border-radius:12px;font-size:13px;gap:8px}#r-step4.r4 .r4-tb-ico{font-size:14px}#r-step4.r4 .r4-tb-close{width:42px;height:42px;font-size:16px}#r-step4.r4 .r4-dots{padding:6px 0 14px}#r-step4.r4 .r4-dot{width:44px;height:4px}#r-step4.r4 .r4-dot.active{width:68px;box-shadow:0 0 16px #818cf88c}#r-step4.r4 .r4-main{padding:0 48px;gap:20px;justify-content:center}#r-step4.r4 .r4-canvas-chip{top:0;right:48px;font-size:11px;padding:7px 12px}#r-step4.r4 .r4-preview{max-width:820px;border-radius:20px;box-shadow:0 28px 70px #000000a6}#r-step4.r4 .r4-preview-lbl{font-size:10px;padding:6px 13px;letter-spacing:.18em;top:18px}#r-step4.r4 .r4-preview-lbl-b{left:18px}#r-step4.r4 .r4-preview-lbl-a{right:18px}#r-step4.r4 .r4-preview-playpuck{width:110px;height:110px;box-shadow:0 18px 50px #818cf88c,0 0 0 14px #818cf81f}#r-step4.r4 .r4-preview-playpuck-tri{border-width:18px 0 18px 30px;margin-left:8px}#r-step4.r4 .r4-preview-pvbar{left:18px;right:18px;bottom:18px;padding:10px 16px;gap:14px}#r-step4.r4 .r4-preview-minplay{width:32px;height:32px;font-size:12px}#r-step4.r4 .r4-preview-scrub{height:5px}#r-step4.r4 .r4-preview-scrub-head{width:14px;height:14px}#r-step4.r4 .r4-preview-time{font-size:12px;min-width:70px;color:#fff}#r-step4.r4 .r4-actions{gap:10px}#r-step4.r4 .r4-act{padding:10px 16px;border-radius:11px}#r-step4.r4 .r4-nav{padding:14px 48px 18px;justify-content:space-between}#r-step4.r4 .r4-nav-left{display:inline-flex;align-items:center;gap:12px;color:#ffffff80;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700}#r-step4.r4 .r4-kbd{padding:3px 8px;border-radius:5px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#fffc;font-family:ui-monospace,monospace;font-size:10px;letter-spacing:0}#r-step4.r4 .r4-kbd-label{margin-right:6px}#r-step4.r4 .r4-nav-right{flex:0 0 auto;gap:12px}#r-step4.r4 .r4-back{height:48px;padding:0 18px}#r-step4.r4 .r4-cont{height:48px;padding:0 32px;font-size:14px}#r-step4.r4 .r4-cont-ico{font-size:16px}}body:has(#r-step5.r5:not([style*="display: none"])) .app-header,body:has(#r-step5.r5:not([style*="display: none"])) .progress-container,body:has(#r-step5.r5:not([style*="display: none"])) #sub-trial-banner{display:none!important}body:has(#r-step5.r5:not([style*="display: none"])) .reveal-app{overflow:hidden}#r-step5.r5{flex:1;min-height:0;padding:0;background:linear-gradient(180deg,#0b0b14,#121224);color:var(--text-primary);overflow:hidden}#r-step5.r5:not([style*="display: none"]){display:grid;grid-template-rows:auto auto 1fr auto;grid-template-columns:1fr}#r-step5.r5 .r5-head{padding:14px 18px 4px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:nowrap}#r-step5.r5 .r5-brand{display:inline-flex;align-items:center;gap:12px;min-width:0}#r-step5.r5 .r5-logo{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#f472b6,#c084fc);box-shadow:0 6px 18px #f472b666;display:flex;align-items:center;justify-content:center;flex-shrink:0;text-decoration:none}#r-step5.r5 .r5-logo svg{width:22px;height:22px}#r-step5.r5 .r5-titles{min-width:0;flex:1 1 auto}#r-step5.r5 .r5-title{font-size:15px;font-weight:800;letter-spacing:-.02em;line-height:1.1;color:#fff;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#r-step5.r5 .r5-s-row{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:3px}#r-step5.r5 .r5-sub{font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:#ffffff80;font-weight:600}#r-step5.r5 .r5-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;background:linear-gradient(135deg,#34d3994d,#14b8a62e);border:1px solid rgba(52,211,153,.5);color:#d1fae5;font-size:9px;letter-spacing:.12em;text-transform:uppercase;font-weight:800}#r-step5.r5 .r5-chip-ck{width:12px;height:12px;border-radius:50%;background:#34d399;color:#0a0a0f;font-size:8px;font-weight:900;display:inline-flex;align-items:center;justify-content:center}#r-step5.r5 .r5-toolbar{display:inline-flex;gap:7px;align-items:center;flex-shrink:0}#r-step5.r5 .r5-tb-btn{height:32px;padding:0 10px;border-radius:9px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#ffffffd9;font-size:11px;font-weight:700;display:inline-flex;align-items:center;gap:6px;letter-spacing:-.01em;cursor:pointer;font-family:inherit}#r-step5.r5 .r5-tb-btn:hover:not(:disabled){background:#ffffff1a}#r-step5.r5 .r5-tb-ico{font-size:13px}#r-step5.r5 .r5-tb-close{width:32px;height:32px;border-radius:50%;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#ffffffb3;display:flex;align-items:center;justify-content:center;font-size:13px;text-decoration:none}#r-step5.r5 .r5-tb-close:hover{background:#ffffff1a;color:#fff}@media(max-width:599px){#r-step5.r5 .r5-tb-label{display:none}#r-step5.r5 .r5-tb-btn{padding:0 8px;gap:0;min-width:32px;justify-content:center}}#r-step5.r5 .r5-dots{display:flex;gap:4px;justify-content:center;padding:4px 0 6px}#r-step5.r5 .r5-dot{width:16px;height:3px;border-radius:2px;background:#ffffff1a;transition:background .2s,width .2s}#r-step5.r5 .r5-dot.done{background:#818cf866}#r-step5.r5 .r5-dot.active{width:26px;background:linear-gradient(90deg,#818cf8,#c084fc);box-shadow:0 0 10px #818cf880}#r-step5.r5 .r5-main{padding:8px 14px 0;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:10px;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;position:relative}#r-step5.r5 .r5-main::-webkit-scrollbar{display:none}#r-step5.r5 .r5-col{display:flex;flex-direction:column;min-width:0}#r-step5.r5 .r5-canvas-col{align-items:center;position:relative;gap:0}#r-step5.r5 .r5-done-chip{position:absolute;top:8px;left:18px;display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:linear-gradient(135deg,#34d39952,#14b8a62e);border:1px solid rgba(52,211,153,.5);color:#d1fae5;font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:4;pointer-events:none}#r-step5.r5 .r5-done-chip-ck{width:12px;height:12px;border-radius:50%;background:#34d399;color:#0a0a0f;font-size:8px;font-weight:900;display:inline-flex;align-items:center;justify-content:center}#r-step5.r5 .r5-canvas-chip{position:absolute;top:8px;right:18px;display:inline-flex;align-items:center;gap:6px;padding:5px 9px;background:#0000008c;border:1px solid rgba(255,255,255,.1);border-radius:999px;font-size:9px;color:#ffffffbf;letter-spacing:.06em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:4;font-weight:700;pointer-events:none}#r-step5.r5 .r5-canvas-chip-dot{width:5px;height:5px;border-radius:50%;background:#34d399;box-shadow:0 0 6px #34d399cc}#r-step5.r5 .r5-preview{position:relative;width:100%;max-width:340px;aspect-ratio:16 / 9;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 40px #0000008c;background:#000;margin:0 auto;flex-shrink:0}#r-step5.r5 .r5-preview-deco{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;transition:opacity .25s}#r-step5.r5 .r5-preview:has(#r-exportVideo:not([style*="display:"])) .r5-preview-deco{opacity:0;pointer-events:none}#r-step5.r5 .r5-preview-before{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#2a1f1a,#4a2f24 40%,#8b5a3c)}#r-step5.r5 .r5-preview-after{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#2f2520,#523428 40%,#96624a);filter:saturate(1.05) brightness(1.04);clip-path:inset(0 58% 0 0)}#r-step5.r5 .r5-preview-sweep{position:absolute;top:0;bottom:0;left:42%;width:3px;background:linear-gradient(180deg,#c084fc,#818cf8);box-shadow:0 0 14px #818cf8cc;transform:translate(-50%)}#r-step5.r5 .r5-preview-lbl{position:absolute;top:10px;display:inline-flex;align-items:center;padding:3px 8px;font-size:8px;letter-spacing:.16em;text-transform:uppercase;color:#ffffffe6;background:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px;font-weight:700;z-index:3;pointer-events:none}#r-step5.r5 .r5-preview-lbl-b{left:10px}#r-step5.r5 .r5-preview-lbl-a{right:10px;background:linear-gradient(135deg,#818cf8d9,#c084fcbf);color:#0a0a0f}#r-step5.r5 .r5-preview-playpuck{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#818cf8f2,#c084fcd9);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px #818cf880,0 0 0 8px #818cf81f;z-index:4;pointer-events:none}#r-step5.r5 .r5-preview-playpuck-tri{width:0;height:0;border-style:solid;border-width:10px 0 10px 16px;border-color:transparent transparent transparent #0a0a0f;margin-left:4px}#r-step5.r5 .r5-preview .r5-export-preview{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;background:#000}#r-step5.r5 .r5-preview .r5-export-preview[style*="display: none"]{display:none!important}#r-step5.r5 .r5-preview .r5-export-video{width:100%;height:100%;object-fit:contain;background:#000;border-radius:0}#r-step5.r5 .r5-filemeta{position:absolute;left:10px;right:10px;bottom:10px;display:flex;align-items:center;justify-content:space-between;padding:5px 10px;background:#0000008c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);border-radius:999px;font-size:9px;color:#ffffffd9;font-weight:600;letter-spacing:.04em;z-index:3;pointer-events:none}#r-step5.r5 .r5-filemeta-name{display:inline-flex;align-items:center;gap:5px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#r-step5.r5 .r5-filemeta-ico{font-size:11px}#r-step5.r5 .r5-filemeta-file{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#r-step5.r5 .r5-filemeta-wm{display:inline-flex;align-items:center;gap:4px;color:#ffe6b4e6;flex-shrink:0}#r-step5.r5 .r5-dl-col{gap:8px;padding:0 2px}#r-step5.r5 .r5-section-label{font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:#ffffff8c;font-weight:700;padding:0 2px;margin-top:2px}#r-step5.r5 .r5-section-label-details{margin-top:6px}#r-step5.r5 .r5-status{font-size:12px;color:#ffffffbf;margin:0;padding:0 2px;line-height:1.4}#r-step5.r5 .r5-progress{display:flex;align-items:center;gap:8px}#r-step5.r5 .r5-progress-track{flex:1;height:4px;background:#ffffff14;border-radius:999px;overflow:hidden}#r-step5.r5 .r5-progress-fill{height:100%;width:0%;background:linear-gradient(90deg,#818cf8,#c084fc);border-radius:999px;transition:width .2s}#r-step5.r5 .r5-progress-pct{font-size:10px;color:#fffc;font-variant-numeric:tabular-nums;font-weight:700;min-width:34px;text-align:right}#r-step5.r5 .r5-dl-main{width:100%;min-height:54px;border-radius:14px;background:linear-gradient(135deg,#818cf8,#c084fc);color:#0a0a0f;font-size:14px;font-weight:800;display:flex;align-items:center;justify-content:space-between;padding:0 18px;box-shadow:0 8px 24px #818cf866,inset 0 1px #ffffff4d;letter-spacing:-.01em;border:none;cursor:pointer;text-decoration:none;gap:10px}#r-step5.r5 .r5-dl-main:hover{box-shadow:0 10px 30px #818cf880,inset 0 1px #ffffff4d;filter:brightness(1.04)}#r-step5.r5 .r5-orientation-downloads{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}#r-step5.r5 .r5-dl-split,#r-step5.r5 .r5-dl-split .r5-dl-lead,#r-step5.r5 .r5-dl-split .r5-dl-label{min-width:0}#r-step5.r5 .r5-dl-lead{display:inline-flex;align-items:center;gap:10px;min-width:0}#r-step5.r5 .r5-dl-ico{font-size:18px;flex-shrink:0}#r-step5.r5 .r5-dl-label{flex-shrink:0}#r-step5.r5 .r5-dl-kbd{display:none;font-size:10px;font-family:ui-monospace,monospace;background:#0a081638;padding:3px 7px;border-radius:6px;font-weight:800;letter-spacing:.02em;color:#0a0a0f;flex-shrink:0}#r-step5.r5 .r5-dl-fmt{display:inline-flex;align-items:center;padding:4px 9px;background:#0a0a0f40;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.04em;flex-shrink:0}#r-step5.r5 .r5-btn-export{width:100%;height:44px;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fffffff2;font-size:13px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-family:inherit;letter-spacing:-.01em}#r-step5.r5 .r5-btn-export:hover:not(:disabled){background:#ffffff14}#r-step5.r5 .r5-btn-export:disabled{opacity:.6;cursor:default}#r-step5.r5 .r5-share{width:100%;height:42px;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ffffffe6;font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-family:inherit;letter-spacing:-.01em}#r-step5.r5 .r5-share-ico{font-size:14px}#r-step5.r5 .r5-upsell{margin-top:2px;padding:10px 12px;background:linear-gradient(135deg,#f59e0b29,#d946ef14);border:1px solid rgba(245,158,11,.35);border-radius:12px;display:flex;align-items:center;gap:10px}#r-step5.r5 .r5-upsell-ico{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,#fbbf24,#f97316);color:#0a0a0f;font-size:14px;font-weight:800;display:flex;align-items:center;justify-content:center;flex:0 0 auto}#r-step5.r5 .r5-upsell-txt{min-width:0;flex:1}#r-step5.r5 .r5-upsell-n{font-size:11px;color:#fff;font-weight:700;letter-spacing:-.01em}#r-step5.r5 .r5-upsell-d{font-size:9.5px;color:#ffffffa6;margin-top:1px;line-height:1.3}#r-step5.r5 .r5-upsell-cta{padding:6px 12px;border-radius:999px;background:linear-gradient(135deg,#fbbf24,#f97316);color:#0a0a0f;font-size:10px;font-weight:800;letter-spacing:.02em;flex:0 0 auto;border:none;cursor:pointer;font-family:inherit}#r-step5.r5 .r5-details{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:0 2px 4px;flex-wrap:nowrap}#r-step5.r5 .r5-details::-webkit-scrollbar{display:none}#r-step5.r5 .r5-d-chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:999px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);font-size:10px;color:#fffc;font-weight:600;white-space:nowrap;letter-spacing:-.01em}#r-step5.r5 .r5-d-k{color:#ffffff73;font-size:9px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;margin-right:2px}#r-step5.r5 .r5-nav{padding:10px 14px 16px;display:flex;gap:10px;align-items:center;justify-content:space-between;background:linear-gradient(180deg,transparent,rgba(0,0,0,.4));border-top:1px solid rgba(255,255,255,.04)}#r-step5.r5 .r5-nav-left{display:none}#r-step5.r5 .r5-nav-right{display:inline-flex;gap:10px;align-items:center;flex:1}#r-step5.r5 .r5-back{width:40px;height:40px;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.1);color:#ffffffe6;display:inline-flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;cursor:pointer;font-family:inherit;text-indent:-9999px;overflow:hidden;position:relative;flex-shrink:0}#r-step5.r5 .r5-back:before{content:"←";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;text-indent:0}#r-step5.r5 .r5-back:hover{background:#ffffff24}#r-step5.r5 .r5-home{flex:1;height:40px;border-radius:12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:#ffffffe6;font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:6px;letter-spacing:-.01em;cursor:pointer;font-family:inherit;text-decoration:none}#r-step5.r5 .r5-home:hover{background:#ffffff1a}#r-step5.r5 .r5-home-ico{font-size:14px}@media(min-width:600px){#r-step5.r5 .r5-head{padding:22px 32px 4px}#r-step5.r5 .r5-logo{width:38px;height:38px;border-radius:11px}#r-step5.r5 .r5-logo svg{width:24px;height:24px}#r-step5.r5 .r5-title{font-size:22px}#r-step5.r5 .r5-sub{font-size:10px;letter-spacing:.16em}#r-step5.r5 .r5-chip{padding:4px 10px;font-size:10px;letter-spacing:.12em}#r-step5.r5 .r5-chip-ck{width:14px;height:14px;font-size:9px}#r-step5.r5 .r5-dots{gap:5px;padding:4px 0 10px}#r-step5.r5 .r5-dot{width:28px;height:3px}#r-step5.r5 .r5-dot.active{width:44px}#r-step5.r5 .r5-main{padding:8px 32px 0;gap:12px}#r-step5.r5 .r5-done-chip{top:10px;left:40px;font-size:10px;padding:6px 11px}#r-step5.r5 .r5-canvas-chip{top:10px;right:40px;font-size:10px;padding:6px 11px}#r-step5.r5 .r5-preview{max-width:500px;border-radius:18px;box-shadow:0 24px 54px #0009}#r-step5.r5 .r5-preview-lbl{font-size:9px;padding:4px 11px;letter-spacing:.18em;top:14px}#r-step5.r5 .r5-preview-lbl-b{left:14px}#r-step5.r5 .r5-preview-lbl-a{right:14px}#r-step5.r5 .r5-preview-playpuck{width:78px;height:78px;box-shadow:0 14px 40px #818cf88c,0 0 0 10px #818cf824}#r-step5.r5 .r5-preview-playpuck-tri{border-width:13px 0 13px 21px;margin-left:5px}#r-step5.r5 .r5-filemeta{left:14px;right:14px;bottom:14px;padding:8px 14px;font-size:11px}#r-step5.r5 .r5-filemeta-ico{font-size:13px}#r-step5.r5 .r5-dl-col{display:grid;grid-template-columns:1fr 1.8fr;gap:10px;padding:0}#r-step5.r5 .r5-dl-col>*{grid-column:1 / -1}#r-step5.r5 .r5-dl-col>.r5-share{grid-column:1 / 2;grid-row:var(--r5-share-row, auto);order:0}#r-step5.r5 .r5-dl-col>.r5-dl-main{grid-column:2 / 3;grid-row:var(--r5-share-row, auto);order:0}#r-step5.r5 .r5-dl-col{grid-auto-flow:row dense}#r-step5.r5 .r5-dl-main{min-height:58px;font-size:15px;border-radius:15px}#r-step5.r5 .r5-orientation-downloads{grid-column:1 / -1}#r-step5.r5 .r5-dl-split{padding:0 14px}#r-step5.r5 .r5-dl-ico{font-size:19px}#r-step5.r5 .r5-share{height:52px;border-radius:13px;font-size:13px;padding:0 12px}#r-step5.r5 .r5-share-ico{font-size:15px}#r-step5.r5 .r5-upsell{padding:12px 14px;border-radius:13px;gap:12px}#r-step5.r5 .r5-upsell-ico{width:34px;height:34px;border-radius:10px;font-size:16px}#r-step5.r5 .r5-upsell-n{font-size:12px}#r-step5.r5 .r5-upsell-d{font-size:10.5px}#r-step5.r5 .r5-upsell-cta{padding:8px 14px;font-size:11px;letter-spacing:.04em}#r-step5.r5 .r5-details{justify-content:center;gap:7px;overflow:visible;flex-wrap:wrap}#r-step5.r5 .r5-d-chip{padding:7px 12px;font-size:11px}#r-step5.r5 .r5-d-k{font-size:9px;letter-spacing:.12em}#r-step5.r5 .r5-nav{padding:14px 32px 22px}#r-step5.r5 .r5-back{width:46px;height:46px;border-radius:50%;text-indent:-9999px;font-size:18px}#r-step5.r5 .r5-home{height:46px;border-radius:13px;font-size:14px;font-weight:700;gap:8px}#r-step5.r5 .r5-home-ico{font-size:15px}}@media(min-width:1100px){#r-step5.r5 .r5-head{padding:22px 48px 4px}#r-step5.r5 .r5-title{font-size:26px}#r-step5.r5 .r5-tb-btn{height:42px;padding:0 18px;border-radius:12px;font-size:13px;gap:8px}#r-step5.r5 .r5-tb-ico{font-size:14px}#r-step5.r5 .r5-tb-close{width:42px;height:42px;font-size:16px}#r-step5.r5 .r5-dots{padding:6px 0 14px}#r-step5.r5 .r5-dot{width:44px;height:4px}#r-step5.r5 .r5-dot.active{width:68px;box-shadow:0 0 16px #818cf88c}#r-step5.r5 .r5-main{padding:0 48px;display:grid;grid-template-columns:560px 1fr;grid-template-rows:1fr;gap:40px;align-items:center;overflow:hidden}#r-step5.r5 .r5-canvas-col{align-items:center;justify-content:center;position:relative}#r-step5.r5 .r5-done-chip{top:12px;left:0;font-size:11px;padding:7px 14px}#r-step5.r5 .r5-canvas-chip{top:12px;right:0;font-size:11px;padding:7px 12px}#r-step5.r5 .r5-preview{max-width:560px;border-radius:20px;box-shadow:0 28px 60px #0009}#r-step5.r5 .r5-preview-lbl{font-size:10px;padding:5px 13px;letter-spacing:.18em;top:14px}#r-step5.r5 .r5-preview-lbl-b{left:14px}#r-step5.r5 .r5-preview-lbl-a{right:14px}#r-step5.r5 .r5-preview-playpuck{width:86px;height:86px;box-shadow:0 14px 40px #818cf88c,0 0 0 12px #818cf81f}#r-step5.r5 .r5-preview-playpuck-tri{border-width:14px 0 14px 23px;margin-left:6px}#r-step5.r5 .r5-filemeta{left:14px;right:14px;bottom:14px;padding:8px 14px;font-size:11px}#r-step5.r5 .r5-dl-col{display:flex;flex-direction:column;justify-content:center;gap:16px;min-width:0}#r-step5.r5 .r5-section-label{font-size:11px;letter-spacing:.2em}#r-step5.r5 .r5-dl-main{min-height:72px;border-radius:16px;font-size:18px;padding:0 24px;box-shadow:0 14px 34px #818cf880,inset 0 1px #ffffff4d}#r-step5.r5 .r5-dl-lead{gap:14px}#r-step5.r5 .r5-orientation-downloads{gap:12px}#r-step5.r5 .r5-dl-split{min-height:72px;padding:0 18px}#r-step5.r5 .r5-dl-ico{font-size:24px}#r-step5.r5 .r5-dl-kbd{display:inline-flex}#r-step5.r5 .r5-dl-fmt{font-size:11px;padding:6px 14px;letter-spacing:.14em;text-transform:uppercase;font-weight:900}#r-step5.r5 .r5-share{display:none}#r-step5.r5 .r5-upsell{padding:14px 18px;border-radius:14px;gap:14px}#r-step5.r5 .r5-upsell-ico{width:40px;height:40px;border-radius:11px;font-size:19px}#r-step5.r5 .r5-upsell-n{font-size:13px}#r-step5.r5 .r5-upsell-d{font-size:11px}#r-step5.r5 .r5-upsell-cta{padding:9px 16px;border-radius:10px;font-size:12px;letter-spacing:.02em}#r-step5.r5 .r5-details{flex-wrap:wrap;justify-content:flex-start}#r-step5.r5 .r5-d-chip{padding:8px 12px;font-size:11px}#r-step5.r5 .r5-nav{padding:14px 48px 18px;justify-content:space-between}#r-step5.r5 .r5-nav-left{display:inline-flex;align-items:center;gap:12px;color:#ffffff80;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700}#r-step5.r5 .r5-kbd{padding:3px 8px;border-radius:5px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#fffc;font-family:ui-monospace,monospace;font-size:10px;letter-spacing:0}#r-step5.r5 .r5-kbd-label{margin-right:6px}#r-step5.r5 .r5-nav-right{flex:0 0 auto;gap:12px}#r-step5.r5 .r5-back{width:auto;height:44px;padding:0 18px;border-radius:11px;text-indent:0;overflow:visible;position:static;font-size:13px;font-weight:700}#r-step5.r5 .r5-back:before{content:none}#r-step5.r5 .r5-home{height:44px;padding:0 22px;border-radius:11px;background:#ffffff14;border:1px solid rgba(255,255,255,.16);font-size:13px;font-weight:700;gap:9px}#r-step5.r5 .r5-home-ico{font-size:15px}}.autocrop-badge{margin-top:4px;text-align:center}.autocrop-manual-btn{width:100%;min-height:34px;color:#d8c7fd;border-color:#c084fc8c;background:#8b5cf614}.autocrop-manual-btn:hover{background:#8b5cf629}.autocrop-manual-btn:disabled{opacity:.65;cursor:wait}.autocrop-badge-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px 6px 12px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.01em;cursor:default;-webkit-user-select:none;user-select:none;transition:background .2s ease,border-color .2s ease,color .2s ease}.autocrop-badge-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.autocrop-badge-beta{font-size:9.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;opacity:.85}.autocrop-badge-desc{font-size:11px;line-height:1.35;color:#f4f4f880;max-width:260px;margin:4px auto 0}.autocrop-mode-panel{margin:8px auto 0;max-width:260px;width:100%}.autocrop-model-label{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 14px 8px 12px;border:1px solid rgba(192,132,252,.45);border-radius:999px;background:linear-gradient(135deg,#818cf82e,#c084fc2e);color:#d8c7fdc7;box-shadow:0 0 0 1px #c084fc0a inset;font-size:12px;font-weight:600;line-height:1.2}.autocrop-model-label strong{color:#d8c7fd;font-size:12px;font-weight:650;text-align:right}.autocrop-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:6px}.autocrop-mode-btn{min-height:30px;padding:6px 8px;border:1px solid rgba(255,255,255,.11);border-radius:8px;background:#ffffff0b;color:#f4f4f8b8;font:inherit;font-size:11px;font-weight:650;line-height:1.1;cursor:pointer}.autocrop-mode-btn:hover{border-color:#c084fc6b;background:#8b5cf61a;color:#f4f4f8e6}.autocrop-mode-btn.active{border-color:#c084fc9e;background:#8b5cf62e;color:#d8c7fd}.autocrop-mode-btn:disabled{opacity:.58;cursor:wait}.autocrop-badge--on .autocrop-badge-pill{background:linear-gradient(135deg,#818cf82e,#c084fc2e);border:1px solid rgba(192,132,252,.45);color:#d8c7fd}.autocrop-badge--on .autocrop-badge-dot{background:#c084fc;box-shadow:0 0 6px #c084fcb3}.autocrop-badge--off .autocrop-badge-pill{background:#f8717124;border:1px solid rgba(248,113,113,.45);color:#fca5a5}.autocrop-badge--off .autocrop-badge-dot{background:#f87171;box-shadow:0 0 6px #f87171b3}#r-step1.r1 .r1-nav,#r-step2.r2 .r2-nav,#r-step3.r3 .r3-nav,#r-step4.r4 .r4-nav,#r-step5.r5 .r5-nav{justify-content:center}#r-step1.r1 .r1-nav-right,#r-step2.r2 .r2-nav-right,#r-step3.r3 .r-step-actions.r3-nav-right,#r-step4.r4 .r4-nav-right,#r-step5.r5 .r5-nav-right{flex:0 0 auto;width:auto;margin-left:0;justify-content:center}#r-step2.r2 .slot-selector-strip .slot-thumb-btn:nth-child(2):not(.active){box-shadow:0 14px 30px #00000073}#r-step2.r2 .slot-selector-strip .slot-thumb-btn.active{box-shadow:inset 0 0 0 2px #818cf8,inset 0 0 14px #818cf859,0 14px 30px #00000073}#r-step2.r2 .slot-selector-strip .slot-thumb-btn:nth-child(1):not(.active) .slot-thumb-label:after{content:"Before · Ref"}#r-step2.r2 .slot-selector-strip .slot-thumb-btn:nth-child(1).active .slot-thumb-label:after{content:"Before · Editing"}#r-step2.r2 .slot-selector-strip .slot-thumb-btn:nth-child(2):not(.active) .slot-thumb-label:after{content:"After · Ref"}#r-step2.r2 .slot-selector-strip .slot-thumb-btn:nth-child(2).active .slot-thumb-label:after{content:"After · Editing"}#r-step2.r2 .slot-selector-strip .slot-thumb-btn:not(.active) .slot-thumb-label{background:#0000008c;color:#ffffffe6;box-shadow:none}#r-step2.r2 .slot-selector-strip .slot-thumb-btn:not(.active) .slot-thumb-label:before{content:none}#r-step2.r2 .slot-selector-strip .slot-thumb-btn.active .slot-thumb-label{background:linear-gradient(135deg,#818cf8bf,#c084fc99);color:#fff;box-shadow:0 0 14px #818cf866}#r-step2.r2 .slot-selector-strip .slot-thumb-btn.active .slot-thumb-label:before{content:"";width:5px;height:5px;border-radius:50%;background:#fff;flex-shrink:0}#r-step2.r2 .slot-selector-strip .slot-thumb-btn:not(.active):after{content:"Ref";background:#0000008c;color:#ffffffe6}#r-step2.r2 .slot-selector-strip .slot-thumb-btn.active:after{content:"Editing";background:linear-gradient(135deg,#818cf8,#c084fc);color:#fff}@media(min-width:768px){#r-step2.r2 .slot-selector-strip .slot-thumb-btn:nth-child(2):not(.active){box-shadow:0 18px 38px #00000080}#r-step2.r2 .slot-selector-strip .slot-thumb-btn.active{box-shadow:inset 0 0 0 3px #818cf8,inset 0 0 22px #818cf866,0 18px 38px #00000080}}@media(min-width:1024px){#r-step2.r2 .slot-selector-strip .slot-thumb-btn:nth-child(2):not(.active){box-shadow:0 20px 44px #00000080}#r-step2.r2 .slot-selector-strip .slot-thumb-btn.active{box-shadow:inset 0 0 0 3px #818cf8,inset 0 0 28px #818cf873,0 20px 44px #00000080}}#r-step2.r2 .slot-selector-strip .slot-thumb-btn:not(.active):hover{border-color:#818cf88c;cursor:pointer}@media(max-width:599px){#r-step2.r2{--r2-phone-gap: clamp(7px, 1.25dvh, 12px);--r2-phone-gap-sm: clamp(4px, .8dvh, 7px);--r2-phone-slot-gap: clamp(6px, 1dvh, 10px);--r2-phone-slot-w: min( calc(100vw - 56px) , clamp(196px, 32dvh, 240px));--r2-phone-slider-gap: clamp(8px, 1.25dvh, 10px)}@media(max-height:700px){#r-step2.r2{--r2-phone-gap: clamp(5px, .9dvh, 8px);--r2-phone-gap-sm: clamp(3px, .6dvh, 5px);--r2-phone-slot-gap: clamp(5px, .8dvh, 7px);--r2-phone-slot-w: min( calc(100vw - 70px) , clamp(168px, 28dvh, 204px));--r2-phone-slider-gap: clamp(7px, 1dvh, 8px)}}#r-step2.r2 .r2-main{padding:0 14px;gap:var(--r2-phone-gap);overflow:hidden}#r-step2.r2 #r-colorPanel.r2-colour-panel,#r-step2.r2 .cp-layout{flex:1 1 auto;min-height:0}#r-step2.r2 .cp-layout{gap:var(--r2-phone-gap)}#r-step2.r2 .cp-controls-pane{gap:var(--r2-phone-gap);min-height:0;flex:1 1 auto;overflow:hidden}#r-step2.r2 .cp-controls-pane>div:first-child{order:0;margin:0!important}#r-step2.r2 .slot-selector-strip{gap:var(--r2-phone-slot-gap);margin:0;padding:0;align-items:center}#r-step2.r2 .slot-selector-strip .slot-thumb-btn{width:var(--r2-phone-slot-w);max-width:var(--r2-phone-slot-w);border-radius:12px}#r-step2.r2 .slot-selector-strip .slot-thumb-btn .slot-thumb-label{padding:3px 9px;bottom:8px;left:10px}#r-step2.r2 .slot-selector-strip .slot-thumb-btn:nth-child(1) .slot-thumb-label:after,#r-step2.r2 .slot-selector-strip .slot-thumb-btn:nth-child(2) .slot-thumb-label:after{font-size:9px}#r-step2.r2 .slot-selector-strip .slot-thumb-btn:after{top:8px;right:8px;padding:3px 8px;font-size:8px}#r-step2.r2 .auto-match-section{order:1;padding:0;background:transparent;border:0;margin:0}#r-step2.r2 #cp-refPicker.ref-picker{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:6px 8px;margin:0;display:flex!important;flex-direction:row;align-items:center;gap:8px;min-width:0}#r-step2.r2 .ref-picker-label{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#ffffff8c;margin:0;flex:0 0 auto;white-space:nowrap}#r-step2.r2 .ref-picker-strip{display:flex;flex:1 1 auto;gap:6px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;min-width:0;-webkit-overflow-scrolling:touch}#r-step2.r2 .ref-picker-strip::-webkit-scrollbar{display:none}#r-step2.r2 .ref-thumb{flex:0 0 auto;width:auto;min-width:0;height:28px;min-height:28px;padding:0 10px 0 6px;border-radius:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);display:inline-flex;align-items:center;gap:6px;margin:0;aspect-ratio:auto;box-shadow:none}#r-step2.r2 .ref-thumb.active{background:linear-gradient(180deg,#818cf82e,#c084fc14);border-color:#818cf8;box-shadow:0 0 0 1px #818cf84d}#r-step2.r2 .ref-thumb img{width:18px;height:18px;border-radius:4px;flex:0 0 auto;object-fit:cover;position:static;display:block}#r-step2.r2 .ref-thumb .ref-thumb-label{position:static;font-size:10px;line-height:1;color:#fff;font-weight:700;letter-spacing:-.01em;padding:0;background:transparent;white-space:nowrap}#r-step2.r2 .r2-actions-rail{order:2;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:var(--r2-phone-gap-sm) 0 0;margin:0 0 var(--r2-phone-gap-sm)}#r-step2.r2 .r2-actions-rail::-webkit-scrollbar{display:none}#r-step2.r2 .r2-actions-rail #cp-matchBtn{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;background:linear-gradient(135deg,#34d39938,#34d39914);border:1px solid rgba(52,211,153,.55);color:#d1fae5;font-size:10px;font-weight:700;letter-spacing:-.01em;white-space:nowrap;box-shadow:none;height:auto;min-height:0;text-transform:none;cursor:pointer;position:relative}#r-step2.r2 .r2-actions-rail #cp-matchBtn:before{width:5px;height:5px;box-shadow:0 0 6px #34d399cc}#r-step2.r2 .r2-actions-rail #cp-undoBtn,#r-step2.r2 .r2-actions-rail #cp-redoBtn,#r-step2.r2 .r2-actions-rail #cp-resetBtn{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;padding:8px 12px;border-radius:999px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:#ffffffd9;font-size:10px;font-weight:600;letter-spacing:-.01em;white-space:nowrap;box-shadow:none;height:auto;min-height:0;text-transform:none;cursor:pointer;margin:0}#r-step2.r2 .r2-actions-rail #cp-resetBtn{color:#ffb4b4d9}#r-step2.r2 .r2-actions-rail #cp-undoBtn:disabled,#r-step2.r2 .r2-actions-rail #cp-redoBtn:disabled{opacity:.35;cursor:default}#r-step2.r2 .color-controls-panel{order:3;padding:0;background:transparent;border:0;margin:0}#r-step2.r2 .color-controls-panel>h3,#r-step2.r2 .color-controls-panel>p{display:none}#r-step2.r2 .color-controls-panel>div[style*=margin-top]{display:none!important}#r-step2.r2 .color-sliders{display:flex;flex-direction:column;gap:var(--r2-phone-slider-gap);padding:0;background:transparent;border:0}#r-step2.r2 .color-slider-group{margin:0;padding:0;background:transparent;border:0;display:block}#r-step2.r2 .color-slider-group>label{display:none}#r-step2.r2 .color-slider-group>.slider-row{display:none}#r-step2.r2 .r2-srow{display:grid;grid-template-columns:minmax(104px,112px) 30px minmax(0,1fr) 30px;gap:6px;align-items:center}#r-step2.r2 .r2-sr-btn{height:32px;border-radius:9px;background:#ffffff12;border:1px solid rgba(255,255,255,.1);color:#fff;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;line-height:1}#r-step2.r2 .r2-sr-mid{position:relative;height:32px;padding:0 7px;border-radius:9px;background:#00000052;border:1px solid rgba(255,255,255,.06);display:grid;grid-template-columns:minmax(58px,1fr) 24px;column-gap:6px;align-items:center;overflow:hidden}#r-step2.r2 .r2-sr-label{grid-column:1;grid-row:1;min-width:0;font-size:8px;color:#ffffff8c;letter-spacing:.1em;text-transform:uppercase;font-weight:600;display:inline-flex;align-items:center;align-self:center;justify-self:start;gap:4px;line-height:1;overflow:hidden;white-space:nowrap}#r-step2.r2 .r2-sr-ico{font-size:10px;color:#ffffffbf;letter-spacing:0;font-style:normal}#r-step2.r2 .r2-sr-value{grid-column:2;grid-row:1;min-width:0;justify-self:end;align-self:center;font-size:11px;color:#fff;font-weight:700;font-variant-numeric:tabular-nums;line-height:1;text-align:right}#r-step2.r2 .r2-sr-mid:after{content:"";position:absolute;left:calc(50% + 3px);top:50%;transform:translate(-50%,-50%);width:2px;height:10px;background:#fff6;border-radius:2px;pointer-events:none;z-index:1}#r-step2.r2 .r2-sr-mid input[type=range].r2-sr-range{grid-column:1;grid-row:1;position:relative;width:100%;min-width:0;height:18px;margin:0;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;z-index:2;align-self:center}#r-step2.r2 .r2-sr-mid input[type=range].r2-sr-range::-webkit-slider-runnable-track{height:4px;background:#ffffff14;border-radius:3px;border:none}#r-step2.r2 .r2-sr-mid input[type=range].r2-sr-range::-moz-range-track{height:4px;background:#ffffff14;border-radius:3px;border:none}#r-step2.r2 .r2-sr-mid input[type=range].r2-sr-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;margin-top:-5px;box-shadow:0 2px 8px #818cf88c,0 0 0 2px #818cf873;cursor:pointer;border:0}#r-step2.r2 .r2-sr-mid input[type=range].r2-sr-range::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:0;box-shadow:0 2px 8px #818cf88c,0 0 0 2px #818cf873;cursor:pointer}#r-step2.r2 .r2-nav{padding:6px 14px 14px;gap:10px}}#r-step1.r1 .r1-logo,#r-step2.r2 .r2-logo,#r-step3.r3 .r3-logo,#r-step4.r4 .r4-logo,#r-step5.r5 .r5-logo{background:transparent;box-shadow:none;border-radius:0;width:76px;height:76px}#r-step1.r1 .r1-logo svg,#r-step2.r2 .r2-logo svg,#r-step3.r3 .r3-logo svg,#r-step4.r4 .r4-logo svg,#r-step5.r5 .r5-logo svg{width:52px;height:52px}.r3-canvas-chip,.r4-canvas-chip,.r5-canvas-chip{display:none!important}#r-cropModal .r-crop-container{width:min(100%,1120px);max-height:94vh}#r-cropModal .r-crop-controls{box-sizing:border-box}#r-cropModal .r-crop-row,#r-cropModal .r-crop-row input[type=range]{min-width:0}#r-cropModal .r-ctrl-btn{flex:0 0 32px;width:32px;min-width:32px;height:32px;min-height:32px}@media(min-width:641px){#r-cropModal.r-crop-modal{padding:10px}#r-cropModal .r-crop-container{display:grid;grid-template-columns:minmax(0,1fr) clamp(244px,24vw,296px);grid-template-rows:auto minmax(300px,1fr) auto;overflow:hidden}#r-cropModal .r-crop-header{grid-column:1 / -1;padding:12px 20px}#r-cropModal .r-crop-wrapper{grid-column:1 / 2;grid-row:2;width:100%;height:auto;min-height:300px;max-height:none;aspect-ratio:auto}#r-cropModal .r-crop-controls{grid-column:2 / 3;grid-row:2;width:auto;padding:12px 14px;border-left:1px solid var(--border-subtle);border-bottom:0;display:flex;flex-direction:column;gap:8px;overflow-y:auto}#r-cropModal .r-crop-actions{grid-column:1 / -1;grid-row:3;padding:10px 20px;border-top:1px solid var(--border-subtle)}#r-cropModal .r-crop-actions .btn{min-height:34px;padding:7px 14px;font-size:13px}#r-cropModal .r-crop-row{flex-wrap:wrap;gap:6px}#r-cropModal .r-crop-row:before{flex:0 0 100%;color:var(--text-secondary);font-size:11px;line-height:1;margin-bottom:-2px}#r-cropModal .autocrop-mode-panel+.r-crop-row:before{content:"Zoom"}#r-cropModal .autocrop-mode-panel+.r-crop-row+.r-crop-row:before{content:"Rotate"}#r-cropModal .r-crop-row input[type=range]{height:30px}#r-cropModal .r-ctrl-btn{flex-basis:30px;width:30px;min-width:30px;height:30px;min-height:30px}#r-cropModal .r-rotate-val{flex:0 0 100%;min-width:0;text-align:left;font-size:11px}#r-cropModal #r-rotate90,#r-cropModal #r-resetCrop,#r-cropModal #r-overlayToggle{width:100%;min-height:31px;margin-top:0!important;padding:5px 10px;font-size:12px;color:var(--accent-1);border-color:var(--border-accent)}#r-cropModal .r-crop-btn-row{display:block;margin-top:0}#r-cropModal .r-overlay-row{align-items:stretch;gap:7px;margin-top:0}}@media(min-width:641px)and (max-width:920px){#r-cropModal .r-crop-container{width:100%;grid-template-columns:minmax(0,1fr) 252px}#r-cropModal .r-crop-controls{padding-inline:12px}#r-cropModal .r-crop-row{gap:8px}#r-cropModal .r-ctrl-btn{flex-basis:30px;width:30px;min-width:30px;height:30px;min-height:30px}}@media(max-width:640px){#r-cropModal .r-crop-container{width:100%;max-height:100%}#r-cropModal .r-ctrl-btn{flex-basis:30px;width:30px;min-width:30px;height:30px;min-height:30px}}/*!
 * Cropper.js v1.6.2
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2024-04-21T07:43:02.731Z
 */.cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;-ms-touch-action:none;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cropper-container img{backface-visibility:hidden;display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-wrap-box,.cropper-canvas,.cropper-drag-box,.cropper-crop-box,.cropper-modal{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-wrap-box,.cropper-canvas{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:#3399ffbf;overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:calc(100% / 3);left:0;top:calc(100% / 3);width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:calc(100% / 3);top:0;width:calc(100% / 3)}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:before,.cropper-center:after{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media(min-width:768px){.cropper-point.point-se{height:15px;width:15px}}@media(min-width:992px){.cropper-point.point-se{height:10px;width:10px}}@media(min-width:1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}