.shared-template-preview-modal .modal-dialog{max-width:1400px!important;width:95%!important}.shared-template-preview-modal .modal-content{width:100%}.template-preview-panels{display:flex;gap:20px;min-height:70vh}[dir] .template-preview-panels{padding:20px}.template-preview-panel{flex:1;display:flex;flex-direction:column;overflow:hidden}[dir] .template-preview-panel{border:1px solid #e5e7eb;border-radius:8px;background:#fff}.template-preview-panel-desktop{flex:2;min-width:0}.template-preview-panel-mobile{flex:1;min-width:0}.template-preview-panel-header{font-weight:500;font-size:14px;color:#000}[dir] .template-preview-panel-header{padding:8px 12px;background:#f3f4f6;border-bottom:1px solid #e5e7eb}.template-preview-panel-content{flex:1;min-height:500px;overflow:auto}[dir] .template-preview-panel-content{padding:16px;background:#f3f4f6}.template-preview-desktop-frame{width:100%;min-width:600px;height:600px;display:block}[dir] .template-preview-desktop-frame{border:none;background:#fff;box-shadow:0 4px 12px rgba(15,23,42,.12);margin:0 auto}.template-preview-mobile-frame{width:375px;max-width:100%;height:600px;display:block}[dir] .template-preview-mobile-frame{border:none;background:#fff;box-shadow:0 4px 12px rgba(15,23,42,.12);margin:0 auto}@media(max-width:1200px){.template-preview-panels{flex-direction:column}.template-preview-desktop-frame{width:100%;min-width:0}.template-preview-mobile-frame{width:100%}}