/* Remove the old fixed page fade so only the selected entrance runs. */
html[data-ajmer-motion] .view.active{animation:none!important}
#ajmerMotionSettings{padding:24px;margin-bottom:22px;min-width:0;overflow:hidden;border:1px solid #dbe6f6;border-radius:16px;background:var(--surface)}
.ajmer-motion-heading{display:flex;align-items:flex-start;gap:14px;margin-bottom:22px}
.ajmer-motion-heading>span:first-child{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;flex-shrink:0;background:linear-gradient(135deg,#e8f0ff,#ece7ff);color:#5a63c9;font-size:30px}
.ajmer-motion-heading h2{margin:0 0 7px;font-size:19px;color:var(--ink)}
.ajmer-motion-heading p{margin:0;max-width:680px;font-size:12px;line-height:1.7;color:var(--muted)}
.ajmer-motion-count{margin-left:auto;padding:7px 10px;border:1px solid #e1e8f6;border-radius:20px;background:#f5f8fe;color:#6c7b99;font-size:10px;white-space:nowrap}
.ajmer-motion-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,.4fr);gap:16px;padding:17px;border:1px solid #e0e8f5;border-radius:12px;background:#f7faff;margin-bottom:24px}
.ajmer-motion-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer}
.ajmer-motion-toggle>span{display:grid;gap:6px}
.ajmer-motion-toggle strong{font-size:12px;color:var(--ink)}
.ajmer-motion-toggle small{font-size:11px;color:var(--muted);line-height:1.5}
#ajmerMotionEnabled{appearance:none;position:relative;width:44px;height:25px;margin:0;border:1px solid #cad5e5;border-radius:20px;background:#d4dce9;cursor:pointer;flex-shrink:0}
#ajmerMotionEnabled::after{content:'';position:absolute;left:3px;top:3px;width:17px;height:17px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #22334d22}
#ajmerMotionEnabled:checked{background:#4269cf;border-color:#4269cf}#ajmerMotionEnabled:checked::after{left:22px}
.ajmer-motion-speed{display:grid;gap:7px;font-size:11px;font-weight:700;color:var(--ink);padding-left:16px;border-left:1px solid #e0e8f5}
#ajmerMotionSpeed{width:100%;padding:10px 12px;border:1px solid #d6e0f0;border-radius:8px;background:#fff;color:#39567f;font-size:12px;min-height:40px}
#ajmerMotionSettings fieldset{padding:0;margin:0;border:0;min-width:0}
#ajmerMotionSettings legend{margin-bottom:12px;font-size:12px;font-weight:700;color:var(--ink)}
.ajmer-motion-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.ajmer-motion-choice{display:grid;gap:10px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);min-width:0;cursor:pointer}
.ajmer-motion-choice:has(input:checked){border-color:#4269cf;box-shadow:0 0 0 1px #4269cf;background:#f7faff}
.ajmer-motion-choice-art{display:flex;align-items:center;justify-content:center;gap:5px;position:relative;height:60px;border:1px solid #e1e9f6;border-radius:8px;background:linear-gradient(135deg,#f0f5ff,#f7f9ff);color:#527fcd;overflow:hidden}
.ajmer-motion-choice-art b{font-size:29px;font-weight:500;line-height:1}
.ajmer-motion-choice-art i{position:absolute;right:12px;width:18px;height:4px;background:#a7beec;border-radius:3px;top:23px}.ajmer-motion-choice-art i:last-child{top:33px;width:12px}
[data-motion-choice="fade"] .ajmer-motion-choice-art{background:linear-gradient(90deg,#f7faff,#e7edfc)}
[data-motion-choice="spring"] .ajmer-motion-choice-art,[data-motion-choice="stagger"] .ajmer-motion-choice-art{background:linear-gradient(135deg,#eaf8f1,#f7fcfa);color:#47977b;border-color:#d9eee4}
[data-motion-choice="tilt"] .ajmer-motion-choice-art,[data-motion-choice="unfold"] .ajmer-motion-choice-art{background:linear-gradient(135deg,#f1eaff,#faf7ff);color:#9471c9;border-color:#e7dcf7}
[data-motion-choice="sweep"] .ajmer-motion-choice-art,[data-motion-choice="float"] .ajmer-motion-choice-art{background:linear-gradient(135deg,#e8f7fa,#f4fcfd);color:#4f94a5;border-color:#d7edf2}
.ajmer-motion-choice-name{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--ink);min-width:0}
.ajmer-motion-choice-name input{accent-color:#4269cf;margin:0;flex-shrink:0}
.ajmer-motion-choice-name strong{line-height:1.5;min-width:0}.ajmer-motion-choice-name em{font-style:normal;margin-left:auto;color:#4269cf;visibility:hidden}
.ajmer-motion-choice:has(input:checked) em{visibility:visible}
.ajmer-motion-choice>small{font-size:10px;line-height:1.6;color:var(--muted)}
.ajmer-motion-preview-area{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:22px;align-items:center;margin-top:22px;padding:18px;border:1px solid #e0e8f5;border-radius:12px;background:#f8faff}
.ajmer-motion-preview-copy{display:grid;gap:8px;justify-items:start}.ajmer-motion-preview-copy strong{font-size:12px;color:var(--ink)}.ajmer-motion-preview-copy small{font-size:11px;line-height:1.6;color:var(--muted)}
#ajmerMotionPreview{margin-top:4px;padding:10px 16px;border:1px solid #4269cf;border-radius:9px;background:#4269cf;color:#fff;font-size:12px;font-weight:700;min-height:40px}
#ajmerMotionPreview:disabled{opacity:.5;cursor:default}
.ajmer-motion-demo{height:115px;padding:12px 25px;display:grid;place-items:center;border:1px dashed #cbdaf0;border-radius:9px;background:#edf3ff;overflow:hidden}
#ajmerMotionDemoSurface{width:100%;max-width:200px;padding:13px;border:1px solid #d3dff1;border-radius:9px;background:#fff;box-shadow:0 4px 12px #305caa10;display:grid;gap:9px}
.ajmer-motion-demo-head{display:flex;gap:4px}.ajmer-motion-demo-head i{width:5px;height:5px;border-radius:50%;background:#bdd0ee}
.ajmer-motion-demo-line{display:block;width:64%;height:6px;border-radius:4px;background:#c7d9f5}
.ajmer-motion-demo-blocks{display:flex;gap:6px}.ajmer-motion-demo-blocks i{flex:1;height:25px;border-radius:4px;background:#e9f0fc}.ajmer-motion-demo-blocks i:nth-child(2){background:#e8e5f7}
.ajmer-motion-footer{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;margin-top:18px;font-size:11px;line-height:1.6}.ajmer-motion-footer>span{color:var(--green)}.ajmer-motion-footer small{font-size:10px;color:var(--muted)}
#ajmerMotionSettings :focus-visible,.ajmer-motion-choice:has(input:focus-visible){outline:2px solid #4269cf;outline-offset:3px}
@media(max-width:1100px){.ajmer-motion-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){#ajmerMotionSettings{padding:18px}.ajmer-motion-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ajmer-motion-controls{grid-template-columns:1fr;padding:14px}.ajmer-motion-speed{border-left:0;border-top:1px solid #e0e8f5;padding:14px 0 0}.ajmer-motion-preview-area{grid-template-columns:1fr;padding:14px;gap:16px}.ajmer-motion-heading h2{font-size:17px}.ajmer-motion-count{display:none}.ajmer-motion-demo{height:110px}}
@media(max-width:360px){.ajmer-motion-grid{grid-template-columns:1fr}}