.stories-page,.user-profile-page{--story-bg-primary:var(--bs-body-bg);--story-bg-secondary:var(--bs-body-secondary-bg);--story-bg-secondary-hover:var(--bs-body-secondary-bg-hover,var(--bs-body-secondary-bg));--story-bg-overlay:var(--menu-overlay-bg);--story-page-bg:var(--bs-body-bg);--story-card-bg:var(--bs-body-secondary-bg);--story-card-bg-hover:var(--bs-body-secondary-bg-hover,var(--bs-body-secondary-bg));--story-border-color:var(--bs-border-color);--story-border-color-light:var(--bs-border-color-highlight);--story-border-radius:var(--dialog-input-border-radius,12px);--story-border-radius-sm:var(--bs-border-radius);--story-border-radius-lg:var(--dialog-border-radius);--story-text-primary:var(--bs-body-color);--story-text-secondary:var(--bs-body-color-medium,var(--bs-body-color));--story-text-muted:var(--bs-body-color-muted,var(--bs-body-color-medium));--story-font-size:var(--dialog-font-size,14px);--story-primary:var(--bs-primary);--story-primary-hover:var(--bs-primary-dark,var(--bs-primary));--story-primary-text:var(--bs-primary-color);--story-success:var(--bs-success);--story-success-text:var(--bs-success-color,#fff);--story-danger:var(--bs-danger);--story-danger-hover:var(--bs-danger-dark,var(--bs-danger));--story-control-btn-size:48px;--story-control-btn-bg:var(--story-bg-secondary);--story-control-btn-bg-hover:var(--story-bg-secondary-hover);--story-control-btn-color:var(--story-text-secondary);--story-control-btn-color-hover:var(--story-text-primary);--story-control-btn-active-bg:var(--story-primary);--story-control-btn-active-color:var(--story-primary-text);--story-nav-bg:var(--story-card-bg);--story-nav-bg-hover:var(--story-card-bg-hover);--story-shadow:0 8px 32px rgba(0,0,0,.3);--story-panel-header-height:80px;--story-panel-header-padding:0 20px;--story-wrapper-bg:var(--story-bg-primary);--story-wrapper-border-color:var(--story-border-color);--story-wrapper-border-radius:var(--story-border-radius-sm);--story-icon-stroke:2;--icon-stroke-0:var(--story-icon-stroke);--roulette-bg-primary:var(--story-bg-primary);--roulette-bg-secondary:var(--story-bg-secondary);--roulette-bg-secondary-hover:var(--story-bg-secondary-hover);--roulette-bg-overlay:var(--story-bg-overlay);--roulette-border-color:var(--story-border-color);--roulette-border-color-light:var(--story-border-color-light);--roulette-radius:var(--story-border-radius-sm);--roulette-radius-lg:var(--story-border-radius-lg);--roulette-form-input-border-radius:var(--story-border-radius);--roulette-form-option-bg:var(--story-card-bg);--roulette-form-option-bg-hover:var(--story-card-bg-hover);--roulette-text-primary:var(--story-text-primary);--roulette-text-secondary:var(--story-text-secondary);--roulette-text-muted:var(--story-text-muted);--roulette-font-size:var(--story-font-size);--roulette-primary:var(--story-primary);--roulette-primary-hover:var(--story-primary-hover);--roulette-on-primary:var(--story-primary-text);--roulette-success:var(--story-success);--roulette-danger:var(--story-danger);--roulette-page-bg:var(--story-page-bg);--roulette-video-bg:var(--story-bg-primary);--roulette-video-border-color:var(--story-border-color);--roulette-video-border-radius:var(--story-border-radius-sm);--roulette-control-btn-size:var(--story-control-btn-size);--roulette-control-btn-bg:var(--story-control-btn-bg);--roulette-control-btn-bg-hover:var(--story-control-btn-bg-hover);--roulette-control-btn-color:var(--story-control-btn-color);--roulette-control-btn-color-hover:var(--story-control-btn-color-hover);--roulette-control-btn-active-bg:var(--story-control-btn-active-bg);--roulette-control-btn-active-color:var(--story-control-btn-active-color);--roulette-icon-stroke:var(--story-icon-stroke);--roulette-panel-header-height:var(--story-panel-header-height);--roulette-panel-header-padding:var(--story-panel-header-padding);--roulette-wrapper-bg:var(--story-wrapper-bg)}[data-theme=light] .stories-page,[data-theme=light] .user-profile-page{--story-control-btn-bg:#fff;--story-control-btn-bg-hover:#e8eaed}.stories-flag{height:20px;width:auto;vertical-align:middle}.stories-flag--sm{height:14px;width:auto}.stories-panel{display:flex;flex-direction:column;height:100%;background:var(--story-bg-primary);overflow:hidden}.stories-panel__scrollable{flex:1;overflow-y:auto;overflow-x:hidden;padding:20px;min-height:0;scrollbar-width:none;-ms-overflow-style:none}.stories-panel__scrollable::-webkit-scrollbar{display:none}.stories-panel__gallery{position:relative;margin-bottom:16px;flex-shrink:0;overflow:hidden;border-radius:var(--story-border-radius,8px)}.stories-panel__gallery-track{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;border-radius:var(--story-border-radius,8px);cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none}.stories-panel__gallery-track:active{cursor:grabbing}.stories-panel__gallery-track::-webkit-scrollbar{display:none}.stories-panel__gallery-item{flex-shrink:0;width:100%;aspect-ratio:1/1;overflow:hidden;background:var(--story-card-bg);scroll-snap-align:start;position:relative}.stories-panel__gallery-item img,.stories-panel__gallery-item video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.stories-panel__gallery-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--story-card-bg)}@media(max-width:900px){.stories-panel__gallery{border-radius:50%;width:120px;margin:0 auto 16px}.stories-panel__gallery-item{aspect-ratio:1/1;border-radius:50%}.stories-panel__gallery-avatar-placeholder,.stories-panel__gallery-item img,.stories-panel__gallery-item video{border-radius:50%}}.stories-panel__username{font-size:16px;font-weight:600;color:var(--story-text-primary);margin:0 0 16px;text-align:center}.stories-panel__actions-row{display:flex;justify-content:center;gap:8px;margin-bottom:20px}.stories-panel__info-section{margin-bottom:16px}.stories-panel__info-badges{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px}.stories-list{padding:0}.stories-section{margin-top:0}.stories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(180px,25%,280px),1fr));gap:12px}@media(max-width:640px){.stories-grid{grid-template-columns:repeat(2,1fr);gap:8px}}.stories-loading{display:flex;align-items:center;justify-content:center;padding:48px 0}.stories-loading--inline{padding:20px 0}.load-more-trigger{height:20px;margin:20px 0}.media-card,.profile-media{display:grid;grid-template:1fr/1fr;width:100%;min-width:0;background:var(--story-card-bg,var(--bs-body-secondary-bg,#1a1b23));border:1px solid var(--story-border-color,hsla(0,0%,100%,.08));border-radius:var(--story-border-radius,12px);overflow:hidden;container-type:inline-size}.media-card>*,.profile-media>*{grid-area:1/1;min-width:0}.media-card:hover .media-card__action,.media-card:hover .profile-media__overlay,.profile-media:hover .media-card__action,.profile-media:hover .profile-media__overlay{opacity:1}.profile-media--clickable{cursor:pointer}.media-card--link,.profile-media--link{text-decoration:none;color:inherit;cursor:pointer}.profile-media--max-width{max-width:280px}.media-card__image,.profile-media__image{position:relative;aspect-ratio:1/1;width:100%;overflow:hidden;background:var(--story-card-bg,var(--bs-body-secondary-bg,#1a1b23))}.media-card__image img,.media-card__image video,.profile-media__image img,.profile-media__image video{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.media-card__image .profile-media__avatar-as-photo,.profile-media__image .profile-media__avatar-as-photo{-o-object-fit:cover;object-fit:cover}.media-card__image video,.profile-media__image video{pointer-events:none}.media-card__placeholder,.profile-media__placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:16px;background:var(--story-card-bg,var(--bs-body-secondary-bg,#1a1b23))}.media-card__placeholder .nuxt-icon,.profile-media__placeholder .nuxt-icon{width:32px;height:32px;margin:0;--icon-color-0:var(--story-text-muted)}.profile-media__overlay{z-index:2;background:#0000004d;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;cursor:pointer}.media-card__footer,.profile-media__footer{z-index:3;align-self:end;padding:24px 14px 12px;background:linear-gradient(0deg,rgba(0,0,0,.65) 0,rgba(0,0,0,.45) 50%,rgba(0,0,0,.2) 80%,transparent);display:flex;align-items:center}.media-card__date{font-size:var(--story-font-size);color:#ffffffb3}.profile-media__footer-right{display:flex;align-items:center;gap:6px;margin-left:auto;flex-shrink:0}.profile-media__footer-right .stories-flag{outline:1px solid hsla(0,0%,100%,.4);border-radius:3px;flex-shrink:0}.profile-media__live-badge--inline{width:6px;height:6px;border-radius:50%;background:var(--story-success,#4caf50);flex-shrink:0}.media-card__action{z-index:4;align-self:start;justify-self:end;margin:8px;padding:6px;background:#0009;border:none;cursor:pointer;border-radius:50%;transition:all .2s;display:flex;align-items:center;justify-content:center;opacity:0}.media-card__action .nuxt-icon{width:16px;height:16px;margin:0;--icon-color-0:hsla(0,0%,100%,.9)}.media-card__action:hover{background:var(--story-danger)}.media-card__action:hover .nuxt-icon{--icon-color-0:#fff}.media-card__user-name{font-size:12px;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}@media(max-width:640px){.profile-media--max-width{max-width:375px}.media-card__footer,.profile-media__footer{padding:10px 8px}.media-card__date{font-size:calc(var(--story-font-size)*.9)}}.profile-media__actions{z-index:5;align-self:start;justify-self:end;margin:8px 8px 0 0;display:inline-flex;gap:6px}.profile-media__action-btn{background:#0000008c;color:#fff;--icon-color-0:#fff;backdrop-filter:blur(6px);transition:background .2s,color .2s}.profile-media__message-btn:hover{background:var(--story-primary,#e91e63)}.profile-media__favourite-btn.is-active,.profile-media__favourite-btn:hover{color:var(--story-primary,#e91e63);--icon-color-0:var(--story-primary,#e91e63)}.profile-media__favourite-btn.is-active .nuxt-icon path,.profile-media__favourite-btn.is-active :deep(.nuxt-icon path){fill:var(--story-primary,#e91e63)}[data-theme=light] .media-card,[data-theme=light] .profile-media{background:#1a1b23;border-color:transparent}[data-theme=light] .media-card__image,[data-theme=light] .media-card__placeholder,[data-theme=light] .profile-media__image,[data-theme=light] .profile-media__placeholder{background:#1a1b23}.media-card__active-badge{z-index:5;align-self:start;justify-self:start;margin:8px;width:10px;height:10px;border-radius:50%;background:var(--roulette-success,#4caf50)}.media-card__footer-user{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.media-card__footer-info{display:flex;flex-direction:column;gap:0;min-width:0;line-height:1.2}.media-card .media-card__footer,.profile-media .profile-media__footer{justify-content:space-between;align-items:flex-end;gap:8px}.media-card__views{font-size:.75rem;color:#ffffffb3;flex-shrink:0;align-self:flex-end}.story-viewer-wrapper{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:var(--roulette-z-story-viewer);padding:20px}.story-viewer-wrapper--overlay{background:var(--dialog-overlay-bg,rgba(36,36,36,.6));backdrop-filter:blur(var(--dialog-overlay-blur,25px))}.story-viewer{position:relative;background:var(--roulette-bg-primary);border-radius:var(--roulette-radius-lg);overflow:hidden;box-shadow:var(--roulette-call-modal-shadow);-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:pan-y;width:100%;max-width:500px;height:90vh;max-height:900px}.story-viewer__error,.story-viewer__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:40px;text-align:center;color:var(--roulette-text-secondary)}.story-viewer__error-icon{width:64px;height:64px;border-radius:50%;background:var(--roulette-form-option-bg);display:flex;align-items:center;justify-content:center;margin-bottom:16px;--icon-color-0:var(--roulette-text-muted)}.story-viewer__error-icon .nuxt-icon{width:28px;height:28px;margin:0}.story-content{position:relative;width:100%;height:100%;overflow:hidden}.story-media-container{position:absolute;inset:0;overflow:hidden;cursor:pointer;background:transparent;display:flex;align-items:center;justify-content:center;z-index:2}.story-media-container .story-media{opacity:0}.story-media-container--ready .story-media{opacity:1}.story-media{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.story-controls-top{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;padding:12px;background:linear-gradient(180deg,rgba(0,0,0,.4) 0,transparent);z-index:10}.story-controls-top__left,.story-controls-top__right{display:flex;gap:8px}.story-control{border-radius:50%;border:none;background:var(--roulette-control-btn-bg,rgba(0,0,0,.5));color:var(--roulette-control-btn-color,#fff);--icon-color-0:var(--roulette-control-btn-color,#fff);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(10px);outline:none}.story-control:hover{background:var(--roulette-control-btn-bg-hover,rgba(0,0,0,.7));color:var(--roulette-control-btn-color-hover,#fff);--icon-color-0:var(--roulette-control-btn-color-hover,#fff);transform:scale(1.05)}.story-control:focus-visible{box-shadow:0 0 0 2px #fffc}.story-control:active{transform:scale(.95)}.story-control{width:var(--roulette-control-btn-size,36px);height:var(--roulette-control-btn-size,36px)}.story-control .nuxt-icon{width:18px;height:18px;margin:0}.story-nav-container{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:12px;z-index:10}.story-nav{border-radius:50%;border:none;background:var(--roulette-control-btn-bg,rgba(0,0,0,.5));color:var(--roulette-control-btn-color,#fff);--icon-color-0:var(--roulette-control-btn-color,#fff);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(10px);outline:none}.story-nav:hover{background:var(--roulette-control-btn-bg-hover,rgba(0,0,0,.7));color:var(--roulette-control-btn-color-hover,#fff);--icon-color-0:var(--roulette-control-btn-color-hover,#fff);transform:scale(1.05)}.story-nav:focus-visible{box-shadow:0 0 0 2px #fffc}.story-nav:active{transform:scale(.95)}.story-nav{width:var(--roulette-control-btn-size,36px);height:var(--roulette-control-btn-size,36px)}.story-nav .nuxt-icon{width:20px;height:20px;margin:0}.story-nav--hidden{opacity:0;pointer-events:none}.story-controls-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-end;padding:40px 12px 28px;background:linear-gradient(0deg,rgba(0,0,0,.6) 0,transparent);z-index:10}.story-controls-bottom__left{flex:1;min-width:0}.story-controls-bottom__right{display:flex;flex-direction:column;gap:8px;margin-left:12px}.story-user-info{display:flex;align-items:center;gap:10px}.story-user-info__avatar{width:40px;height:40px;flex-shrink:0;overflow:hidden}.story-user-info__avatar,.story-user-info__avatar span{border-radius:50%;display:flex;align-items:center;justify-content:center}.story-user-info__avatar span{width:100%;height:100%;background:var(--roulette-call-avatar-bg,var(--roulette-primary));font-size:16px;font-weight:600;color:var(--roulette-call-avatar-color,var(--roulette-primary-text))}.story-user-info__details{display:flex;flex-direction:column;gap:2px;min-width:0}.story-user-info__name{font-size:var(--roulette-font-size,14px);font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.story-user-info__time{font-size:calc(var(--roulette-font-size, 14px)*.85);color:#fffc;text-shadow:0 1px 2px rgba(0,0,0,.5)}.story-action{border-radius:50%;border:none;background:var(--roulette-control-btn-bg,rgba(0,0,0,.5));color:var(--roulette-control-btn-color,#fff);--icon-color-0:var(--roulette-control-btn-color,#fff);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(10px);outline:none}.story-action:hover{background:var(--roulette-control-btn-bg-hover,rgba(0,0,0,.7));color:var(--roulette-control-btn-color-hover,#fff);--icon-color-0:var(--roulette-control-btn-color-hover,#fff);transform:scale(1.05)}.story-action:focus-visible{box-shadow:0 0 0 2px #fffc}.story-action:active{transform:scale(.95)}.story-action{width:var(--roulette-control-btn-size,36px);height:var(--roulette-control-btn-size,36px)}.story-action .nuxt-icon{width:18px;height:18px;margin:0}.story-progress-container{position:absolute;bottom:12px;left:12px;right:12px;height:3px;z-index:20;pointer-events:none}.story-progress-bar{width:100%;height:100%;background:#ffffff4d;border-radius:2px}.story-progress-bar__fill{height:100%;background:var(--roulette-primary,#fff);border-radius:2px;transition:width .05s linear}.story-counter{position:absolute;bottom:20px;right:24px;font-size:11px;font-weight:600;color:#fffc;text-shadow:0 1px 2px rgba(0,0,0,.5);white-space:nowrap;z-index:21}.story-viewer-wrapper--overlay .story-action,.story-viewer-wrapper--overlay .story-control,.story-viewer-wrapper--overlay .story-nav{width:44px;height:44px}.story-viewer-wrapper--overlay .story-action .nuxt-icon,.story-viewer-wrapper--overlay .story-control .nuxt-icon,.story-viewer-wrapper--overlay .story-nav .nuxt-icon{width:22px;height:22px}.story-viewer-wrapper--overlay .story-user-info__avatar{width:48px;height:48px}.story-viewer-wrapper--overlay .story-nav-container{position:fixed;right:24px;top:50%;transform:translateY(-50%)}.story-viewer-wrapper--overlay .story-user-info{position:fixed;bottom:32px;left:24px}.story-viewer-wrapper--overlay .story-progress-container{bottom:16px;left:16px;right:16px}.story-viewer-wrapper--overlay .story-controls-bottom{padding-bottom:36px}@media(max-width:640px){.story-viewer-wrapper,.story-viewer-wrapper--overlay{padding:0}.story-viewer{max-width:100%;height:100vh;max-height:100vh;border-radius:0}.story-viewer:not(.story-viewer--inline) .story-action,.story-viewer:not(.story-viewer--inline) .story-control,.story-viewer:not(.story-viewer--inline) .story-nav{width:36px;height:36px}.story-viewer:not(.story-viewer--inline) .story-action .nuxt-icon,.story-viewer:not(.story-viewer--inline) .story-control .nuxt-icon,.story-viewer:not(.story-viewer--inline) .story-nav .nuxt-icon{width:18px;height:18px}.story-viewer:not(.story-viewer--inline) .story-nav-container{left:auto;right:12px}.story-viewer:not(.story-viewer--inline) .story-user-info__avatar{width:40px;height:40px}.story-viewer:not(.story-viewer--inline) .story-controls-top{padding:12px}.story-viewer:not(.story-viewer--inline) .story-controls-bottom{padding:40px 12px 28px}.story-viewer:not(.story-viewer--inline) .story-progress-container{left:12px;right:12px;bottom:12px}}.story-page__slider-wrapper{position:relative;grid-row:2;grid-column:2;width:var(--card-width,500px);overflow:visible}.story-page__slider{position:absolute;inset:-60px 0;overflow:hidden;touch-action:none;cursor:grab}.story-page__slider:active{cursor:grabbing}.story-page__track{display:flex;flex-direction:column;gap:var(--story-card-gap,16px)}.story-page__card{position:relative;flex-shrink:0;height:var(--card-height,500px);aspect-ratio:9/16;border-radius:var(--story-border-radius);overflow:hidden;background:var(--bs-body-bg)}.story-page__card--inactive{cursor:pointer}.story-page__card--inactive .story-player{pointer-events:none}.story-page__card--empty{visibility:hidden}.story-page__card--activating .story-player .story-controls-bottom,.story-page__card--activating .story-player .story-controls-top,.story-page__card--activating .story-player .story-progress-container{opacity:1}.story-page__nav{position:absolute;right:-60px;display:flex;flex-direction:column;align-items:center;gap:12px;z-index:5;top:50%;transform:translateY(-50%)}.story-page__nav-btn{width:var(--story-control-btn-size,36px);height:var(--story-control-btn-size,36px);border-radius:50%;border:none;background:var(--story-nav-bg);color:var(--story-text-primary);--icon-color-0:var(--story-text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.story-page__nav-btn .nuxt-icon{width:20px;height:20px;margin:0}.story-page__nav-btn:hover{background:var(--story-nav-bg-hover);transform:scale(1.05)}.story-page__nav-btn:active{transform:scale(.95)}.story-page__nav-btn--disabled{opacity:.3;cursor:default;pointer-events:none}.story-player{position:relative;width:100%;height:100%;-moz-user-select:none;user-select:none;-webkit-user-select:none;background:var(--story-bg-primary);overflow:hidden;box-shadow:var(--story-shadow,0 8px 32px rgba(0,0,0,.3))}.story-player .story-controls-bottom,.story-player .story-controls-top,.story-player .story-progress-container{transition:opacity .4s ease}.story-player--inactive .story-controls-bottom,.story-player--inactive .story-controls-top,.story-player--inactive .story-progress-container{opacity:0}.story-player .story-media-poster{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:1}.story-player .story-action,.story-player .story-control,.story-player .story-nav{width:42px;height:42px}.story-player .story-action .nuxt-icon,.story-player .story-control .nuxt-icon,.story-player .story-nav .nuxt-icon{width:20px;height:20px}@media(max-width:640px){.story-page__slider-wrapper{grid-column:1;width:100%}.story-page__slider{top:0;bottom:0}.story-page__card{border-radius:0;aspect-ratio:auto;width:100%}.story-page__nav{display:none}.story-player{border-radius:0}}.upload-area{position:relative;min-height:320px}.file-input{display:none}.upload-area-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:60px 40px;border:2px dashed var(--roulette-border-color);border-radius:var(--roulette-radius-lg);cursor:pointer;transition:all .3s;background:var(--roulette-form-option-bg);text-align:center}.upload-area-content:hover{border-color:var(--roulette-primary);background:var(--roulette-form-option-bg-hover);transform:translateY(-2px)}.upload-area-content .u-btn{margin-top:16px}.upload-area-icon{width:48px;height:48px;border-radius:50%;background:transparent;border:1px solid var(--roulette-border-color);display:flex;align-items:center;justify-content:center;margin-bottom:8px;--icon-color-0:var(--roulette-primary)}.upload-area-icon .nuxt-icon{width:20px;height:20px;margin:0}.file-preview{display:flex;flex-direction:column;gap:20px}.preview-container{width:100%;max-width:500px;max-height:500px;margin:0 auto;background:var(--roulette-bg-primary);border-radius:var(--roulette-radius);overflow:hidden;display:flex;align-items:center;justify-content:center;border:1px solid var(--roulette-border-color)}.preview-image,.preview-video{max-width:100%;max-height:500px;display:block;-o-object-fit:contain;object-fit:contain}.file-info{background:var(--roulette-form-option-bg);border-radius:var(--roulette-radius);padding:16px;display:flex;flex-direction:column;gap:12px}.file-detail{display:flex;justify-content:space-between;align-items:center}.upload-progress-inline{padding:12px;background:var(--roulette-form-option-bg);border-radius:var(--roulette-radius);border:1px solid var(--roulette-border-color);animation:slide-in .3s ease}.upload-progress-inline__bar{width:100%;height:4px;background:var(--roulette-bg-secondary);border-radius:2px;overflow:hidden;margin-bottom:8px}.upload-progress-inline__fill{height:100%;background:var(--roulette-primary);border-radius:2px;transition:width .3s ease}.upload-progress-inline__info{display:flex;justify-content:space-between;align-items:center;font-size:13px}.upload-progress-inline__text{color:var(--roulette-text-medium)}.upload-progress-inline__percent{color:var(--roulette-primary);font-weight:600}@keyframes slide-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.success-state{flex-direction:column;padding:60px 40px;text-align:center}.success-state,.success-state .success-icon{display:flex;align-items:center;justify-content:center}.success-state .success-icon{width:80px;height:80px;background:var(--roulette-success);border-radius:50%;margin-bottom:24px;animation:success-pop .5s ease;--icon-color-0:var(--roulette-success-text)}.success-state .success-icon .nuxt-icon{width:40px;height:40px}.success-state .u-btn{margin-top:16px}@keyframes success-pop{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}@media(max-width:640px){.upload-area-content{padding:40px 20px}.preview-image,.preview-video{max-height:300px}}.roulette-profile-compact__avatar--no-bg{background:transparent!important}.roulette-profile-compact__flags{display:flex;align-items:center;gap:6px;margin-top:8px}