.fn-card-design{display:grid;gap:14px;padding:20px}.fn-card-design h2{margin:0}
.fn-card-design-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.fn-card-design-tile{position:relative;display:grid;gap:8px;padding:12px;border:1px solid var(--border);border-radius:14px;background:var(--bg-1,#fff)}
.fn-card-design-tile.is-active{border-color:#1463ff;box-shadow:0 0 0 1px #1463ff33}
.fn-card-design-tile h3{margin:0;font-size:13px}
.fn-card-design-tile p{margin:0;color:var(--text-2);font-size:11px;line-height:1.4}
.fn-card-design-tile button{height:36px;border:1px solid #dce8f8;border-radius:10px;background:#1463ff;color:#fff;font:800 12px/1 Inter,system-ui;cursor:pointer}
.fn-card-design-tile button:disabled{background:#eef2f8;color:#8b98ab;cursor:default}
.fn-card-design-badge{position:absolute;top:10px;right:10px;padding:3px 7px;border-radius:999px;background:#e6f9ef;color:#129456;font-size:9px;font-weight:850}
.fn-card-design-mock{position:relative;height:90px;overflow:hidden;border-radius:10px;background:#e7eef0}
.fn-card-design-mock-map{position:absolute;inset:0;background:linear-gradient(140deg,#dbe6ef,#c9d8e6)}
.fn-card-design-mock-panel{position:absolute;left:8px;right:8px;bottom:8px;display:grid;gap:4px;padding:6px 8px;border-radius:8px;background:#fff;box-shadow:0 4px 10px #17387630}
.fn-card-design-mock-panel b{height:6px;width:60%;border-radius:4px;background:#2b3a55}
.fn-card-design-mock-panel i{height:5px;width:40%;border-radius:4px;background:#c4d2e4}
.fn-card-design-mock--compact_map .fn-card-design-mock{height:66px}
.fn-card-design-mock--floating_details .fn-card-design-mock-panel{left:14px;right:14px;bottom:-6px;border-radius:12px}
.fn-card-design-mock--horizontal_map .fn-card-design-mock-map{right:52%}
.fn-card-design-mock--horizontal_map .fn-card-design-mock-panel{left:52%;top:8px;bottom:8px}