.card-canvas{display:block;width:100%;height:auto;aspect-ratio:2 / 3;border-radius:14px;background:#f3ece6;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.card-steps{display:flex;flex-wrap:wrap;gap:8px 18px;margin:0 0 22px;padding:0;list-style:none;color:var(--sf-muted);font-size:14px}.card-steps li{display:inline-flex;align-items:center;gap:6px}.card-steps svg{color:var(--sf-brand, #c2255c)}.card-gallery{padding-block:8px 64px}.card-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.card-filters button{min-height:40px;padding:0 16px;border:1px solid var(--sf-line);border-radius:999px;background:#fff;font:inherit;font-size:14px;font-weight:600;cursor:pointer}.card-filters button[aria-pressed=true]{color:#fff;border-color:transparent;background:var(--sf-brand-gradient, #c2255c)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(240px,44vw),1fr));gap:clamp(14px,3vw,26px);margin:0;padding:0;list-style:none}.card-tile a{display:grid;gap:10px;color:inherit;text-decoration:none}.card-tile-art{border-radius:16px;overflow:hidden;box-shadow:0 18px 40px -22px #3214238c;transition:transform .2s ease}.card-tile a:hover .card-tile-art,.card-tile a:focus-visible .card-tile-art{transform:translateY(-4px)}.card-tile-loading{display:block;width:100%;aspect-ratio:2 / 3;border-radius:14px;background:linear-gradient(100deg,#f3ece6 30%,#fbf6f1,#f3ece6 70%);background-size:300% 100%;animation:card-shimmer 1.4s linear infinite}@keyframes card-shimmer{to{background-position:-150% 0}}.card-tile-meta{display:grid;gap:2px}.card-tile-meta strong{font-size:16px}.card-tile-meta span{color:var(--sf-muted);font-size:13px}.card-tile-meta em{font-style:normal;font-weight:700;color:var(--sf-brand, #c2255c)}.card-empty{color:var(--sf-muted)}.card-editor{padding-block:18px 72px}.card-back{display:inline-flex;align-items:center;gap:6px;margin-bottom:14px;color:var(--sf-muted);text-decoration:none;font-size:14px}.card-editor-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,5vw,64px);align-items:start}.card-editor-preview{position:sticky;top:16px;max-width:460px;width:100%;justify-self:center}.card-final{display:block;width:100%;height:auto;border-radius:14px;box-shadow:0 24px 50px -26px #32142399}.card-preview-note{display:flex;align-items:center;justify-content:center;gap:6px;margin:10px 0 0;color:var(--sf-muted);font-size:13px}.card-editor-panel h1{margin:4px 0 6px;font-size:clamp(34px,4.5vw,52px);line-height:1.05}.card-lede{margin:0 0 18px;color:var(--sf-muted)}.card-form fieldset{display:grid;gap:14px;margin:0;padding:0;border:0;min-width:0}.card-form legend{margin-bottom:10px;font-weight:800}.card-form label{display:grid;gap:6px;font-size:14px;font-weight:600}.card-form input{box-sizing:border-box;width:100%;min-height:48px;padding:10px 14px;border:1px solid #e2d6dc;border-radius:12px;background:#fff;font:inherit;font-weight:400}.card-words{padding:12px 14px;border:1px solid var(--sf-line);border-radius:14px;background:#fffdf9}.card-words summary{display:flex;align-items:center;gap:6px;font-weight:700;cursor:pointer}.card-words[open]{display:grid;gap:12px}.card-pay{width:100%;min-height:54px;margin-top:18px;font-size:17px}.card-note{margin:10px 0 0;color:var(--sf-muted);font-size:13px;text-align:center}.card-error{margin:14px 0 0;padding:10px 14px;border-radius:12px;color:#8a1c14;background:#fdecea}.card-done{margin-bottom:22px;padding:18px;border-radius:18px;background:#eef8f1}.card-done-title{display:flex;align-items:center;gap:8px;margin:0 0 14px;color:#116a3c;font-weight:800}.card-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.card-actions .sf-button{justify-content:center}@media(max-width:860px){.card-editor-layout{grid-template-columns:minmax(0,1fr)}.card-editor-preview{position:static;max-width:340px}}@media(prefers-reduced-motion:reduce){.card-tile-loading{animation:none}}