.msh-theme-selector .layout{grid-template-columns:minmax(260px,340px) 1fr;align-items:start;gap:1rem;height:100%;min-height:0;display:grid;overflow:visible}.msh-theme-selector .layout.is-preview-only{grid-template-columns:1fr}@media (width<=860px){.msh-theme-selector .layout{grid-template-columns:1fr;overflow-y:auto}.msh-theme-selector .previewWrap{max-height:none;position:static}}.msh-theme-selector.is-settings-only .layout{height:auto;display:block;overflow:visible}.msh-theme-selector.is-settings-only .sidebar{padding-right:0;overflow:visible}.msh-theme-selector .sidebar{scrollbar-width:thin;padding-right:2px;overflow:hidden visible}.msh-theme-selector .previewWrap{z-index:1;flex-direction:column;align-self:start;align-items:center;gap:.5rem;min-height:0;max-height:calc(100vh - 1.5rem);display:flex;position:sticky;top:.75rem;overflow:auto}.msh-theme-selector .chassis{background:#0a0a12;border:2px solid #6464b42e;border-radius:44px;flex-shrink:0;justify-content:center;align-items:center;padding:10px;transition:all .3s;display:flex;position:relative;box-shadow:0 0 0 2px #1e1e2e,0 0 0 4px #0d0d1a,0 24px 80px #000000b3}.msh-theme-selector .chassisMobile{width:320px;height:580px}.msh-theme-selector .chassisTablet{border-radius:28px;width:540px;height:420px}.msh-theme-selector .chassisDesktop{border-radius:16px;width:100%;max-width:660px;height:420px}.msh-theme-selector .chassisFull{background:0 0;border:1px solid #6464b42e;border-radius:12px;width:100%;max-width:none;height:min(72vh,720px);min-height:420px;padding:0;box-shadow:0 12px 40px #00000040}.msh-theme-selector .chassisFull .previewWindow{border-radius:12px}.msh-theme-selector .notch{z-index:30;background:#0a0a12;border-radius:9999px;justify-content:center;align-items:center;gap:6px;width:100px;height:14px;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%)}.msh-theme-selector .notchCamera{background:#1a1a2e;border-radius:9999px;width:6px;height:6px}.msh-theme-selector .notchSpeaker{background:#1a1a2e;border-radius:9999px;width:28px;height:4px}.msh-theme-selector .desktopDots{z-index:30;gap:6px;display:flex;position:absolute;top:14px;left:18px}.msh-theme-selector .desktopDot{border-radius:9999px;width:10px;height:10px}.msh-theme-selector .previewWindow{background-color:#0a0a0a;border-radius:34px;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.msh-theme-selector .previewWindowHtml{background:#0a0a0a}.msh-theme-selector .previewFrame{background:0 0;border:0;width:100%;height:100%;display:block}.msh-theme-selector .previewMissing{text-align:center;color:#ffffff8c;margin:auto;padding:1rem;font-size:.75rem}.msh-theme-selector .chassisDesktop .previewWindow,.msh-theme-selector .chassisTablet .previewWindow{border-radius:12px}.msh-theme-selector .blob1,.msh-theme-selector .blob2,.msh-theme-selector .blob3{pointer-events:none;z-index:0;border-radius:9999px;position:absolute}.msh-theme-selector .blob1{background:var(--primary-color,#007bff);filter:blur(55px);opacity:.22;width:200px;height:200px;animation:14s ease-in-out infinite float1;top:-40px;right:-40px}.msh-theme-selector .blob2{background:var(--secondary-color,#8a2be2);filter:blur(50px);opacity:.18;width:170px;height:170px;animation:18s ease-in-out -3s infinite float2;top:40%;left:-50px}.msh-theme-selector .blob3{background:var(--accent-color,salmon);filter:blur(45px);opacity:.18;width:140px;height:140px;animation:16s ease-in-out -6s infinite float3;bottom:-30px;right:10%}.msh-theme-selector .blobsPaused .blob1,.msh-theme-selector .blobsPaused .blob2,.msh-theme-selector .blobsPaused .blob3{animation-play-state:paused}@keyframes float1{0%,to{transform:translate(0)scale(1)}33%{transform:translate(45px,-55px)scale(1.15)}66%{transform:translate(-35px,25px)scale(.9)}}@keyframes float2{0%,to{transform:translate(0)scale(1)}33%{transform:translate(-45px,45px)scale(.85)}66%{transform:translate(35px,-35px)scale(1.1)}}@keyframes float3{0%,to{transform:translate(0)scale(1)}33%{transform:translate(25px,40px)scale(1.1)}66%{transform:translate(-40px,-45px)scale(.85)}}.msh-theme-selector .previewContent{z-index:1;flex-direction:column;gap:10px;height:100%;padding:40px 14px 14px;display:flex;position:relative;overflow:hidden}.msh-theme-selector .previewCard{border-radius:var(--card-radius,18px);transition:all .3s}.msh-theme-selector .glassy .previewCard{background:var(--card-bg,#ffffff47);-webkit-backdrop-filter:blur(var(--glass-blur,25px));border:var(--border-thickness,1px) solid rgba(255,255,255,var(--glass-border-alpha,.6));box-shadow:0 8px 32px #1f268724}.msh-theme-selector .solid .previewCard{background:var(--card-bg,#fff);border:var(--border-thickness,1px) solid #00000014;box-shadow:0 10px 25px -5px #0000001a}.msh-theme-selector .minimal .previewCard{border:var(--border-thickness,1px) solid var(--primary-color,#000);background:0 0}.msh-theme-selector .brutalist .previewCard{background:var(--card-bg,#fff);border:var(--border-thickness,2px) solid #000;box-shadow:var(--shadow-offset,6px) var(--shadow-offset,6px) 0 #000}.msh-theme-selector .previewNav{flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 14px;display:flex}.msh-theme-selector .navLogo{color:var(--heading-color,#1a1a1a);align-items:center;gap:5px;font-size:10px;font-weight:800;display:flex}.msh-theme-selector .navDot{background:var(--primary-color,#007bff);border-radius:9999px;flex-shrink:0;width:8px;height:8px}.msh-theme-selector .navLinks{text-transform:uppercase;letter-spacing:.04em;max-width:72%;color:var(--body-color,#4a4a4a);flex-wrap:wrap;justify-content:flex-end;gap:6px 10px;font-size:7px;font-weight:700;display:flex}.msh-theme-selector .navLinksDesktop{gap:8px 12px;max-width:78%;font-size:8px}.msh-theme-selector .navLinkActive{color:var(--primary-color,#007bff);font-weight:900}.msh-theme-selector .navHamburger{background:color-mix(in srgb,var(--primary-color,#007bff) 12%,transparent);cursor:pointer;border:none;border-radius:8px;flex-direction:column;justify-content:center;gap:3px;width:28px;height:28px;padding:6px;display:flex}.msh-theme-selector .navHamburger span{background:var(--heading-color,#1a1a1a);border-radius:9999px;width:100%;height:2px;display:block}.msh-theme-selector .navDrawer{flex-direction:column;flex-shrink:0;gap:2px;padding:8px;display:flex}.msh-theme-selector .navDrawerLink{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--body-color,#4a4a4a);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:7px 8px;font-size:9px;font-weight:700}.msh-theme-selector .navDrawerLink.navLinkActive,.msh-theme-selector .navDrawerLink:hover{background:color-mix(in srgb,var(--primary-color,#007bff) 12%,transparent);color:var(--primary-color,#007bff)}.msh-theme-selector .heroCard{align-items:flex-start;gap:10px;padding:12px;display:flex}.msh-theme-selector .heroIcon{background:linear-gradient(135deg,var(--primary-color,#007bff),var(--secondary-color,#8a2be2));color:#fff;border-radius:10px 10px 4px 4px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:52px;display:flex}.msh-theme-selector .heroTitle{color:var(--heading-color,#1a1a1a);margin-bottom:4px;font-size:12px;font-weight:800;line-height:1.25}.msh-theme-selector .heroHighlight{background:linear-gradient(135deg,var(--primary-color,#007bff),var(--secondary-color,#8a2be2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.msh-theme-selector .heroPara{color:var(--body-color,#4a4a4a);font-size:9px;line-height:1.5}.msh-theme-selector .metricsRow{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.msh-theme-selector .metricCard{text-align:center;padding:8px 6px}.msh-theme-selector .metricLabel{text-transform:uppercase;letter-spacing:.07em;color:var(--body-color,#4a4a4a);opacity:.6;margin-bottom:2px;font-size:7px;font-weight:700;display:block}.msh-theme-selector .metricValue{font-size:12px;font-weight:900;display:block}.msh-theme-selector .chartCard{flex-shrink:0;padding:10px}.msh-theme-selector .chartHeader{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.msh-theme-selector .chartLabel{text-transform:uppercase;letter-spacing:.06em;color:var(--body-color,#4a4a4a);opacity:.6;font-size:8px;font-weight:700}.msh-theme-selector .chartPing{color:#22c55e;align-items:center;gap:3px;font-size:7px;font-weight:700;display:flex}.msh-theme-selector .pingDot{background:#22c55e;border-radius:9999px;width:5px;height:5px;animation:1.5s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.msh-theme-selector .footerRow{flex-shrink:0;gap:6px;margin-top:auto;display:flex}.msh-theme-selector .btnPrimary{color:#fff;background:linear-gradient(135deg,var(--primary-color,#007bff),var(--secondary-color,#8a2be2));box-shadow:0 4px 14px color-mix(in srgb,var(--primary-color,#007bff) 35%,transparent);border:none;border-radius:9999px;font-weight:800}.msh-theme-selector .btnPrimary,.msh-theme-selector .btnSecondary{text-align:center;cursor:pointer;flex:1;padding:8px;font-size:10px}.msh-theme-selector .btnSecondary{color:var(--heading-color,#1a1a1a);background:#ffffff59;border:1px solid #ffffff80;border-radius:9999px;font-weight:700}.msh-theme-selector .brutalist .btnSecondary{border:2px solid #000;border-radius:4px;box-shadow:3px 3px #000}.msh-theme-selector .brutalist .btnPrimary{border-radius:4px}.msh-theme-selector .jsonBox{max-height:110px;color:inherit;scrollbar-width:thin;background:#0000001f;border-radius:.5rem;padding:.5rem;font-size:.6rem;line-height:1.3;overflow:auto}