.notebook-3d-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;background-color:#000000bf;animation:fadeIn .2s ease-out}.notebook-3d-modal{position:fixed;top:24px;right:24px;bottom:24px;left:24px;z-index:1200;display:flex;align-items:center;justify-content:center;animation:scaleIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.notebook-3d-modal-inner{width:100%;height:100%;background-color:#fff;border-radius:12px;box-shadow:0 25px 50px -12px #00000080;display:flex;flex-direction:column;overflow:hidden}.notebook-3d-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:2px solid #e5e7eb;background-color:#f9fafb}.notebook-3d-modal-title{font-size:20px;font-weight:700;color:#111827}.notebook-3d-modal-close{color:#6b7280;background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.notebook-3d-modal-close:hover{color:#111827;background-color:#e5e7eb}.notebook-3d-modal-content{flex:1;overflow:hidden;background:linear-gradient(to bottom right,#f9fafb,#f3f4f6)}@media (max-width: 768px){.notebook-3d-modal{top:0;right:0;bottom:0;left:0}.notebook-3d-modal-inner{border-radius:0}.notebook-3d-modal-header{padding:16px}.notebook-3d-modal-title{font-size:18px}}