.theme-modal-backdrop[data-astro-cid-qksq4uy6]{z-index:99999;backdrop-filter:blur(8px);opacity:0;background-color:#0f172ad9;justify-content:center;align-items:center;padding:16px;transition:opacity .25s;display:none;position:fixed;inset:0}.theme-modal-backdrop[data-astro-cid-qksq4uy6].is-active{opacity:1!important;display:flex!important}.theme-modal-backdrop[data-astro-cid-qksq4uy6][hidden]{display:none!important}.modal-container[data-astro-cid-qksq4uy6]{background-color:#0f172a;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;width:100%;max-width:1040px;height:92vh;max-height:900px;display:flex;overflow:hidden;box-shadow:0 25px 60px -15px #0009}.modal-header[data-astro-cid-qksq4uy6]{color:#f8fafc;background-color:#1e293b;border-bottom:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:12px 20px;display:flex}.modal-theme-info[data-astro-cid-qksq4uy6]{align-items:center;gap:12px;display:flex}.modal-color-dot[data-astro-cid-qksq4uy6]{background-color:#800020;border-radius:50%;flex-shrink:0;width:16px;height:16px;box-shadow:0 0 0 2px #1e293b,0 0 0 4px #fff3}.modal-title-wrap[data-astro-cid-qksq4uy6]{flex-direction:column;display:flex}.modal-title[data-astro-cid-qksq4uy6]{color:#fff;margin:0;font-size:1.1rem;font-weight:700;line-height:1.2}.modal-meta[data-astro-cid-qksq4uy6]{color:#94a3b8;font-size:.75rem}.modal-controls[data-astro-cid-qksq4uy6]{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.viewport-toggle[data-astro-cid-qksq4uy6]{background-color:#0f172a;border:1px solid #ffffff1a;border-radius:8px;padding:3px;display:flex}.vp-btn[data-astro-cid-qksq4uy6]{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:.75rem;font-weight:600;transition:all .2s;display:flex}.vp-btn[data-astro-cid-qksq4uy6]:hover{color:#fff}.vp-btn[data-astro-cid-qksq4uy6].active{color:#fff;background-color:#334155;box-shadow:0 2px 4px #0003}.modal-ext-btn[data-astro-cid-qksq4uy6]{color:#f8fafc;background-color:#334155;border:1px solid #ffffff26;border-radius:8px;align-items:center;gap:6px;height:36px;padding:6px 14px;font-size:.8rem;font-weight:600;text-decoration:none;transition:background-color .2s;display:inline-flex}.modal-ext-btn[data-astro-cid-qksq4uy6]:hover{color:#fff;background-color:#475569}.modal-wa-btn[data-astro-cid-qksq4uy6]{border-radius:8px;align-items:center;gap:6px;height:36px;padding:6px 14px;font-size:.8rem;display:inline-flex}.modal-close-btn[data-astro-cid-qksq4uy6]{cursor:pointer;color:#cbd5e1;background-color:#0f172a;border:1px solid #ffffff26;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.modal-close-btn[data-astro-cid-qksq4uy6]:hover{color:#fff;background-color:#ef4444;border-color:#ef4444}.modal-stage[data-astro-cid-qksq4uy6]{background-color:#090d16;flex-grow:1;justify-content:center;align-items:stretch;padding:20px 16px;display:flex;overflow-y:auto}.device-frame[data-astro-cid-qksq4uy6]{background-color:#000;border:1px solid #ffffff1f;border-radius:14px;flex-direction:column;width:100%;margin:0 auto;transition:max-width .3s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden;box-shadow:0 20px 50px #0009}.device-mobile[data-astro-cid-qksq4uy6]{max-width:420px}.device-desktop[data-astro-cid-qksq4uy6]{max-width:100%}.iframe-container[data-astro-cid-qksq4uy6]{flex-direction:column;width:100%;height:100%;min-height:580px;display:flex;position:relative}.iframe-loader[data-astro-cid-qksq4uy6]{z-index:2;color:#94a3b8;background-color:#090d16;flex-direction:column;justify-content:center;align-items:center;gap:16px;transition:opacity .3s;display:flex;position:absolute;inset:0}.iframe-loader[data-astro-cid-qksq4uy6].is-hidden{opacity:0;pointer-events:none}.loader-spinner[data-astro-cid-qksq4uy6]{border:3px solid #ffffff1a;border-top-color:#818cf8;border-radius:50%;width:36px;height:36px;animation:.8s linear infinite modalSpin}@keyframes modalSpin{to{transform:rotate(360deg)}}.loader-text[data-astro-cid-qksq4uy6]{color:#94a3b8;font-size:.85rem}.live-preview-frame[data-astro-cid-qksq4uy6]{background-color:#0f172a;border:none;flex-grow:1;width:100%;height:100%;min-height:580px}@media (width<=768px){.theme-modal-backdrop[data-astro-cid-qksq4uy6]{padding:0}.modal-container[data-astro-cid-qksq4uy6]{border-radius:0;height:100vh;max-height:100vh}.modal-header[data-astro-cid-qksq4uy6]{padding:10px 14px}.viewport-toggle[data-astro-cid-qksq4uy6],.modal-ext-btn[data-astro-cid-qksq4uy6]{display:none}.modal-stage[data-astro-cid-qksq4uy6]{padding:0}.device-frame[data-astro-cid-qksq4uy6]{border:none;border-radius:0}}