.pk-stack{flex-direction:column;gap:10px;display:flex}.pk-btn-icon{width:18px;height:18px}.pk-visual{border:1px solid var(--border);background:radial-gradient(90% 110% at 50% 0%, color-mix(in oklab, var(--action) 10%, var(--card)) 0%, var(--card) 72%);isolation:isolate;border-radius:20px;place-items:center;height:184px;margin-bottom:22px;display:grid;position:relative;overflow:hidden}.pk-visual:before{content:"";z-index:-1;background-image:radial-gradient(color-mix(in oklab, var(--action) 18%, transparent) 1px, transparent 1.3px);background-size:14px 14px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 70% at 50% 45%,#000 0%,#0000 100%);mask-image:radial-gradient(60% 70% at 50% 45%,#000 0%,#0000 100%)}.pk-rings{z-index:-1;width:100%;height:100%;color:var(--action);position:absolute;inset:0}.pk-rings circle{fill:none;stroke:currentColor}.pk-tile{width:78px;height:78px;color:var(--color-hero-fg);background:linear-gradient(160deg, var(--color-hero-from) 0%, var(--color-hero-mid) 55%, var(--color-hero-to) 100%);box-shadow:inset 0 1px 0 color-mix(in oklab, var(--color-hero-fg) 14%, transparent), 0 0 0 6px color-mix(in oklab, var(--action) 10%, transparent), var(--shadow-lg);border-radius:24px;place-items:center;margin-top:-18px;display:grid;position:relative}.pk-tile>svg{width:40px;height:40px}.pk-tile-badge{border:1px solid var(--border);background:var(--card);width:32px;height:32px;color:var(--action-ink);box-shadow:var(--shadow-md);border-radius:999px;place-items:center;display:grid;position:absolute;bottom:-9px;right:-9px}.pk-tile-badge svg{width:16px;height:16px}.pk-chip{border:1px solid var(--border);background:var(--card);height:30px;box-shadow:var(--shadow-xs);color:var(--foreground);white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:0 12px 0 10px;font-size:12.5px;font-weight:500;display:inline-flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.pk-chip svg{width:15px;height:15px;color:var(--muted-foreground)}.pk-visual[data-chip=none] .pk-tile{margin-top:0}.pk-visual[data-chip=none] .pk-rings{transform:translateY(18px)}.pk-visual[data-state=waiting] .pk-rings circle{animation:pk-ring 2.4s var(--ease-in-out) infinite;transform-origin:50% 45%}.pk-visual[data-state=waiting] .pk-rings circle:nth-child(2){animation-delay:.4s}.pk-visual[data-state=waiting] .pk-rings circle:nth-child(3){animation-delay:.8s}@keyframes pk-ring{0%{opacity:.2;transform:scale(.96)}50%{opacity:1}to{opacity:.2;transform:scale(1.04)}}.pk-live-dot{background:var(--action);border-radius:999px;width:8px;height:8px;position:relative}.pk-live-dot:after{content:"";border-radius:inherit;background:var(--action);opacity:.45;animation:pk-dot 1.6s var(--ease-out) infinite;position:absolute;inset:0}@keyframes pk-dot{to{opacity:0;transform:scale(3)}}.pk-visual[data-state=done]{background:radial-gradient(90% 110% at 50% 0%, color-mix(in oklab, var(--success) 12%, var(--card)) 0%, var(--card) 72%)}.pk-visual[data-state=done]:before{background-image:radial-gradient(color-mix(in oklab, var(--success) 20%, transparent) 1px, transparent 1.3px)}.pk-visual[data-state=done] .pk-rings{color:var(--success)}.pk-visual[data-state=done] .pk-tile{background:var(--success);color:var(--card);box-shadow:0 0 0 6px color-mix(in oklab, var(--success) 14%, transparent), var(--shadow-lg)}.pk-visual[data-state=done] .pk-tile-badge{color:var(--success)}.pk-visual[data-state=error]{background:var(--card)}.pk-visual[data-state=error] .pk-rings{color:var(--muted-foreground)}.pk-visual[data-state=error] .pk-tile{background:var(--secondary);color:var(--muted-foreground);box-shadow:inset 0 0 0 1px var(--border), var(--shadow-sm)}.pk-visual[data-state=error] .pk-tile-badge{color:var(--warning)}@media (max-width:640px){.pk-visual{height:164px;margin-bottom:18px}.pk-tile{border-radius:22px;width:70px;height:70px}.pk-tile>svg{width:36px;height:36px}}@media (prefers-reduced-motion:reduce){.pk-visual[data-state=waiting] .pk-rings circle,.pk-live-dot:after{opacity:0;animation:none}}.pk-avatar{background:linear-gradient(160deg, var(--color-hero-from), var(--color-hero-to));width:48px;height:48px;color:var(--color-hero-fg);letter-spacing:-.01em;box-shadow:0 0 0 4px color-mix(in oklab, var(--action) 12%, transparent);border-radius:999px;flex-shrink:0;place-items:center;font-size:18px;font-weight:600;display:grid;position:relative}.pk-avatar-key{background:var(--card);width:22px;height:22px;color:var(--action-ink);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:999px;place-items:center;display:grid;position:absolute;bottom:-4px;right:-4px}.pk-avatar-key svg{width:12px;height:12px}.pk-option-tile{background:linear-gradient(160deg, var(--color-hero-from), var(--color-hero-to));width:38px;height:38px;color:var(--color-hero-fg);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.pk-option-tile svg{width:20px;height:20px}.pk-methods{border:1px solid var(--border);background:var(--card);border-radius:24px;overflow:hidden}.pk-methods-head{background:var(--card);border-bottom:1px solid var(--border);align-items:center;gap:14px;padding:18px 24px;display:flex}.pk-shield{background:linear-gradient(160deg, var(--color-hero-from), var(--color-hero-to));width:40px;height:40px;color:var(--color-hero-fg);box-shadow:var(--shadow-sm);border-radius:999px;flex-shrink:0;place-items:center;display:grid}.pk-shield svg{width:20px;height:20px}.pk-method{grid-template-columns:44px 1fr auto;gap:4px 16px;padding:20px 24px;display:grid}.pk-method+.pk-method{border-top:1px solid var(--border)}.pk-method-icon{background:var(--card);width:44px;height:44px;color:var(--foreground);box-shadow:inset 0 0 0 1px var(--border);border-radius:999px;place-items:center;display:grid}.pk-method-icon svg{width:20px;height:20px}.pk-method-icon.pk-on{background:var(--action-soft);color:var(--action-ink);box-shadow:none}.pk-method-title{letter-spacing:-.01em;color:var(--foreground);flex-wrap:wrap;align-items:center;gap:8px;font-size:16px;font-weight:500;line-height:1.4;display:flex}.pk-method-desc{max-width:52ch;color:var(--muted-foreground);margin-top:3px;font-size:14px;line-height:1.55}.pk-method-desc b{color:var(--foreground);font-weight:500}.pk-method-action{align-items:flex-start;gap:8px;display:flex}.pk-method-action:empty{display:none}.pk-method-extra{grid-column:2/-1;margin-top:12px}.pk-method-extra:empty{display:none}.pk-fixed{height:36px;color:var(--muted-foreground);white-space:nowrap;align-items:center;gap:6px;font-size:13px;display:inline-flex}.pk-fixed svg{width:14px;height:14px}.pk-sub{background:var(--sunk);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.pk-sub-text{color:var(--muted-foreground);font-size:13.5px;line-height:1.5}.pk-sub-text b{color:var(--foreground);font-size:14px;font-weight:500;display:block}.pk-list{border:1px solid var(--border);background:var(--card);border-radius:16px;margin:0;padding:0;list-style:none;overflow:hidden}.pk-list>li+li{border-top:1px solid var(--border)}.pk-item{flex-wrap:wrap;align-items:center;gap:12px;padding:12px 14px;display:flex;position:relative}.pk-item-icon{width:38px;height:38px;color:var(--action-ink);background:var(--action-soft);border-radius:999px;flex-shrink:0;place-items:center;display:grid}.pk-item-icon svg{width:18px;height:18px}.pk-item-text{flex:1;min-width:0}.pk-item-text b{color:var(--foreground);flex-wrap:wrap;align-items:center;gap:0 8px;font-size:14.5px;font-weight:500;display:flex}.pk-item-text small{color:var(--muted-foreground);font-size:12.5px;display:block}.pk-item.pk-new{background:color-mix(in srgb, var(--action) 6%, var(--card))}.pk-remove-icon{display:none}.pk-confirm{border-top:1px solid var(--border);background:color-mix(in oklab, var(--destructive) 5%, var(--card));padding:14px}.pk-confirm-head{align-items:flex-start;gap:10px;display:flex}.pk-confirm-head p{color:var(--foreground);font-size:14px;line-height:1.55}.pk-confirm-head b{font-weight:600}.pk-confirm-icon{background:color-mix(in oklab, var(--destructive) 12%, var(--card));width:28px;height:28px;color:var(--destructive);border-radius:9px;flex-shrink:0;place-items:center;display:grid}.pk-confirm-icon svg{width:16px;height:16px}.pk-confirm-row{flex-wrap:wrap;justify-content:flex-end;align-items:flex-end;gap:8px;margin-top:12px;display:flex}.pk-confirm-row .pk-grow{flex:1;min-width:200px}.pk-panel{background:var(--sunk);border-radius:16px;margin-bottom:12px;padding:2px 14px 14px}.pk-empty{border:1px dashed color-mix(in oklab, var(--action) 35%, var(--border));background:color-mix(in oklab, var(--action) 4%, var(--card));border-radius:16px;flex-wrap:wrap;align-items:center;gap:14px;padding:16px;display:flex}.pk-empty .pk-option-tile{width:42px;height:42px}.pk-empty-text{min-width:200px;color:var(--foreground);flex:1;font-size:14.5px;font-weight:500}@media (max-width:640px){.pk-methods-head{padding:16px}.pk-method{grid-template-columns:40px 1fr;gap:4px 12px;padding:18px 16px}.pk-method-icon{width:40px;height:40px}.pk-method-action{grid-column:2/-1;margin-top:10px}.pk-method-extra{grid-column:1/-1}.pk-confirm-row .pk-grow{flex-basis:100%}.pk-item{flex-wrap:nowrap;padding:12px}.pk-remove{width:44px;padding:0}.pk-remove-label{display:none}.pk-remove-icon{width:16px;height:16px;color:var(--muted-foreground);display:block}}
