:root{--rv-blue: #1246AB;--rv-blue-hover: #0E3A91;--rv-blue-soft: #EEF4FF;--rv-ink: #172033;--rv-slate: #344054;--rv-muted: #667085;--rv-warm-white: #FBFAF6;--rv-stone: #F6F3ED;--rv-stone-strong: #EEE8DC;--rv-line: rgba(23, 32, 51, .1)}.rv-app{min-height:100dvh;display:flex;flex-direction:column;background:var(--rv-warm-white);color:var(--rv-ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.rv-start{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem 1.25rem;gap:1rem}.rv-start h1{font-size:1.5rem;font-weight:700;color:var(--rv-ink)}.rv-start p{color:var(--rv-muted);max-width:32rem}.rv-capture-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:3.25rem;padding:0 1.75rem;border-radius:8px;background:var(--rv-blue);color:#fff;font-weight:600;font-size:1.05rem;border:none}.rv-capture-btn:active{background:var(--rv-blue-hover)}.rv-edit{display:flex;flex-direction:column;flex:1;min-height:100dvh}.rv-stage{position:relative;flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#0b0b0b;touch-action:none}.rv-stage canvas{display:block;max-width:100%;height:auto;touch-action:none}.rv-handles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.rv-handle{position:absolute;width:2.75rem;height:2.75rem;margin-left:-1.375rem;margin-top:-1.375rem;border-radius:50%;border:3px solid #fff;background:#1246ab8c;box-shadow:0 0 0 2px #00000059;pointer-events:auto;touch-action:none}.rv-swatch-tray{display:flex;gap:.75rem;overflow-x:auto;padding:.9rem 1rem;background:var(--rv-stone);-webkit-overflow-scrolling:touch}.rv-swatch-btn{flex:0 0 auto;width:3.75rem;height:3.75rem;border-radius:.6rem;border:3px solid var(--rv-stone-strong);background-size:cover;background-position:center;padding:0}.rv-swatch-btn.active{border-color:var(--rv-blue)}.rv-toolbar{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--rv-stone);border-top:1px solid var(--rv-line)}.rv-toolbar button{background:transparent;color:var(--rv-blue);border:1px solid var(--rv-blue);border-radius:8px;padding:.5rem 1.1rem;min-height:2.75rem;font-weight:600}.rv-hint{font-size:.85rem;color:var(--rv-slate);padding:.6rem 1rem 0;text-align:center}@media (min-width: 768px){.rv-stage{border-radius:.75rem}}