.cpt{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}.cpt-compose{box-sizing:border-box;border:1px solid var(--border);background:var(--surface);min-width:0;box-shadow:0 30px 60px -40px color-mix(in srgb, var(--tl) 45%, transparent);border-radius:24px;grid-template-columns:minmax(0,1fr);align-content:start;gap:16px;padding:16px;display:grid}.cpt-stage{background:radial-gradient(closest-side at 38% 32%, color-mix(in srgb, var(--accent) 16%, transparent), transparent), radial-gradient(closest-side at 66% 58%, color-mix(in srgb, var(--accent-2) 13%, transparent), transparent);grid-template-columns:minmax(0,1fr);align-content:start;justify-items:center;gap:20px;min-width:0;padding:8px 0;scroll-margin-top:80px;display:grid}.cpt-compose>.mkt-tool-field:first-child .tc{grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.cpt-compose>.mkt-tool-field:first-child .tc-chip{justify-content:center;padding:0}.cpt-net-name{display:none}.cpt-samples{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cpt-samples>span{width:100%;color:var(--muted,#64748b);font-size:13px;font-weight:700}.cpt-sample{border:1px dashed color-mix(in srgb, var(--tl) 50%, var(--border));background:color-mix(in srgb, var(--tl) 6%, var(--surface));min-height:40px;font:inherit;color:var(--heading);cursor:pointer;border-radius:999px;align-items:center;gap:5px;padding:0 14px;font-size:13.5px;font-weight:600;transition:transform .16s ease-out;display:inline-flex}.cpt-sample svg{color:var(--tl)}.cpt-sample:active{transform:scale(.97)}.cpt-device{--pd-zoom:.5;justify-items:center;display:grid}.cpt-post{color:#0f172a;background:#fff;grid-template-rows:auto auto auto minmax(0,1fr);height:794px;display:grid}.cpt-post-head{align-items:center;gap:12px;padding:12px 20px;font-size:22px;display:flex}.cpt-post-head b{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.cpt-post-avatar{background:linear-gradient(135deg, var(--tl), #f472b6);color:#fff;border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.cpt-post-net{color:#0f172a;display:grid}.cpt-post-media{color:#0f172a59;background:radial-gradient(60% 70% at 30% 30%,#fde68a,#0000 70%),radial-gradient(60% 70% at 80% 80%,#fbcfe8,#0000 70%),#e0e7ff;place-items:center;height:300px;display:grid;position:relative;overflow:hidden}.cpt-post[data-example] .cpt-post-media{aspect-ratio:1;height:auto}.cpt-post-media img{object-fit:cover}.cpt-post-badge{background:var(--accent-2);color:#fff;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:20px;font-weight:800;display:inline-flex;position:absolute;top:16px;left:16px}.cpt-post-actions{gap:20px;padding:16px 20px 8px;display:flex}.cpt-post-actions svg:last-child{margin-left:auto}.cpt-post-text{white-space:pre-line;overflow-wrap:anywhere;margin:0;padding:4px 20px 24px;font-size:24px;line-height:1.45;animation:.32s cubic-bezier(.23,1,.32,1) cpt-in;overflow-y:auto}.cpt-post-tags{color:var(--accent-2);margin-top:16px;font-weight:600;display:block}.cpt-post-type{display:block}.cpt-post-tags i{margin-right:.35em;font-style:normal;display:inline-block}.cpt-post-lines{align-content:start;gap:14px;padding:8px 20px;display:grid}.cpt-post-lines i{background:#e2e8f0;border-radius:8px;height:16px}.cpt-post-lines i:nth-child(2){width:85%}.cpt-post-lines i:nth-child(3){background:color-mix(in srgb, var(--tl) 30%, #e2e8f0);width:55%}.cpt-shimmer i{animation:1.1s ease-in-out infinite cpt-pulse}.cpt-shimmer i:nth-child(2){animation-delay:.15s}.cpt-shimmer i:nth-child(3){animation-delay:.3s}.cpt-out{grid-template-columns:minmax(0,1fr);gap:16px;width:100%;display:grid}.cpt-idle{text-align:center;color:var(--muted,#64748b);margin:0;font-size:14px}.cpt-tags{flex-wrap:wrap;gap:8px;display:flex}.cpt-tag{border:1px solid var(--border);background:var(--surface);min-height:40px;font:inherit;color:var(--muted,#64748b);cursor:pointer;border-radius:999px;align-items:center;gap:4px;padding:0 14px;font-size:13.5px;font-weight:600;text-decoration:line-through;transition:background-color .16s,color .16s,transform .16s ease-out;display:inline-flex}.cpt-tag[aria-pressed=true]{border-color:color-mix(in srgb, var(--accent-2) 35%, transparent);background:var(--accent-2-soft);color:var(--accent-2-ink);text-decoration:none}.cpt-tag:active{transform:scale(.97)}.cpt-meter{--level:#16a34a;font-variant-numeric:tabular-nums;color:var(--level);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;font-size:13px;font-weight:700;display:grid}.cpt-meter[data-level=near]{--level:#d97706}.cpt-meter[data-level=over]{--level:#dc2626}.cpt-meter-bar{background:var(--border);border-radius:4px;height:8px;overflow:hidden}.cpt-meter-bar i{border-radius:inherit;background:var(--level);height:100%;transform:scaleX(var(--fill));transform-origin:0;transition:transform .3s cubic-bezier(.23,1,.32,1);display:block}.cpt-copy{justify-self:start}@keyframes cpt-in{0%{opacity:0;transform:translateY(6px)}}@keyframes cpt-pulse{50%{opacity:.45}}@media (prefers-reduced-motion:no-preference){.cpt-post-demo{animation:none}.cpt-post-type{animation:7s steps(4,end) infinite cpt-type}.cpt-post-demo .cpt-post-tags i{animation:7s cubic-bezier(.34,1.56,.64,1) infinite cpt-tag;animation-delay:calc(var(--k) * .12s)}}@keyframes cpt-type{0%{clip-path:inset(0 0 100%)}40%,to{clip-path:inset(0)}}@keyframes cpt-tag{0%,42%{opacity:0;scale:.8}50%,to{opacity:1;scale:1}}@media (min-width:640px){.cpt-compose>.mkt-tool-field:first-child .tc{grid-template-columns:repeat(3,minmax(0,1fr))}.cpt-net-name{display:inline}}@media (min-width:960px){.cpt{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.cpt-compose{padding:24px}.cpt-device{--pd-zoom:.56}}@media (prefers-reduced-motion:reduce){.cpt-post-text,.cpt-shimmer i{animation:none}.cpt-meter-bar i{transition:none}}