:root{--canvas-guide-accent:var(--pc-brand,#6654df)}
.canvas-library-heading{display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:center;column-gap:18px;row-gap:8px;max-width:100%;min-width:0}
.canvas-library-heading>p{grid-column:1/-1}
.canvas-library-heading>.canvas-library-title{margin:0!important;font-weight:800!important;letter-spacing:-.025em;color:var(--pc-ink,#202238)}
.canvas-feature-guide{display:flex;align-items:center;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0;min-width:0}
.canvas-feature-guide li{display:inline-flex;align-items:center;white-space:nowrap;border-radius:6px;padding:5px 9px;font-size:12px;font-weight:700;line-height:1.5;color:var(--canvas-guide-accent);background:var(--pc-soft,#f1f0fb)}
@media(max-width:640px){.canvas-library-heading{grid-template-columns:1fr;row-gap:9px}.canvas-library-heading>p{grid-column:1}.canvas-feature-guide{grid-column:1;gap:5px}.canvas-feature-guide li{padding:4px 8px;font-size:11px}}

.canvas-action-dock{position:fixed!important;z-index:90!important;left:20px!important;right:20px!important;bottom:20px!important;width:auto!important;justify-content:center!important;transform:none!important}
.canvas-action-toolbar{--canvas-tool-size:64px;--canvas-tool-height:72px;min-width:0!important;max-width:100%!important;height:94px!important;gap:6px!important;padding:10px!important;border-radius:18px!important;flex-wrap:nowrap!important;overflow-x:auto!important;overscroll-behavior-x:contain;scrollbar-width:thin}
.canvas-action-toolbar>button[data-canvas-label]{display:flex!important;flex:0 0 var(--canvas-tool-size)!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:7px!important;width:var(--canvas-tool-size)!important;min-width:var(--canvas-tool-size)!important;height:var(--canvas-tool-height)!important;padding:7px 4px!important;border-radius:12px!important}
.canvas-action-toolbar>button[data-canvas-label] .ant-btn-icon{margin:0!important;line-height:1}
.canvas-action-toolbar>button[data-canvas-label] svg{width:26px!important;height:26px!important}
.canvas-action-toolbar>button[data-canvas-label]::after{content:attr(data-canvas-label);font-family:inherit;font-size:13px;font-weight:750;line-height:1.2;color:inherit;white-space:nowrap}
@media(max-width:2000px){.canvas-zoom-dock{position:fixed!important;left:14px!important;bottom:134px!important}.canvas-action-dock{left:14px!important;right:14px!important;justify-content:center!important}}
@media(max-width:600px){.canvas-action-dock{left:10px!important;right:10px!important;bottom:14px!important}.canvas-action-toolbar{--canvas-tool-size:58px;--canvas-tool-height:66px;height:86px!important;padding:8px!important;gap:5px!important;border-radius:15px!important}.canvas-action-toolbar>button[data-canvas-label] svg{width:24px!important;height:24px!important}.canvas-action-toolbar>button[data-canvas-label]::after{font-size:12px}.canvas-zoom-dock{left:10px!important;bottom:118px!important}}

.canvas-zoom-dock{z-index:85!important}

.canvas-key-entry{display:inline-flex!important;align-items:center;justify-content:center;height:40px;padding:0 17px;border:1px solid var(--pc-brand,#5b4ce2);border-radius:10px;background:linear-gradient(135deg,#6d5df4 0%,#5142d0 100%);color:#fff;box-shadow:0 8px 18px rgba(81,66,208,.24),0 0 0 3px rgba(109,93,244,.12);font-family:inherit;font-size:13px;font-weight:800;line-height:1.2;letter-spacing:.01em;cursor:pointer;white-space:nowrap;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
.canvas-key-entry:hover{background:linear-gradient(135deg,#7b6bff 0%,#5b4ce2 100%);color:#fff;filter:saturate(1.08);box-shadow:0 10px 22px rgba(81,66,208,.32),0 0 0 4px rgba(109,93,244,.16);transform:translateY(-1px)}
.canvas-key-entry:focus-visible{outline:3px solid rgba(255,255,255,.95);outline-offset:2px;box-shadow:0 0 0 5px rgba(109,93,244,.38),0 10px 22px rgba(81,66,208,.32)}
@media (prefers-reduced-motion:reduce){.canvas-key-entry{transition:none}.canvas-key-entry:hover{transform:none}}
.canvas-key-open{overflow:hidden}
.canvas-key-overlay{position:fixed;inset:0;z-index:200;background:rgba(24,25,45,.34);display:grid;place-items:center;padding:20px}
.canvas-key-panel{width:min(680px,100%);max-height:min(760px,calc(100vh - 40px));overflow:auto;background:#fff;border:1px solid var(--pc-line,#e1e5f0);border-radius:18px;padding:24px;box-shadow:0 24px 80px rgba(25,24,52,.2);color:var(--pc-ink,#202238);box-sizing:border-box}
.canvas-key-loading{font-size:14px;color:var(--pc-muted,#60677f);text-align:center}
.canvas-key-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:8px}
.canvas-key-eyebrow{margin:0 0 5px;color:var(--pc-brand,#6654df);font-size:11px;font-weight:800;letter-spacing:.08em}
.canvas-key-panel h2{margin:0;font-size:24px;line-height:1.25;font-weight:800}
.canvas-key-close{width:32px;height:32px;border:0;border-radius:8px;background:transparent;color:var(--pc-muted,#60677f);font-size:25px;line-height:1;cursor:pointer}
.canvas-key-close:hover{background:var(--pc-soft,#f1f0fb);color:var(--pc-brand,#6654df)}
.canvas-key-intro{margin:0 0 18px;color:var(--pc-muted,#60677f);font-size:13px;line-height:1.7}
.canvas-key-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.canvas-key-card{min-width:0;border:1px solid var(--pc-line,#e1e5f0);border-radius:14px;padding:15px;background:#fbfcff}
.canvas-key-card.is-current{border-color:var(--pc-brand,#6654df);box-shadow:0 0 0 2px color-mix(in srgb,var(--pc-brand,#6654df) 12%,transparent)}
.canvas-key-card-title{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:12px}
.canvas-key-card-title strong{font-size:15px;line-height:1.4}
.canvas-key-status{display:inline-flex;align-items:center;border-radius:999px;padding:4px 7px;font-size:11px;font-weight:750;white-space:nowrap}
.canvas-key-status.is-ok{color:#18794e;background:#eaf8f0}.canvas-key-status.is-error{color:#b42318;background:#fff0ef}.canvas-key-status.is-empty{color:#6b7280;background:#f0f2f5}
.canvas-key-mode{display:flex;gap:6px;margin-bottom:11px}.canvas-key-mode-btn:disabled{opacity:.55;cursor:not-allowed}.canvas-key-mode-btn{flex:1;height:32px;border:1px solid var(--pc-line,#e1e5f0);border-radius:8px;background:#fff;color:var(--pc-muted,#60677f);font-size:12px;cursor:pointer}.canvas-key-mode-btn.is-active{border-color:var(--pc-brand,#6654df);background:var(--pc-soft,#f1f0fb);color:var(--pc-brand,#6654df);font-weight:750}
.canvas-key-input-row{display:flex;gap:7px}.canvas-key-input{min-width:0;flex:1;height:38px;border:1px solid var(--pc-line,#e1e5f0);border-radius:8px;padding:0 10px;color:var(--pc-ink,#202238);background:#fff;font:13px/1.2 inherit;box-sizing:border-box}.canvas-key-input:focus{outline:2px solid color-mix(in srgb,var(--pc-brand,#6654df) 25%,transparent);border-color:var(--pc-brand,#6654df)}
.canvas-key-discover{height:38px;padding:0 10px;border:0;border-radius:8px;background:var(--pc-brand,#6654df);color:#fff;font-size:12px;font-weight:750;cursor:pointer;white-space:nowrap}.canvas-key-discover:disabled{opacity:.55;cursor:wait}
.canvas-key-model-label{display:block;margin-top:12px;color:var(--pc-muted,#60677f);font-size:11px}.canvas-key-model{width:100%;height:36px;margin-top:5px;border:1px solid var(--pc-line,#e1e5f0);border-radius:8px;padding:0 8px;color:var(--pc-ink,#202238);background:#fff}.canvas-key-model-empty,.canvas-key-note{margin:10px 0 0;color:var(--pc-muted,#60677f);font-size:11px;line-height:1.6}.canvas-key-remove{margin-top:12px;border:0;background:transparent;color:#b42318;font-size:11px;cursor:pointer;padding:0}.canvas-key-foot{margin:16px 0 0;color:var(--pc-muted,#60677f);font-size:11px;line-height:1.6}
@media(max-width:640px){.canvas-key-entry{height:36px;padding:0 12px;font-size:12px;box-shadow:0 6px 14px rgba(81,66,208,.22),0 0 0 2px rgba(109,93,244,.1)}.canvas-key-overlay{padding:10px}.canvas-key-panel{padding:18px;border-radius:15px}.canvas-key-panel h2{font-size:21px}.canvas-key-body{grid-template-columns:1fr}.canvas-key-input-row{flex-direction:column}.canvas-key-discover{width:100%}}
.canvas-auth-panel{max-width:520px}.canvas-auth-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:6px}.canvas-auth-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border-radius:10px;padding:0 16px;text-decoration:none;font-size:13px;font-weight:800;box-sizing:border-box;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.canvas-auth-primary{border:1px solid var(--pc-brand,#5b4ce2);background:linear-gradient(135deg,#6d5df4 0%,#5142d0 100%);color:#fff;box-shadow:0 8px 18px rgba(81,66,208,.22)}.canvas-auth-secondary{border:1px solid var(--pc-line,#e1e5f0);background:var(--pc-soft,#f1f0fb);color:var(--pc-brand,#6654df)}.canvas-auth-actions a:hover{transform:translateY(-1px);box-shadow:0 10px 20px rgba(81,66,208,.2)}.canvas-auth-actions a:focus-visible{outline:3px solid color-mix(in srgb,var(--pc-brand,#6654df) 32%,transparent);outline-offset:2px}.canvas-auth-foot{margin:16px 0 0;color:var(--pc-muted,#60677f);font-size:12px;line-height:1.7}@media (prefers-reduced-motion:reduce){.canvas-auth-actions a{transition:none}.canvas-auth-actions a:hover{transform:none}}@media(max-width:640px){.canvas-auth-actions{grid-template-columns:1fr}.canvas-auth-actions a{min-height:40px}}

.canvas-key-purchase{display:grid;gap:12px;border:1px solid var(--pc-line,#e1e5f0);border-radius:14px;padding:18px;background:var(--pc-soft,#f7f6ff)}
.canvas-key-purchase h3{margin:0;font-size:18px;line-height:1.5}.canvas-key-purchase p{margin:0;font-size:13px;line-height:1.7}.canvas-key-purchase-price{font-size:24px;color:var(--pc-brand,#6654df)}
.canvas-key-payment-qr{width:240px;max-width:100%;height:auto;background:white;padding:10px;margin:auto;box-sizing:border-box}.canvas-key-payment-qr[hidden]{display:none}.canvas-key-payment-status{overflow-wrap:anywhere}.canvas-key-purchase button{min-height:40px}