.cf{gap:16px}.cf-tabs{align-self:flex-start}.cf-tab{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.cf-notes{gap:4px;max-width:78ch}.cf-flow,.cf-notes{display:flex;flex-direction:column}.cf-flow{gap:20px}.cf-cols{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:20px;align-items:start}.cf-result{position:sticky;top:88px}.cf-options{display:flex;flex-direction:column;gap:16px;border:0;padding:0;margin:0;min-width:0}.cf-options:disabled{opacity:.6}.cf-option{display:flex;flex-direction:column;gap:6px}.cf-hidden{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;pointer-events:none}.cf-file{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.cf-file__text{display:flex;flex-direction:column;gap:2px;min-width:0}.cf-file__name{overflow-wrap:anywhere}.cf-file__meta{font-size:var(--text-sm);color:var(--fg-muted);font-variant-numeric:tabular-nums}.cf-progress{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.cf-progress .ft-progress{width:100%}.cf-compare{margin:0;display:flex;flex-direction:column;gap:8px}.cf-example__title{display:flex;flex-wrap:wrap;gap:6px;font-size:var(--text-sm);color:var(--fg-muted)}.cf-example__title b{color:var(--fg)}.cf-video{width:100%;max-height:520px;border-radius:var(--radius);border:1px solid var(--line);background:#000}.cf-brand{display:flex;flex-direction:column;gap:16px}.cf-brand__tabs{display:flex;gap:8px;flex-wrap:wrap}.cf-stickers{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px;max-height:260px;overflow:auto;padding:2px}.cf-sticker{display:flex;align-items:center;justify-content:center;padding:6px;min-height:44px;border-radius:10px;border:1px solid var(--line);background:color-mix(in oklab,var(--fg) 4%,transparent);cursor:pointer}.cf-sticker:hover{border-color:var(--fg-faint)}.cf-sticker[aria-pressed=true]{border-color:var(--accent-fg);background:var(--accent-soft)}.cf-sticker img{width:100%;height:auto;max-height:36px;object-fit:contain}.cf-custom{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.cf-custom img{max-height:48px;max-width:160px;border-radius:8px;border:1px solid var(--line);background:var(--surface-2)}.cf-custom>div{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1;font-size:var(--text-sm)}.cf-custom span{color:var(--fg-muted)}.cf-brand__controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;align-items:end}.cf-brand__preview{display:flex;flex-direction:column;gap:8px}.cf-brand__head{display:flex;align-items:center;justify-content:space-between;gap:8px}.cf-brand__canvas{width:100%;height:auto;max-height:520px;object-fit:contain;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface-2);touch-action:none;cursor:grab}.cf-brand__canvas:focus-visible{outline:2px solid var(--accent-fg);outline-offset:2px}.cf-brand__loading{padding:40px 12px;text-align:center;color:var(--fg-muted);border-radius:var(--radius);border:1px dashed var(--line)}.cf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}.cf-card{display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);min-width:0}.cf-card.is-selected{border-color:var(--accent-fg)}.cf-card__thumb{display:block;padding:0;border:0;border-radius:8px;overflow:hidden;aspect-ratio:4/3;background:repeating-conic-gradient(color-mix(in oklab,var(--fg) 8%,transparent) 0 25%,transparent 0 50%) 0 0 /14px 14px;cursor:pointer}.cf-card__thumb img{width:100%;height:100%;object-fit:contain;display:block}.cf-card__meta{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.cf-card__name{font-size:var(--text-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.cf-card__error{color:var(--danger);font-size:var(--text-xs);overflow-wrap:anywhere}.cf-card__actions{display:flex;flex-wrap:wrap;gap:6px}@media (max-width:900px){.cf-cols{grid-template-columns:minmax(0,1fr)}.cf-result{position:static}}