.ak-pair{--ak-line:#C9873C;position:relative;overflow:hidden;background:#ddd;touch-action:pan-y;cursor:ew-resize;user-select:none;-webkit-user-select:none}.ak-pair img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.ak-pair .ak-b{clip-path:inset(0 0 0 var(--x,100%))}.ak-pair .ak-h{position:absolute;top:0;bottom:0;left:var(--x,100%);width:2px;margin-left:-1px;background:var(--ak-line);box-shadow:0 0 14px rgba(201,135,60,.8);z-index:3;pointer-events:none}.ak-pair .ak-h::after{content:"";position:absolute;top:50%;left:50%;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;border:1.5px solid #fff;background:rgba(12,10,8,.35);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.ak-pair .ak-h::before{content:"";position:absolute;top:50%;left:50%;width:12px;height:6px;margin:-3px 0 0 -6px;border-left:2px solid #fff;border-right:2px solid #fff;z-index:2}.ak-tag{position:absolute;z-index:4;bottom:12px;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;background:rgba(12,10,8,.72);color:#EFEAE1;padding:6px 9px;font-variant-numeric:tabular-nums;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);pointer-events:none;transition:opacity .3s}.ak-tag.l{left:12px}.ak-tag.r{right:12px}.ak-tag i{font-style:normal;color:#C9873C;margin-right:6px}.ak-pv{position:absolute;z-index:4;top:12px;right:12px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;background:rgba(255,255,255,.86);color:#241F1A;padding:5px 8px;pointer-events:none}.ak-build{position:relative;overflow:hidden;background:#E5E3E6}.ak-build img,.ak-build canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.ak-build .ak-p{opacity:0;transition:opacity var(--t-image,.7s) var(--ease-room,cubic-bezier(.2,.7,.1,1))}.ak-build.done .ak-p{opacity:1}.ak-build canvas{pointer-events:none;transition:opacity .5s}.ak-build.done canvas{opacity:0}.ak-hoop{position:relative;width:min(100%,400px);aspect-ratio:1;margin:0 auto}.ak-bead{position:absolute;width:6.6%;aspect-ratio:1;border-radius:50%;background:var(--c);transform:translate(-50%,-50%);border:0;padding:0;cursor:pointer;box-shadow:0 0 0 1px rgba(0,0,0,.14);transition:transform .2s,box-shadow .2s}.ak-bead:hover{transform:translate(-50%,-50%) scale(1.35)}.ak-bead[aria-pressed=true]{box-shadow:0 0 0 2px var(--ak-bg,#F2EEE7),0 0 0 3.5px var(--ak-ink,#241F1A);transform:translate(-50%,-50%) scale(1.28)}.ak-core{position:absolute;inset:18%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:3px}.ak-core b{font-size:26px;font-weight:600;letter-spacing:-.02em;line-height:1}.ak-core span{font-size:12.5px;color:var(--ak-ink2,#6A6158);line-height:1.3;max-width:22ch}.ak-core em{font-style:normal;font-size:13px;margin-top:6px}.ak-core s{color:var(--ak-ink2,#6A6158)}.ak-ring{position:absolute;inset:-1.5%;border-radius:50%;pointer-events:none}.ak-ring circle{fill:none;stroke:var(--ak-ink,#241F1A);stroke-width:.35;stroke-dasharray:.6 1.4;opacity:.45}.ak-ring .sw{stroke:var(--accent,#C9873C);stroke-width:.9;stroke-dasharray:none;opacity:1;transform-origin:50% 50%;transition:stroke-dashoffset .3s}.mockbar{background:#000;color:#A79E92;font:11px/1.4 "Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;padding:8px 16px;display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.mockbar b{color:#C9873C;font-weight:600}.mockbar a{color:#EFEAE1}@media (prefers-reduced-motion:reduce){.ak-build .ak-p,.ak-build canvas,.ak-tag{transition:none}}.ak-wd{display:grid;grid-template-columns:auto minmax(0,1fr);background:var(--ak-bg,#F2EEE7);color:var(--ak-ink,#241F1A)}.ak-wd-stage{position:relative;height:min(calc(100vh - 110px),820px);aspect-ratio:4/5;max-width:56vw}.ak-wd-stage .ak-build{position:absolute;inset:0}.ak-wd-panel{padding:26px clamp(16px,3vw,44px);display:flex;flex-direction:column;gap:18px;min-width:0}.ak-wd-who{display:flex;border:1px solid var(--ak-ink,#241F1A);align-self:flex-start}.ak-wd-who button{padding:10px 16px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:600}.ak-wd-who button[aria-pressed=true]{background:var(--ak-ink,#241F1A);color:var(--ak-bg,#F2EEE7)}.ak-wd-foot{margin-top:auto;display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center;justify-content:space-between}@media (max-width:900px){.ak-wd{grid-template-columns:1fr}.ak-wd-stage{height:auto;width:100%;max-width:none}.ak-wd-panel{padding:18px 16px 24px}}