:root{color:#17233d;font-synthesis:none;background:#f2f8fb;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(135deg,#f8fbfd 0%,#edf7fb 52%,#f5f9ff 100%);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}.shell{min-height:100vh;padding:clamp(1rem,4vw,3.5rem)}.page-header{justify-content:space-between;align-items:center;gap:1rem;margin-block-end:1.1rem;display:flex}.header-actions{align-items:center;gap:.65rem;display:flex}.eyebrow{color:#159bc2;letter-spacing:.2em;margin:0;font-size:.75rem;font-weight:800}h1{color:#12213f;margin:.35rem 0 0;font-size:clamp(2rem,5vw,3.25rem);line-height:1}.sessions-page-title{color:#fff;white-space:nowrap;background:#08a0ba;border-radius:.8rem;margin:.2rem 0 0;padding:.18rem 1.25rem .28rem;font-size:clamp(1.75rem,4vw,2.75rem);line-height:1.15;display:inline-block}.phase-badge,.draft{color:#2370b9;background:#e7f5ff;border-radius:999px;padding:.48rem .85rem;font-size:.8rem;font-weight:700}button{color:#fff;cursor:pointer;white-space:nowrap;background:#08a0ba;border:0;border-radius:.65rem;min-block-size:2.75rem;padding:.72rem 1rem;transition:background-color .18s,box-shadow .18s,transform .18s}button:hover:not(:disabled){background:#078ca5;box-shadow:0 .35rem .9rem #08a0ba2e}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #08a0ba59}input{color:#17233d;background:#fff;border:1px solid #d3dfed;border-radius:.65rem;width:100%;min-width:0;padding:.75rem .85rem}label{margin-block-end:.45rem;font-weight:700;display:block}.form-row{gap:.65rem;display:flex}.secondary-button{color:#2671b7;background:#eaf1ff}.secondary-button:hover:not(:disabled){background:#dce9ff}.auth-shell{width:min(100%,30rem);margin:8vh auto 0}.restore-shell{position:relative}.restore-scaffold{gap:1.25rem;min-block-size:calc(100vh - clamp(2rem,8vw,6rem));display:grid}.restore-skeleton{background:#e7edf6;border-radius:1rem}.restore-skeleton-heading{block-size:4.25rem;inline-size:min(16rem,55%)}.restore-skeleton-badge{block-size:2.5rem;inline-size:8rem}.restore-skeleton-panel{min-block-size:8rem}.restore-skeleton-card{min-block-size:18rem}.full-screen-loading-overlay{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:auto;background:#f4f7fbe0;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.full-screen-loading-overlay-content{color:#172033;background:#fff;border:1px solid #dce4ef;border-radius:.9rem;align-items:center;gap:.75rem;max-inline-size:100%;padding:1rem 1.25rem;display:inline-flex;box-shadow:0 1rem 3rem #2c3e5a1f}.loading-spinner{border:3px solid #d9e0f7;border-inline-start-color:#5267d8;border-radius:50%;flex:none;block-size:1.25rem;inline-size:1.25rem;animation:.8s linear infinite loading-spinner-rotate}@keyframes loading-spinner-rotate{to{transform:rotate(1turn)}}.auth-shell h1{margin-block-end:1.5rem}.auth-card{background:#fff;border:1px solid #dce4ef;border-radius:1rem;gap:.75rem;padding:1.5rem;display:grid;box-shadow:0 1rem 3rem #2c3e5a12}.compact-card{margin-block-end:1rem}.auth-card p{color:#607087;margin:0}.auth-links{flex-wrap:wrap;gap:.5rem 1rem;margin-block-start:.25rem;display:flex}.link-button{color:#4053bd;background:0 0;padding:.2rem;text-decoration:underline}.owner-status-bar{align-items:stretch;min-block-size:3.25rem;margin-block-end:1rem;display:grid}.owner-status-bar>.notice,.owner-status-bar>.error{min-block-size:3.25rem;margin:0}.notice{color:#157348;background:#eafff3;border:1px solid #b9efd8;border-radius:.85rem;align-items:center;padding:.85rem 1rem;display:flex}.error{color:#a12626;background:#fff1f1;border:1px solid #f2c6c6;border-radius:.75rem;padding:1rem}.management-card,.session-card{background:#fffffff0;border:1px solid #e0e9f3;border-radius:1.1rem;box-shadow:0 1rem 2.8rem #2d5c7d17}.management-card{grid-template-columns:repeat(3,minmax(0,1fr));margin-block-end:1.1rem;display:grid;overflow:hidden}.management-column{min-width:0;flex-direction:column;justify-content:center;gap:.6rem;min-block-size:10rem;padding:1.25rem 1.45rem;display:flex}.management-column+.management-column{border-inline-start:1px solid #e6edf5}.drive-heading{align-items:center;gap:.8rem;display:flex}.drive-heading h2,.management-summary h2{color:#17233d;margin:0;font-size:1.3rem}.drive-heading p,.management-summary p{color:#647691;margin:0;line-height:1.6}.drive-mark{color:#fff;background:linear-gradient(145deg,#11b8ce,#3b70e8);border-radius:.8rem;place-items:center;block-size:3.1rem;inline-size:3.1rem;font-size:1.65rem;display:grid}.connection-status{color:#687992;background:#f0f3f8;border-radius:999px;align-self:flex-start;align-items:center;gap:.45rem;padding:.4rem .75rem;font-size:.82rem;font-weight:800;display:inline-flex}.connection-status span{background:#9aa8ba;border-radius:50%;block-size:.65rem;inline-size:.65rem}.connection-status.connected{color:#177a4b;background:#e3f8ed}.connection-status.connected span{background:#159b61}.management-actions{flex-wrap:wrap;gap:.55rem;margin-block-start:.2rem;display:flex}.form-kicker{color:#5d7394;margin:0;font-size:.78rem;font-weight:800}.create-session-form{align-items:stretch}.create-session-form label{margin-block-end:-.25rem}.create-session-form button{align-self:flex-end;min-inline-size:9rem}.stable-status{min-block-size:1.35rem;margin:0}.management-summary{align-items:flex-start}.management-summary strong{color:#129bb8;font-size:1.05rem}small{color:#6e7f98;margin-block-start:.55rem;display:block}.session-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,32rem),1fr));gap:1rem;display:grid}.session-card{gap:1rem;min-width:0;padding:1.25rem;display:grid}.session-card-header{grid-template-columns:minmax(0,1fr) minmax(15rem,1.05fr);align-items:start;gap:1rem;display:grid}.session-card-header h2{color:#17233d;margin:.75rem 0 0;line-height:1.15}.rename-form{background:#f9fbfd;border:1px solid #e2eaf3;border-radius:.8rem;min-width:0;padding:.85rem}.rename-form .form-row{align-items:stretch}.session-actions{flex-wrap:wrap;align-items:center;gap:.65rem;min-block-size:1.6rem;display:flex}.session-actions .status-message{color:#23643b;margin:0;font-weight:700}.upload-panel{background:linear-gradient(145deg,#fbfdff,#f4f9fc);border:1px dashed #c7d7e8;border-radius:.9rem;margin-block-start:.1rem;padding:1rem}.upload-heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.upload-heading h3{color:#17233d;margin:.15rem 0 .35rem}.upload-heading p{color:#607087;margin:0;font-size:.9rem;line-height:1.6}.file-picker{color:#fff;cursor:pointer;white-space:nowrap;background:#08a0ba;border-radius:.65rem;flex:none;justify-content:center;align-items:center;min-block-size:2.9rem;margin:0;padding:.75rem 1rem;display:inline-flex}.file-picker input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.file-picker:focus-within{outline-offset:2px;outline:3px solid #08a0ba59}.upload-panel-space{min-block-size:.2rem}.floating-upload-panel{z-index:40;width:min(25rem,100vw - 2rem);background:#fffffff7;border:1px solid #cfdceb;border-radius:1rem;gap:.85rem;max-block-size:min(65vh,30rem);padding:1rem;animation:.18s ease-out both floating-upload-enter;display:grid;position:fixed;inset-block-end:clamp(1rem,3vw,2.25rem);inset-inline-start:clamp(1rem,3vw,2.25rem);overflow:auto;box-shadow:0 1.25rem 3rem #25486b38}.floating-upload-header{border-block-end:1px solid #e8eef5;justify-content:space-between;align-items:center;gap:.75rem;padding-block-end:.65rem;display:flex}.floating-upload-header h2{margin:.15rem 0 0;font-size:1rem}.floating-upload-header>span{color:#0a94ae;font-size:.78rem;font-weight:800}.floating-upload-list{gap:.7rem;margin:0;padding:0;list-style:none;display:grid}.floating-upload-item{background:#fbfdff;border:1px solid #e3eaf2;border-radius:.75rem;gap:.45rem;min-width:0;padding:.75rem;display:grid}.floating-upload-file{gap:.15rem;min-width:0;display:grid}.floating-upload-file strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.floating-upload-file small{text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.floating-upload-status{color:#607087;font-size:.82rem;font-weight:700}.floating-upload-progress{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.6rem;display:grid}.floating-upload-progress progress{accent-color:#08a0ba;block-size:.55rem;inline-size:100%}.floating-upload-progress strong{color:#2770aa;text-align:end;min-inline-size:2.5rem;font-size:.8rem}.floating-upload-actions{justify-content:flex-start;gap:.5rem;display:flex}.floating-upload-actions button{min-block-size:2.35rem;padding:.5rem .75rem;font-size:.82rem}.upload-toolbar{color:#607087;flex-wrap:wrap;align-items:center;gap:.65rem;margin-block:1rem;display:flex}.upload-queue{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.upload-item{background:#fbfcff;border:1px solid #e0e6f0;border-radius:.75rem;grid-template-columns:5rem minmax(0,1fr) auto;align-items:center;gap:.75rem;min-width:0;padding:.75rem;display:grid}.upload-preview{background:#eef2fa;border-radius:.5rem;width:5rem;height:4rem;overflow:hidden}.upload-preview img,.upload-preview video{object-fit:cover;width:100%;height:100%;display:block}.upload-details{gap:.3rem;min-width:0;display:grid}.upload-details strong{overflow-wrap:anywhere}.upload-details small{overflow-wrap:anywhere;margin:0}.upload-details progress{accent-color:#5267d8;width:100%;height:.65rem}.upload-status{font-size:.88rem;font-weight:700}.upload-status-pending{color:#607087}.upload-status-uploading{color:#4053bd}.upload-status-completed{color:#23643b}.upload-status-failed,.upload-status-reconciliation{color:brown}.upload-item-actions{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}.upload-item-actions button{min-height:2.75rem}.empty{color:#607087}.error{color:brown;background:#fff0f0;border-radius:.75rem;padding:1rem}.owner-media{border-block-start:1px solid #e7edf4;margin-block-start:.25rem;padding-block-start:1rem}.owner-media-heading{justify-content:space-between;align-items:baseline;gap:.75rem;margin-block-end:.85rem;display:flex}.owner-media-heading h3{margin:0}.owner-media-heading span{color:#607087;font-size:.85rem}.owner-media-grid{grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));align-items:stretch;gap:.75rem;display:grid}.owner-media-card{background:#fbfcff;border:1px solid #e0e6f0;border-radius:.75rem;grid-template-rows:auto 1fr auto;min-width:0;animation:.18s ease-out both owner-media-enter;display:grid;overflow:hidden}.owner-media-frame{aspect-ratio:4/3;background:#eef2fa;width:100%;position:relative;overflow:hidden}.owner-media-frame>img,.owner-media-frame>video{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .18s ease-out;display:block;position:absolute;inset:0}.owner-media-frame>video{object-fit:contain}.owner-media-frame-loaded>img,.owner-media-frame-loaded>video{opacity:1}.owner-media-frame-failed>img,.owner-media-frame-failed>video{visibility:hidden}.owner-media-skeleton,.owner-media-fallback{place-items:center;display:grid;position:absolute;inset:0}.owner-media-skeleton{background:linear-gradient(100deg,#e8edf5 30%,#f6f8fc 50%,#e8edf5 70%) 0 0/200% 100%;animation:1.2s ease-in-out infinite owner-media-skeleton}.owner-media-fallback{color:#607087;text-align:center;align-content:center;gap:.3rem;font-size:1.75rem}.owner-media-fallback small{font-size:.75rem}.owner-media-meta{align-content:start;gap:.2rem;min-height:5rem;padding:.65rem;display:grid}.owner-media-meta strong{overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.owner-media-meta small{overflow-wrap:anywhere;margin:0;font-size:.75rem}.owner-media-card>.danger-button{background:#a12626;width:calc(100% - 1.3rem);margin:0 .65rem .65rem}.delete-confirm{background:#fff7f7;border-block-start:1px solid #e0e6f0;gap:.55rem;padding:.65rem;display:grid}.delete-confirm p{margin:0;font-size:.8rem;line-height:1.45}.delete-confirm h3,.session-delete-confirm h3{margin:0}.delete-confirm-actions{flex-wrap:wrap;gap:.5rem;display:flex}.delete-confirm-actions>button{flex:7rem;min-width:0}.session-delete-area{border-block-start:1px solid #e7edf4;justify-content:center;margin-block-start:.25rem;padding-block-start:1rem;display:flex}.session-delete-button{background:#8f2020;min-width:min(100%,14rem)}.session-delete-confirm{background:#fff7f7;border:1px solid #e7bcbc;border-radius:.75rem;gap:.65rem;width:min(100%,32rem);padding:.85rem;display:grid}.session-delete-confirm p{margin:0;line-height:1.5}.session-delete-confirm input{font-variant-numeric:tabular-nums;letter-spacing:.25em;text-align:center;width:100%}.session-delete-message{min-height:1.5em}.session-delete-actions{flex-wrap:wrap;justify-content:center;gap:.65rem;display:flex}.session-delete-actions>button{flex:9rem;min-width:0}.gallery-filters{gap:.5rem;margin-block-end:1rem;display:flex}.filter,.active-filter{color:#4053bd;background:#e9edff}.active-filter{color:#fff;background:#5267d8}.selection-count{color:#607087}.media-grid{grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:1rem;display:grid}.media-card{background:#fff;border:1px solid #dce4ef;border-radius:1rem;overflow:hidden}.media-placeholder{aspect-ratio:4/3;color:#5267d8;background:#eef2fa;place-items:center;font-size:2rem;display:grid}.media-card label{overflow-wrap:anywhere;align-items:center;gap:.5rem;padding:.75rem;display:flex}@keyframes floating-upload-enter{0%{opacity:0;transform:translateY(.2rem)}to{opacity:1;transform:none}}@keyframes owner-media-enter{0%{opacity:0;transform:translateY(.2rem)}to{opacity:1;transform:none}}@keyframes owner-media-skeleton{0%{background-position:100% 0}to{background-position:-100% 0}}@media (width<=60rem){.management-card{grid-template-columns:1fr 1fr}.management-column:first-child{grid-column:1/-1}.management-column+.management-column{border-block-start:1px solid #e6edf5;border-inline-start:0}.management-column:nth-child(2){border-inline-end:1px solid #e6edf5}}@media (width<=48rem){.management-card{grid-template-columns:1fr;display:grid}.management-column:first-child{grid-column:auto}.management-column:nth-child(2){border-inline-end:0}.management-column+.management-column{border-block-start:1px solid #e6edf5}.session-card-header{grid-template-columns:1fr}.rename-form{order:-1}}@media (width<=34rem){.page-header,.form-row,.header-actions,.upload-heading,.management-actions{flex-direction:column;align-items:stretch}.header-actions>*,.management-actions>*,.upload-heading .file-picker,.session-actions>button,.session-delete-button{width:100%}.create-session-form button{align-self:stretch}.upload-item{grid-template-columns:1fr}.upload-preview{aspect-ratio:16/9;width:100%;height:auto}.upload-item-actions{justify-content:stretch;gap:.65rem}.upload-item-actions>button{flex:8rem;min-width:0}.owner-media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.floating-upload-panel{width:auto;max-block-size:42vh;padding:.85rem;inset-block-end:1rem;inset-inline:1rem}.floating-upload-actions{flex-wrap:wrap}.floating-upload-actions button{flex:8rem}.session-delete-area{margin-block-start:0;padding-block-start:.9rem}.session-delete-actions{flex-direction:column}.session-delete-actions>button{width:100%}}@media (prefers-reduced-motion:reduce){.loading-spinner,.owner-media-card,.owner-media-skeleton,.floating-upload-panel{animation:none}.owner-media-frame>img,.owner-media-frame>video,button{transition:none}}.shell{padding:clamp(1rem,2.4vw,2.5rem)}.workspace{width:min(100% - 1rem,90rem);margin-inline:auto}.page-header{margin-block-end:.85rem}.sessions-page-title{padding:.2rem 1.3rem .3rem;font-size:clamp(1.65rem,2.7vw,2.45rem);line-height:1.1}.owner-status-bar{margin-block-end:.8rem}.management-card{grid-template-columns:1fr 1fr 1.15fr;margin-block-end:.9rem}.management-column{gap:.5rem;min-block-size:8.5rem;padding:1rem 1.25rem}.management-column input{min-block-size:2.7rem}.create-session-form,.management-rename-form{align-content:center;gap:.5rem;display:grid}.create-session-form button,.management-rename-form button{justify-self:start;min-inline-size:8.5rem}.management-rename-form label{margin-block-end:0}.management-rename-form .form-kicker{margin-block-end:-.1rem}.session-grid{grid-template-columns:1fr;gap:.9rem}.session-card{gap:.8rem;padding:1rem}.upload-panel{margin-block-start:0;padding:.9rem 1rem}.owner-media{padding-block-start:.8rem}@media (width<=60rem){.management-card{grid-template-columns:1fr 1fr}.management-column:first-child{grid-column:1/-1}}@media (width<=48rem){.workspace{width:min(100%,46rem)}.management-card{grid-template-columns:1fr}.management-column:first-child{grid-column:auto}.management-column{min-block-size:auto;padding:1rem}}@media (width<=34rem){.shell{padding:.85rem}.sessions-page-title{font-size:clamp(1.55rem,8vw,2rem)}.workspace{width:100%}.session-delete-actions>button{flex:none}}