.misa-preview-bar{--accent:#ff6b8a;--tint:240 6 70;position:fixed;z-index:45;bottom:max(18px,env(safe-area-inset-bottom));left:calc(var(--misa-nav-width, 240px) + (100vw - var(--misa-nav-width, 240px)) / 2);translate:-50% 0;display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;box-sizing:border-box;width:-moz-max-content;width:max-content;max-width:min(680px,calc(100vw - var(--misa-nav-width, 240px) - 32px));margin:0;padding:7px 7px 7px 8px;border-radius:26px;border:1px solid rgb(var(--tint)/.55);background:rgba(14,12,17,.93);box-shadow:0 0 0 1px rgba(0,0,0,.35),0 22px 46px -20px rgba(0,0,0,.8),0 0 36px -12px rgb(var(--tint)/.6);backdrop-filter:blur(14px) saturate(130%);-webkit-backdrop-filter:blur(14px) saturate(130%);color:#f4f4f5;font:500 calc(13px * var(--dc-text-scale, 1))/1.25 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:normal;transition:left var(--nav-time,.34s) var(--nav-ease,cubic-bezier(.32,.72,0,1)),max-width var(--nav-time,.34s) var(--nav-ease,cubic-bezier(.32,.72,0,1));animation:misa-preview-in .34s cubic-bezier(.22,1,.36,1) both}.misa-preview-swatch{flex:none;width:34px;height:34px;border-radius:50%;box-shadow:0 0 0 2px rgba(255,255,255,.14),0 0 0 4px rgb(var(--tint)/.25)}.misa-preview-text{flex:1 1 auto;min-width:0;margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#a6a1a9}.misa-preview-text b{color:#f4f4f5;font-weight:600}.misa-preview-actions{display:flex;align-items:center;gap:4px;margin-inline-start:auto}.misa-preview-act{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 16px;border:0;border-radius:999px;background:#f3efe6;color:#16100f;font:600 calc(13px * var(--dc-text-scale, 1))/1 Inter,ui-sans-serif,system-ui,sans-serif;white-space:nowrap;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 6px 16px -10px rgb(var(--tint)/.9);transition:transform .16s ease,background-color .16s ease}.misa-preview-act:hover{background:#fff;transform:translateY(-1px)}.misa-preview-act:active{transform:translateY(1px)}.misa-preview-act img{flex:none}.misa-preview-end{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px 0 12px;border:0;border-radius:999px;background:transparent;color:#c9c4cc;font:500 calc(13px * var(--dc-text-scale, 1))/1 Inter,ui-sans-serif,system-ui,sans-serif;white-space:nowrap;cursor:pointer;transition:background-color .16s ease,color .16s ease}.misa-preview-end:hover{background:rgba(255,255,255,.08);color:#fff}.misa-preview-gone{padding:0 10px;color:#8f8a93;white-space:nowrap}.misa-preview-bar :is(button):focus-visible{outline:2px solid var(--accent);outline-offset:2px}.misa-preview-error{flex:1 0 100%;margin:2px 10px 4px 46px;color:#ffb0b0;font-size:calc(12px * var(--dc-text-scale, 1))}.misa-preview-bar.is-toast{gap:8px;padding:10px 16px 10px 13px;border-color:rgba(52,211,153,.45);box-shadow:0 0 0 1px rgba(0,0,0,.35),0 22px 46px -20px rgba(0,0,0,.8)}.misa-preview-bar.is-toast svg{color:#34d399;flex:none}.app-shell[data-theme-preview]>.dashboard-content{padding-bottom:84px}.app-shell[data-theme-preview] :is(.misa-shop-status,.misa-themes-status,.misa-tip-status){bottom:84px}@keyframes misa-preview-in{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}@media (max-width:767px){.misa-preview-bar{left:12px;right:12px;translate:none;width:auto;max-width:none;bottom:max(12px,env(safe-area-inset-bottom))}.misa-preview-act{padding:0 13px}.misa-preview-end{padding:0 10px;font-size:0;gap:0}.misa-preview-end svg{width:14px;height:14px}}@media (prefers-reduced-motion:reduce){.misa-preview-bar{animation:none;transition:none}.misa-preview-act,.misa-preview-end{transition:none}}@media (forced-colors:active){.misa-preview-bar{border:1px solid CanvasText}.misa-preview-act{border:1px solid ButtonText}}