@charset "UTF-8";:root{font-family:IBM Plex Sans,Segoe UI,Helvetica Neue,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;max-width:100vw;overflow:hidden}body{margin:0}button,input{font:inherit}.app-shell[data-theme=light]{--bg: #e9eef4;--panel: #ffffff;--panel-soft: #f4f7fb;--ink: #102030;--ink-soft: #556679;--placeholder: #77889b;--icon-inactive: #6f8196;--icon-active: #ffffff;--line: #d2dce7;--line-strong: #bcc9d7;--brand: #0f61d9;--brand-ink: #ffffff;--danger: #c64031;--danger-ink: #ffffff;--shadow: 0 8px 20px rgba(16, 32, 48, .08)}.app-shell[data-theme=night]{--bg: #0f1620;--panel: #172130;--panel-soft: #1f2b3d;--ink: #edf3ff;--ink-soft: #a7b8cc;--placeholder: #8f9fb3;--icon-inactive: #8f9fb3;--icon-active: #edf3ff;--line: #2d3b50;--line-strong: #3d4f67;--brand: #80abff;--brand-ink: #091423;--danger: #ef6851;--danger-ink: #190705;--shadow: 0 10px 24px rgba(0, 0, 0, .28)}.app-shell[data-theme=dark]{--bg: #181818;--panel: #1f1f1f;--panel-soft: #181818;--ink: #cccccc;--ink-soft: #8c8c8c;--placeholder: #8c8c8c;--icon-inactive: #868686;--icon-active: #d7d7d7;--line: #2b2b2b;--line-strong: #0078d4;--brand: #0078d4;--brand-ink: #ffffff;--danger: #c64031;--danger-ink: #ffffff;--shadow: 0 10px 24px rgba(0, 0, 0, .32)}.app-shell[data-theme=dark] .side-nav-button.is-active{background:#1e527c;border-color:#1e527c}.app-shell[data-theme=dark] .segmented-control{border-color:var(--line)}.app-shell[data-theme=dark] .segmented-control__item.is-active{background:#1e527c;border-color:var(--brand)}.app-shell[data-theme=dark] .detail-panel__section,.app-shell[data-theme=dark] .access-link-item,.app-shell[data-theme=dark] .activity-feed__item,.app-shell[data-theme=dark] .token-panel__sharex-group,.app-shell[data-theme=dark] .button--secondary,.app-shell[data-theme=dark] .segmented-control__item:not(.is-active),.app-shell[data-theme=dark] input:not(:focus){border-color:var(--line)}.app-shell[data-theme=dark] .workspace-action-bar__separator{background-color:var(--line)}.app-shell{height:100vh;max-height:100vh;max-width:100vw;overflow:hidden;background:var(--bg);color:var(--ink);position:relative}.app-shell__layout{height:100%;width:100%;display:flex;overflow:hidden}.side-panel{width:300px;flex-shrink:0;border-right:1px solid var(--line);background:var(--panel);padding:20px 18px;display:flex;flex-direction:column;gap:16px;overflow-y:auto}.side-panel__brand{display:flex;flex-direction:column;gap:4px;padding-bottom:2px}.eyebrow{margin:0;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft)}.side-panel__kpi{margin:0;color:var(--ink-soft);font-size:13px;line-height:1.5}.side-panel__section{display:flex;flex-direction:column;gap:6px;padding-top:4px;border-top:1px solid var(--line)}.side-panel__footer{margin-top:auto;display:flex;flex-direction:column;gap:10px;padding-top:14px;border-top:1px solid var(--line)}.locale-switch{display:flex;flex-direction:column;gap:7px;font-size:12px;color:var(--ink-soft)}.locale-segmented{width:100%;flex-wrap:wrap}.locale-segmented .segmented-control__item{flex:1;min-width:0;padding:8px 6px;font-size:12px;text-align:center;justify-content:center;line-height:0}.flag-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:16px;border-radius:2px;overflow:hidden;flex-shrink:0;box-shadow:0 0 0 1px #0000001f}.flag-icon svg{width:100%;height:100%;display:block}.side-nav-button{justify-content:flex-start;width:100%;background:var(--panel-soft);color:var(--ink-soft);border-color:var(--line)}.side-nav-button.is-active{background:var(--brand);color:var(--brand-ink);border-color:var(--brand)}.side-nav-button .material-icon{color:var(--icon-inactive)}.side-nav-button.is-active .material-icon{color:var(--icon-active)}.app-main{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;gap:0;padding:0;overflow:hidden}.app-header{display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:64px;flex-shrink:0;border-bottom:1px solid var(--line);background:var(--panel);gap:12px}.app-header__left{display:flex;align-items:center;gap:8px;min-width:0}.app-header__right{display:flex;align-items:center;gap:4px;flex-shrink:0}.app-header__page-title{display:flex;flex-direction:column;gap:1px}.app-header__page-title h2,.app-header__page-title .eyebrow{margin:0}.app-header__page-title h2{font-size:16px;font-weight:700;line-height:1.25}.app-header__count{font-size:12px;color:var(--ink-soft);flex-shrink:0}.app-body{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;padding:16px;gap:0}.app-content{flex:1;min-height:0;display:flex;flex-direction:column;gap:16px;overflow:hidden}.main-layout{flex:1;min-height:0;display:flex;gap:16px}.workspace-side{width:380px;flex-shrink:0;min-height:0;display:flex;flex-direction:column;gap:16px}.workspace,.detail-panel,.activity-feed,.activity-center,.links-center,.settings-center,.token-panel{background:var(--panel);border:1px solid var(--line);border-radius:4px;box-shadow:var(--shadow)}.links-center .access-link-item{align-items:center}.links-center .access-link-item__content{flex:1;width:auto;min-width:0;max-width:none}.links-center .access-link-item__actions{width:auto;min-width:0;max-width:none;display:flex;flex-direction:row;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:6px}.links-center .access-link-item__actions button{min-height:30px;padding:4px 10px;font-size:12px}.links-center .access-link-item__actions .icon-label{gap:4px}.workspace{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}.workspace-action-bar{border:1px solid var(--line);background:var(--panel-soft);border-radius:0;padding:0 12px;height:48px;flex-shrink:0;margin:0;display:flex;align-items:center;justify-content:space-between;gap:8px}.workspace-action-bar__actions{display:flex;align-items:center;gap:8px}.workspace-action-bar__group{display:flex;align-items:center;gap:6px}.workspace-action-bar__separator{width:1px;height:24px;background:var(--line-strong);flex-shrink:0}.workspace-action-bar__actions button{min-height:34px;padding:6px 10px;font-size:12px;border-radius:3px}.workspace-action-bar__actions .icon-label{gap:5px}.workspace-action-bar__stat{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--ink-soft);flex-shrink:0}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));align-content:flex-start;gap:14px;padding:14px}.gallery-grid__loading-more{grid-column:1/-1;text-align:center;padding:12px 16px;font-size:13px;color:var(--ink-soft)}.gallery-grid__sentinel{grid-column:1/-1;height:1px}.image-card{width:100%;border:1px solid var(--line);border-radius:4px;background:var(--panel-soft);color:var(--ink);text-align:left;overflow:hidden;padding:0;display:flex;flex-direction:column}.image-card.is-active{border-color:var(--brand);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand),transparent 72%)}.image-card__preview{width:100%;aspect-ratio:16/9;min-height:130px;max-height:176px;overflow:hidden;position:relative;isolation:isolate}.image-card__full,.image-card__thumb{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.image-card__thumb{z-index:1;filter:blur(10px);transform:scale(1.12);image-rendering:pixelated}.image-card__full{z-index:2}.image-card__meta{padding:8px 10px 10px;display:flex;flex-direction:column;gap:5px;overflow:hidden;min-width:0}.image-card__name{font-size:13px;font-weight:700;line-height:1.3;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.image-card__subline{display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:11px;color:var(--ink-soft);min-width:0}.image-card__subline-left{display:flex;align-items:center;gap:5px;min-width:0;overflow:hidden}.image-card__subline-left>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-card__subline-right{flex-shrink:0;white-space:nowrap}.mime-type-icon{display:inline-block;object-fit:contain;flex-shrink:0}.detail-mime-type{display:flex;align-items:center;gap:8px}.detail-tags-row{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.detail-tags-row .detail-tags-edit-btn{padding:2px;opacity:0;transition:opacity .15s}.detail-tags-row .detail-tags-edit-btn .material-icon{font-size:14px;width:14px;height:14px}.detail-tags-row:hover .detail-tags-edit-btn{opacity:1}.detail-tag-chip{display:inline-flex;align-items:center;gap:2px;border-radius:4px;padding:2px 7px;font-size:11px;background:color-mix(in srgb,#76b82a,transparent 82%);color:#76b82a;border:1px solid color-mix(in srgb,#76b82a,transparent 50%)}.detail-tag-chip.detail-tag-chip--removable{padding-right:3px}.detail-tag-chip .detail-tag-remove-btn{padding:0;line-height:1;opacity:.7}.detail-tag-chip .detail-tag-remove-btn:hover{opacity:1}.detail-tag-chip .detail-tag-remove-btn .material-icon{font-size:12px;width:12px;height:12px}.detail-tags-edit-area{display:flex;flex-direction:column;gap:6px}.detail-tags-edit-area .detail-tags-chips{display:flex;flex-wrap:wrap;align-items:center;gap:4px;border:1px solid var(--line);border-radius:4px;padding:4px;min-height:32px;cursor:text}.detail-tags-edit-area .detail-tags-chips input{flex:1;min-width:80px;border:none!important;background:transparent;padding:1px 3px;font-size:12px;outline:none;box-shadow:none}.detail-tags-edit-area .detail-tags-actions{display:flex;gap:4px;justify-content:flex-end}.detail-name-row{display:flex;align-items:center;gap:4px}.detail-name-row .detail-name-edit-btn{padding:2px;opacity:0;transition:opacity .15s}.detail-name-row .detail-name-edit-btn .material-icon{font-size:14px;width:14px;height:14px}.detail-name-row:hover .detail-name-edit-btn{opacity:1}.detail-name-input-row{display:flex;align-items:center;gap:4px}.detail-name-input-row input{flex:1;min-width:0;padding:2px 6px;font-size:13px}.detail-name-input-row .detail-name-action-btn{padding:2px}.detail-name-input-row .detail-name-action-btn .material-icon{font-size:14px;width:14px;height:14px}.detail-panel{width:100%;flex:1;min-height:0;padding:16px;display:flex;flex-direction:column;gap:16px;overflow-y:auto}.detail-panel h2{margin:0}.detail-panel dl{margin:0;display:flex;flex-direction:column;gap:12px}.detail-panel dl>div{display:flex;flex-direction:column;gap:2px}.detail-panel dt{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft)}.detail-panel dd{margin:0}.detail-panel__actions{display:flex;flex-wrap:wrap;gap:8px}.detail-panel__section{border:1px solid var(--line-strong);background:color-mix(in srgb,var(--panel-soft),var(--panel) 18%);border-radius:4px;padding:12px;display:flex;flex-direction:column;gap:8px}.detail-panel__section h3{margin:0;font-size:14px}.detail-panel__section label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--ink-soft)}.detail-panel__section-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.access-link-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}.access-link-item{border:1px solid var(--line-strong);background:var(--panel);border-radius:4px;padding:10px 12px;display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.access-link-item__content{width:169.5px;min-width:169.5px;max-width:169.5px}.access-link-item--empty{color:var(--ink-soft);justify-content:flex-start}.access-link-item__title{margin:0;font-weight:700}.access-link-item__meta{margin:4px 0 0;color:var(--ink-soft);font-size:12px}.access-link-item__actions{width:110.5px;min-width:110.5px;max-width:110.5px;display:flex;flex-direction:column;gap:6px}.access-link-item__state-chip{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;border:1px solid transparent}.access-link-item__state-chip.is-active{background:color-mix(in srgb,#76b82a,transparent 82%);color:color-mix(in srgb,#76b82a,var(--ink) 20%);border-color:color-mix(in srgb,#76b82a,transparent 40%)}.access-link-item__state-chip.is-revoked{background:color-mix(in srgb,var(--danger),transparent 84%);color:var(--danger);border-color:color-mix(in srgb,var(--danger),transparent 40%)}.access-link-item__state-chip.is-expired{background:color-mix(in srgb,#d1a12f,transparent 84%);color:color-mix(in srgb,#d1a12f,var(--ink) 20%);border-color:color-mix(in srgb,#d1a12f,transparent 40%)}.access-link-item__state-chip.is-missing{background:color-mix(in srgb,var(--ink-soft),transparent 84%);color:var(--ink-soft);border-color:color-mix(in srgb,var(--ink-soft),transparent 40%)}.access-link-item a{display:inline-flex;align-items:center;max-width:min(100%,260px);margin-top:7px;padding:1px 7px;border:1px solid var(--line-strong);border-radius:999px;background:color-mix(in srgb,var(--brand),transparent 94%);font-family:IBM Plex Mono,Consolas,monospace;font-size:10px;line-height:1.25;color:var(--brand);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.access-link-item a:hover{background:color-mix(in srgb,var(--brand),transparent 88%);text-decoration:underline}.access-link-item.is-disabled a{opacity:.6;filter:grayscale(1);pointer-events:none;cursor:default}.detail-panel .danger{background:var(--danger);color:var(--danger-ink)}.generated-link{display:flex;flex-direction:column;gap:8px}.generated-link label{font-size:12px;color:var(--ink-soft)}.generated-link__row{display:flex;gap:8px}.generated-link input{flex:1}.generated-link__status{margin:0;font-size:12px;color:var(--ink-soft)}.generated-link__status--error{color:var(--danger)}.token-panel{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.token-panel .scroll-area__viewport{padding:20px;display:flex;flex-direction:column;gap:18px}.token-panel__header{display:flex;justify-content:space-between;align-items:center;gap:8px}.token-panel h2,.token-panel h3{margin:0}.token-panel__intro{margin:0;color:var(--ink-soft)}.token-panel__create{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.token-panel__create label{min-width:120px;color:var(--ink-soft)}.token-panel__create input{flex:1;min-width:210px}.token-panel__created{border:1px solid var(--line-strong);background:var(--panel-soft);padding:14px;border-radius:4px;display:flex;flex-direction:column;gap:12px}.token-panel__created p{margin:0;color:var(--ink-soft)}.token-panel__field{display:flex;flex-direction:column;gap:4px}.token-panel__field>div{display:flex;gap:8px}.token-panel__field input{flex:1}.token-panel__field small{color:var(--ink-soft)}.token-panel__sharex{border:1px solid var(--line);border-left:3px solid var(--brand);background:var(--panel-soft);border-radius:4px;padding:12px 14px;display:flex;flex-direction:column;gap:10px}.token-panel__sharex-heading{margin:0;display:flex;align-items:center;gap:6px;color:var(--brand)}.token-panel__sharex-card{border-radius:3px;width:min(100%,760px);overflow:auto}.token-panel__sharex-groups{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.token-panel__sharex-inline-row{display:flex;align-items:stretch;gap:8px;width:100%;flex-wrap:wrap}.token-panel__sharex-inline-row .token-panel__sharex-group{flex:0 1 auto}.token-panel__sharex-group{margin:0;border:1px solid var(--line-strong);background:var(--panel-soft);border-radius:3px;padding:8px 10px 10px;display:flex;flex-direction:column;gap:6px;font-size:13px;width:fit-content;max-width:100%}.token-panel__sharex-group h4{margin:0;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--ink-soft)}.token-panel__sharex-group code{display:block;padding:5px 8px;font-size:11px;word-break:break-all;line-height:1.5}.token-panel__sharex-stack{display:grid;grid-template-columns:max-content 1fr;gap:0}.token-panel__sharex-header-row{display:contents}.token-panel__sharex-group .token-panel__sharex-header-name,.token-panel__sharex-group .token-panel__sharex-header-value{display:flex;align-items:center;flex-wrap:wrap;gap:4px;padding:5px 10px;font-size:11px;line-height:1.5;word-break:normal}.token-panel__sharex-group .token-panel__sharex-header-name{padding-left:0;font-weight:600;color:var(--ink);white-space:nowrap;border-right:1px solid var(--line);padding-right:12px}.token-panel__sharex-group .token-panel__sharex-header-value{color:var(--ink-soft);padding-left:12px}.method-chip{display:inline-flex;align-items:center;justify-content:center;align-self:center;padding:2px 8px;border-radius:3px;background:color-mix(in srgb,var(--brand),transparent 80%);color:var(--brand);border:1px solid color-mix(in srgb,var(--brand),transparent 50%);font-size:11px;font-weight:700;letter-spacing:.05em;flex-shrink:0}.sharex-optional-tag{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-soft);background:color-mix(in srgb,var(--ink-soft),transparent 90%);padding:1px 5px;border:1px solid color-mix(in srgb,var(--ink-soft),transparent 50%);border-radius:2px;vertical-align:middle}.sharex-optional-inline{font-weight:700;font-style:normal;color:var(--ink-soft);font-size:.95em}.token-panel__sharex-url-row{display:flex;align-items:center;gap:8px}.token-panel__sharex-url-row code{flex:1;min-width:0}.token-panel__list{display:flex;flex-direction:column;gap:8px}.credential-cards{display:flex;flex-wrap:wrap;gap:8px}.credential-card{width:min(100%,340px);border:1px solid var(--line);border-radius:4px;background:var(--panel-soft);padding:14px;display:flex;flex-direction:column;gap:10px}.credential-card header,.credential-card footer{display:flex;justify-content:space-between;align-items:center;gap:6px}.credential-card p{margin:0;display:flex;flex-direction:column;gap:2px;color:var(--ink-soft);font-size:12px}.credential-card span{color:var(--ink)}.activity-feed{padding:16px;display:flex;flex-direction:column;gap:12px}.activity-feed h2{margin:0}.activity-feed__header{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.activity-feed__list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}.activity-feed__item{border:1px solid var(--line);background:var(--panel-soft);border-radius:4px;padding:10px 14px;display:flex;align-items:flex-start;gap:10px}.activity-feed__pill-lane{width:var(--activity-pill-lane-width, 68px);min-width:var(--activity-pill-lane-width, 68px);display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-feed__pill-lane .pill{width:fit-content;min-width:0;justify-content:center;padding:3px 8px}.activity-feed__content{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.activity-feed__message{margin:0;font-size:13px;line-height:1.4}.activity-feed__file{display:inline-flex;align-items:center;margin:0 2px;padding:0 6px;border-radius:999px;border:1px solid var(--line-strong);background:color-mix(in srgb,var(--brand),transparent 90%);color:var(--ink);font-size:.92em;font-weight:700}.activity-feed__datetime{display:inline-flex;align-self:flex-start;margin-top:0;font-size:11px;color:var(--ink-soft);border:1px solid var(--line);border-radius:999px;padding:1px 8px;background:var(--panel)}.activity-center .activity-feed__item{background:color-mix(in srgb,var(--panel-soft),var(--panel) 24%);border-color:var(--line-strong);align-items:center}.activity-center{--activity-pill-lane-width: 68px}.activity-center .activity-feed__message{font-size:12.5px}.activity-center .activity-feed__datetime{background:color-mix(in srgb,var(--panel),transparent 12%)}.activity-center,.links-center,.settings-center{flex:1;min-height:0;overflow:hidden;padding:16px;display:flex;flex-direction:column;gap:14px}.settings-center__header h2,.settings-center__header p{margin:0}.settings-center__section{border:1px solid var(--line);background:var(--panel-soft);border-radius:4px;padding:12px;display:flex;flex-direction:column;gap:12px;max-width:380px}.settings-center__section h3{margin:0;font-size:14px}.settings-center__theme-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;color:var(--ink-soft)}.settings-encryption{display:flex;flex-direction:column;gap:10px;padding-top:10px;border-top:1px solid var(--line)}.settings-encryption__header{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:500;color:var(--ink)}.settings-encryption__header .material-icon{color:var(--icon-inactive);flex-shrink:0}.settings-encryption__title{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-encryption__badge{flex-shrink:0;font-size:11px;font-weight:500;padding:2px 7px;border-radius:10px;border:1px solid transparent}.settings-encryption__badge--ready{background:color-mix(in srgb,#22c55e,transparent 82%);color:#16a34a;border-color:color-mix(in srgb,#22c55e,transparent 60%)}.settings-encryption__badge--missing{background:color-mix(in srgb,var(--danger),transparent 88%);color:var(--danger);border-color:color-mix(in srgb,var(--danger),transparent 65%)}.settings-encryption__desc{margin:0;font-size:12px;color:var(--ink-soft);line-height:1.5}.settings-encryption__form,.settings-encryption__result{display:flex;flex-direction:column;gap:8px}.settings-encryption__label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--ink-soft)}.settings-encryption__input{width:100%}.settings-encryption__blob{width:100%;font-family:IBM Plex Mono,Fira Mono,monospace;font-size:11px;color:var(--ink-soft);background:var(--bg);border:1px solid var(--line);border-radius:3px;padding:8px;resize:vertical;min-height:72px}.settings-encryption__result-actions{display:flex;flex-wrap:wrap;gap:6px}.settings-encryption__result-actions button{min-height:30px;padding:4px 10px;font-size:12px}.storage-widget{display:flex;flex-direction:column;gap:8px;padding-top:10px;border-top:1px solid var(--line)}.storage-widget__header{display:flex;align-items:center;gap:7px}.storage-widget__icon{color:var(--icon-inactive);flex-shrink:0}.storage-widget__title{flex:1;font-size:13px;font-weight:500;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.storage-widget__pct{font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--ink-soft);letter-spacing:.01em;transition:color .3s ease}.storage-widget[data-level=warning] .storage-widget__pct{color:#e8940a}.storage-widget[data-level=critical] .storage-widget__pct{color:var(--danger)}.storage-widget__track{width:100%;height:7px;background:var(--line);border-radius:100px;overflow:hidden;position:relative}.storage-widget__fill{height:100%;border-radius:100px;min-width:3px;background:var(--brand);transition:width .55s cubic-bezier(.4,0,.2,1),background-color .3s ease;position:relative}.storage-widget__fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:100px;background:linear-gradient(180deg,rgba(255,255,255,.18) 0%,transparent 65%);pointer-events:none}.storage-widget[data-level=warning] .storage-widget__fill{background:#f5a933}.storage-widget[data-level=critical] .storage-widget__fill{background:var(--danger)}@keyframes storage-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.storage-widget__skeleton{width:100%;height:100%;border-radius:100px;background:linear-gradient(90deg,var(--line) 25%,var(--line-strong) 50%,var(--line) 75%);background-size:200% 100%;animation:storage-shimmer 1.6s ease-in-out infinite}.storage-widget__meta{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;font-variant-numeric:tabular-nums}.storage-widget__used{color:var(--ink);font-weight:500}.storage-widget__total{color:var(--ink-soft)}.storage-widget__unlimited{display:inline-flex;align-items:center;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--brand);background:var(--panel-soft);border:1px solid var(--line);border-radius:100px;padding:1px 8px}.storage-widget__meta--loading .storage-widget__used,.storage-widget__meta--loading .storage-widget__total{display:inline-block;width:64px;height:10px;border-radius:3px;background:linear-gradient(90deg,var(--line) 25%,var(--line-strong) 50%,var(--line) 75%);background-size:200% 100%;animation:storage-shimmer 1.6s ease-in-out infinite}.storage-widget__meta--loading .storage-widget__total{width:44px}.links-center__header{display:flex;align-items:center;justify-content:space-between;gap:8px}.links-center__header h2,.links-center__header p{margin:0}.links-center__header>p{font-size:12px;color:var(--ink-soft)}.links-center__filters{display:flex;align-items:center}.links-center__scroll{flex:1;min-height:0}.activity-center__header{display:flex;align-items:center;justify-content:space-between;gap:8px}.activity-center__header h2,.activity-center__header p{margin:0}.activity-center__header>p{font-size:12px;color:var(--ink-soft)}.activity-center__scroll{flex:1;min-height:0}.activity-center__list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}.empty-activity{margin:0;color:var(--ink-soft)}.status{display:inline-flex;align-items:center;justify-content:center;border-radius:4px;padding:2px 6px;font-size:11px;text-transform:uppercase;font-weight:700;letter-spacing:.05em}.status--ready{background:color-mix(in srgb,#76b82a,transparent 78%);color:color-mix(in srgb,#76b82a,#000 35%)}.status--processing{background:color-mix(in srgb,#d1a12f,transparent 80%);color:color-mix(in srgb,#d1a12f,#000 35%)}.status--failed,.status--deleted{background:color-mix(in srgb,var(--danger),transparent 80%);color:var(--danger)}.pill{display:inline-flex;align-items:center;justify-content:center;border-radius:4px;padding:2px 7px;font-size:10px;letter-spacing:.05em;text-transform:uppercase;font-weight:700;border:1px solid transparent}.pill--credential{padding-inline:8px}.pill--upload{background:color-mix(in srgb,#76b82a,transparent 80%);color:#76b82a;border-color:color-mix(in srgb,#76b82a,transparent 50%)}.pill--share{background:color-mix(in srgb,#d1a12f,transparent 82%);color:#d1a12f;border-color:color-mix(in srgb,#d1a12f,transparent 50%)}.pill--delete{background:color-mix(in srgb,var(--danger),transparent 82%);color:var(--danger);border-color:color-mix(in srgb,var(--danger),transparent 50%)}.pill--credential{background:color-mix(in srgb,#6168d8,transparent 82%);color:#6168d8;border-color:color-mix(in srgb,#6168d8,transparent 50%)}.pill--rename{background:color-mix(in srgb,#2b82c9,transparent 82%);color:#2b82c9;border-color:color-mix(in srgb,#2b82c9,transparent 50%)}.pill--tags_update{background:color-mix(in srgb,#2f7f69,transparent 82%);color:#2f7f69;border-color:color-mix(in srgb,#2f7f69,transparent 50%)}.pill--public_link_create{background:color-mix(in srgb,#7a5bd2,transparent 82%);color:#7a5bd2;border-color:color-mix(in srgb,#7a5bd2,transparent 50%)}.pill--public_link_revoke{background:color-mix(in srgb,#ad3550,transparent 82%);color:#ad3550;border-color:color-mix(in srgb,#ad3550,transparent 50%)}.auth-chip{display:flex;align-items:center;gap:6px;margin:0;border:1px solid var(--line);border-radius:4px;padding:0 12px;height:36px;background:var(--panel-soft);color:var(--ink-soft);font-size:12px}.notif-bell{position:relative}.notif-bell__trigger{position:relative;padding:7px 9px;display:flex;align-items:center;justify-content:center}.notif-bell__badge{position:absolute;top:2px;right:2px;background:var(--brand);color:var(--brand-ink);border-radius:10px;min-width:17px;height:17px;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 4px;line-height:1;pointer-events:none}.notif-dropdown{position:absolute;top:calc(100% + 4px);right:0;z-index:20;width:340px;max-height:480px;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:4px;box-shadow:var(--shadow);overflow:hidden}.notif-dropdown__header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--line);flex-shrink:0;gap:8px}.notif-dropdown__header h3{margin:0;font-size:14px;font-weight:700}.notif-dropdown__scroll{flex:1;min-height:0}.notif-dropdown__list{margin:0;padding:10px 12px;list-style:none;display:flex;flex-direction:column;gap:8px}.notif-dropdown .activity-feed__item{background:color-mix(in srgb,var(--panel-soft),var(--panel) 35%);border-color:var(--line-strong);padding:10px 11px;align-items:center}.notif-dropdown{--activity-pill-lane-width: 68px}.notif-dropdown .activity-feed__message{font-size:12px}.notif-dropdown .activity-feed__datetime{background:transparent}.notif-dropdown__empty{margin:0;padding:24px 16px;color:var(--ink-soft);font-size:13px;text-align:center}.material-icon{fill:currentColor;flex-shrink:0}code{font-family:IBM Plex Mono,Consolas,monospace;font-size:12px;border:1px solid var(--line);border-radius:3px;padding:2px 5px;background:var(--panel-soft);color:var(--ink)}button{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid transparent;border-radius:4px;background:var(--brand);color:var(--brand-ink);padding:9px 16px;font-size:13px;font-weight:600;line-height:1.4;cursor:pointer}button:hover{filter:brightness(1.06)}button:disabled{opacity:.58;cursor:not-allowed}.button--simple{background:var(--panel-soft);color:var(--ink);border-color:var(--line)}.button--secondary,.ghost-button{background:transparent;color:var(--ink);border-color:var(--line-strong)}.button--validation{background:#6daa26;color:#fff}.button--copied{background:color-mix(in srgb,#76b82a,transparent 10%);color:#fff;border-color:#76b82a}.button--danger{background:var(--danger);color:var(--danger-ink)}.icon-label{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.scroll-area{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}.scroll-area__viewport{flex:1;min-height:0;overflow-y:auto;scrollbar-width:none}.scroll-area__viewport::-webkit-scrollbar{display:none}.scroll-area__track{position:absolute;top:4px;right:2px;bottom:4px;width:6px;border-radius:3px;background:transparent;opacity:0;transition:opacity .18s ease;pointer-events:none}.scroll-area:hover .scroll-area__track{opacity:1;pointer-events:auto}.scroll-area__thumb{position:absolute;left:0;right:0;border-radius:3px;background:var(--line-strong);cursor:grab;transition:background .12s ease}.scroll-area__thumb:hover{background:var(--ink-soft)}.scroll-area__thumb:active{cursor:grabbing;background:var(--ink)}input{border:1px solid var(--line-strong);border-radius:4px;background:var(--panel);color:var(--ink);padding:9px 12px;font-size:13px;line-height:1.5}input::placeholder,textarea::placeholder{color:var(--placeholder);opacity:1}.confirm-dialog{width:min(460px,100%);background:var(--panel);border:1px solid var(--line);border-radius:4px;box-shadow:var(--shadow);padding:18px;display:flex;flex-direction:column;gap:12px}.confirm-dialog header h2{margin:0;font-size:18px}.confirm-dialog p{margin:0;color:var(--ink-soft);line-height:1.45}.confirm-dialog__field{display:flex;flex-direction:column;gap:6px;color:var(--ink-soft);font-size:13px}.confirm-dialog footer{display:flex;justify-content:flex-end;gap:8px}.error-banner{margin:0 0 12px;border:1px solid color-mix(in srgb,var(--danger),transparent 64%);background:color-mix(in srgb,var(--danger),transparent 88%);border-radius:4px;color:var(--danger);padding:12px 16px;flex-shrink:0}.app-inline-state{margin:0 0 12px;border:1px solid var(--line);background:var(--panel-soft);border-radius:4px;color:var(--ink-soft);padding:10px 14px;font-size:13px;flex-shrink:0}.empty-state{flex:1;min-height:160px;margin:0;border:1px dashed var(--line-strong);border-radius:4px;padding:32px 16px;text-align:center;color:var(--ink-soft);display:flex;align-items:center;justify-content:center}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:12;background:#0a0e15a3;display:flex;align-items:center;justify-content:center;padding:20px}.upload-modal{width:min(620px,100%);background:var(--panel);border:1px solid var(--line);border-radius:4px;box-shadow:var(--shadow);padding:22px;display:flex;flex-direction:column;gap:16px}.upload-modal header{display:flex;justify-content:space-between;align-items:center}.upload-modal header h2{margin:0}.upload-modal label{display:flex;flex-direction:column;gap:7px;color:var(--ink-soft);font-size:13px}.segmented-control{display:inline-flex;border:1px solid var(--line-strong);border-radius:4px;overflow:hidden;width:fit-content}.segmented-control__item{background:var(--panel-soft);border:0;border-right:1px solid var(--line-strong);border-radius:0;color:var(--ink-soft);padding:8px 16px;font-size:13px;font-weight:600}.segmented-control__item:last-child{border-right:0}.segmented-control__item.is-active{background:var(--brand);color:var(--brand-ink)}.upload-modal footer{display:flex;justify-content:flex-end;gap:8px}.link-modal__e2ee-badge{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border-radius:4px;font-size:13px;line-height:1.4;background:color-mix(in srgb,var(--accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);color:var(--ink)}.link-modal__e2ee-badge .material-icon{font-size:16px;flex-shrink:0;margin-top:1px}.link-modal__e2ee-badge--warn{background:color-mix(in srgb,#f59e0b 10%,transparent);border-color:color-mix(in srgb,#f59e0b 35%,transparent)}.link-modal__e2ee-badge--plain{background:color-mix(in srgb,var(--ink-soft) 8%,transparent);border-color:color-mix(in srgb,var(--ink-soft) 20%,transparent)}.link-modal__e2ee-badge--success{font-weight:600}.link-modal__e2ee-hint{color:var(--ink-soft);font-size:12px;display:block;margin-top:2px}.link-modal__url-row{display:flex;gap:8px;align-items:center}.link-modal__url-input{flex:1;font-family:monospace;font-size:12px;padding:6px 8px;border:1px solid var(--line);border-radius:4px;background:var(--surface);color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:0}.link-modal__e2ee-notice{display:flex;align-items:flex-start;gap:6px;margin:0;padding:8px 10px;font-size:12px;color:var(--ink-soft);background:color-mix(in srgb,#f59e0b 8%,transparent);border:1px solid color-mix(in srgb,#f59e0b 25%,transparent);border-radius:4px;line-height:1.5}.link-modal__e2ee-notice .material-icon{font-size:14px;flex-shrink:0;margin-top:1px;color:#f59e0b}.form-error{margin:0;color:var(--danger);font-size:13px}.auth-gate{width:min(520px,100%);margin:auto;background:var(--panel);border:1px solid var(--line);border-radius:4px;padding:16px;display:flex;flex-direction:column;gap:10px}.auth-gate h1,.auth-gate p{margin:0}.auth-gate p{color:var(--ink-soft)}.landing-page{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:24px 16px;overflow-y:auto}.landing-page__card{width:min(440px,100%);background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:32px 28px;display:flex;flex-direction:column;gap:20px;box-shadow:var(--shadow)}.landing-page__card--loading{align-items:center;text-align:center;padding:40px 28px}.landing-page__brand{display:flex;align-items:center;gap:12px}.landing-page__lock-icon{width:32px;height:32px;color:var(--brand);flex-shrink:0}.landing-page__brand-name{font-size:26px;font-weight:800;letter-spacing:-.03em;color:var(--ink)}.landing-page__tagline{margin:0;font-size:16px;font-weight:600;color:var(--ink);line-height:1.35}.landing-page__description{margin:0;font-size:13px;color:var(--ink-soft);line-height:1.6}.landing-page__locale{display:flex;flex-direction:column;gap:6px}.landing-page__locale .locale-segmented{width:100%}.landing-page__actions{display:flex;flex-direction:column;gap:8px}.landing-page__signin-btn{width:100%;justify-content:center;padding:11px 16px;font-size:14px;gap:8px}.landing-page__signin-btn .material-icon{width:18px;height:18px}.landing-page__theme-btn{width:100%;justify-content:center;gap:6px;font-size:13px}.landing-page__hint{margin:0;font-size:11px;color:var(--placeholder);text-align:center}.landing-page__loading-text{margin:0;font-size:13px;color:var(--ink-soft)}.landing-page__footer{font-size:11px;color:var(--placeholder);text-align:center}.root-drop-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:11;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:color-mix(in srgb,var(--brand),transparent 85%);border:2px dashed color-mix(in srgb,var(--brand),transparent 20%)}.root-drop-overlay p,.root-drop-overlay small{margin:0}.root-drop-overlay p{font-size:20px;font-weight:700}.root-drop-overlay small{color:var(--ink-soft)}@media(max-width:1200px){.side-panel{width:270px}.main-layout{flex-direction:column}.workspace-side{width:100%}}@media(max-width:860px){.app-shell__layout{flex-direction:column}.side-panel{width:100%;padding:16px;border-right:0;border-bottom:1px solid var(--line)}.side-panel__section{flex-direction:row;flex-wrap:wrap;border-top:0;padding-top:0}.side-panel__footer{margin-top:0;flex-direction:row;flex-wrap:wrap;border-top:0;padding-top:0}.workspace-action-bar{flex-direction:column;align-items:stretch}}@media(max-width:600px){.app-main{padding:10px}.image-card{width:100%}.generated-link__row,.token-panel__field>div,.upload-modal footer,.access-link-item{flex-direction:column}.token-panel__create{flex-direction:column;align-items:stretch}.token-panel__create label,.token-panel__create input{min-width:0}}.workspace-dropdown{position:relative}.workspace-dropdown__content{padding:8px 0;display:flex;flex-direction:column}.workspace-dropdown__section{padding:8px 12px;display:flex;flex-direction:column;gap:4px}.workspace-dropdown__content .segmented-control__item{font-size:11px}.workspace-dropdown__section label{font-size:11px;text-transform:uppercase;color:var(--ink-soft);font-weight:600}.workspace-dropdown__section select{width:100%;padding:6px;border-radius:4px;border:1px solid var(--line);background:var(--bg);color:var(--ink);font-size:13px}.workspace-dropdown__item{width:100%;text-align:left;padding:8px 12px;background:transparent;border:none;font-size:13px;color:var(--ink);cursor:pointer}.workspace-dropdown__item:hover{background:var(--panel)}.workspace-dropdown__item--active{color:var(--brand);font-weight:500;background:color-mix(in srgb,var(--brand),transparent 90%)}.workspace-dropdown__item--active:hover{background:color-mix(in srgb,var(--brand),transparent 85%)}.workspace-dropdown__divider{height:1px;background:var(--line);margin:4px 0}.segmented-control--full-width{display:flex!important;width:100%}.segmented-control--full-width .segmented-control__item{flex:1;text-align:center;padding:6px 4px}.segmented-control--scrollable{max-width:100%;overflow-x:auto;justify-content:flex-start;-ms-overflow-style:none;scrollbar-width:none}.segmented-control--scrollable::-webkit-scrollbar{display:none}
