[hidden]{display:none!important}.editor-tabs{display:flex;gap:8px;border-bottom:1px solid #dde3ea;margin:0 0 22px}.editor-tabs button{font:inherit;font-weight:800;border:0;background:none;color:#52677a;padding:12px 14px;border-bottom:3px solid transparent;cursor:pointer}.editor-tabs button[aria-selected=true]{color:#1565c0;border-bottom-color:#1565c0}.style-layout{display:grid;grid-template-columns:1fr 300px;gap:28px}.style-controls{display:grid;gap:14px;align-content:start}.image-control{display:flex;gap:14px;align-items:center;border-bottom:1px solid #e5e7eb;padding-bottom:14px}.image-control>div{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.image-control strong{width:100%}.image-thumb{width:56px;height:56px;object-fit:cover;border-radius:12px}.logo-thumb{object-fit:contain}.upload-label{position:relative;font-size:14px;padding:9px 12px!important;overflow:hidden}.upload-label input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.upload-label:focus-within{outline:3px solid #1565c0;outline-offset:3px}.text-button{border:0;background:none;color:#1565c0;text-decoration:underline;font:inherit;font-size:14px;cursor:pointer;padding:6px 0;text-align:left}.text-button:disabled{color:#52677a;cursor:default}.image-hint{font-size:12px;color:#52677a;margin:0}.color-controls{display:grid;grid-template-columns:1fr 1fr;gap:16px}.color-controls label,.background-label,#background-custom{display:grid;gap:6px;font-weight:700}.style-controls input[type=color]{width:100%;height:44px;padding:4px;cursor:pointer}.preview-column{align-self:start}.mini-card{border:1px solid #dde3ea;border-top:6px solid #1565c0;border-radius:18px;padding:24px;background:#eef5fb;text-align:center;overflow-wrap:anywhere;color:#0d1b2a}.mini-card h3{font-size:22px;margin:16px 0 8px}.mini-card p{font-size:14px;margin:6px 0}.mini-card>img{max-width:130px;max-height:48px;object-fit:contain;margin-bottom:16px}.mini-card #preview-highlight{display:block;height:4px;width:38px;margin:0 auto 14px;border-radius:9px}#preview-avatar{width:76px;height:76px;border-radius:18px;margin:auto;display:grid;place-items:center;font-size:24px;font-weight:800;overflow:hidden}#preview-avatar img{width:100%;height:100%;object-fit:cover}#preview-button{display:block;padding:10px;border-radius:8px;margin:20px 0;font-size:14px;font-weight:800}.mini-card small{font-size:11px;color:#334155}.owner-save-bar{position:sticky;bottom:0;background:#fff;padding:14px 0 6px;margin-top:22px;border-top:1px solid #dde3ea;z-index:5;align-items:center}.owner-save-bar #unsaved{font-size:13px;color:#52677a}.more-options{margin-left:auto;position:relative}.more-options summary{cursor:pointer;font-size:14px;color:#52677a;padding:10px}.more-options>div{position:absolute;bottom:100%;right:0;background:#fff;padding:10px;box-shadow:0 6px 24px #0d1b2a26;border:1px solid #dde3ea;border-radius:12px;min-width:200px;display:grid;gap:8px}#preview-mobile{display:none}#crop-dialog{max-width:420px;width:calc(100% - 28px);border:1px solid #dde3ea;border-radius:20px;padding:24px}#crop-dialog::backdrop{background:#0d1b2a99}.crop-content{display:grid;gap:12px}.crop-content h2{font-size:22px!important}.crop-content label{display:grid;gap:4px}.crop-content input{padding:0}#crop-canvas{width:256px;height:256px;max-width:100%;margin:auto;background:repeating-conic-gradient(#e5e7eb 0% 25%,#fff 0% 50%) 50%/20px 20px;outline:1px solid #dde3ea}.crop-actions{display:flex;justify-content:flex-end;gap:10px}.crop-content p{font-size:12px;color:#52677a;margin:0}@media(max-width:700px){.style-layout{grid-template-columns:1fr}.preview-column>.summary-label{display:none}#preview-mobile{display:inline-flex;margin-bottom:12px}.mini-card{display:none}.mini-card.mobile-open{display:block;max-width:340px;margin:auto}.owner-save-bar{display:flex;flex-wrap:wrap}.owner-save-bar #save{width:auto}.more-options{margin-left:auto}.editor-tabs button{font-size:14px;padding:10px}.crop-content{gap:8px}.workspace-head{gap:14px}}
.preview-column{padding:12px;border-radius:18px}.mini-card h3{color:#0d1b2a}#card-editor-fields{border:0;padding:0;margin:0;min-width:0}.named-color-chip{height:10px;border-radius:8px;border:1px solid #cbd5e2}.custom-colors{border:1px solid #dde3ea;border-radius:10px;padding:10px 14px}.custom-colors summary{cursor:pointer;font-weight:700;color:#52677a;font-size:14px}.custom-colors p{font-size:12px;color:#52677a}.custom-colors input:not([type=color]){font-size:14px;padding:8px}