.ci{gap:22px;max-width:760px;display:grid}.ci-steps{border-bottom:1px solid var(--rule);letter-spacing:.06em;color:var(--muted);gap:22px;margin:0;padding:0 0 14px;font-size:12px;list-style:none;display:flex}.ci-steps .is-current{color:var(--bean);font-weight:700}.ci-sheet{border:1px solid var(--rule);background:var(--softer);gap:18px;padding:22px;display:grid}.ci-sheet[hidden]{display:none}.ci-badge{border:1px solid var(--rule);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);border-radius:999px;justify-self:start;padding:4px 10px;font-size:10px}.ci-lead{letter-spacing:-.01em;margin:0;font-size:22px;font-weight:700}.ci-handoff{gap:18px;display:grid}.ci-block{gap:8px;display:grid}.ci-block h3{margin:0;font-size:15px;font-weight:700}.ci-muted{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.ci-note{border-left:2px solid var(--bean);background:var(--soft);color:var(--muted);margin:0;padding:10px 14px;font-size:12px;line-height:1.55}.ci-status{color:var(--bean);min-height:1em;margin:0;font-size:12px}.ci-details summary{cursor:pointer;color:var(--muted);padding:6px 0;font-size:12px}.ci-details[open]{gap:8px;display:grid}.ci-row{flex-wrap:wrap;gap:10px;display:flex}.ci-thumbs{flex-wrap:wrap;gap:10px;margin:4px 0 0;padding:0;list-style:none;display:flex}.ci-thumbs[hidden]{display:none}.ci-thumbs li{justify-items:center;gap:6px;display:grid;position:relative}.ci-thumbs img{object-fit:cover;border:1px solid var(--rule);border-radius:8px;width:96px;height:96px}.ci-thumbs .ci-thumb-x{border:1px solid var(--rule);background:var(--paper);width:28px;height:28px;color:var(--ink);cursor:pointer;border-radius:50%;font-size:16px;line-height:1;position:absolute;top:-8px;right:-8px}.ci-open{flex-wrap:wrap;align-items:center;gap:8px 14px;display:flex}.ci-open[hidden]{display:none}.ci-link{color:var(--bean);padding:6px 0;font-size:13px;font-weight:700;text-decoration:none}.ci-link:hover{text-decoration:underline}.ci-btn.is-ready{box-shadow:0 0 0 3px color-mix(in srgb, var(--bean) 35%, transparent)}.ci-label{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:11px}.ci-code{box-sizing:border-box;border:1px solid var(--rule);background:var(--paper);width:100%;color:var(--ink);font:12px/1.5 var(--font-mono);resize:vertical;border-radius:8px;padding:12px 14px}.ci-code:focus{border-color:var(--bean);outline:none}.ci-error{color:var(--alert);margin:0;font-size:13px;line-height:1.5}.ci-error[hidden]{display:none}.ci-actions{border-top:1px solid var(--rule);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding-top:14px;display:flex}.ci-actions>:only-child{margin-left:auto}.ci-btn{border:1px solid var(--rule);min-height:44px;color:var(--ink);font:700 13px var(--font-mono);cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;padding:10px 20px;text-decoration:none;display:inline-flex}.ci-btn.ci-primary{background:var(--ink);border-color:var(--ink);color:var(--paper)}.ci-block .ci-btn{justify-self:start}.ci-actions .ci-primary{margin-left:auto}.ci-btn:disabled{opacity:.5;cursor:progress}.ci-btn[hidden]{display:none}.ci-table-wrap{overflow-x:auto}.ci-table{border-collapse:collapse;width:100%;font-size:13px}.ci-table th,.ci-table td{border-bottom:1px solid var(--rule);text-align:left;vertical-align:top;padding:10px 8px}.ci-table th{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:400}.ci-table td:first-child{color:var(--muted)}.ci-table .is-diff td{color:var(--bean);font-weight:700}.ci-option{border:1px solid var(--rule);cursor:pointer;border-radius:10px;grid-template-columns:auto 1fr;align-items:start;gap:12px;padding:14px 16px;display:grid}.ci-option:has(input:checked){border-color:var(--bean);background:var(--paper)}.ci-option input{accent-color:var(--bean);margin-top:3px}.ci-option>span{gap:4px;display:grid}.ci-option strong{font-size:14px}.ci-weight{gap:6px;margin-top:8px;display:grid}.ci-weight[hidden]{display:none}.ci-weight input{border:0;border-bottom:1px solid var(--bean);width:140px;color:var(--ink);font:700 20px var(--font-mono);background:0 0;padding:8px 0}@media (width>=768px){.ci-sheet{padding:28px 30px}}