.energy-bar{transition:background-color .15s}.preview-container[data-v-abd60a9b]{background:repeating-linear-gradient(45deg,#2a2a2a,#2a2a2a 10px,#252525 10px,#252525 20px)}.preview-viewport[data-v-abd60a9b]{display:flex;align-items:center;justify-content:center;overflow:hidden;padding:20px;min-height:0}.preview-canvas[data-v-abd60a9b]{box-shadow:0 8px 32px #0006}.preview-scrubber[data-v-abd60a9b]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#444;border-radius:2px;height:4px;cursor:pointer}.preview-scrubber[data-v-abd60a9b]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;background:#3b82f6;border-radius:50%;cursor:pointer}.preview-scrubber[data-v-abd60a9b]::-moz-range-thumb{width:12px;height:12px;background:#3b82f6;border-radius:50%;border:none;cursor:pointer}.app-layout{height:100vh;height:100dvh;overflow:hidden;position:relative;display:flex}.column.column-sidebar{width:280px;flex-shrink:0;height:100%;display:flex;flex-direction:column;overflow:hidden;border-right:1px solid #374151}.main-layout{display:flex;flex:1;height:100%;overflow:hidden;position:relative}.content-viewport{flex:1;height:100%;overflow:hidden;position:relative}.content-columns{display:flex;height:100%;transform:translate(var(--column-offset, 0))}.content-columns.sliding{transition:transform .3s ease-out}.column{width:calc((100vw - 280px)/2);flex-shrink:0;height:100%;display:flex;flex-direction:column;overflow:hidden;border-right:1px solid #374151}.column:last-child{border-right:none}@media (max-width: 640px){.app-layout{padding-top:56px;padding-bottom:env(safe-area-inset-bottom,0px);display:block}.column.column-sidebar{width:100vw;position:absolute;left:0;top:56px;height:calc(100vh - 56px - env(safe-area-inset-bottom,0px));height:calc(100dvh - 56px - env(safe-area-inset-bottom,0px));border-right:none;transform:translate(var(--column-offset, 0));transition:transform .3s ease-out;z-index:10}.main-layout{position:absolute;left:100vw;top:56px;height:calc(100vh - 56px - env(safe-area-inset-bottom,0px));height:calc(100dvh - 56px - env(safe-area-inset-bottom,0px));width:400vw;transform:translate(var(--column-offset, 0));transition:transform .3s ease-out;display:block}.content-viewport{position:absolute;top:0;bottom:0;left:0;right:0;overflow:visible}.content-columns{display:flex;height:100%;width:400vw;transform:none}.column{width:100vw;min-width:100vw;height:calc(100vh - 56px - env(safe-area-inset-bottom,0px));height:calc(100dvh - 56px - env(safe-area-inset-bottom,0px));flex-shrink:0;border-right:none}}body.modal-open{overflow:hidden}*{scrollbar-width:thin;scrollbar-color:#4b5563 transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background-color:#4b5563;border-radius:4px}*::-webkit-scrollbar-thumb:hover{background-color:#6b7280}