.space-preview[data-v-e9283ad8]{width:100%;padding:16px}.loading-state[data-v-e9283ad8]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px}.loading-state.small[data-v-e9283ad8]{padding:30px 20px}.loading-state .spinner[data-v-e9283ad8]{width:40px;height:40px;border:3px solid var(--color-secondary-bg);border-top-color:var(--color-primary);border-radius:50%;animation:spin-e9283ad8 1s linear infinite}.loading-state .spinner.small[data-v-e9283ad8]{width:24px;height:24px;border-width:2px}.loading-state p[data-v-e9283ad8]{margin-top:12px;font-size:13px;color:var(--color-text);opacity:.6}@keyframes spin-e9283ad8{to{transform:rotate(1turn)}}.preview-main[data-v-e9283ad8]{display:flex;flex-direction:column;gap:16px}.tabs-container[data-v-e9283ad8]{display:flex;justify-content:center;margin-bottom:8px}.tabs-wrapper[data-v-e9283ad8]{display:flex;gap:2px;position:relative;background:rgba(0,0,0,.05);border-radius:8px;padding:4px;width:-moz-fit-content;width:fit-content}.tab-slider[data-v-e9283ad8]{position:absolute;top:4px;bottom:4px;left:4px;background:#fff;border-radius:6px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.06);z-index:1}.tab-slider.slider-data[data-v-e9283ad8]{width:calc(33.333% - 1.33px);left:4px}.tab-slider.slider-storage[data-v-e9283ad8]{width:calc(33.333% - 1.33px);left:calc(33.333% + 2.67px)}.tab-slider.slider-app[data-v-e9283ad8]{width:calc(33.333% - 1.33px);left:calc(66.666% + 1.33px)}.tab-button[data-v-e9283ad8]{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:6px;border:none;background:transparent;cursor:pointer;transition:all .2s ease;min-width:90px;justify-content:center;position:relative;z-index:2}.tab-button .svg-icon[data-v-e9283ad8]{width:14px;height:14px;opacity:.7;transition:all .2s ease}.tab-button span[data-v-e9283ad8]{font-size:13px;font-weight:500;color:var(--color-text);opacity:.8;transition:all .2s ease}.tab-button:hover:not(.active) .svg-icon[data-v-e9283ad8],.tab-button:hover:not(.active) span[data-v-e9283ad8]{opacity:.9}.tab-button.active .svg-icon[data-v-e9283ad8]{opacity:1;color:var(--color-primary)}.tab-button.active span[data-v-e9283ad8]{opacity:1;color:var(--color-text);font-weight:600}[data-theme=dark] .tabs-wrapper[data-v-e9283ad8]{background:hsla(0,0%,100%,.08)}[data-theme=dark] .tab-slider[data-v-e9283ad8]{background:hsla(0,0%,100%,.1);box-shadow:0 2px 8px rgba(0,0,0,.3)}.content-area[data-v-e9283ad8]{flex:1}.tab-content[data-v-e9283ad8]{width:100%}.item-list[data-v-e9283ad8]{display:flex;flex-direction:column;gap:8px}.list-item[data-v-e9283ad8]{display:flex;align-items:center;padding:12px 16px;background:var(--color-secondary-bg-for-transparent);border-radius:8px;cursor:pointer;transition:all .2s ease}.list-item[data-v-e9283ad8]:hover{background:var(--color-primary-bg-for-transparent);transform:translateX(2px)}.list-item.featured[data-v-e9283ad8]{border-left:3px solid var(--color-primary);padding-left:13px}.list-item .item-icon[data-v-e9283ad8]{width:40px;height:40px;border-radius:8px;background:var(--color-secondary-bg);display:flex;align-items:center;justify-content:center;margin-right:14px;flex-shrink:0;transition:all .2s ease}.list-item .item-icon .svg-icon[data-v-e9283ad8]{width:20px;height:20px;color:var(--color-text);opacity:.7}.list-item .item-icon.primary[data-v-e9283ad8]{background:var(--color-primary)}.list-item .item-icon.primary .svg-icon[data-v-e9283ad8]{color:#fff;opacity:1}.list-item .item-body[data-v-e9283ad8]{flex:1;min-width:0}.list-item .item-body .item-title[data-v-e9283ad8]{font-size:14px;font-weight:600;color:var(--color-text);margin-bottom:4px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-item .item-body .item-subtitle[data-v-e9283ad8]{font-size:12px;color:var(--color-text);opacity:.6;font-weight:500}.list-item .item-action[data-v-e9283ad8]{display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:.5;transition:all .2s ease}.list-item .item-action .svg-icon[data-v-e9283ad8]{width:16px;height:16px}.list-item .item-action.primary[data-v-e9283ad8]{gap:6px;padding:8px 16px;border-radius:6px;background:var(--color-primary);color:#fff;border:none;font-size:13px;font-weight:500;cursor:pointer;opacity:1}.list-item .item-action.primary .svg-icon[data-v-e9283ad8]{width:14px;height:14px}.list-item .item-action.primary[data-v-e9283ad8]:hover{opacity:.9;transform:scale(1.02)}.list-item:hover .item-action[data-v-e9283ad8]:not(.primary){opacity:1}.empty-state[data-v-e9283ad8]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px}.empty-state .svg-icon[data-v-e9283ad8]{width:48px;height:48px;opacity:.2;color:var(--color-text);margin-bottom:16px}.empty-state p[data-v-e9283ad8]{font-size:14px;color:var(--color-text);opacity:.5;margin:0}@media(max-width:768px){.space-preview[data-v-e9283ad8]{padding:12px}.tab-button[data-v-e9283ad8]{min-width:75px;padding:6px 12px}.tab-button span[data-v-e9283ad8]{font-size:12px}.list-item[data-v-e9283ad8]{padding:10px 12px}.list-item .item-icon[data-v-e9283ad8]{width:36px;height:36px;margin-right:12px}.list-item .item-icon .svg-icon[data-v-e9283ad8]{width:18px;height:18px}.list-item .item-action.primary span[data-v-e9283ad8]{display:none}}