@import "https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";.el-badge{--el-badge-bg-color:var(--el-color-danger);--el-badge-radius:10px;--el-badge-font-size:12px;--el-badge-padding:6px;--el-badge-size:18px;vertical-align:middle;width:fit-content;display:inline-block;position:relative}.el-badge__content{background-color:var(--el-badge-bg-color);border-radius:var(--el-badge-radius);color:var(--el-color-white);font-size:var(--el-badge-font-size);height:var(--el-badge-size);padding:0 var(--el-badge-padding);white-space:nowrap;border:1px solid var(--el-bg-color);justify-content:center;align-items:center;display:inline-flex}.el-badge__content.is-fixed{top:0;right:calc(1px + var(--el-badge-size) / 2);z-index:var(--el-index-normal);position:absolute;transform:translateY(-50%)translate(100%)}.el-badge__content.is-fixed.is-dot{right:5px}.el-badge__content.is-dot{border-radius:50%;width:8px;height:8px;padding:0;right:0}.el-badge__content.is-hide-zero{display:none}.el-badge__content--primary{background-color:var(--el-color-primary)}.el-badge__content--success{background-color:var(--el-color-success)}.el-badge__content--warning{background-color:var(--el-color-warning)}.el-badge__content--info{background-color:var(--el-color-info)}.el-badge__content--danger{background-color:var(--el-color-danger)}.el-message{--el-message-bg-color:var(--el-color-info-light-9);--el-message-border-color:var(--el-border-color-lighter);--el-message-padding:11px 15px;--el-message-close-size:16px;--el-message-close-icon-color:var(--el-text-color-placeholder);--el-message-close-hover-color:var(--el-text-color-secondary);box-sizing:border-box;border-radius:var(--el-border-radius-base);border-width:var(--el-border-width);border-style:var(--el-border-style);border-color:var(--el-message-border-color);background-color:var(--el-message-bg-color);width:max-content;max-width:calc(100% - 32px);transition:opacity var(--el-transition-duration), transform .4s, top .4s, bottom .4s;padding:var(--el-message-padding);align-items:center;gap:8px;display:flex;position:fixed}.el-message.is-left{left:16px}.el-message.is-right{right:16px}.el-message.is-center{left:50%;transform:translate(-50%)}.el-message.is-plain{background-color:var(--el-bg-color-overlay);border-color:var(--el-bg-color-overlay);box-shadow:var(--el-box-shadow-light)}.el-message p{margin:0}.el-message--primary{--el-message-bg-color:var(--el-color-primary-light-9);--el-message-border-color:var(--el-color-primary-light-8);--el-message-text-color:var(--el-color-primary)}.el-message--primary .el-message__content{color:var(--el-message-text-color);overflow-wrap:break-word}.el-message .el-message-icon--primary{color:var(--el-message-text-color)}.el-message--success{--el-message-bg-color:var(--el-color-success-light-9);--el-message-border-color:var(--el-color-success-light-8);--el-message-text-color:var(--el-color-success)}.el-message--success .el-message__content{color:var(--el-message-text-color);overflow-wrap:break-word}.el-message .el-message-icon--success{color:var(--el-message-text-color)}.el-message--info{--el-message-bg-color:var(--el-color-info-light-9);--el-message-border-color:var(--el-color-info-light-8);--el-message-text-color:var(--el-color-info)}.el-message--info .el-message__content{color:var(--el-message-text-color);overflow-wrap:break-word}.el-message .el-message-icon--info{color:var(--el-message-text-color)}.el-message--warning{--el-message-bg-color:var(--el-color-warning-light-9);--el-message-border-color:var(--el-color-warning-light-8);--el-message-text-color:var(--el-color-warning)}.el-message--warning .el-message__content{color:var(--el-message-text-color);overflow-wrap:break-word}.el-message .el-message-icon--warning{color:var(--el-message-text-color)}.el-message--error{--el-message-bg-color:var(--el-color-error-light-9);--el-message-border-color:var(--el-color-error-light-8);--el-message-text-color:var(--el-color-error)}.el-message--error .el-message__content{color:var(--el-message-text-color);overflow-wrap:break-word}.el-message .el-message-icon--error{color:var(--el-message-text-color)}.el-message .el-message__badge{position:absolute;top:-8px;right:-8px}.el-message__content{padding:0;font-size:14px;line-height:1}.el-message__content:focus{outline-width:0}.el-message .el-message__closeBtn{cursor:pointer;color:var(--el-message-close-icon-color);font-size:var(--el-message-close-size)}.el-message .el-message__closeBtn:focus{outline-width:0}.el-message .el-message__closeBtn:hover{color:var(--el-message-close-hover-color)}.el-message-fade-enter-from,.el-message-fade-leave-to{opacity:0}.el-message-fade-enter-from.is-left,.el-message-fade-enter-from.is-right,.el-message-fade-leave-to.is-left,.el-message-fade-leave-to.is-right{transform:translateY(-100%)}.el-message-fade-enter-from.is-left.is-bottom,.el-message-fade-enter-from.is-right.is-bottom,.el-message-fade-leave-to.is-left.is-bottom,.el-message-fade-leave-to.is-right.is-bottom{transform:translateY(100%)}.el-message-fade-enter-from.is-center,.el-message-fade-leave-to.is-center{transform:translate(-50%,-100%)}.el-message-fade-enter-from.is-center.is-bottom,.el-message-fade-leave-to.is-center.is-bottom{transform:translate(-50%,100%)}:root{--primary:#a14b2f;--primary-container:#fb9270;--on-primary:#fff;--on-primary-container:#5a1701;--secondary:#506870;--secondary-container:#cde7f0;--tertiary:#7b602a;--tertiary-container:#ffdb98;--error:#af3d3b;--error-container:#fa746f;--on-error:#fff;--surface:#fffcf7;--surface-container-lowest:#fff;--surface-container-low:#fcf9f3;--surface-container:#f6f3ed;--surface-container-high:#f0eee6;--surface-container-highest:#eae8e0;--surface-variant:#eae8e0;--on-surface:#383833;--on-surface-variant:#65655e;--outline:#81817a;--outline-variant:#bbb9b2;--inverse-surface:#0e0e0c;--inverse-on-surface:#9e9d98;--accent-brand:#d97757;--shadow:0 12px 32px -4px #38383314;--shadow-lg:0 20px 50px #00000026;--font-headline:"Plus Jakarta Sans", "PingFang SC", sans-serif;--font-body:"Be Vietnam Pro", "PingFang SC", sans-serif}*,:before,:after{box-sizing:border-box}html,body,#app{min-height:100dvh}body{font-family:var(--font-body);color:var(--on-surface);background:var(--surface);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3,h4{font-family:var(--font-headline);margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}img,video{max-width:100%;display:block}.sunset-gradient{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-container) 100%)}.ghost-border{border:1px solid #bbb9b233}.auth-page{background:var(--surface);justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.auth-page__container{background:var(--surface-container);width:100%;max-width:1200px;box-shadow:var(--shadow);border-radius:1rem;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.auth-page__brand{background:var(--surface-container-high);flex-direction:column;justify-content:space-between;padding:48px;display:none;position:relative;overflow:hidden}.auth-page__brand-bg{opacity:.4;mix-blend-mode:multiply;position:absolute;inset:0}.auth-page__brand-bg img{object-fit:cover;width:100%;height:100%}.auth-page__brand-logo{z-index:1;color:var(--primary);align-items:center;gap:12px;display:flex;position:relative}.auth-page__brand-copy{z-index:1;max-width:420px;position:relative}.auth-page__brand-copy h2{letter-spacing:-.03em;color:var(--on-surface);margin-bottom:24px;font-size:2.5rem;font-weight:800;line-height:1.1}.auth-page__brand-copy p{color:var(--on-surface-variant);font-size:1.1rem;line-height:1.7}.auth-page__form-area{background:var(--surface);flex-direction:column;justify-content:center;padding:48px 24px;display:flex}.auth-page__form-inner{width:100%;max-width:420px;margin:0 auto}.auth-page__form-header{margin-bottom:40px}.auth-page__form-header h1{letter-spacing:-.02em;color:var(--on-surface);margin-bottom:12px;font-size:1.875rem;font-weight:800}.auth-page__form-header p{color:var(--on-surface-variant);margin:0}.auth-form{gap:20px;display:grid}.auth-form__field{gap:8px;display:grid}.auth-form__label{color:var(--on-surface-variant);padding-left:4px;font-size:.875rem;font-weight:600}.auth-form__submit{background:linear-gradient(135deg, var(--primary), var(--primary-container));color:#fff;border-radius:9999px;width:100%;padding:16px;font-size:1rem;font-weight:700;transition:transform .2s,opacity .2s;box-shadow:0 8px 20px #a14b2f33}.auth-form__submit:hover{transform:scale(1.02)}.auth-form__submit:active{transform:scale(.98)}.auth-form__submit:disabled{opacity:.6;cursor:not-allowed}.auth-page__footnote{text-align:center;color:var(--on-surface-variant);margin-top:40px;font-size:.875rem}.auth-page__footnote a{color:var(--primary);margin-left:4px;font-weight:700}.auth-page__footer{color:#65655e66;text-transform:uppercase;letter-spacing:.15em;justify-content:center;gap:24px;margin-top:32px;font-size:.625rem;font-weight:600;display:flex}@media (width>=1024px){.auth-page__container{grid-template-columns:1fr 1fr}.auth-page__brand{display:flex}.auth-page__form-area{padding:48px 96px}.auth-page__form-header{text-align:left}}@media (width<=1023px){.auth-page__container{background:var(--surface-container-lowest);grid-template-columns:1fr;max-width:480px}.auth-page__form-area{padding:40px 24px}.auth-page__form-header{text-align:center}}.app-topbar{z-index:50;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow);background:#fdfcfbcc;position:sticky;top:0}.app-topbar__inner{justify-content:space-between;align-items:center;width:100%;max-width:80rem;margin:0 auto;padding:16px 24px;display:flex}.app-topbar__brand{align-items:center;gap:12px;display:flex}.app-topbar__brand-icon{color:var(--accent-brand)}.app-topbar__brand-text{color:var(--accent-brand);font-size:1.25rem;font-weight:700;font-family:var(--font-headline);letter-spacing:-.02em}.app-topbar__nav{align-items:center;gap:8px;display:none}.app-topbar__nav-item{color:#38383399;border-radius:9999px;padding:6px 16px;font-size:.875rem;font-weight:500;transition:background .2s,color .2s}.app-topbar__nav-item:hover{background:#d977571a}.app-topbar__nav-item--active{color:var(--accent-brand);font-weight:600}.app-topbar__actions{align-items:center;gap:16px;display:flex}.app-topbar__icon-btn{color:#38383399;border-radius:9999px;padding:8px;transition:background .2s}.app-topbar__icon-btn:hover{background:#d977571a}.app-topbar__avatar{background:var(--surface-container-highest);border:2px solid #fb927033;border-radius:9999px;width:40px;height:40px;overflow:hidden}.app-topbar__avatar img{object-fit:cover;width:100%;height:100%}@media (width>=768px){.app-topbar__nav{display:flex}}.app-fab{z-index:40;background:linear-gradient(135deg, var(--accent-brand), var(--primary-container));color:#fff;border-radius:9999px;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .2s;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 12px 32px -4px #38383340}.app-fab:hover{transform:scale(1.1)}.app-fab:active{transform:scale(.95)}@media (width>=1024px){.app-fab{display:none}}.app-layout{min-height:calc(100dvh - 64px);display:flex}.app-main{flex:1;width:100%;min-width:0;max-width:80rem;margin:0 auto;padding:32px 24px 48px}@media (width>=768px){.app-main{padding:32px 48px 48px}}.ws-header{flex-direction:column;gap:24px;margin-bottom:32px;display:flex}.ws-header__top{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;display:flex}.ws-header__title{letter-spacing:-.02em;color:var(--on-surface);font-size:1.875rem;font-weight:800}.ws-header__subtitle{color:var(--on-surface-variant);margin:4px 0 0}.ws-header__actions{flex-wrap:wrap;gap:12px;display:flex}.ws-search{width:100%;max-width:384px;position:relative}.ws-search__icon{color:var(--outline);position:absolute;top:50%;left:16px;transform:translateY(-50%)}.ws-search__input{background:var(--surface-container-low);width:100%;color:var(--on-surface);border:none;border-radius:9999px;outline:none;padding:12px 16px 12px 48px;font-size:.875rem;transition:box-shadow .2s,background .2s}.ws-search__input::placeholder{color:var(--outline)}.ws-search__input:focus{box-shadow:0 0 0 2px #a14b2f33}.ws-filter-bar{gap:12px;padding-bottom:4px;display:flex;overflow-x:auto}.ws-filter-chip{white-space:nowrap;background:var(--surface-container-highest);color:var(--on-surface-variant);border-radius:9999px;padding:8px 24px;font-size:.875rem;font-weight:500;transition:background .2s}.ws-filter-chip:hover{background:var(--surface-container-high)}.ws-filter-chip--active{background:var(--secondary-container);color:#3d555d}.album-grid{grid-template-columns:1fr;gap:24px;display:grid}@media (width>=640px){.album-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.album-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=1280px){.album-grid{grid-template-columns:repeat(4,1fr)}}.album-card{background:var(--surface-container-lowest);cursor:pointer;border-radius:1rem;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000a}.album-card:hover{transform:scale(1.02);box-shadow:0 8px 24px #00000014}.album-card--hero{grid-area:span 1/span 1}@media (width>=640px){.album-card--hero{grid-column:span 2}}@media (width>=1024px){.album-card--hero{grid-area:span 2/span 2}}.album-card__cover{aspect-ratio:1;object-fit:cover;width:100%;transition:transform .5s}.album-card:hover .album-card__cover{transform:scale(1.05)}.album-card--hero .album-card__cover{aspect-ratio:4/5}.album-card__overlay{opacity:0;background:linear-gradient(#0000 40%,#0009 100%);transition:opacity .3s;position:absolute;inset:0}.album-card--hero .album-card__overlay,.album-card:hover .album-card__overlay{opacity:1}.album-card__info{color:#fff;padding:24px;position:absolute;bottom:0;left:0;right:0}.album-card__badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-transform:uppercase;letter-spacing:.15em;background:#a14b2fe6;border-radius:9999px;margin-bottom:8px;padding:4px 12px;font-size:.625rem;font-weight:700;display:inline-block}.album-card__name{margin-bottom:4px;font-size:1.5rem;font-weight:700}.album-card__meta{opacity:.8;align-items:center;gap:16px;font-size:.875rem;display:flex}.album-card__body{padding:20px}.album-card__body h4{color:var(--on-surface);margin-bottom:4px;font-weight:700}.album-card__body p{color:var(--on-surface-variant);margin:0;font-size:.75rem;font-weight:500}.album-card--new{border:2px dashed var(--outline-variant);background:var(--surface-container-low);flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:32px;transition:background .2s;display:flex}.album-card--new:hover{background:var(--surface-container-high)}.album-card--new-icon{background:#fb927033;border-radius:9999px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:16px;transition:transform .2s;display:flex}.album-card--new:hover .album-card--new-icon{transform:scale(1.1)}.album-card--new h3{color:var(--on-surface);font-size:1.125rem;font-weight:700}.album-card--new p{color:var(--on-surface-variant);text-align:center;margin:4px 0 0;font-size:.875rem}.memory-ribbon{margin-top:48px}.memory-ribbon__title{align-items:center;gap:8px;margin-bottom:24px;font-size:1.125rem;font-weight:700;display:flex}.memory-ribbon__track{gap:16px;padding-bottom:16px;display:flex;overflow-x:auto}.memory-ribbon__track::-webkit-scrollbar{display:none}.memory-ribbon__item{cursor:pointer;border-radius:1rem;flex:none;width:288px;height:176px;position:relative;overflow:hidden}.memory-ribbon__item img,.memory-ribbon__item video{object-fit:cover;width:100%;height:100%;transition:transform .3s}.memory-ribbon__item:hover img,.memory-ribbon__item:hover video{transform:scale(1.1)}.memory-ribbon__item-shade{background:#0000004d;transition:background .3s;position:absolute;inset:0}.memory-ribbon__item:hover .memory-ribbon__item-shade{background:#0000001a}.memory-ribbon__item-copy{color:#fff;position:absolute;bottom:16px;left:16px}.memory-ribbon__item-copy span{font-size:.75rem;font-weight:500}.memory-ribbon__item-copy strong{font-weight:700;display:block}.album-detail-header{flex-direction:column;gap:8px;margin-bottom:32px;display:flex}.album-detail-header__back{color:var(--primary);align-items:center;gap:8px;margin-bottom:8px;font-size:.875rem;font-weight:500;display:inline-flex}.album-detail-header__title{letter-spacing:-.03em;font-size:2rem;font-weight:800}.album-detail-header__subtitle{color:var(--on-surface-variant)}.album-action-bar{z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffcf7b3;border:1px solid #bbb9b21a;border-radius:1rem;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:12px;display:flex;position:sticky;top:80px;box-shadow:0 1px 3px #0000000a}.album-action-bar__left{align-items:center;gap:16px;display:flex}.album-action-bar__right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.media-wall{column-count:2;column-gap:1rem}@media (width>=768px){.media-wall{column-count:3}}@media (width>=1024px){.media-wall{column-count:4}}.media-wall__tile{break-inside:avoid;background:var(--surface-container-low);cursor:pointer;border-radius:1rem;margin-bottom:1rem;padding:0;position:relative;overflow:hidden}.media-wall__preview{border-radius:1rem;width:100%;transition:transform .5s;display:block}.media-wall__tile:hover .media-wall__preview{transform:scale(1.05)}.media-wall__shade{opacity:0;background:linear-gradient(#0000 50%,#00000080 100%);border-radius:1rem;transition:opacity .3s;position:absolute;inset:0}.media-wall__tile:hover .media-wall__shade{opacity:1}.media-wall__meta{z-index:1;color:#ffffffeb;opacity:0;transition:opacity .3s;position:absolute;bottom:16px;left:16px;right:16px}.media-wall__tile:hover .media-wall__meta{opacity:1}.media-wall__copy strong{font-size:.875rem;display:block}.media-wall__copy span{opacity:.8;margin-top:4px;font-size:.75rem;display:inline-block}.media-wall__type{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.media-wall__chip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#0006;border-radius:9999px;align-items:center;gap:4px;padding:4px 8px;font-size:.625rem;display:inline-flex}.media-wall__check{z-index:2;opacity:0;transition:opacity .3s;position:absolute;top:12px;right:12px}.media-wall__tile:hover .media-wall__check{opacity:1}.media-wall__check span{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#00000080;border-radius:9999px;align-items:center;padding:6px 10px;font-size:.75rem;display:inline-flex}.media-wall__tile--active{box-shadow:0 0 0 3px var(--primary-container)}.media-wall__tile--selected{box-shadow:0 0 0 3px var(--primary)}.media-wall__tile--selected .media-wall__check{opacity:1}.asset-panel{background:var(--surface-container-lowest);box-shadow:var(--shadow);border-radius:1rem;align-self:start;gap:12px;padding:16px;display:grid;position:sticky;top:96px}.asset-panel__viewer{background:#13110d;border-radius:.75rem;overflow:hidden}.asset-panel__media{object-fit:contain;width:100%;max-height:min(54vh,600px)}.asset-panel__toolbar{justify-content:space-between;align-items:center;gap:8px;display:flex}.asset-panel__badge{background:var(--surface-container-high);color:var(--on-surface-variant);border-radius:9999px;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.asset-panel__actions{align-items:center;gap:4px;display:flex}.asset-panel__icon-btn{background:var(--surface-container-highest);width:36px;height:36px;color:var(--on-surface-variant);border-radius:50%;justify-content:center;align-items:center;transition:background .15s;display:flex}.asset-panel__icon-btn:hover{background:var(--surface-variant)}.asset-panel__caption{color:var(--on-surface);margin:0;font-size:.9375rem;line-height:1.6}.asset-panel__meta-row{color:var(--on-surface-variant);flex-wrap:wrap;gap:6px;font-size:.75rem;display:flex}.asset-panel__meta-row span{align-items:center;display:inline-flex}.asset-panel__meta-row span:not(:last-child):after{content:"·";color:var(--outline-variant);margin-left:6px}.asset-panel__label{color:var(--on-surface-variant);margin-bottom:8px;font-size:.75rem;display:inline-block}.asset-panel__section{background:var(--surface-container-low);border-radius:12px;padding:14px}.asset-panel__comment-list{gap:10px;margin-top:10px;display:grid}.asset-comment{border-bottom:1px solid #38383314;padding-bottom:8px}.asset-comment:last-child{border-bottom:0;padding-bottom:0}.asset-panel__composer{align-items:flex-end;gap:8px;margin-top:10px;display:flex}.asset-panel__composer .el-textarea{flex:1}.asset-panel__empty{text-align:center;min-height:300px;color:var(--on-surface-variant);place-content:center;padding:28px;display:grid}.selection-dock{z-index:50;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);width:calc(100% - 48px);max-width:768px;box-shadow:var(--shadow-lg);background:#fdfcfbe6;border-radius:1rem;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex;position:fixed;bottom:32px;left:50%;transform:translate(-50%)}.selection-dock__hint{color:var(--on-surface-variant);margin-top:4px;font-size:.875rem;display:block}.selection-dock__actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.album-layout{grid-template-columns:1fr;align-items:start;gap:24px;display:grid}@media (width>=1024px){.album-layout{grid-template-columns:minmax(0,1fr) 380px}}.album-load-more{justify-content:center;padding:20px 0 8px;display:flex}.shared-header{flex-direction:column;gap:8px;margin-bottom:32px;display:flex}.shared-header__label{color:var(--primary);letter-spacing:.05em;text-transform:uppercase;font-size:.875rem;font-weight:600}.shared-header__title{letter-spacing:-.03em;font-size:2rem;font-weight:800}@media (width>=768px){.shared-header__title{font-size:2.5rem}}.shared-header__desc{color:var(--on-surface-variant);max-width:640px;font-size:1.125rem;line-height:1.7}.shared-header__stats{align-items:center;gap:12px;margin-top:8px;display:flex}.shared-header__stat{background:var(--surface-container-high);border-radius:1rem;align-items:center;gap:12px;padding:12px 20px;display:flex}.shared-upload-area{background:var(--surface-container-low);text-align:center;border:2px dashed #bbb9b24d;border-radius:1rem;flex-direction:column;align-items:center;gap:16px;margin-top:48px;padding:40px;display:flex}.shared-upload-area__icon{background:#fb927033;border-radius:9999px;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.shared-upload-area h3{font-size:1.5rem;font-weight:700}.shared-upload-area p{color:var(--on-surface-variant);max-width:480px;margin:0}.shared-download-bar{z-index:50;width:calc(100% - 48px);max-width:480px;position:fixed;bottom:32px;left:50%;transform:translate(-50%)}.shared-download-bar__inner{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:var(--shadow-lg);background:#fdfcfbe6;border-radius:9999px;justify-content:space-between;align-items:center;padding:8px 8px 8px 24px;display:flex}.shared-download-bar__info span{text-transform:uppercase;color:var(--on-surface-variant);letter-spacing:-.02em;font-size:.625rem;font-weight:700;display:block}.shared-download-bar__info strong{font-size:.75rem;font-weight:600}.shared-download-bar__btn{background:linear-gradient(135deg, var(--primary), var(--primary-container));color:#fff;border-radius:9999px;align-items:center;gap:8px;padding:16px 32px;font-weight:700;transition:transform .15s;display:flex;box-shadow:0 8px 20px #a14b2f33}.shared-download-bar__btn:hover{transform:scale(1.05)}.shared-download-bar__btn:active{transform:scale(.95)}.shared-page{max-width:80rem;margin:0 auto;padding:0 16px 80px}.shared-page__header{padding:24px 0 16px}.shared-page__top{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.shared-page__title{letter-spacing:-.02em;margin-bottom:8px;font-size:1.5rem;font-weight:800}.shared-page__meta{color:var(--on-surface-variant);flex-wrap:wrap;align-items:center;gap:8px;font-size:.8125rem;display:flex}.shared-page__badge{background:var(--primary-container);color:var(--on-primary-container);border-radius:9999px;align-items:center;gap:4px;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.shared-page__meta span:not(.shared-page__badge):not(:last-child):after{content:"·";color:var(--outline-variant);margin-left:8px}.shared-page__panel{display:none}@media (width>=768px){.shared-page{padding:0 32px 80px}.shared-page__title{font-size:1.875rem}}@media (width>=1024px){.shared-page__panel{display:grid}}.shared-page__empty{text-align:center;place-content:center;gap:12px;min-height:60vh;padding:48px 24px;display:grid}.shared-page__empty h1{margin-bottom:4px;font-size:1.5rem;font-weight:700}.shared-page__empty p{color:var(--on-surface-variant);margin:0}.share-settings{grid-template-columns:1fr;gap:24px;max-height:calc(80vh - 80px);display:grid;overflow:hidden auto}@media (width>=768px){.share-settings{grid-template-columns:7fr 5fr;overflow-y:visible}}.share-settings__main,.share-settings__side{align-content:start;gap:16px;display:grid}.share-settings__group{background:var(--surface-container-low);border-radius:1rem;padding:24px}.share-settings__group-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.share-settings__group-head h4{font-size:1.125rem;font-weight:700}.share-settings__radio-grid{flex-direction:column;gap:10px;margin-top:16px;display:flex}.share-settings__radio-card{background:var(--surface-container-lowest);cursor:pointer;border:2px solid #0000;border-radius:1rem;align-items:flex-start;gap:12px;padding:14px 16px;transition:border-color .2s,background .2s;display:flex}.share-settings__radio-card:hover{background:var(--surface-container-low)}.share-settings__radio-card--active{border-color:var(--primary);background:#a14b2f0a}.share-settings__radio-dot{border:2px solid var(--outline-variant);border-radius:9999px;flex-shrink:0;width:18px;height:18px;margin-top:2px;transition:border-color .2s,box-shadow .2s;position:relative}.share-settings__radio-dot--checked{border-color:var(--primary);background:var(--primary);box-shadow:inset 0 0 0 3px var(--surface-container-lowest)}.share-settings__radio-body strong{color:var(--on-surface);margin-bottom:2px;font-size:.875rem;display:block}.share-settings__radio-body span{color:var(--on-surface-variant);font-size:.8125rem;line-height:1.5}.share-settings__group--split{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=600px){.share-settings__group--split{grid-template-columns:1fr}}.share-settings__toggles{gap:12px;display:grid}.share-toggle{background:var(--surface-container-lowest);border-radius:1rem;justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.share-toggle strong{display:block}.share-toggle p{color:var(--on-surface-variant);margin:4px 0 0;font-size:.875rem;line-height:1.6}.share-settings__actions,.share-settings__link-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.share-settings__panel{background:var(--surface-container-highest);border-radius:1rem;padding:24px}.share-settings__qr{place-items:center;margin-top:16px;display:grid}.share-settings__qr img{aspect-ratio:1;object-fit:contain;background:#fff;border-radius:1rem;width:min(220px,100%);padding:12px}.share-settings__qr-empty{color:var(--on-surface-variant);text-align:center;padding:32px}.share-dialog__head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.share-dialog__url{word-break:break-all;color:var(--on-surface);background:var(--surface-container);border-radius:.75rem;margin:12px 0;padding:16px}.share-dialog__url--empty{color:var(--on-surface-variant)}.share-settings__panel--links .share-link-list{margin-top:12px}.share-link-row{background:var(--surface-container-low);text-align:left;border-radius:12px;gap:8px;width:100%;margin-bottom:8px;padding:12px;transition:background .15s;display:grid}.share-link-row:hover{background:#fb927014}.share-link-row--active{background:#fb92701f}.share-link-row--expired{opacity:.6}.share-link-row--expired strong{text-decoration:line-through}.share-link-row__meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.share-link-row__expired{color:var(--error)}.share-link-row__actions{align-items:center;gap:4px;display:flex}.share-settings__panel--notice strong{margin:8px 0 0;display:block}.share-settings__panel--notice p{color:var(--on-surface-variant);margin:4px 0 0}.share-settings__hero{background:linear-gradient(140deg,#fffdf8 0%,#f6f1e8 100%);border-radius:1rem;justify-content:space-between;align-items:end;gap:16px;padding:24px;display:flex}.share-settings__hero h3{letter-spacing:-.03em;margin:8px 0 0;font-size:1.5rem;font-weight:800}.share-settings__hero p{color:var(--on-surface-variant);margin:12px 0 0;line-height:1.7}.share-settings__hero-badge{text-align:right;background:#14100c14;border-radius:1rem;gap:8px;min-width:148px;padding:14px;display:grid}.section-eyebrow{color:var(--primary);letter-spacing:.15em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:700}.upload-sheet__drawer{border-top-left-radius:1.75rem;border-top-right-radius:1.75rem;overflow:hidden}.upload-sheet__drawer-body{box-sizing:border-box;flex-direction:column;height:100%;display:flex;padding:20px 24px 0!important;overflow:hidden!important}.upload-sheet{flex-direction:column;gap:16px;height:100%;min-height:0;display:flex}.upload-sheet__header{background:linear-gradient(140deg,#fffdf8,#f6f1e8);border-radius:1rem;flex-shrink:0;gap:16px;padding:24px;display:grid}.upload-sheet__header h3{letter-spacing:-.03em;font-size:1.5rem;font-weight:800}.upload-sheet__header p{color:var(--on-surface-variant);margin:0;line-height:1.7}.upload-sheet__stats{flex-wrap:wrap;gap:8px;display:flex}.upload-sheet__stats span{color:var(--primary);background:#fb92702e;border-radius:9999px;padding:6px 12px;font-size:.8rem;font-weight:700}.upload-sheet__scroll{overscroll-behavior:contain;flex:1;gap:16px;min-height:0;padding-bottom:8px;display:grid;overflow-y:auto}.upload-sheet__dropzone{text-align:center;color:var(--on-surface-variant);cursor:pointer;background:linear-gradient(#ffffffe6,#faf4ebe6);border:1.5px dashed #a14b2f47;border-radius:1rem;justify-items:center;gap:12px;padding:32px;display:grid}.upload-sheet__add-more{background:#ffffffe0;border:1px dashed #a14b2f38;border-radius:1rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.upload-sheet__add-more-copy{color:var(--on-surface-variant);align-items:center;gap:8px;font-size:.875rem;font-weight:600;display:inline-flex}.upload-sheet__dropzone strong{color:var(--on-surface);font-size:1rem}.upload-sheet__dropzone p{max-width:480px;margin:0;line-height:1.7}.upload-sheet__dropzone-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.upload-sheet__visitor{background:var(--surface-container-low);border-radius:1rem;gap:10px;padding:16px;display:grid}.upload-sheet__import-mode{background:linear-gradient(135deg,#fff7edf2,#ffffffeb);border:1px solid #fb92702e;border-radius:1rem;justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.upload-sheet__import-copy{gap:4px;display:grid}.upload-sheet__import-copy strong{color:var(--on-surface);font-size:.95rem}.upload-sheet__import-copy span{color:var(--on-surface-variant);font-size:.82rem;line-height:1.6}.upload-sheet__list{gap:12px;display:grid}.upload-sheet__list-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.upload-sheet__list-head strong{font-size:.95rem}.upload-sheet__list-clear{color:var(--primary);cursor:pointer;background:0 0;border:none;font-size:.8125rem;font-weight:600}.upload-sheet__grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.upload-sheet__grid--compact{grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:10px}.upload-sheet__grid-item{background:var(--surface-container-low);border:1px solid #3838330f;border-radius:1rem;gap:8px;min-width:0;padding:10px;display:grid}.upload-sheet__grid-item--uploading{border-color:#a14b2f47}.upload-sheet__grid-item--done{border-color:#2e7d323d}.upload-sheet__grid-item--error{border-color:#c6282847}.upload-sheet__grid--compact .upload-sheet__grid-item{gap:6px;padding:8px}.upload-sheet__grid-preview{aspect-ratio:1;background:#ece5d8;border-radius:.75rem;position:relative;overflow:hidden}.upload-sheet__grid-preview img,.upload-sheet__grid-preview video{object-fit:cover;width:100%;height:100%}.upload-sheet__grid-remove{color:#fff;cursor:pointer;background:#00000085;border:none;border-radius:9999px;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex;position:absolute;top:6px;right:6px}.upload-sheet__grid-state{color:#fff;letter-spacing:.02em;justify-content:center;align-items:center;font-size:.72rem;font-weight:700;display:flex;position:absolute;inset:0}.upload-sheet__grid-state--uploading{background:#a14b2f94}.upload-sheet__grid-state--done{background:#2e7d329e}.upload-sheet__grid-state--error{background:#c628289e}.upload-sheet__grid-badge{color:#fff;background:#00000094;border-radius:9999px;padding:2px 6px;font-size:.68rem;font-weight:700;position:absolute;bottom:6px;left:6px}.upload-sheet__grid-meta{gap:2px;min-width:0;display:grid}.upload-sheet__grid-meta strong{text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;display:block;overflow:hidden}.upload-sheet__grid-meta span{color:var(--on-surface-variant);font-size:.75rem}.upload-sheet__grid--compact .upload-sheet__grid-meta strong{font-size:.75rem}.upload-sheet__item-path{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--on-surface-variant);margin-top:2px;font-size:.72rem;display:block;overflow:hidden}.upload-sheet__footer{z-index:2;padding:16px 24px calc(16px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffdf9f5;border-top:1px solid #38383314;flex-shrink:0;gap:12px;margin:0 -24px;display:grid;position:sticky;bottom:0;box-shadow:0 -8px 24px #38383314}.upload-sheet__footer-main{gap:10px;display:grid}.upload-sheet__footer-info{gap:4px;display:grid}.upload-sheet__footer-info strong{font-family:var(--font-headline)}.upload-sheet__footer-info span{color:var(--on-surface-variant);font-size:.8rem}.upload-sheet__progress{grid-template-columns:1fr auto;align-items:center;gap:10px;display:grid}.upload-sheet__progress-bar{background:#a14b2f1f;border-radius:9999px;height:8px;overflow:hidden}.upload-sheet__progress-bar span{border-radius:inherit;background:linear-gradient(90deg,#c56a3d,#fb9270);height:100%;transition:width .2s;display:block}.upload-sheet__progress-text{min-width:42px;color:var(--primary);text-align:right;font-size:.8125rem;font-weight:700}.upload-sheet__footer-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.upload-sheet__modal{border-top-left-radius:1.75rem;border-top-right-radius:1.75rem;overflow:hidden}.upload-dropzone__input{display:none}.delete-confirm-dialog__body{background:var(--surface-container-low);text-align:center;border-radius:1rem;padding:16px}.delete-confirm-dialog__body .delete-icon{background:#fa746f33;border-radius:9999px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;display:flex}.delete-confirm-dialog__body h3{margin-bottom:8px;font-size:1.5rem;font-weight:700}.delete-confirm-dialog__body p{color:var(--on-surface-variant);margin:0;line-height:1.6}.el-button--primary{--el-button-bg-color:var(--primary);--el-button-border-color:var(--primary);--el-button-hover-bg-color:#8f4b21;--el-button-hover-border-color:#8f4b21}.el-dialog,.el-drawer{--el-bg-color-overlay:#fffdf9;--el-border-radius-base:1rem}.el-input__wrapper,.el-textarea__inner,.el-select__wrapper{background:var(--surface-container-low)!important;border-radius:.75rem!important}.el-input__wrapper.is-focus,.el-textarea__inner:focus,.el-select__wrapper.is-focused{box-shadow:0 0 0 2px #a14b2f40!important}.pill-btn{border-radius:9999px;align-items:center;gap:8px;padding:10px 24px;font-size:.875rem;font-weight:600;transition:opacity .15s,transform .15s;display:inline-flex}.pill-btn:hover{opacity:.9}.pill-btn:active{transform:scale(.95)}.pill-btn--primary{background:var(--primary);color:var(--on-primary);box-shadow:0 8px 20px #a14b2f33}.pill-btn--surface{background:var(--surface-container-highest);color:var(--primary)}.pill-btn--gradient{background:linear-gradient(135deg, var(--primary), var(--primary-container));color:#fff;box-shadow:0 8px 20px #a14b2f33}.pill-btn--danger{color:var(--error);background:#c628281a;border:1px solid #c628282e}@keyframes fadeRise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-rise{animation:.4s both fadeRise}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=767px){.hide-mobile{display:none!important}.album-action-bar{flex-direction:column;align-items:stretch;gap:10px}.album-action-bar__left,.album-action-bar__right{flex-wrap:wrap}.album-action-bar__right{justify-content:flex-start}.album-action-bar .pill-btn{padding:8px 14px;font-size:.8125rem}.asset-panel{position:static}.album-layout{grid-template-columns:1fr}.media-wall{column-count:2}.share-settings,.share-settings__group--split{grid-template-columns:1fr}}@media (width<=479px){.upload-sheet__drawer-body{padding:16px 16px 0!important}.upload-sheet__footer{padding:14px 16px calc(14px + env(safe-area-inset-bottom,0px));margin:0 -16px}.upload-sheet__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.upload-sheet__grid--compact{grid-template-columns:repeat(3,minmax(0,1fr))}.upload-sheet__import-mode{flex-direction:column;align-items:stretch}}