.ws-area{width:min(600px,94vw);max-height:88dvh;display:flex;flex-direction:column;background:var(--surface);border-radius:var(--radius-l);box-shadow:var(--shadow-raised);overflow:hidden}.ws-area-h{gap:var(--space-2);padding:var(--space-3) var(--space-3) var(--space-2) var(--space-4);font-weight:700;border-bottom:1px solid var(--border)}.ws-area-b,.ws-area-h{display:flex;align-items:center}.ws-area-b{flex:1 1 auto;min-height:0;overflow-y:auto;padding:var(--space-4);flex-direction:column;gap:var(--space-3)}.ws-area-box{position:relative;display:inline-block;max-width:100%;border-radius:var(--radius-s);overflow:hidden;border:1px solid var(--border);background:var(--n-050);user-select:none;-webkit-user-select:none}.ws-area-box img{display:block;max-width:100%;max-height:56dvh;border-radius:0;box-shadow:none;pointer-events:none}.ws-area-frame{border:2px solid var(--accent);box-shadow:0 0 0 9999px var(--accent-subtle);cursor:move}.ws-area-dot,.ws-area-frame{position:absolute;touch-action:none}.ws-area-dot{width:28px;height:28px;border-radius:50%;background:var(--surface);border:2px solid var(--accent);box-shadow:var(--shadow-card);cursor:grab}.ws-area-dot.tl{top:-14px;left:-14px}.ws-area-dot.tr{top:-14px;right:-14px}.ws-area-dot.bl{bottom:-14px;left:-14px}.ws-area-dot.br{bottom:-14px;right:-14px}.ws-area-hint{font-size:var(--text-sm);color:var(--text-muted);text-align:center}.ws-area-f{flex:none;display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4) calc(var(--space-4) + env(safe-area-inset-bottom));border-top:1px solid var(--border)}.ws-area-f .ws-btn{flex:1 1}.ws-gate-b{align-items:stretch}.ws-gate-t{margin:0;font-size:var(--text-base);line-height:1.5;color:var(--text)}