.v2v{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(320px,1fr);gap:16px;align-items:stretch}.v2v-canvas{padding:clamp(16px,1.6vw,24px);display:grid;min-height:480px}.v2v-empty{display:grid;grid-template-rows:1fr auto;gap:16px}.v2v-drop{display:grid;place-content:center;justify-items:center;gap:10px;text-align:center;min-height:300px;border:1.5px dashed rgba(22,20,15,.28);border-radius:var(--r-lg);background:#fff6;cursor:pointer;transition:border-color .3s,background .3s,transform .35s var(--ease-spring)}.v2v-drop:hover,.v2v-drop.over{border-color:var(--ink);background:#ffffffbf}.v2v-drop.over{transform:scale(1.006)}.v2v-drop-ico{width:62px;height:62px;border-radius:50%;background:var(--ink);display:grid;place-items:center;margin-bottom:6px;transition:transform .4s var(--ease-spring)}.v2v-drop:hover .v2v-drop-ico{transform:translateY(-4px) scale(1.05)}.v2v-drop-ico svg{width:24px;height:24px;stroke:#fff;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.v2v-drop strong{font-size:17px;font-weight:700;letter-spacing:-.01em}.v2v-drop .sub{font-size:12.5px;color:var(--muted);font-weight:500}.v2v-samplebar{display:grid;gap:10px}.v2v-samplebar-title{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.v2v-samples{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.v2v-sample{position:relative;border-radius:var(--r-md);overflow:hidden;aspect-ratio:16 / 9;transition:transform .4s var(--ease-spring),box-shadow .4s var(--ease-smooth)}.v2v-sample:hover{transform:translateY(-3px);box-shadow:var(--shadow-float)}.v2v-sample img{width:100%;height:100%;object-fit:cover}.v2v-sample span{position:absolute;left:8px;bottom:8px;background:#ffffffe6;backdrop-filter:blur(6px);border-radius:var(--r-pill);padding:5px 11px;font-size:11px;font-weight:700}.v2v-stagewrap{display:grid;place-items:center}.v2v-stage,.v2v-compare{position:relative;max-width:100%;border-radius:var(--r-lg);overflow:hidden;box-shadow:0 18px 50px -18px #16140f59;user-select:none;-webkit-user-select:none}.v2v-stage img,.v2v-compare>img{display:block;max-width:100%;max-height:min(64vh,680px);width:auto;height:auto;-webkit-user-drag:none}.v2v-stage.drawable{cursor:crosshair;touch-action:none}.v2v-rect{position:absolute;border:1.5px solid #fff;outline:1px solid rgba(0,0,0,.45);box-shadow:0 0 0 9999px #14120e57;cursor:grab;border-radius:6px}.v2v-rect:active{cursor:grabbing}.v2v-rect-tag{position:absolute;top:-34px;left:50%;translate:-50% 0;white-space:nowrap;background:#fff;color:var(--ink);font-size:11.5px;font-weight:700;padding:6px 12px;border-radius:var(--r-pill);box-shadow:0 8px 22px -8px #16140f66;pointer-events:none}.v2v-face{position:absolute;bottom:10px;left:50%;translate:-50% 0;z-index:2}.v2v-face-btn{display:inline-flex;align-items:center;gap:7px;background:#fff;color:var(--ink);font-size:12px;font-weight:700;padding:8px 14px;border-radius:var(--r-pill);box-shadow:0 8px 22px -8px #16140f66;white-space:nowrap;transition:transform .3s var(--ease-spring)}.v2v-face-btn:hover{transform:translateY(-2px)}.v2v-face-btn svg{width:12px;height:12px;stroke:var(--muted);fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.v2v-face-menu{position:absolute;bottom:calc(100% + 8px);left:50%;translate:-50% 0;background:#ffffffeb;backdrop-filter:blur(16px) saturate(1.5);border:1px solid rgba(255,255,255,.85);border-radius:var(--r-md);box-shadow:0 20px 50px -16px #16140f73;padding:6px;display:grid;gap:2px;min-width:170px}.v2v-face-menu button{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;font-weight:600;color:var(--ink-60);padding:10px 12px;border-radius:10px;white-space:nowrap;transition:background .2s,color .2s}.v2v-face-menu button:hover{background:#f1eee9;color:var(--ink)}.v2v-face-menu button.on{color:var(--ink);background:#f4f1ec}.v2v-handle{position:absolute;width:15px;height:15px;background:#fff;border:2px solid var(--ink);border-radius:50%}.v2v-handle.nw{top:-8px;left:-8px;cursor:nwse-resize}.v2v-handle.se{bottom:-8px;right:-8px;cursor:nwse-resize}.v2v-handle.ne{top:-8px;right:-8px;cursor:nesw-resize}.v2v-handle.sw{bottom:-8px;left:-8px;cursor:nesw-resize}.v2v-hint{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.v2v-hint span{background:#16140fd1;backdrop-filter:blur(6px);color:#fff;font-size:13px;font-weight:600;padding:11px 20px;border-radius:var(--r-pill);animation:v2vfloat 3.2s ease-in-out infinite}@keyframes v2vfloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.v2v-veil{position:absolute;inset:0;background:#16140f47;backdrop-filter:blur(2px) saturate(.9);display:grid;place-items:end center;overflow:hidden}.v2v-scan{position:absolute;inset-inline:0;height:34%;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.3),transparent);animation:v2vscan 2.6s var(--ease-smooth) infinite}@keyframes v2vscan{0%{top:-35%}to{top:100%}}.v2v-progress{margin-bottom:20px;border-radius:var(--r-lg)!important;padding:16px 20px;display:grid;gap:7px;min-width:min(320px,82%);text-align:left}.v2v-progress .step{font-size:13.5px;font-weight:700}.v2v-progress .clock{font-size:11.5px;color:var(--muted);font-weight:500}.v2v-progress .bar{height:4px;border-radius:99px;background:#16140f1a;overflow:hidden;display:block}.v2v-progress .bar span{display:block;height:100%;width:38%;border-radius:99px;background:var(--ink);animation:v2vslide 1.5s ease-in-out infinite}@keyframes v2vslide{0%{margin-left:-40%}to{margin-left:105%}}.v2v-compare{cursor:ew-resize;touch-action:none}.v2v-before{position:absolute;inset:0}.v2v-before img{width:100%;height:100%}.v2v-divider{position:absolute;top:0;bottom:0;width:2px;background:#fff;box-shadow:0 0 14px #0006;translate:-1px 0}.v2v-divider .knob{position:absolute;top:50%;left:50%;translate:-50% -50%;width:44px;height:44px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:15px;box-shadow:0 14px 34px -10px #16140f80}.v2v-tag{position:absolute;top:14px;font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:#16140fbf;color:#fff;padding:7px 12px;border-radius:var(--r-pill);opacity:0;transition:opacity .35s;pointer-events:none}.v2v-tag.left{left:14px}.v2v-tag.right{right:14px}.v2v-tag.show{opacity:1}.v2v-expand{position:absolute;right:14px;bottom:14px;width:44px;height:44px;border-radius:50%;background:#ffffffe0;backdrop-filter:blur(10px);display:grid;place-items:center;box-shadow:0 10px 26px -10px #16140f66;cursor:pointer;transition:transform .35s var(--ease-spring),box-shadow .3s}.v2v-expand:hover{transform:translateY(-2px) scale(1.06)}.v2v-expand svg{width:17px;height:17px;stroke:var(--ink);stroke-width:2;fill:none}.v2v-dock{display:grid;gap:12px;align-content:start}.v2v-flow{padding:10px;display:grid;gap:2px}.v2v-flowstep{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:var(--r-md);font-size:13.5px;font-weight:600;color:var(--muted);transition:background .3s,color .3s}.v2v-flowstep .n{width:30px;height:30px;flex:none;border-radius:50%;display:grid;place-items:center;font-size:11.5px;font-weight:700;border:1.5px solid var(--line);transition:background .3s,color .3s,border-color .3s}.v2v-flowstep em{font-style:normal;font-weight:500;color:var(--muted);font-size:12px}.v2v-flowstep.active{background:#f4f1ec;color:var(--ink)}.v2v-flowstep.active .n{background:var(--ink);border-color:var(--ink);color:#fff}.v2v-flowstep.done{color:var(--ink-60)}.v2v-flowstep.done .n{background:#e7f2ea;border-color:transparent;color:var(--green)}.v2v-flowstep .spin{margin-left:auto;width:16px;height:16px;border-radius:50%;border:2px solid var(--line);border-top-color:var(--ink);animation:v2vspin .8s linear infinite}@keyframes v2vspin{to{transform:rotate(360deg)}}.v2v-error{padding:14px 16px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;font-weight:600;color:var(--sale);background:#fbeeec}.v2v-error button{font-size:18px;color:inherit}.v2v-toggle{display:flex;align-items:flex-start;gap:12px;padding:16px;cursor:pointer;font-size:13.5px;font-weight:700}.v2v-toggle input{position:absolute;opacity:0}.v2v-toggle small{display:block;font-weight:500;color:var(--muted);font-size:12px;margin-top:3px}.v2v-toggle .track{flex:none;width:42px;height:24px;border-radius:99px;background:#e3dfd8;position:relative;transition:background .3s;margin-top:1px}.v2v-toggle .track:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #00000040;transition:translate .3s var(--ease-spring)}.v2v-toggle input:checked+.track{background:var(--ink)}.v2v-toggle input:checked+.track:after{translate:18px 0}.v2v-toggle input:focus-visible+.track{outline:2px solid var(--ink);outline-offset:2px}.v2v-seg{display:grid;grid-template-columns:1fr 1fr;padding:6px;gap:4px}.v2v-seg button{padding:11px 10px;border-radius:var(--r-pill);font-size:13px;font-weight:700;color:var(--muted);transition:background .3s,color .3s}.v2v-seg button.on{background:var(--ink);color:#fff}.v2v-tip{font-size:12.5px;color:var(--muted);font-weight:500;padding-inline:6px}.v2v-actionrow{display:grid;grid-template-columns:1fr 1fr;gap:8px}.v2v-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:var(--r-pill);font-size:14px;font-weight:700;padding:16px 20px;overflow:hidden;transition:transform .35s var(--ease-spring),box-shadow .35s var(--ease-smooth),border-color .25s,color .25s}.v2v-btn.ghost{background:#fff;border:1.5px solid var(--line);color:var(--ink-60)}.v2v-btn.ghost:hover{border-color:var(--ink);color:var(--ink);transform:translateY(-2px)}.v2v-btn.auto{background:#fff;border:1.5px solid var(--amber);color:var(--ink)}.v2v-btn.auto:hover{transform:translateY(-2px);box-shadow:0 16px 36px -14px #f5b32499}.v2v-btn.auto svg{width:17px;height:17px;fill:var(--amber);stroke:none;flex:none}.v2v-btn.auto svg.plus{fill:none;stroke:var(--amber);stroke-width:2.4;stroke-linecap:round}.v2v-btn.primary{background:var(--ink);color:#fff;letter-spacing:.01em}.v2v-btn.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 20px 44px -14px #16140f8c}.v2v-btn.primary:disabled{opacity:.35;cursor:not-allowed}.v2v-btn .sheen{position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.2) 50%,transparent 70%);translate:-110% 0;transition:translate .9s var(--ease-smooth)}.v2v-btn.primary:hover .sheen{translate:110% 0}.v2v-startover{font-size:12.5px;font-weight:600;color:var(--muted);text-decoration:underline;text-underline-offset:3px;justify-self:center;transition:color .25s}.v2v-startover:hover{color:var(--ink)}.v2v-scenes{padding:14px;display:grid;gap:10px}.v2v-scenes .lbl{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.v2v-scenes .tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.v2v-scenes .tile{aspect-ratio:16 / 11;border-radius:10px;overflow:hidden;border:2px solid transparent;opacity:.65;display:grid;place-items:center;background:#f1eee9;transition:opacity .25s,border-color .25s,transform .3s var(--ease-spring)}.v2v-scenes .tile img{width:100%;height:100%;object-fit:cover}.v2v-scenes .tile:hover{opacity:1;transform:translateY(-2px)}.v2v-scenes .tile.current{border-color:var(--ink);opacity:1}.v2v-scenes .tile.upload{border-style:dashed;border-color:#16140f4d}.v2v-scenes .tile.upload:hover{border-color:var(--ink)}.v2v-scenes .tile.upload svg{width:18px;height:18px;stroke:var(--ink-60);fill:none;stroke-width:2.2;stroke-linecap:round}.v2v-pieces{padding:14px;display:grid;gap:10px}.v2v-pieces .lbl{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.v2v-pieces .tiles{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.v2v-pieces .ptile{aspect-ratio:1;min-width:0;border-radius:10px;border:2px solid transparent;background:#f1eee9;opacity:.65;overflow:hidden;padding:6px;transition:opacity .25s,border-color .25s,transform .3s var(--ease-spring)}.v2v-pieces .ptile img{width:100%;height:100%;object-fit:contain}.v2v-pieces .ptile:hover:not(:disabled){opacity:1;transform:translateY(-2px)}.v2v-pieces .ptile.current{border-color:var(--amber);opacity:1}.v2v-pieces .ptile:disabled{cursor:not-allowed}.v2v-dev{display:flex;align-items:center;gap:8px;justify-content:center;opacity:.7;padding-top:2px}.v2v-dev:hover{opacity:1}.v2v-dev .tag{font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#b47d0a;border:1px solid rgba(245,179,36,.5);background:#f5b3241f;padding:2px 7px;border-radius:999px}.v2v-dev .lbl{font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.v2v-dev .seg{display:inline-flex;border:1.5px solid var(--line);border-radius:var(--r-pill);overflow:hidden;background:#fff}.v2v-dev .seg button{font-size:11.5px;font-weight:700;padding:7px 12px;color:var(--muted);transition:background .25s,color .25s}.v2v-dev .seg button:disabled{opacity:.5;cursor:not-allowed}.v2v-dev .seg button.on{background:var(--ink);color:#fff}.v2v-prodchip{display:flex;align-items:center;gap:12px;padding:12px 14px}.v2v-prodchip img{width:52px;height:52px;border-radius:var(--r-md);object-fit:cover;background:#edeae5}.v2v-prodchip b{display:block;font-size:14px;letter-spacing:-.01em}.v2v-prodchip small{font-size:12px;color:var(--muted);font-weight:600}.v2v-strip{display:flex;gap:8px;padding:10px;overflow-x:auto}.v2v-strip button{flex:none;width:54px;height:54px;border-radius:50%;overflow:hidden;border:2px solid transparent;opacity:.6;transition:opacity .25s,border-color .25s,transform .3s var(--ease-spring)}.v2v-strip button:hover{transform:translateY(-2px);opacity:1}.v2v-strip button.current{border-color:var(--ink);opacity:1}.v2v-strip img{width:100%;height:100%;object-fit:cover}@media(max-width:980px){.v2v{grid-template-columns:1fr}.v2v-canvas{min-height:0}.v2v-samples{grid-template-columns:1fr 1fr 1fr}}@media(max-width:640px){.v2v-samples{grid-template-columns:1fr}.v2v-drop{min-height:220px}}