.pc-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:16px;background:#000000b8;overscroll-behavior:contain;animation:pc-in .16s ease-out}@keyframes pc-in{0%{opacity:0}to{opacity:1}}.pc-panel{width:100%;max-width:400px;max-height:calc(100vh - 32px);overflow-y:auto;padding:18px 16px 16px;border-radius:18px;background:var(--c-surface);color:var(--c-fg);border:1px solid var(--c-border);box-shadow:0 20px 60px #00000080}.pc-title{margin:0;font-size:16px;font-weight:600}.pc-help{margin:4px 0 0;font-size:12.5px;line-height:1.55;color:var(--c-fg-muted)}.pc-hint{margin:10px 0 0;text-align:center}.pc-stage{position:relative;margin:12px auto;border-radius:12px;background:var(--c-bg);overflow:hidden}.pc-canvas{display:block;touch-action:none;cursor:grab;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.pc-canvas:active{cursor:grabbing}.pc-zoom{display:flex;align-items:center;gap:10px;margin:2px 0 14px}.pc-zoom-label{flex:none;font-size:12px;line-height:1;color:var(--c-fg-dim)}.pc-range{flex:1;height:32px;margin:0;accent-color:var(--c-accent);background:transparent}.pc-actions{display:flex;gap:10px;margin-top:4px}.pc-btn{flex:1;min-height:48px;padding:12px 18px;font-size:16px;font-weight:550;border-radius:12px;border:1px solid transparent;cursor:pointer;transition:opacity .15s,transform .06s;font-family:inherit}.pc-btn:active:not(:disabled){transform:scale(.985)}.pc-btn:disabled{opacity:.45;cursor:default}.pc-btn-primary{background:var(--c-accent);color:#fff}.pc-btn-ghost{background:transparent;color:var(--c-fg-muted);border-color:var(--c-border-strong)}.pc-err{margin-top:10px;padding:10px 12px;border-radius:12px;font-size:13.5px;line-height:1.5;background:var(--c-danger-soft);color:var(--c-danger);border:1px solid color-mix(in srgb,var(--c-danger) 30%,transparent)}