:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#1f2328;background:#f7f7f5;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0}button,input,select{font:inherit}.shell{width:min(100% - 32px,960px);margin:0 auto;padding:40px 0 64px}.stack{gap:16px;display:grid}.compact-stack{gap:10px}.card{background:#fff;border:1px solid #deded8;border-radius:16px;padding:20px}.muted{color:#656d76}.status-message{background:#f0f4f8;border-radius:8px;padding:10px 12px}.subcard{background:#fafaf8;border:1px solid #deded8;border-radius:12px;padding:16px}.form-grid,.group-grid{gap:12px;display:grid}.form-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:end}.group-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.form-grid label,.inline-form label{gap:6px;display:grid}.form-grid input,.inline-form input,.inline-form select{width:100%;min-width:0;padding:8px 10px}.inline-form{align-items:end;gap:8px;display:flex}.inline-form label{flex:180px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}code{background:#efefeb;border-radius:6px;padding:2px 6px}.folder-list{gap:12px;padding-left:24px;display:grid}.folder-list li,.folder-actions{align-items:center;gap:12px;display:flex}.folder-list li{flex-wrap:wrap;justify-content:space-between}.assignment-list{gap:8px;padding-left:24px;display:grid}.device-membership-list{gap:6px;padding-left:24px;display:grid}.assignment-list li{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;display:grid}.assignment-browser-list li{align-items:flex-start}.assignment-detail{margin-top:4px;display:block}.content-list,.video-list{gap:10px;padding-left:24px;display:grid}.video-list{padding-left:0;list-style:none}.video-list li{justify-content:space-between;align-items:center;gap:16px;display:flex}.video-detail{margin:4px 0 0}.media-toolbar,.media-selection{align-items:center;gap:10px;display:flex}.media-toolbar{justify-content:space-between}.media-selection{min-width:0}.media-selection span{overflow-wrap:anywhere;min-width:0}.media-selection .video-detail{display:block}.danger-button{color:#fff;background:#b42318;border-color:#b42318}.upload-form{gap:10px;display:grid}.upload-form label{gap:6px;display:grid}.upload-form input[type=file],.upload-form progress{width:100%}.upload-progress-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.upload-progress-item{background:#fafaf8;border:1px solid #deded8;border-radius:8px;gap:6px;padding:10px 12px;display:grid}.upload-progress-heading{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.upload-progress-heading .muted{flex:none;font-size:.875rem}.upload-progress-name{overflow-wrap:anywhere;min-width:0}@media (max-width:640px){.inline-form,.folder-actions{flex-direction:column;align-items:stretch}.inline-form label{flex:none;width:100%}.assignment-list li{grid-template-columns:1fr;gap:4px}.video-list li,.media-toolbar{flex-direction:column;align-items:stretch}.upload-progress-heading{flex-direction:column;align-items:stretch;gap:2px}}.shell:has(>.viewer-explorer){width:100%;max-width:none;padding:0}.viewer-explorer{--viewer-bg:#1f1f1f;--viewer-surface:#262626;--viewer-surface-raised:#303030;--viewer-field:#2d2d2d;--viewer-hover:#3a3a3a;--viewer-border:#494949;--viewer-border-strong:#626262;--viewer-control-border:#5a5a5a;--viewer-divider:#3d3d3d;--viewer-text:#f2f2f2;--viewer-muted:#b3b3b3;--viewer-subtle:#8d8d8d;--viewer-accent:#6366f1;--viewer-accent-strong:#4f46e5;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;min-height:100vh;color:var(--viewer-text);background:radial-gradient(circle at 78% -10%, #6366f124, transparent 32rem), var(--viewer-bg);font-family:Inter,Avenir Next,Noto Sans JP,system-ui,sans-serif}.viewer-explorer *,.viewer-explorer :before,.viewer-explorer :after{box-sizing:border-box}.viewer-explorer button,.viewer-explorer input,.viewer-explorer select{font:inherit}.viewer-explorer button,.viewer-explorer a,.viewer-explorer input,.viewer-explorer select{-webkit-tap-highlight-color:transparent}.viewer-explorer button:focus-visible,.viewer-explorer a:focus-visible,.viewer-explorer input:focus-visible,.viewer-explorer select:focus-visible{outline-offset:3px;outline:2px solid #818cf8}.viewer-header{z-index:30;border-bottom:1px solid var(--viewer-border);-webkit-backdrop-filter:blur(22px)saturate(140%);backdrop-filter:blur(22px)saturate(140%);background:#1f1f1fe6;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;min-height:68px;padding:12px clamp(18px,3vw,36px);display:grid;position:sticky;top:0}.viewer-header-leading{align-items:center;gap:11px;min-width:0;display:flex}.viewer-theme-toggle{border:1px solid var(--viewer-border);color:#fde68a;background:var(--viewer-surface-raised);cursor:pointer;border-radius:13px;flex:none;place-items:center;width:40px;height:40px;padding:0;transition:border-color .16s,color .16s,background .16s,transform .16s;display:grid;box-shadow:0 10px 24px #0000002e}.viewer-theme-toggle:hover{background:var(--viewer-hover);border-color:#6366f1;transform:translateY(-1px)}.viewer-theme-icon{grid-area:1/1;font-size:1rem;line-height:1}.viewer-theme-icon--moon,html[data-viewer-theme=light] .viewer-theme-icon--sun{display:none}html[data-viewer-theme=light] .viewer-theme-icon--moon{display:block}.viewer-brand{width:fit-content;min-width:0;color:var(--viewer-text);align-items:center;text-decoration:none;display:inline-flex}.viewer-brand>span:last-child{gap:1px;display:grid}.viewer-brand strong{letter-spacing:.08em;font-size:.91rem;line-height:1.1}.viewer-brand small{color:var(--viewer-subtle);letter-spacing:.18em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.58rem}.viewer-header-context{justify-items:center;gap:2px;display:grid}.viewer-header-context span{color:var(--viewer-subtle);font-size:.68rem}.viewer-header-context strong{color:#d4d4d8;text-overflow:ellipsis;white-space:nowrap;max-width:32vw;font-size:.8rem;font-weight:600;overflow:hidden}.viewer-back-link{border:1px solid var(--viewer-border);color:#d4d4d8;text-overflow:ellipsis;white-space:nowrap;background:#303030e0;border-radius:11px;justify-self:end;align-items:center;gap:8px;width:fit-content;max-width:100%;padding:9px 12px;font-size:.76rem;font-weight:600;text-decoration:none;transition:border-color .16s,background .16s,color .16s;display:inline-flex;overflow:hidden}.viewer-back-link:hover{border-color:var(--viewer-border-strong);color:#fff;background:var(--viewer-hover)}.viewer-header-badge{border:1px solid var(--viewer-border);width:fit-content;color:var(--viewer-muted);letter-spacing:.1em;background:#303030e0;border-radius:11px;justify-self:end;padding:9px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.62rem;font-weight:700}.viewer-layout{grid-template-columns:300px minmax(0,1fr);min-height:calc(100vh - 68px);display:grid}.viewer-sidebar{border-right:1px solid var(--viewer-border);scrollbar-color:#555 transparent;scrollbar-width:thin;background:#1a1a1ac7;align-self:start;height:calc(100vh - 68px);padding:26px 22px;position:sticky;top:68px;overflow-y:auto}.viewer-sidebar-section{padding-bottom:25px}.viewer-sidebar-section+.viewer-sidebar-section{border-top:1px solid var(--viewer-divider);padding-top:25px}.viewer-sidebar-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:15px;display:flex}.viewer-sidebar-heading p,.viewer-gallery-heading>div>p,.viewer-eyebrow{color:#818cf8;letter-spacing:.17em;margin:0 0 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.61rem;font-weight:700}.viewer-sidebar-heading h2,.viewer-gallery-heading h2{letter-spacing:-.02em;margin:0;font-size:.91rem}.viewer-sidebar-heading>span{border:1px solid var(--viewer-border);min-width:27px;height:27px;color:var(--viewer-muted);background:var(--viewer-surface);border-radius:9px;place-items:center;padding:0 7px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem;display:grid}.viewer-sidebar-accordion>summary{cursor:pointer;grid-template-columns:minmax(0,1fr) auto auto;margin-bottom:0;list-style:none;display:grid}.viewer-sidebar-accordion>summary::-webkit-details-marker{display:none}.viewer-sidebar-heading>.viewer-sidebar-accordion-chevron{min-width:0;height:auto;color:var(--viewer-subtle);background:0 0;border:0;border-radius:0;padding:0;font-family:inherit;font-size:.8rem;transition:transform .16s}.viewer-sidebar-accordion[open]>summary>.viewer-sidebar-accordion-chevron{transform:rotate(180deg)}.viewer-sidebar-accordion-panel{padding-top:15px}.viewer-sidebar nav{gap:8px;display:grid}.viewer-folder-link{color:#d4d4d8;border:1px solid #0000;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;padding:11px 10px;font-size:.76rem;text-decoration:none;transition:border-color .16s,background .16s,transform .16s;display:grid}.viewer-folder-link:hover{border-color:var(--viewer-border);background:var(--viewer-surface-raised);transform:translate(2px)}.viewer-folder-link>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;gap:2px;min-width:0;display:grid;overflow:hidden}.viewer-folder-link small{color:var(--viewer-subtle);font-size:.62rem}.viewer-folder-link>span:last-child{color:var(--viewer-subtle)}.viewer-folder-icon{background:linear-gradient(145deg,#6366f1,#4338ca);border-radius:5px;width:25px;height:20px;position:relative;box-shadow:inset 0 1px #ffffff2e}.viewer-folder-icon:before{content:"";background:#818cf8;border-radius:3px 3px 0 0;width:10px;height:5px;position:absolute;top:-3px;left:3px}.viewer-sidebar-empty,.viewer-upload-note{color:var(--viewer-subtle);margin:0;font-size:.72rem;line-height:1.7}.viewer-upload-note{margin-bottom:13px}.viewer-group-overview-panel>strong{overflow-wrap:anywhere;color:#e4e4e7;font-size:.83rem;display:block}.viewer-group-overview-panel>p{color:var(--viewer-subtle);margin:7px 0 0;font-size:.69rem;line-height:1.65}.viewer-device-settings{gap:11px;display:grid}.viewer-device-settings>p{color:var(--viewer-subtle);margin:0;font-size:.63rem;line-height:1.6}.viewer-device-form{gap:8px;display:grid}.viewer-device-form label{color:var(--viewer-muted);gap:6px;font-size:.62rem;display:grid}.viewer-device-form input{border:1px solid var(--viewer-control-border);color:#e4e4e7;background:var(--viewer-field);border-radius:9px;width:100%;min-width:0;height:37px;padding:0 10px;font-size:.68rem}.viewer-device-form input::placeholder{color:#777}.viewer-device-form input:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f121}.viewer-device-form button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#4f46e5);border:0;border-radius:9px;min-height:36px;padding:7px 10px;font-size:.64rem;font-weight:700}.viewer-device-form button:hover:not(:disabled){filter:brightness(1.12)}.viewer-device-form button:disabled{cursor:not-allowed;opacity:.5}.viewer-device-message,.viewer-device-error{border-radius:8px;padding:8px 9px}.viewer-device-message{background:#4f46e51f;color:#c7d2fe!important}.viewer-device-error{background:#9f12391f;color:#fda4af!important}.viewer-privacy-note{color:#a5b4fc;background:#4f46e512;border:1px solid #6366f133;border-radius:12px;align-items:flex-start;gap:9px;margin:0;padding:13px 14px;font-size:.65rem;line-height:1.55;display:flex}.viewer-privacy-note span{color:#22c55e;margin-top:.25em;font-size:.45rem}.viewer-main{min-width:0;padding:clamp(26px,4vw,52px)}.viewer-folder-hero{justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:38px;display:flex}.viewer-folder-hero h1{overflow-wrap:anywhere;color:#fafafa;letter-spacing:-.06em;max-width:16ch;margin:0;font-size:clamp(2rem,4.2vw,4.25rem);line-height:.98}.viewer-folder-description{color:var(--viewer-muted);margin:17px 0 0;font-size:.82rem}.viewer-folder-stats{gap:8px;margin:0;padding:0;display:flex}.viewer-folder-stats div{border:1px solid var(--viewer-border);background:#262626e6;border-radius:12px;gap:4px;width:72px;padding:10px 11px;display:grid}.viewer-folder-stats dt{color:var(--viewer-subtle);font-size:.62rem}.viewer-folder-stats dd{color:#e4e4e7;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.95rem;font-weight:700}.viewer-status-message{color:#c7d2fe;background:#4f46e51a;border:1px solid #6366f147;border-radius:11px;margin:0 0 22px;padding:12px 14px;font-size:.74rem;line-height:1.55}.viewer-gallery-section{min-width:0}.viewer-gallery-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px;display:flex}.viewer-gallery-heading h2{font-size:1.15rem}.viewer-gallery-heading>p{color:var(--viewer-subtle);margin:0;font-size:.68rem}.viewer-folder-grid{grid-template-columns:repeat(auto-fill,minmax(min(250px,100%),1fr));align-items:start;gap:clamp(11px,1.6vw,20px);display:grid}.viewer-root-folder-card{--folder-glow:linear-gradient(145deg, #7c3aed, #2563eb);border:1px solid var(--viewer-border);min-width:0;color:inherit;background:#262626f5;border-radius:17px;text-decoration:none;transition:border-color .22s,box-shadow .22s,transform .22s;display:block;overflow:hidden;box-shadow:0 16px 36px #0000001a}.viewer-root-folder-card:hover{border-color:#6366f1a8;transform:translateY(-3px);box-shadow:0 23px 48px #00000052,0 0 0 1px #6366f114}.viewer-root-folder-visual{isolation:isolate;aspect-ratio:4/3;background:#15151a;place-items:center;display:grid;position:relative;overflow:hidden}.viewer-root-folder-visual:before{z-index:-2;aspect-ratio:1;background:var(--folder-glow);filter:blur(38px);opacity:.8;content:"";border-radius:50%;width:78%;position:absolute;transform:translate(22%,-18%)}.viewer-root-folder-visual:after{z-index:-1;content:"";background:linear-gradient(#0000 48%,#09090bc7),radial-gradient(circle at 15% 18%,#ffffff1a,#0000 24%);position:absolute;inset:0}.viewer-folder-accent-1{--folder-glow:linear-gradient(145deg, #db2777, #7c3aed)}.viewer-folder-accent-2{--folder-glow:linear-gradient(145deg, #0891b2, #4f46e5)}.viewer-folder-accent-3{--folder-glow:linear-gradient(145deg, #059669, #0e7490)}.viewer-folder-accent-4{--folder-glow:linear-gradient(145deg, #d97706, #be123c)}.viewer-folder-accent-5{--folder-glow:linear-gradient(145deg, #52525b, #4338ca)}.viewer-root-folder-badge{z-index:2;color:#c7d2fe;letter-spacing:.08em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#09090b9e;border:1px solid #ffffff21;border-radius:7px;padding:5px 7px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.55rem;font-weight:700;position:absolute;top:12px;left:12px}.viewer-root-folder-mark{z-index:1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#6366f194;border:1px solid #fff3;border-radius:13px;width:clamp(82px,9vw,112px);height:clamp(58px,6.5vw,78px);transition:background .3s,transform .3s;position:relative;transform:rotate(-3deg);box-shadow:inset 0 1px #ffffff38,0 22px 42px #0000004d}.viewer-root-folder-mark:before{content:"";background:#818cf8b8;border:1px solid #ffffff2e;border-bottom:0;border-radius:8px 8px 0 0;width:43%;height:14px;position:absolute;top:-10px;left:10px}.viewer-root-folder-mark>span{border:1px solid #ffffff26;border-radius:8px;position:absolute;inset:11px}.viewer-root-folder-card:hover .viewer-root-folder-mark{background:#6366f1b8;transform:rotate(0)scale(1.06)}.viewer-root-folder-copy{gap:11px;min-width:0;padding:14px;display:grid}.viewer-root-folder-copy>strong{color:#e4e4e7;text-overflow:ellipsis;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.9em;font-size:.8rem;line-height:1.45;transition:color .16s;display:-webkit-box;overflow:hidden}.viewer-root-folder-copy>span{border-top:1px solid var(--viewer-divider);color:var(--viewer-subtle);justify-content:space-between;align-items:center;gap:10px;padding-top:10px;font-size:.59rem;display:flex}.viewer-root-folder-copy>span>span{color:#a5b4fc;font-size:.72rem;transition:transform .16s}.viewer-root-folder-card:hover .viewer-root-folder-copy>strong{color:#a5b4fc}.viewer-root-folder-card:hover .viewer-root-folder-copy>span>span{transform:translate(2px)}.viewer-folder-empty{border:1px dashed var(--viewer-border-strong);text-align:center;background:#2626269e;border-radius:18px;align-content:center;place-items:center;min-height:330px;padding:54px 20px;display:grid}.viewer-folder-empty>.viewer-folder-icon{border-radius:11px;width:58px;height:43px;transform:rotate(-5deg)}.viewer-folder-empty>.viewer-folder-icon:before{border-radius:6px 6px 0 0;width:23px;height:9px;top:-7px;left:7px}.viewer-folder-empty h3{color:#d4d4d8;margin:20px 0 0;font-size:.9rem}.viewer-folder-empty p{max-width:38ch;color:var(--viewer-subtle);margin:7px 0 0;font-size:.7rem;line-height:1.6}.media-explorer-panel{min-width:0}.media-controls{z-index:2;border:1px solid var(--viewer-border);background:#262626f5;border-radius:15px;grid-template-columns:minmax(210px,1fr) auto auto;align-items:center;gap:10px;margin-bottom:15px;padding:10px;display:grid;position:relative;box-shadow:0 18px 44px #0000001f}.media-search{min-width:0;position:relative}.media-search-icon{z-index:1;color:var(--viewer-subtle);pointer-events:none;font-size:1.25rem;line-height:1;position:absolute;top:50%;left:13px;transform:translateY(-52%)rotate(-18deg)}.media-search input,.media-sort select{border:1px solid var(--viewer-control-border);color:#e4e4e7;background:var(--viewer-field);width:100%}.media-search input{border-radius:10px;height:39px;padding:0 14px 0 38px;font-size:.75rem}.media-search input::placeholder{color:#777}.media-search input:focus,.media-sort select:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f121}.media-filter,.media-view-toggle{border:1px solid var(--viewer-control-border);background:var(--viewer-field);border-radius:11px;align-items:center;gap:2px;padding:3px;display:flex}.media-filter button,.media-view-toggle button{color:var(--viewer-subtle);cursor:pointer;background:0 0;border:0}.media-filter button{border-radius:8px;align-items:center;gap:6px;min-height:31px;padding:0 9px;font-size:.68rem;font-weight:600;display:inline-flex}.media-filter button span{color:#71717a;background:#4a4a4ab8;border-radius:6px;min-width:18px;padding:2px 4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.55rem}.media-filter button:hover,.media-view-toggle button:hover{color:#e4e4e7}.media-filter button.is-active,.media-view-toggle button.is-active{color:#fff;background:#464646;box-shadow:inset 0 0 0 1px #ffffff09}.media-filter button.is-active span{color:#c7d2fe;background:#6366f12e}.media-view-actions{align-items:center;gap:8px;display:flex}.media-sort select{cursor:pointer;border-radius:10px;height:39px;padding:0 31px 0 10px;font-size:.67rem}.media-view-toggle button{border-radius:8px;place-items:center;width:31px;height:31px;font-size:1rem;display:grid}.media-summary{justify-content:space-between;align-items:center;gap:14px;min-height:37px;margin-bottom:15px;display:flex}.media-summary>p{color:var(--viewer-muted);margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.66rem}.media-summary>p>span{color:#c7d2fe;margin-right:3px;font-weight:700}.media-summary>p small{color:var(--viewer-subtle);font-size:inherit;margin-left:9px}.media-selection-toolbar{color:var(--viewer-subtle);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:9px;font-size:.65rem;display:flex}.media-selection-toolbar.is-selecting{color:#d4d4d8}.media-selection-toolbar label{cursor:pointer;align-items:center;gap:6px;display:inline-flex}.media-selection-toolbar input,.media-card-select input{accent-color:var(--viewer-accent)}.media-delete-button{color:#fda4af;cursor:pointer;background:#9f12391f;border:1px solid #f43f5e52;border-radius:8px;padding:7px 9px;font-size:.63rem}.media-download-button{color:#c7d2fe;cursor:pointer;background:#4338ca29;border:1px solid #818cf861;border-radius:8px;padding:7px 9px;font-size:.63rem}.media-download-button:hover:not(:disabled){color:#fff;background:#4f46e57a}.media-download-button:disabled{cursor:wait;opacity:.62}.media-download-limit{color:#fbbf24;max-width:25ch;line-height:1.35}.media-delete-button:hover:not(:disabled){color:#fff;background:#be123c6b}.media-delete-button:disabled{cursor:wait;opacity:.62}.media-gallery{align-items:start;gap:clamp(11px,1.6vw,20px);display:grid}.media-gallery--grid{grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr))}.media-gallery--large{grid-template-columns:repeat(auto-fill,minmax(min(360px,100%),1fr));gap:clamp(16px,2.2vw,28px)}.media-card{border:1px solid var(--viewer-border);background:#262626f5;border-radius:17px;min-width:0;transition:border-color .22s,box-shadow .22s,transform .22s;position:relative;overflow:hidden;box-shadow:0 16px 36px #0000001a}.media-card:hover{border-color:#6366f1a8;transform:translateY(-3px);box-shadow:0 23px 48px #00000052,0 0 0 1px #6366f114}.media-card.is-selected{border-color:#818cf8;box-shadow:0 0 0 2px #6366f13d,0 20px 42px #00000047}.media-card-main{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;display:block}.media-card-select{z-index:4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;opacity:0;background:#09090bad;border:1px solid #ffffff24;border-radius:9px;place-items:center;width:29px;height:29px;transition:opacity .16s,background .16s;display:grid;position:absolute;top:12px;right:12px;box-shadow:0 6px 16px #0000003d}.media-card:hover .media-card-select,.media-card:focus-within .media-card-select,.media-card.is-selected .media-card-select{opacity:1}.media-card-select:hover{background:var(--viewer-hover)}.media-card-select input{cursor:pointer;width:14px;height:14px;margin:0}.media-card-cover,.media-modal-preview{isolation:isolate;background:#15151a;place-items:center;display:grid;position:relative;overflow:hidden}.media-card-cover{aspect-ratio:4/3}.media-gallery--large .media-card-cover{aspect-ratio:16/10}.media-card-cover:before,.media-modal-preview:before{z-index:-2;aspect-ratio:1;background:var(--media-glow);filter:blur(34px);opacity:.78;content:"";border-radius:50%;width:75%;position:absolute;transform:translate(22%,-18%)}.media-card-cover:after,.media-modal-preview:after{z-index:-1;content:"";background:linear-gradient(#0000 52%,#09090bc7),radial-gradient(circle at 15% 18%,#ffffff1a,#0000 24%);position:absolute;inset:0}.media-thumbnail{z-index:1;width:100%;height:100%;display:block;position:absolute;inset:0}.media-thumbnail--card{object-fit:cover}.media-thumbnail--modal{object-fit:contain;padding:clamp(10px,2vw,22px)}.media-accent-0{--media-glow:linear-gradient(145deg, #7c3aed, #2563eb)}.media-accent-1{--media-glow:linear-gradient(145deg, #db2777, #7c3aed)}.media-accent-2{--media-glow:linear-gradient(145deg, #0891b2, #4f46e5)}.media-accent-3{--media-glow:linear-gradient(145deg, #059669, #0e7490)}.media-accent-4{--media-glow:linear-gradient(145deg, #d97706, #be123c)}.media-accent-5{--media-glow:linear-gradient(145deg, #52525b, #4338ca)}.media-cover-grid{opacity:.72;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000c,#0000 88%);mask-image:linear-gradient(#000c,#0000 88%)}.media-type-badge{z-index:2;color:#e4e4e7;letter-spacing:.06em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#09090b9e;border:1px solid #ffffff21;border-radius:7px;align-items:center;gap:5px;padding:5px 7px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.55rem;font-weight:700;display:inline-flex;position:absolute;top:12px;left:12px}.media-type-badge--video{color:#c7d2fe}.media-type-badge span{color:#818cf8;font-size:.5rem}.media-symbol{aspect-ratio:1;color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#09090b5e;border:1px solid #ffffff2e;place-items:center;width:clamp(55px,6vw,76px);transition:transform .3s,background .3s;display:grid;position:relative;box-shadow:inset 0 1px #ffffff1f,0 20px 38px #00000047}.media-symbol--video{border-radius:50%}.media-symbol--video span{margin-left:4px;font-size:1.1rem}.media-symbol--image{border-radius:18px;transform:rotate(-5deg)}.media-symbol--image:before{content:"";border:1px solid #ffffff30;border-radius:11px;position:absolute;inset:9px}.media-symbol--image span{letter-spacing:.08em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem;font-weight:800}.media-card:hover .media-symbol{background:#18181b8a;transform:scale(1.07)}.media-card:hover .media-symbol--image{transform:rotate(0)scale(1.07)}.media-cover-format{z-index:2;color:#e4e4e7b8;letter-spacing:.08em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.54rem;position:absolute;bottom:11px;right:12px}.media-card-copy{min-width:0;padding:14px 14px 13px;display:grid}.media-card-title,.media-card-filename{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.media-card-title{color:#e4e4e7;letter-spacing:-.01em;font-size:.78rem;font-weight:700;transition:color .16s}.media-card:hover .media-card-title{color:#a5b4fc}.media-card-filename{color:var(--viewer-subtle);margin-top:3px;font-size:.62rem}.media-card-meta{border-top:1px solid var(--viewer-divider);color:#71717a;justify-content:space-between;gap:8px;margin-top:12px;padding-top:10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.55rem;display:flex}.media-card-open{color:#a5b4fc;opacity:0;justify-content:flex-end;align-items:center;gap:5px;height:0;font-size:.62rem;transition:height .18s,margin-top .18s,opacity .18s;display:flex;overflow:hidden}.media-card:hover .media-card-open,.media-card-main:focus-visible .media-card-open{opacity:1;height:16px;margin-top:8px}.media-empty-state{border:1px dashed var(--viewer-border-strong);text-align:center;background:#2626269e;border-radius:18px;align-content:center;place-items:center;min-height:330px;padding:54px 20px;display:grid}.media-empty-state>span{border:1px solid var(--viewer-border);color:#71717a;background:var(--viewer-surface-raised);border-radius:18px;place-items:center;width:58px;height:58px;font-size:1.75rem;display:grid;transform:rotate(-15deg)}.media-empty-state h3{color:#d4d4d8;margin:17px 0 0;font-size:.9rem}.media-empty-state p{max-width:38ch;color:var(--viewer-subtle);margin:7px 0 0;font-size:.7rem;line-height:1.6}.media-empty-state button{border:1px solid var(--viewer-border);color:#d4d4d8;background:var(--viewer-surface-raised);cursor:pointer;border-radius:9px;margin-top:17px;padding:8px 12px;font-size:.68rem}.media-modal-backdrop{z-index:80;-webkit-backdrop-filter:blur(18px)saturate(120%);backdrop-filter:blur(18px)saturate(120%);background:#000000c7;place-items:center;padding:clamp(14px,4vw,52px);animation:.18s both viewer-fade-in;display:grid;position:fixed;inset:0}.media-modal-stage{grid-template-columns:44px minmax(0,960px) 44px;justify-content:center;align-items:center;gap:11px;width:min(1070px,100%);min-width:0;display:grid}.media-modal-stage--single{grid-template-columns:minmax(0,960px)}.media-modal-stage--playback{grid-template-columns:minmax(0,1fr);width:min(1200px,100%)}.media-modal{border:1px solid var(--viewer-border-strong);background:var(--viewer-surface);touch-action:pan-y;border-radius:23px;grid-template-columns:minmax(0,3fr) minmax(310px,2fr);width:100%;min-width:0;max-height:min(720px,100vh - 28px);animation:.22s both viewer-modal-in;display:grid;position:relative;overflow:hidden;box-shadow:0 42px 110px #000000ad}.media-modal-nav{color:#e4e4e7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#303030e6;border:1px solid #ffffff24;border-radius:15px;place-items:center;width:44px;height:58px;padding:0;font-size:2rem;line-height:1;transition:border-color .16s,background .16s,color .16s,opacity .16s,transform .16s;display:grid;box-shadow:0 14px 34px #00000057}.media-modal-nav:not(:disabled):hover{color:#fff;background:#4f46e594;border-color:#818cf8b8;transform:scale(1.04)}.media-modal-nav:disabled{opacity:.28;cursor:not-allowed}.media-modal-close{z-index:5;color:#d4d4d8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#09090bb8;border:1px solid #ffffff21;border-radius:50%;place-items:center;width:34px;height:34px;font-size:1.1rem;line-height:1;display:grid;position:absolute;top:15px;right:15px}.media-modal-close:hover{color:#fff;background:var(--viewer-hover)}.media-playback-dialog{border:1px solid var(--viewer-border-strong);background:#09090b;border-radius:23px;grid-template-rows:auto minmax(0,1fr);width:100%;height:min(760px,100dvh - 28px);min-height:min(560px,100dvh - 28px);animation:.22s both viewer-modal-in;display:grid;overflow:hidden;box-shadow:0 42px 110px #000000ad}.media-playback-header{color:#f4f4f5;background:#111113;border-bottom:1px solid #ffffff1c;justify-content:space-between;align-items:center;gap:18px;min-width:0;min-height:66px;padding:13px 15px 13px 20px;display:flex}.media-playback-header>div{min-width:0}.media-playback-header>div>span{color:#a5b4fc;letter-spacing:.14em;margin-bottom:4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.55rem;font-weight:700;display:block}.media-playback-header h2{color:inherit;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:clamp(.74rem,2vw,.94rem);font-weight:650;line-height:1.25;overflow:hidden}.media-playback-close{color:#f4f4f5;cursor:pointer;background:#27272a;border:1px solid #ffffff29;border-radius:10px;flex:none;justify-content:center;align-items:center;gap:7px;min-height:39px;padding:0 13px;font-size:.68rem;font-weight:700;transition:border-color .16s,background .16s,transform .16s;display:inline-flex}.media-playback-close span{font-size:1rem;line-height:1}.media-playback-close:hover,.media-playback-close:focus-visible{background:#3f3f46;border-color:#818cf8bf;transform:translateY(-1px)}.media-playback-frame-shell{background:#000;min-width:0;min-height:0;position:relative;overflow:hidden}.media-playback-frame{z-index:1;background:#000;border:0;width:100%;height:100%;display:block;position:relative}.media-playback-loading{z-index:2;color:#a1a1aa;pointer-events:none;background:#09090b;justify-content:center;align-items:center;gap:10px;font-size:.68rem;display:flex;position:absolute;inset:0}.media-playback-loading span{border:2px solid #818cf83d;border-top-color:#818cf8;border-radius:50%;width:17px;height:17px;animation:.72s linear infinite viewer-playback-spin}.media-playback-fallback{text-align:center;background:radial-gradient(circle at 50% 20%,#4f46e53d,#0000 42%),#09090b;flex-direction:column;justify-content:center;align-items:center;min-height:0;padding:clamp(26px,6vw,64px);display:flex}.media-playback-fallback>span{color:#c7d2fe;background:#4f46e529;border:1px solid #818cf852;border-radius:18px;place-items:center;width:58px;height:58px;font-size:1.45rem;display:grid}.media-playback-fallback h3{color:#f4f4f5;margin:20px 0 0;font-size:clamp(1rem,3vw,1.35rem)}.media-playback-fallback p{color:#a1a1aa;max-width:52ch;margin:10px 0 0;font-size:.7rem;line-height:1.7}.media-playback-fallback a{color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:11px;justify-content:center;align-items:center;gap:9px;min-height:45px;margin-top:24px;padding:0 17px;font-size:.74rem;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 14px 28px #4f46e53d}.media-modal-preview{border-right:1px solid var(--viewer-border);min-height:490px}.media-modal-preview .media-symbol{width:102px}.media-modal-inspector{flex-direction:column;justify-content:space-between;gap:36px;min-width:0;padding:44px 29px 28px;display:flex;overflow-y:auto}.media-modal-kicker{color:var(--viewer-subtle);align-items:center;gap:9px;margin-bottom:13px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.6rem;display:flex}.media-modal-kicker span{color:#c7d2fe;background:#6366f11f;border:1px solid #6366f157;border-radius:6px;padding:4px 7px;font-weight:700}.media-modal-inspector h2{overflow-wrap:anywhere;color:#f4f4f5;letter-spacing:-.04em;margin:0;font-size:clamp(1.25rem,3vw,1.8rem);line-height:1.15}.media-modal-filename{overflow-wrap:anywhere;color:var(--viewer-subtle);margin:8px 0 0;font-size:.67rem}.media-metadata{border:1px solid var(--viewer-control-border);background:var(--viewer-field);border-radius:14px;margin:27px 0 0;padding:5px 14px}.media-metadata div{justify-content:space-between;align-items:center;gap:16px;min-height:42px;display:flex}.media-metadata div+div{border-top:1px solid var(--viewer-divider)}.media-metadata dt{color:var(--viewer-subtle);font-size:.65rem}.media-metadata dd{color:#d4d4d8;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.64rem}.media-modal-actions{border-top:1px solid var(--viewer-border);padding-top:20px}.media-modal-actions p{color:var(--viewer-subtle);margin:0 0 12px;font-size:.62rem;line-height:1.55}.media-modal-actions .media-playback-error{color:#fecaca;background:#7f1d1d2e;border:1px solid #f8717147;border-radius:9px;margin-bottom:12px;padding:9px 10px}.media-modal-actions button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#4f46e5);border:0;border-radius:11px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:45px;padding:0 15px;font-size:.74rem;font-weight:700;transition:filter .16s,transform .16s;display:flex;box-shadow:0 14px 28px #4f46e53d}.media-modal-actions button:hover{filter:brightness(1.12);transform:translateY(-1px)}.media-modal-actions button:disabled{opacity:.62;cursor:wait;filter:none;transform:none}.media-modal-actions .media-modal-download{color:#c7d2fe;box-shadow:none;background:#4338ca29;border:1px solid #818cf861}.media-modal-actions .media-modal-download:hover:not(:disabled){color:#fff;background:#4f46e57a}.media-modal-actions form{margin-top:10px}.viewer-explorer .upload-form{gap:9px}.upload-picker{border:1px dashed var(--viewer-control-border);color:#d4d4d8;cursor:pointer;background:#2d2d2deb;border-radius:13px;align-items:center;min-height:88px;padding:13px;transition:border-color .16s,background .16s;position:relative;gap:11px!important;display:flex!important}.upload-picker:hover,.upload-picker:focus-within{background:#4f46e514;border-color:#6366f1}.upload-picker input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.upload-picker input:disabled{cursor:wait}.upload-picker-mark{color:#a5b4fc;background:#6366f11f;border:1px solid #6366f147;border-radius:9px;flex:none;place-items:center;width:31px;height:31px;font-size:.85rem;display:grid}.upload-picker-copy{gap:3px;min-width:0;display:grid}.upload-picker-copy strong{font-size:.7rem}.upload-picker-copy small{color:var(--viewer-subtle);font-size:.58rem;line-height:1.45}.upload-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#4f46e5);border:0;border-radius:10px;min-height:37px;padding:7px 10px;font-size:.66rem;font-weight:700;box-shadow:0 10px 22px #4f46e52e}.upload-submit:hover:not(:disabled){filter:brightness(1.12)}.upload-submit:disabled{cursor:wait;opacity:.65}.viewer-explorer .upload-progress-list{gap:6px}.viewer-explorer .upload-progress-item{border-color:var(--viewer-border);color:#d4d4d8;background:var(--viewer-surface);border-radius:9px;padding:9px;font-size:.62rem}.viewer-explorer .upload-progress-heading .muted,.viewer-explorer .upload-progress-item .muted{color:var(--viewer-subtle);font-size:.57rem}.viewer-explorer .upload-progress-item progress{height:5px;color:var(--viewer-accent);background:var(--viewer-hover);border:0;border-radius:99px;overflow:hidden}.viewer-explorer .upload-progress-item progress::-webkit-progress-bar{background:var(--viewer-hover)}.viewer-explorer .upload-progress-item progress::-webkit-progress-value{background:linear-gradient(90deg,#7c3aed,#6366f1)}.viewer-explorer .upload-progress-item progress::-moz-progress-bar{background:linear-gradient(90deg,#7c3aed,#6366f1)}.viewer-upload-section .viewer-status-message{margin:0;font-size:.62rem}html[data-viewer-theme=light] .viewer-explorer{--viewer-bg:#f6f7fb;--viewer-surface:#fff;--viewer-surface-raised:#f4f4f5;--viewer-field:#fff;--viewer-hover:#eef2ff;--viewer-border:#a1a1aa80;--viewer-border-strong:#c4c4cc;--viewer-control-border:#b4b4bc;--viewer-divider:#a1a1aa52;--viewer-text:#18181b;--viewer-muted:#52525b;--viewer-subtle:#71717a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:radial-gradient(circle at 78% -10%, #6366f11a, transparent 32rem), var(--viewer-bg)}html[data-viewer-theme=light] .viewer-header{background:#ffffffe0}html[data-viewer-theme=light] .viewer-theme-toggle{color:#4338ca;background:#fff;box-shadow:0 8px 20px #3f3f461a}html[data-viewer-theme=light] .viewer-theme-toggle:hover{color:#312e81;background:#eef2ff}html[data-viewer-theme=light] .viewer-header-badge{color:#52525b;background:#ffffffd1}html[data-viewer-theme=light] .viewer-header-context strong,html[data-viewer-theme=light] .viewer-back-link,html[data-viewer-theme=light] .viewer-folder-link,html[data-viewer-theme=light] .viewer-folder-stats dd,html[data-viewer-theme=light] .viewer-group-overview-panel>strong,html[data-viewer-theme=light] .viewer-device-form input,html[data-viewer-theme=light] .viewer-root-folder-copy>strong,html[data-viewer-theme=light] .viewer-folder-empty h3,html[data-viewer-theme=light] .media-search input,html[data-viewer-theme=light] .media-sort select,html[data-viewer-theme=light] .media-selection-toolbar.is-selecting,html[data-viewer-theme=light] .media-empty-state h3,html[data-viewer-theme=light] .media-empty-state button,html[data-viewer-theme=light] .media-metadata dd,html[data-viewer-theme=light] .upload-picker,html[data-viewer-theme=light] .viewer-explorer .upload-progress-item{color:#3f3f46}html[data-viewer-theme=light] .viewer-back-link{background:#ffffffd1}html[data-viewer-theme=light] .viewer-back-link:hover{color:#18181b;background:#fff;border-color:#a1a1aa}html[data-viewer-theme=light] .viewer-device-form input{background:#fff}html[data-viewer-theme=light] .viewer-device-form input::placeholder{color:#a1a1aa}html[data-viewer-theme=light] .viewer-device-message{background:#6366f114;color:#4338ca!important}html[data-viewer-theme=light] .viewer-device-error{background:#e11d4814;color:#be123c!important}html[data-viewer-theme=light] .viewer-sidebar{scrollbar-color:#d4d4d8 transparent;background:#f6f7fbad}html[data-viewer-theme=light] .viewer-sidebar-section+.viewer-sidebar-section,html[data-viewer-theme=light] .media-card-meta,html[data-viewer-theme=light] .media-metadata div+div{border-color:#a1a1aa52}html[data-viewer-theme=light] .viewer-folder-link:hover,html[data-viewer-theme=light] .viewer-sidebar-section{background:#ffffffd1}html[data-viewer-theme=light] .viewer-sidebar-heading p,html[data-viewer-theme=light] .viewer-gallery-heading>div>p,html[data-viewer-theme=light] .viewer-eyebrow,html[data-viewer-theme=light] .media-summary>p>span,html[data-viewer-theme=light] .media-card:hover .media-card-title,html[data-viewer-theme=light] .viewer-root-folder-card:hover .viewer-root-folder-copy>strong,html[data-viewer-theme=light] .viewer-root-folder-copy>span>span,html[data-viewer-theme=light] .media-card-open{color:#4f46e5}html[data-viewer-theme=light] .viewer-privacy-note{color:#4338ca;background:#6366f114}html[data-viewer-theme=light] .viewer-folder-hero h1,html[data-viewer-theme=light] .media-modal-inspector h2{color:#18181b}html[data-viewer-theme=light] .viewer-folder-stats div,html[data-viewer-theme=light] .viewer-root-folder-card,html[data-viewer-theme=light] .viewer-folder-empty,html[data-viewer-theme=light] .media-controls,html[data-viewer-theme=light] .media-card,html[data-viewer-theme=light] .media-empty-state{background:#ffffffe6}html[data-viewer-theme=light] .viewer-status-message{color:#4338ca;background:#6366f114}html[data-viewer-theme=light] .media-controls{box-shadow:0 16px 36px #3f3f4614}html[data-viewer-theme=light] .media-search input,html[data-viewer-theme=light] .media-sort select,html[data-viewer-theme=light] .media-filter,html[data-viewer-theme=light] .media-view-toggle,html[data-viewer-theme=light] .media-metadata,html[data-viewer-theme=light] .viewer-explorer .upload-progress-item{background:#fff}html[data-viewer-theme=light] .media-search input::placeholder{color:#a1a1aa}html[data-viewer-theme=light] .media-filter button span{color:#71717a;background:#e4e4e7}html[data-viewer-theme=light] .media-filter button:hover,html[data-viewer-theme=light] .media-view-toggle button:hover{color:#18181b}html[data-viewer-theme=light] .media-filter button.is-active,html[data-viewer-theme=light] .media-view-toggle button.is-active{color:#312e81;background:#e0e7ff;box-shadow:inset 0 0 0 1px #6366f11f}html[data-viewer-theme=light] .media-filter button.is-active span,html[data-viewer-theme=light] .media-modal-kicker span{color:#4338ca;background:#6366f11f}html[data-viewer-theme=light] .media-delete-button{color:#be123c;background:#e11d4814}html[data-viewer-theme=light] .media-download-button,html[data-viewer-theme=light] .media-modal-actions .media-modal-download{color:#3730a3;background:#6366f11a}html[data-viewer-theme=light] .media-download-limit{color:#a16207}html[data-viewer-theme=light] .media-card,html[data-viewer-theme=light] .viewer-root-folder-card{box-shadow:0 14px 32px #3f3f4614}html[data-viewer-theme=light] .viewer-root-folder-card:hover{box-shadow:0 20px 42px #3f3f4629,0 0 0 1px #6366f114}html[data-viewer-theme=light] .viewer-root-folder-copy>span{border-color:#a1a1aa52}html[data-viewer-theme=light] .media-card:hover{box-shadow:0 20px 42px #3f3f4629,0 0 0 1px #6366f114}html[data-viewer-theme=light] .media-card.is-selected{box-shadow:0 0 0 2px #6366f133,0 18px 36px #3f3f4621}html[data-viewer-theme=light] .media-card-title{color:#27272a}html[data-viewer-theme=light] .media-card-meta{color:#71717a}html[data-viewer-theme=light] .media-empty-state>span{color:#71717a;background:#fff}html[data-viewer-theme=light] .media-empty-state button{background:#fff}html[data-viewer-theme=light] .media-modal{background:#fff;box-shadow:0 42px 110px #27272a57}html[data-viewer-theme=light] .media-modal-nav{color:#3f3f46;background:#ffffffe6;border-color:#6366f133;box-shadow:0 14px 34px #3f3f4629}html[data-viewer-theme=light] .media-modal-nav:not(:disabled):hover{color:#312e81;background:#e0e7fff5;border-color:#4f46e56b}html[data-viewer-theme=light] .media-metadata{background:#f7f7f8}html[data-viewer-theme=light] .upload-picker{background:#ffffffc7;border-color:#c4c4cc}html[data-viewer-theme=light] .upload-picker:hover,html[data-viewer-theme=light] .upload-picker:focus-within{background:#6366f10f;border-color:#6366f1}html[data-viewer-theme=light] .viewer-explorer .upload-progress-item progress{background:#e4e4e7}html[data-viewer-theme=light] .viewer-explorer .upload-progress-item progress::-webkit-progress-bar{background:#e4e4e7}@keyframes viewer-fade-in{0%{opacity:0}to{opacity:1}}@keyframes viewer-playback-spin{to{transform:rotate(360deg)}}@keyframes viewer-modal-in{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:1120px){.viewer-layout{grid-template-columns:260px minmax(0,1fr)}.viewer-sidebar{padding-inline:18px}.media-controls{grid-template-columns:minmax(190px,1fr) auto}.media-view-actions{grid-column:1/-1;justify-content:flex-end}}@media (max-width:860px){.viewer-header{grid-template-columns:1fr auto}.viewer-header-context{display:none}.viewer-layout{display:block}.viewer-sidebar{border-right:0;grid-template-columns:1fr 1fr;gap:14px;height:auto;padding:20px clamp(17px,4vw,32px) 0;display:grid;position:static;overflow:visible}.viewer-sidebar-section{border:1px solid var(--viewer-border);background:#111113b3;border-radius:15px;padding:17px}.viewer-sidebar-section+.viewer-sidebar-section{border-top:1px solid var(--viewer-border);padding-top:17px}.viewer-privacy-note{grid-column:1/-1}.viewer-main{padding:30px clamp(17px,4vw,32px) 42px}.viewer-folder-hero{margin-bottom:30px}.media-modal{grid-template-columns:1fr;overflow-y:auto}.media-modal-preview{border-right:0;border-bottom:1px solid var(--viewer-border);min-height:min(42vh,360px)}.media-modal-inspector{overflow:visible}}@media (hover:none) and (pointer:coarse){.media-modal-stage{grid-template-columns:minmax(0,960px)}.media-modal-nav{display:none}}@media (max-width:640px){.viewer-header{gap:10px;min-height:61px;padding:10px 14px}.viewer-theme-toggle{border-radius:11px;width:37px;height:37px}.viewer-brand>span:last-child{display:none}.viewer-back-link{max-width:68vw;padding:8px 10px;font-size:.69rem}.viewer-header-badge{padding:8px 10px;font-size:.56rem}.viewer-sidebar{grid-template-columns:1fr;padding-top:14px}.viewer-folder-navigation nav{grid-template-columns:repeat(2,minmax(0,1fr))}.viewer-folder-link{grid-template-columns:auto minmax(0,1fr);padding-inline:8px}.viewer-folder-link>span:last-child,.viewer-folder-link small{display:none}.viewer-folder-icon{width:22px;height:17px}.viewer-main{padding-top:27px}.viewer-folder-hero{flex-direction:column;align-items:flex-start;gap:21px}.viewer-folder-hero h1{max-width:100%;font-size:clamp(2.2rem,13vw,3.4rem)}.viewer-folder-description{font-size:.75rem}.viewer-folder-stats{width:100%}.viewer-folder-stats div{flex:1;width:auto}.viewer-gallery-heading{flex-direction:column;align-items:flex-start;gap:5px}.media-controls{grid-template-columns:1fr}.media-filter{width:100%}.media-filter button{flex:1;justify-content:center}.media-view-actions{grid-column:auto;justify-content:space-between}.media-sort{flex:1;min-width:0}.media-summary{flex-direction:column;align-items:flex-start;gap:9px}.media-selection-toolbar{flex-wrap:wrap;justify-content:flex-start;width:100%}.media-gallery--grid,.viewer-folder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.viewer-root-folder-card{border-radius:14px}.viewer-root-folder-badge{padding:4px 6px;font-size:.5rem;top:8px;left:8px}.viewer-root-folder-mark{border-radius:9px;width:62px;height:45px}.viewer-root-folder-mark:before{border-radius:6px 6px 0 0;height:10px;top:-7px;left:7px}.viewer-root-folder-mark>span{border-radius:6px;inset:8px}.viewer-root-folder-copy{gap:8px;padding:10px}.viewer-root-folder-copy>strong{font-size:.7rem}.viewer-root-folder-copy>span{padding-top:8px;font-size:.53rem}.media-gallery--large{grid-template-columns:1fr}.media-card{border-radius:14px}.media-card-select{opacity:1;top:8px;right:8px}.media-type-badge{padding:4px 6px;top:8px;left:8px}.media-symbol{width:48px}.media-symbol--image{border-radius:13px}.media-symbol--image:before{border-radius:8px;inset:7px}.media-symbol--image span{font-size:.57rem}.media-card-copy{padding:10px}.media-card-title{font-size:.7rem}.media-card-filename{font-size:.55rem}.media-card-meta{flex-direction:column;align-items:flex-start;gap:3px;margin-top:8px;padding-top:8px;font-size:.51rem}.media-card-open{display:none}.media-modal-backdrop{padding:8px}.media-modal-stage{grid-template-columns:minmax(0,1fr)}.media-modal-nav{display:none}.media-modal{overscroll-behavior:contain;border-radius:17px;max-height:calc(100dvh - 16px)}.media-playback-dialog{border-radius:17px;height:calc(100dvh - 16px);min-height:0}.media-playback-header{min-height:60px;padding:max(10px, env(safe-area-inset-top)) 10px 10px 14px;gap:10px}.media-playback-header>div>span{font-size:.49rem}.media-playback-header h2{font-size:.7rem}.media-playback-close{min-height:38px;padding-inline:10px;font-size:.62rem}.media-playback-fallback{padding:24px 18px}.media-modal-preview{min-height:clamp(132px,22dvh,168px)}.media-modal-preview .media-symbol{width:64px}.media-modal-inspector{padding:16px 19px max(12px, env(safe-area-inset-bottom));gap:12px}.media-modal-kicker{margin-bottom:8px}.media-modal-inspector h2{font-size:clamp(1.05rem,6vw,1.25rem)}.media-modal-filename{margin-top:4px}.media-metadata{border-radius:12px;margin-top:14px;padding:3px 12px}.media-metadata div{min-height:34px}.media-metadata dt,.media-metadata dd{font-size:.6rem}.media-modal-actions{padding-top:12px}.media-modal-actions p{margin-bottom:8px;font-size:.56rem;line-height:1.4}.media-modal-actions form{margin-top:8px}}@media (prefers-reduced-motion:reduce){.viewer-explorer *,.viewer-explorer :before,.viewer-explorer :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}