.pc-dialog{--pc-ink:#0d1b2e;--pc-muted:#516274;--pc-line:#e6e7e9;--pc-green:#157e37;--pc-green-dark:#0d5c27;width:min(640px,calc(100vw - 24px));max-height:calc(100dvh - 24px);margin:auto;padding:0;border:none;border-radius:18px;background:#fff;color:var(--pc-ink);font-family:var(--font-sans,system-ui,sans-serif);box-shadow:0 24px 60px rgba(13,27,46,.28);overflow:auto;overscroll-behavior:contain}.pc-dialog::backdrop{background:rgba(13,27,46,.55)}html:has(.pc-dialog[open]){overflow:hidden}.pc-body{display:flex;flex-direction:column;gap:14px;padding:18px 18px calc(18px + env(safe-area-inset-bottom, 0px))}.pc-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.pc-head h2{margin:0 0 4px;font-size:19px;font-weight:700;letter-spacing:-.01em}.pc-head p{margin:0;font-size:13.5px;line-height:1.5;color:var(--pc-muted)}.pc-close{flex:none;width:36px;height:36px;border:1px solid var(--pc-line);border-radius:999px;background:#fff;color:var(--pc-ink);font-size:20px;line-height:1;cursor:pointer}.pc-frame{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:12px;background:#10151c;cursor:grab;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pc-frame:active{cursor:grabbing}.pc-frame:focus-visible{outline:2px solid var(--pc-green);outline-offset:3px}.pc-frame img{top:50%;left:50%;max-width:none;transform-origin:center}.pc-frame img,.pc-guide{position:absolute;pointer-events:none}.pc-guide{inset:0;background:linear-gradient(90deg,transparent calc(33.333% - .5px),rgba(255,255,255,.35) calc(33.333% - .5px),rgba(255,255,255,.35) calc(33.333% + .5px),transparent calc(33.333% + .5px),transparent calc(66.666% - .5px),rgba(255,255,255,.35) calc(66.666% - .5px),rgba(255,255,255,.35) calc(66.666% + .5px),transparent calc(66.666% + .5px)),linear-gradient(180deg,transparent calc(33.333% - .5px),rgba(255,255,255,.35) calc(33.333% - .5px),rgba(255,255,255,.35) calc(33.333% + .5px),transparent calc(33.333% + .5px),transparent calc(66.666% - .5px),rgba(255,255,255,.35) calc(66.666% - .5px),rgba(255,255,255,.35) calc(66.666% + .5px),transparent calc(66.666% + .5px));box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}.pc-fallback{position:absolute;inset:0;display:grid;place-items:center;padding:24px;text-align:center;color:#fff;font-size:14px;line-height:1.5}.pc-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pc-tool{display:inline-grid;place-items:center;width:42px;height:42px;border:1px solid var(--pc-line);border-radius:10px;background:#fff;color:var(--pc-ink);cursor:pointer}.pc-zoom{flex:1 1 180px;display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:var(--pc-muted)}.pc-zoom input{flex:1;accent-color:var(--pc-green);min-height:32px}.pc-reset{border:none;background:none;padding:8px 4px;font:inherit;font-size:13.5px;font-weight:600;color:var(--pc-green);cursor:pointer}.pc-reset:disabled,.pc-tool:disabled{opacity:.45;cursor:default}.pc-btn:focus-visible,.pc-close:focus-visible,.pc-reset:focus-visible,.pc-tool:focus-visible{outline:2px solid var(--pc-green);outline-offset:2px}.pc-actions{display:flex;justify-content:flex-end;gap:10px}.pc-btn{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:10px;padding:13px 22px;background:var(--pc-green);color:#fff;font:inherit;font-size:15px;font-weight:600;cursor:pointer}.pc-btn:hover:not(:disabled){background:var(--pc-green-dark)}.pc-btn:disabled{background:#aab3bc;cursor:not-allowed}.pc-btn--ghost{background:#fff;color:var(--pc-ink);box-shadow:inset 0 0 0 1px var(--pc-line)}.pc-btn--ghost:hover:not(:disabled){background:#f4f5f7}@media (max-width:560px){.pc-dialog{width:100vw;max-width:100vw;margin:auto 0 0;border-radius:18px 18px 0 0}.pc-body{padding:16px 16px calc(16px + env(safe-area-inset-bottom, 0px))}.pc-actions .pc-btn{flex:1}}