.preview-window{background:var(--color-panel,#00000006);-webkit-user-select:none;user-select:none;border:0;border-radius:10px;width:100%;height:280px;position:relative;overflow:hidden}.preview-window,.preview-window *,.preview-window:before,.preview-window:after{cursor:none!important}:is(body:has(.preview-window:hover) #custom-cursor,body:has([data-curases-sandbox]:hover) #custom-cursor){opacity:0!important;visibility:hidden!important;pointer-events:none!important;display:none!important}.preview-mini-cursor{pointer-events:none;transform-origin:0 0;z-index:40;will-change:transform;position:absolute;top:0;left:0}.preview-idle-cursor{z-index:40;pointer-events:none;transform-origin:0 0;will-change:transform;position:absolute;top:0;left:0}.preview-window.is-idle .preview-mini-cursor{opacity:0}.preview-mini-cursor.color-custom svg path[fill=white],.preview-mini-cursor.color-custom svg path[fill=\#ffffff],.preview-mini-cursor.color-custom svg path[fill=\#fff],.preview-mini-cursor.color-custom svg path.curases-sketch-frame[fill=white],.preview-mini-cursor.color-custom svg path.curases-sketch-frame[fill=\#ffffff],.preview-mini-cursor.color-custom svg path.curases-sketch-frame[fill=\#fff],.preview-idle-cursor.color-custom svg path[fill=white],.preview-idle-cursor.color-custom svg path[fill=\#ffffff],.preview-idle-cursor.color-custom svg path[fill=\#fff],.preview-idle-cursor.color-custom svg path.curases-sketch-frame[fill=white],.preview-idle-cursor.color-custom svg path.curases-sketch-frame[fill=\#ffffff],.preview-idle-cursor.color-custom svg path.curases-sketch-frame[fill=\#fff],.preview-state-card.color-custom svg path[fill=white],.preview-state-card.color-custom svg path[fill=\#ffffff],.preview-state-card.color-custom svg path[fill=\#fff],.preview-state-card.color-custom svg path.curases-sketch-frame[fill=white],.preview-state-card.color-custom svg path.curases-sketch-frame[fill=\#ffffff],.preview-state-card.color-custom svg path.curases-sketch-frame[fill=\#fff]{fill:currentColor!important}.preview-mini-cursor svg path[fill=black],.preview-mini-cursor svg path[fill=\#000000],.preview-mini-cursor svg path[fill=\#000],.preview-mini-cursor svg path[fill=\#1E1E1E],.preview-mini-cursor svg path.curases-sketch-frame[fill=black],.preview-mini-cursor svg path.curases-sketch-frame[fill=\#000000],.preview-mini-cursor svg path.curases-sketch-frame[fill=\#000],.preview-mini-cursor svg path.curases-sketch-frame[fill=\#1E1E1E],.preview-state-card svg path[fill=black],.preview-state-card svg path[fill=\#000000],.preview-state-card svg path[fill=\#000],.preview-state-card svg path[fill=\#1E1E1E],.preview-state-card svg path.curases-sketch-frame[fill=black],.preview-state-card svg path.curases-sketch-frame[fill=\#000000],.preview-state-card svg path.curases-sketch-frame[fill=\#000],.preview-state-card svg path.curases-sketch-frame[fill=\#1E1E1E]{stroke:#000;stroke-width:var(--curases-outline-width,0px);stroke-linejoin:round;stroke-linecap:round;paint-order:stroke fill}.preview-window:before,.preview-window:after{content:"";pointer-events:none;z-index:15;width:56px;height:48px;position:absolute;bottom:12px}.preview-window:before{background:linear-gradient(90deg,#f9f9f9 0%,#0000 100%);border-top-left-radius:10px;border-bottom-left-radius:10px;left:0}.preview-window:after{background:linear-gradient(270deg,#f9f9f9 0%,#0000 100%);border-top-right-radius:10px;border-bottom-right-radius:10px;right:0}.preview-embla-wrapper{z-index:10;border-radius:16px;width:auto;height:48px;padding:4px;position:absolute;bottom:12px;left:16px;right:16px;overflow:hidden}.preview-embla-viewport{touch-action:pan-y;width:100%;height:40px;overflow:visible}.preview-embla-container{align-items:center;gap:10px;height:40px;display:flex}.preview-embla-slide{flex:none;min-width:0}.preview-state-card{background:var(--color-state,#ededed);width:40px;height:40px;color:var(--color-muted,#737373);opacity:1;box-shadow:none;-webkit-user-select:none;user-select:none;border:0;border-radius:12px;justify-content:center;align-items:center;transition:transform .18s cubic-bezier(.16,1,.3,1),background-color .18s,color .18s;display:flex}.preview-state-card svg{pointer-events:none;opacity:.5;width:22px;height:22px;transition:opacity .18s}.preview-state-card:hover{color:var(--color-ink,#222);background:#e6e6e6;transform:scale(1.06)}.preview-state-card:hover svg{opacity:.85}.preview-state-card.active{background:var(--color-state,#ededed);color:var(--color-ink,#222);box-shadow:0 0 0 .8px var(--color-ink,#222);transform:scale(1.1)}.preview-state-card.active svg{opacity:1}@keyframes curases-boil-0{0%,33.32%{opacity:1}33.33%,to{opacity:0}}@keyframes curases-boil-1{0%,33.32%{opacity:0}33.33%,66.65%{opacity:1}66.66%,to{opacity:0}}@keyframes curases-boil-2{0%,66.65%{opacity:0}66.66%,to{opacity:1}}.preview-window .curases-sketch-frame{opacity:1}.preview-window:not(.boil-off) .curases-sketch-frame[data-i="0"]{animation:1.2s step-end infinite curases-boil-0}.preview-window:not(.boil-off) .curases-sketch-frame[data-i="1"]{animation:1.2s step-end infinite curases-boil-1}.preview-window:not(.boil-off) .curases-sketch-frame[data-i="2"]{animation:1.2s step-end infinite curases-boil-2}.preview-window.boil-off .curases-sketch-frame{opacity:0!important;animation:none!important}.preview-window.boil-off .curases-sketch-frame[data-i="0"]{opacity:1!important}@media (prefers-reduced-motion:reduce){.preview-window .curases-sketch-frame{opacity:0!important;animation:none!important}.preview-window .curases-sketch-frame[data-i="0"]{opacity:1!important}}.preview-state-tooltip{pointer-events:none;z-index:30;color:#fff;font-family:var(--font-mono);white-space:nowrap;background:#222;border-radius:6px;padding:3px 8px;font-size:10px;line-height:1.2;position:absolute;transform:translate(-50%,-100%);box-shadow:0 4px 12px #0000001f}.preview-state-tooltip:after{content:"";border:4px solid #0000;border-top-color:#222;position:absolute;top:100%;left:50%;transform:translate(-50%)}.preview-status-badge{pointer-events:none;z-index:20;align-items:center;gap:6px;display:flex;position:absolute;top:10px;left:12px}.preview-status-text{font-family:var(--font-mono);color:var(--color-muted,#737373);font-size:11px}.preview-reset-btn{width:26px;height:26px;color:var(--color-muted,#737373);z-index:20;background:#00000008;border:1px solid #0000000f;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex;position:absolute;top:10px;right:12px}.preview-reset-btn:hover{color:var(--color-ink,#222);background:#00000012}