.linked-page-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:8px;box-shadow:0 10px 25px #00000026;z-index:1000;width:70%;max-width:900px;max-height:85vh;display:flex;flex-direction:column}.linked-page-modal.enhanced-modal{max-width:1200px}.linked-page-modal .modal-header{padding:20px;border-bottom:1px solid #e5e7eb}.linked-page-modal .modal-header .header-content{display:flex;align-items:center;justify-content:space-between}.linked-page-modal .modal-header .header-content .modal-title{font-size:18px;font-weight:600;color:#1f2937}.linked-page-modal .modal-header .header-content .design-toggle-btn{display:flex;align-items:center;gap:8px;padding:4px 8px;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;color:#374151;transition:all .2s ease}.linked-page-modal .modal-header .header-content .design-toggle-btn:hover{background:#e5e7eb;border-color:#9ca3af}.linked-page-modal .modal-header .header-content .design-toggle-btn svg{width:16px;height:16px}.linked-page-modal .modal-header .path-navigation{display:flex;align-items:center;font-size:14px;color:#6b7280}.linked-page-modal .modal-header .path-navigation .tab-line{cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .2s}.linked-page-modal .modal-header .path-navigation .tab-line:hover{background-color:#f3f4f6}.linked-page-modal .modal-body{flex:1 1;overflow:auto}.linked-page-modal .modal-body .modal-content-wrapper{display:flex;height:100%}.linked-page-modal .modal-body .modal-content-wrapper .pages-section{flex:1 1;overflow-y:auto;padding:20px}.linked-page-modal .modal-body .modal-content-wrapper .pages-section .showcase_modal_container{min-height:200px}.linked-page-modal .modal-body .modal-content-wrapper .options-sidebar{width:320px;border-left:1px solid #e5e7eb;background:#f9fafb;overflow-y:auto;padding:20px}.linked-page-modal .modal-body .modal-content-wrapper .options-sidebar .design-options-section,.linked-page-modal .modal-body .modal-content-wrapper .options-sidebar .page-metadata-section{margin-bottom:24px}.linked-page-modal .modal-body .modal-content-wrapper .options-sidebar .design-options-section:last-child,.linked-page-modal .modal-body .modal-content-wrapper .options-sidebar .page-metadata-section:last-child{margin-bottom:0}.linked-page-modal .modal-body .modal-content-wrapper .options-sidebar .design-options-section h4,.linked-page-modal .modal-body .modal-content-wrapper .options-sidebar .page-metadata-section h4{margin:0 0 16px;font-size:16px;font-weight:600;color:#1f2937}.linked-page-modal .modal-body .modal-content-wrapper .options-sidebar .design-options-section>label,.linked-page-modal .modal-body .modal-content-wrapper .options-sidebar .page-metadata-section>label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.linked-page-modal .modal-body .modal-content-wrapper .options-sidebar .card-size-selection,.linked-page-modal .modal-body .modal-content-wrapper .options-sidebar .design-type-selection,.linked-page-modal .modal-body .modal-content-wrapper .options-sidebar .width-selection{margin-bottom:20px}.linked-page-modal .modal-body .modal-content-wrapper .options-sidebar .card-size-selection .design-type-buttons,.linked-page-modal .modal-body .modal-content-wrapper .options-sidebar .design-type-selection .design-type-buttons,.linked-page-modal .modal-body .modal-content-wrapper .options-sidebar .width-selection .design-type-buttons{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.linked-page-modal .modal-body .modal-content-wrapper .options-sidebar .card-size-selection .design-type-buttons .design-btn,.linked-page-modal .modal-body .modal-content-wrapper .options-sidebar .design-type-selection .design-type-buttons .design-btn,.linked-page-modal .modal-body .modal-content-wrapper .options-sidebar .width-selection .design-type-buttons .design-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;border:1px solid #d1d5db;border-radius:6px;background:#fff;cursor:pointer;transition:all .2s ease}.linked-page-modal .modal-body .modal-content-wrapper .options-sidebar .card-size-selection .design-type-buttons .design-btn:hover,.linked-page-modal .modal-body .modal-content-wrapper .options-sidebar .design-type-selection .design-type-buttons .design-btn:hover,.linked-page-modal .modal-body .modal-content-wrapper .options-sidebar .width-selection .design-type-buttons .design-btn:hover{border-color:#3b82f6;background-color:#f8fafc}.linked-page-modal .modal-body .modal-content-wrapper .options-sidebar .card-size-selection .design-type-buttons .design-btn.active,.linked-page-modal .modal-body .modal-content-wrapper .options-sidebar .design-type-selection .design-type-buttons .design-btn.active,.linked-page-modal .modal-body .modal-content-wrapper .options-sidebar .width-selection .design-type-buttons .design-btn.active{border-color:#3b82f6;background-color:#eff6ff;color:#3b82f6}.linked-page-modal .modal-body .modal-content-wrapper .options-sidebar .card-size-selection .design-type-buttons .design-btn svg,.linked-page-modal .modal-body .modal-content-wrapper .options-sidebar .design-type-selection .design-type-buttons .design-btn svg,.linked-page-modal .modal-body .modal-content-wrapper .options-sidebar .width-selection .design-type-buttons .design-btn svg{width:18px;height:18px}.linked-page-modal .modal-body .modal-content-wrapper .options-sidebar .card-size-selection .design-type-buttons .design-btn span,.linked-page-modal .modal-body .modal-content-wrapper .options-sidebar .design-type-selection .design-type-buttons .design-btn span,.linked-page-modal .modal-body .modal-content-wrapper .options-sidebar .width-selection .design-type-buttons .design-btn span{font-size:12px;font-weight:500}.linked-page-modal .modal-body .modal-content-wrapper .options-sidebar .card-size-selection .size-buttons,.linked-page-modal .modal-body .modal-content-wrapper .options-sidebar .card-size-selection .width-buttons,.linked-page-modal .modal-body .modal-content-wrapper .options-sidebar .design-type-selection .size-buttons,.linked-page-modal .modal-body .modal-content-wrapper .options-sidebar .design-type-selection .width-buttons,.linked-page-modal .modal-body .modal-content-wrapper .options-sidebar .width-selection .size-buttons,.linked-page-modal .modal-body .modal-content-wrapper .options-sidebar .width-selection .width-buttons{display:flex;gap:4px}.linked-page-modal .modal-body .modal-content-wrapper .options-sidebar .card-size-selection .size-buttons .size-btn,.linked-page-modal .modal-body .modal-content-wrapper .options-sidebar .card-size-selection .size-buttons .width-btn,.linked-page-modal .modal-body .modal-content-wrapper .options-sidebar .card-size-selection .width-buttons .size-btn,.linked-page-modal .modal-body .modal-content-wrapper .options-sidebar .card-size-selection .width-buttons .width-btn,.linked-page-modal .modal-body .modal-content-wrapper .options-sidebar .design-type-selection .size-buttons .size-btn,.linked-page-modal .modal-body .modal-content-wrapper .options-sidebar .design-type-selection .size-buttons .width-btn,.linked-page-modal .modal-body .modal-content-wrapper .options-sidebar .design-type-selection .width-buttons .size-btn,.linked-page-modal .modal-body .modal-content-wrapper .options-sidebar .design-type-selection .width-buttons .width-btn,.linked-page-modal .modal-body .modal-content-wrapper .options-sidebar .width-selection .size-buttons .size-btn,.linked-page-modal .modal-body .modal-content-wrapper .options-sidebar .width-selection .size-buttons .width-btn,.linked-page-modal .modal-body .modal-content-wrapper .options-sidebar .width-selection .width-buttons .size-btn,.linked-page-modal .modal-body .modal-content-wrapper .options-sidebar .width-selection .width-buttons .width-btn{flex:1 1;padding:8px 12px;border:1px solid #d1d5db;border-radius:4px;background:#fff;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s ease}.linked-page-modal .modal-body .modal-content-wrapper .options-sidebar .card-size-selection .size-buttons .size-btn:hover,.linked-page-modal .modal-body .modal-content-wrapper .options-sidebar .card-size-selection .size-buttons .width-btn:hover,.linked-page-modal .modal-body .modal-content-wrapper .options-sidebar .card-size-selection .width-buttons .size-btn:hover,.linked-page-modal .modal-body .modal-content-wrapper .options-sidebar .card-size-selection .width-buttons .width-btn:hover,.linked-page-modal .modal-body .modal-content-wrapper .options-sidebar .design-type-selection .size-buttons .size-btn:hover,.linked-page-modal .modal-body .modal-content-wrapper .options-sidebar .design-type-selection .size-buttons .width-btn:hover,.linked-page-modal .modal-body .modal-content-wrapper .options-sidebar .design-type-selection .width-buttons .size-btn:hover,.linked-page-modal .modal-body .modal-content-wrapper .options-sidebar .design-type-selection .width-buttons .width-btn:hover,.linked-page-modal .modal-body .modal-content-wrapper .options-sidebar .width-selection .size-buttons .size-btn:hover,.linked-page-modal .modal-body .modal-content-wrapper .options-sidebar .width-selection .size-buttons .width-btn:hover,.linked-page-modal .modal-body .modal-content-wrapper .options-sidebar .width-selection .width-buttons .size-btn:hover,.linked-page-modal .modal-body .modal-content-wrapper .options-sidebar .width-selection .width-buttons .width-btn:hover{border-color:#3b82f6;background-color:#f8fafc}.linked-page-modal .modal-body .modal-content-wrapper .options-sidebar .card-size-selection .size-buttons .size-btn.active,.linked-page-modal .modal-body .modal-content-wrapper .options-sidebar .card-size-selection .size-buttons .width-btn.active,.linked-page-modal .modal-body .modal-content-wrapper .options-sidebar .card-size-selection .width-buttons .size-btn.active,.linked-page-modal .modal-body .modal-content-wrapper .options-sidebar .card-size-selection .width-buttons .width-btn.active,.linked-page-modal .modal-body .modal-content-wrapper .options-sidebar .design-type-selection .size-buttons .size-btn.active,.linked-page-modal .modal-body .modal-content-wrapper .options-sidebar .design-type-selection .size-buttons .width-btn.active,.linked-page-modal .modal-body .modal-content-wrapper .options-sidebar .design-type-selection .width-buttons .size-btn.active,.linked-page-modal .modal-body .modal-content-wrapper .options-sidebar .design-type-selection .width-buttons .width-btn.active,.linked-page-modal .modal-body .modal-content-wrapper .options-sidebar .width-selection .size-buttons .size-btn.active,.linked-page-modal .modal-body .modal-content-wrapper .options-sidebar .width-selection .size-buttons .width-btn.active,.linked-page-modal .modal-body .modal-content-wrapper .options-sidebar .width-selection .width-buttons .size-btn.active,.linked-page-modal .modal-body .modal-content-wrapper .options-sidebar .width-selection .width-buttons .width-btn.active{border-color:#3b82f6;background-color:#3b82f6;color:#fff}.linked-page-modal .modal-body .modal-content-wrapper .options-sidebar .card-size-selection .width-buttons,.linked-page-modal .modal-body .modal-content-wrapper .options-sidebar .design-type-selection .width-buttons,.linked-page-modal .modal-body .modal-content-wrapper .options-sidebar .width-selection .width-buttons{flex-direction:column;gap:6px}.linked-page-modal .modal-body .modal-content-wrapper .options-sidebar .card-size-selection .width-buttons .width-btn,.linked-page-modal .modal-body .modal-content-wrapper .options-sidebar .design-type-selection .width-buttons .width-btn,.linked-page-modal .modal-body .modal-content-wrapper .options-sidebar .width-selection .width-buttons .width-btn{text-align:left}.linked-page-modal .modal-body .modal-content-wrapper .options-sidebar .page-metadata-section .metadata-field{margin-bottom:16px}.linked-page-modal .modal-body .modal-content-wrapper .options-sidebar .page-metadata-section .metadata-field:last-child{margin-bottom:0}.linked-page-modal .modal-body .modal-content-wrapper .options-sidebar .page-metadata-section .metadata-field label{display:block;font-size:13px;font-weight:500;color:#374151;margin-bottom:6px}.linked-page-modal .modal-body .modal-content-wrapper .options-sidebar .page-metadata-section .metadata-field .description-input,.linked-page-modal .modal-body .modal-content-wrapper .options-sidebar .page-metadata-section .metadata-field .icon-input,.linked-page-modal .modal-body .modal-content-wrapper .options-sidebar .page-metadata-section .metadata-field .image-input{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:4px;font-size:14px;transition:border-color .2s ease}.linked-page-modal .modal-body .modal-content-wrapper .options-sidebar .page-metadata-section .metadata-field .description-input:focus,.linked-page-modal .modal-body .modal-content-wrapper .options-sidebar .page-metadata-section .metadata-field .icon-input:focus,.linked-page-modal .modal-body .modal-content-wrapper .options-sidebar .page-metadata-section .metadata-field .image-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.linked-page-modal .modal-body .modal-content-wrapper .options-sidebar .page-metadata-section .metadata-field .icon-input{text-align:center;font-size:18px}.linked-page-modal .modal-body .modal-content-wrapper .options-sidebar .page-metadata-section .metadata-field .description-input{resize:vertical;min-height:60px}.linked-page-modal .modal-footer{padding:20px;border-top:1px solid #e5e7eb}.linked-page-modal .modal-footer .footer-content{display:flex;align-items:center;justify-content:space-between}.linked-page-modal .modal-footer .footer-content .selected-page-info .selected-page-name{font-size:14px;font-weight:500;color:#374151;display:flex;align-items:center;gap:8px;margin-right:10px}.linked-page-modal .modal-footer .footer-content .footer-buttons{display:flex;align-items:center;gap:8px}.linked-page-modal .modal-footer .footer-content .btn{padding:10px 20px;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s;font-size:12px}.linked-page-modal .modal-footer .footer-content .btn.btn-primary{background-color:#3b82f6;color:#fff;border:none}.linked-page-modal .modal-footer .footer-content .btn.btn-primary:hover:not(:disabled){background-color:#2563eb}.linked-page-modal .modal-footer .footer-content .btn.btn-primary:disabled{background-color:#9ca3af;cursor:not-allowed}.linked-page-modal .modal-footer .footer-content .btn.btn-outline-primary{background-color:#0000;color:#3b82f6;border:1px solid #3b82f6}.linked-page-modal .modal-footer .footer-content .btn.btn-outline-primary:hover:not(:disabled){background-color:#3b82f6;color:#fff}.linked-page-modal .modal-footer .footer-content .btn.btn-outline-primary:disabled{color:#9ca3af;border-color:#9ca3af;cursor:not-allowed}@media(max-width:1024px){.linked-page-modal.enhanced-modal{max-width:800px}.linked-page-modal .modal-body .modal-content-wrapper{flex-direction:column}.linked-page-modal .modal-body .modal-content-wrapper .options-sidebar{width:100%;border-left:none;border-top:1px solid #e5e7eb;max-height:300px}}@media(max-width:768px){.linked-page-modal{width:95%;max-width:none;max-height:90vh}.linked-page-modal .modal-header .header-content{flex-direction:column;align-items:flex-start;gap:12px}.linked-page-modal .modal-body .modal-content-wrapper .options-sidebar{padding:16px}.linked-page-modal .modal-body .modal-content-wrapper .options-sidebar .design-type-selection .design-type-buttons{grid-template-columns:1fr}}