.steps{display:flex;justify-content:center;gap:10px;margin:0 auto 22px;flex-wrap:wrap}.step{background:#e9e1d9;color:#897d72;padding:9px 15px;border-radius:999px;font-size:14px}.step b{display:inline-grid;place-items:center;width:20px;height:20px;background:#fff;border-radius:50%;margin-right:5px}.step.active{color:#fff;background:var(--accent)}.step.active b{color:var(--accent)}.font-input{width:112px;border:1px solid var(--line);border-radius:6px;padding:5px;font:12px inherit;background:#fff}
.preview-card canvas{cursor:zoom-in}.image-dialog{border:0;background:rgba(28,23,20,.94);width:min(94vw,900px);height:min(94vh,1100px);padding:34px 18px 18px}.image-dialog::backdrop{background:rgba(20,16,13,.7)}.image-dialog canvas{display:block;max-width:100%;max-height:calc(100% - 38px);margin:auto;object-fit:contain}.image-dialog button{position:absolute;top:8px;right:12px;border:0;border-radius:50%;width:28px;height:28px;background:#fff;color:#33271f;font-size:22px;line-height:20px;cursor:pointer}.image-dialog p{color:#fff;text-align:center;font-size:12px;margin:9px 0 0}
.text-region[data-type="thought"] .region-copy{border-radius:12px}
.secondary{width:100%;border:1px solid #d6a093;background:#fff8f5;color:var(--accent);font:700 14px inherit;padding:11px 18px;border-radius:9px;cursor:pointer;margin-top:10px}.secondary:hover{background:#f8e8e2}
.template-library{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:-7px 0 16px}.template-library label{font-size:13px;color:var(--muted)}.template-library select{margin-left:5px;border:1px solid var(--line);border-radius:7px;padding:6px;background:#fff}.file-button.compact{padding:7px 10px;font-size:12px}.danger{color:#a24432}