.cpt-page{min-height:100dvh;display:grid;align-content:start;justify-items:center;padding:clamp(28px,7vh,72px) 16px 48px}.cpt-page.center{align-content:center}.cpt-wrap{width:min(640px,100%);display:grid;gap:18px}.cpt-wrap.narrow{width:min(400px,100%)}.cpt-head{display:grid;gap:4px;margin-bottom:6px}.cpt-head h1{font-size:clamp(1.6rem,3vw,2.1rem);line-height:1.1;font-weight:800}.cpt-head p{margin:0;color:var(--muted)}.cpt-back{justify-self:start;font-size:.86rem;color:var(--accent-strong);text-decoration:none;font-weight:600}.cpt-back:hover{text-decoration:underline}.cpt-card{background:var(--raised);border:1px solid var(--line);border-radius:var(--r-c);box-shadow:var(--sh-1);padding:18px 18px 20px;display:grid;gap:14px}.cpt-card h2{font-size:1.05rem}.cpt-card>p,.cpt-note{margin:0;color:var(--muted);font-size:.88rem}.cpt-form{display:grid;gap:12px}.cpt-row{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.cpt-row>.cpt-field{flex:1 1 220px}.cpt-field{display:grid;gap:5px;font-size:.86rem;font-weight:600;color:var(--ink-2)}.cpt-field input{width:100%;font-weight:400;font-size:.95rem;padding:9px 11px;border:1px solid var(--line-2);border-radius:var(--r-b);background:var(--surface);color:var(--ink)}.cpt-field input:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.cpt-acts{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.cpt-msg{margin:0;font-size:.86rem;padding:8px 10px;border-radius:var(--r-b)}.cpt-msg.bad{color:var(--bad);background:var(--bad-soft)}.cpt-msg.ok{color:var(--accent-strong);background:var(--ok-soft)}.cpt-keys{list-style:none;margin:0;padding:0;display:grid;gap:8px}.cpt-key{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-b);flex-wrap:wrap}.cpt-key b{font-weight:600}.cpt-key small{display:block;color:var(--muted);font-size:.8rem}.cpt-code,.cpt-key code{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:.82rem}.cpt-new{display:grid;gap:10px;padding:12px;border:1px solid var(--accent);background:var(--accent-soft);border-radius:var(--r-b)}.cpt-new strong{color:var(--accent-strong)}.cpt-code{margin:0;padding:10px 12px;background:var(--ink);color:var(--bg);border-radius:var(--r-b);overflow-x:auto;white-space:pre;line-height:1.45}.cpt-secret{word-break:break-all;white-space:pre-wrap}.cpt-empty{color:var(--muted);font-size:.88rem;margin:0}.cpt-chip{position:fixed;top:12px;right:14px;z-index:30;display:inline-flex;align-items:center;gap:8px;padding:5px 10px 5px 5px;border:1px solid var(--line);border-radius:999px;background:var(--raised);color:var(--ink-2);font-size:.82rem;font-weight:600;text-decoration:none;box-shadow:var(--sh-1);transition:border-color .15s,background-color .15s}.cpt-chip:hover{border-color:var(--line-2);background:var(--surface)}.cpt-avatar{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-size:.72rem;font-weight:700;letter-spacing:.02em}.cpt-wait{width:7px;height:7px;border-radius:50%;background:var(--gold)}@media (max-width:560px){.cpt-chip .cpt-name{display:none}.cpt-chip{padding-right:5px}}