@layer base{body{background-color:#f8fafc;color:#0f172a;font-family:Inter,sans-serif}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.safe-zone-box{outline:2px dashed rgba(239,68,68,.7);box-shadow:0 0 0 9999px #0006}.glass-panel{background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.keyframe-marker{width:10px;height:10px;transform:rotate(45deg);background-color:#f59e0b;border:1.5px solid #FFFFFF;box-shadow:0 1px 3px #0000004d;transition:all .15s ease-in-out}.keyframe-marker:hover{transform:rotate(45deg) scale(1.3);background-color:#10b981}