.project-animation-modal{position:fixed;inset:0;z-index:12000;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.78);backdrop-filter:blur(4px)}
.project-animation-panel{width:min(94vw,640px);max-height:90vh;overflow:auto;background:#151a22;border:1px solid #3c8eb8;border-radius:12px;color:#eef7ff;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.project-animation-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #293746}.project-animation-header h2{margin:0;font-size:18px}.project-animation-close{border:0;background:transparent;color:#d7e6f1;font-size:23px;cursor:pointer}
.project-animation-body{padding:20px;display:grid;gap:14px}.project-animation-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.project-animation-grid label{display:grid;gap:5px;color:#aec3d3;font-size:12px}.project-animation-grid select{background:#0d1117;border:1px solid #405464;color:#fff;padding:8px;border-radius:5px}.project-animation-status{font-size:13px;color:#b8d9ea}.project-animation-actions{display:flex;gap:10px}.project-animation-actions .btn{flex:1;justify-content:center}.project-animation-preview video{width:100%;background:#000;border-radius:6px}.project-animation-note{font-size:11px;color:#9aaab7;line-height:1.45}
@media(max-width:500px){.project-animation-grid{grid-template-columns:1fr}.project-animation-actions{flex-direction:column}}