:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--text:#1f2937;--muted:#6b7280;--border:#d1d5db;--subtle:#f3f4f6;--input-bg:#fff;--link:#2563eb;--danger:#dc2626;--warning:#b45309;--warning-bg:#fef3c7;--button-bg:#f3f4f6;--button-hover:#e5e7eb;--annotation:#e11d48;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#111827;--text:#e5e7eb;--muted:#9ca3af;--border:#374151;--subtle:#1f2937;--input-bg:#1f2937;--link:#60a5fa;--danger:#f87171;--warning:#fbbf24;--warning-bg:#fbbf2426;--button-bg:#374151;--button-hover:#4b5563;--annotation:#e11d48}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#111827;--text:#e5e7eb;--muted:#9ca3af;--border:#374151;--subtle:#1f2937;--input-bg:#1f2937;--link:#60a5fa;--danger:#f87171;--warning:#fbbf24;--warning-bg:#fbbf2426;--button-bg:#374151;--button-hover:#4b5563;--annotation:#e11d48}}body{background:var(--bg);color:var(--text);margin:0}input,button{color:inherit;font-family:inherit}input:not([type=checkbox]):not([type=radio]){background:var(--input-bg);border:1px solid var(--border);border-radius:.25rem}a{color:var(--link)}.card{box-sizing:border-box;border:1px solid var(--border);border-radius:.5rem;max-width:32rem;margin:3rem auto;padding:2rem}.card h1{margin-top:0}.card h2{margin-top:2rem;font-size:1.05rem}label{margin-bottom:1rem;display:block}label:not(.checkbox) input,.password-input input{box-sizing:border-box;width:100%;margin-top:.25rem;padding:.5rem;font-size:1rem;display:block}.field{margin-bottom:1rem}.field label{margin-bottom:0}.field small{color:var(--muted);margin-top:.25rem;display:block}.password-input{position:relative}.password-input input{padding-right:2.75rem}.password-input button{color:var(--muted);background:0 0;border:none;align-items:center;padding:0 .75rem;display:flex;position:absolute;top:.25rem;bottom:0;right:0}.password-input button:hover,.password-input button:focus-visible{color:inherit}label.checkbox{align-items:center;gap:.5rem;display:flex}label.checkbox input{margin:0}label small{color:var(--muted);margin-top:.25rem;display:block}button{cursor:pointer;background:var(--button-bg);border:1px solid var(--border);border-radius:.25rem;padding:.5rem 1rem;font-size:1rem}:where(button):hover{background:var(--button-hover)}fieldset.theme-choice{border:none;flex-wrap:wrap;gap:.5rem 1.5rem;margin:0 0 1rem;padding:0;display:flex}fieldset.theme-choice label{align-items:center;gap:.4rem;margin:0;display:flex}fieldset.theme-choice legend{margin-bottom:.25rem;font-weight:600}fieldset.theme-choice input{width:auto;margin:0;padding:0}button.link{color:var(--link);font-size:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.error{color:var(--danger)}.notice,.badge{background:var(--subtle);color:var(--muted);border-radius:.25rem;padding:.15rem .5rem;display:inline-block}.notice{padding:.5rem .75rem;display:block}.badge-warning{background:var(--warning-bg);color:var(--warning)}.status{color:var(--muted)}.secret code{word-break:break-all;background:var(--subtle);border-radius:.25rem;padding:1rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.25rem;display:block}.confirm{background:var(--subtle);border-radius:.25rem;margin-bottom:1.5rem;padding:1rem}.revoked,.disabled-row>td:not(:last-child){opacity:.5}.row-actions{flex-wrap:wrap;gap:.5rem;display:flex}.rename label{margin-bottom:.5rem}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);padding:.4rem .5rem}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.site-header{border-bottom:1px solid var(--border)}.site-header nav{box-sizing:border-box;flex-wrap:wrap;align-items:baseline;gap:.5rem 1rem;max-width:44rem;margin:0 auto;padding:.75rem 1rem;display:flex}.site-header .site-name{color:var(--text);margin-right:auto;font-weight:600;text-decoration:none}.site-header ul{flex-wrap:wrap;gap:.5rem 1rem;margin:0;padding:0;list-style:none;display:flex}.site-header a.active{font-weight:600}a.button{color:var(--text);background:var(--button-bg);border:1px solid var(--border);border-radius:.25rem;padding:.5rem 1rem;text-decoration:none;display:inline-block}a.button:hover{background:var(--button-hover)}.actions{flex-wrap:wrap;gap:.75rem;display:flex}@media (width<=40rem){.card{margin:1rem;padding:1.25rem}}.card.guide{max-width:44rem}.card.wide{max-width:64rem}.table-scroll{overflow-x:auto}.secondary-line{color:var(--muted);font-size:.9em;display:block}.guide ol.steps>li{margin-bottom:.75rem}.guide h3{margin-top:1.5rem;font-size:1rem}.guide code{overflow-wrap:anywhere}.guide table.settings{margin-top:.5rem}.guide table.settings th{text-align:left;padding-right:1rem;font-weight:600}.warning{color:var(--warning);background:var(--warning-bg);border-radius:.25rem;padding:.75rem}.note{background:var(--subtle);border-radius:.25rem;padding:.75rem}.note>:first-child,.warning>:first-child{margin-top:0}.note>:last-child,.warning>:last-child{margin-bottom:0}.next{margin-top:2rem}.gallery{box-sizing:border-box;padding:.75rem 1rem 3rem}.gallery-toolbar{flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;margin-bottom:.75rem;display:flex}.gallery-views{gap:.75rem;display:flex}.gallery-views a.active{color:var(--text);font-weight:600;text-decoration:none}.gallery-trail{color:var(--muted);margin-bottom:.75rem}.grid-day{margin:1.25rem 0 .5rem;font-size:1rem;font-weight:600}.grid-row{gap:4px;margin-bottom:4px;display:flex}.grid-square{gap:4px;display:grid}.tile{background:var(--subtle);color:var(--muted);flex:none;justify-content:center;align-items:center;text-decoration:none;display:flex;position:relative;overflow:hidden}.tile-link{color:inherit;justify-content:center;align-items:center;text-decoration:none;display:flex;position:absolute;inset:0}.tile-link:focus-visible{outline:2px solid var(--link);outline-offset:-2px}.grid-square .tile{aspect-ratio:1;width:100%!important;height:auto!important}.tile img,.tile-motion{object-fit:cover;width:100%;height:100%;display:block}.tile-motion{position:absolute;inset:0}.tile-badge{background:var(--bg);color:var(--text);opacity:.85;border-radius:.25rem;padding:.05rem .35rem;font-size:.7rem;font-weight:600;position:absolute;top:.35rem;left:.35rem}.tile.has-check .tile-badge{left:2.35rem}.tile-backup{background:var(--bg);width:1.25rem;height:1.25rem;color:var(--text);opacity:.85;border-radius:50%;place-items:center;display:grid;position:absolute;top:.35rem;right:.35rem}.tile-placeholder,.tile-caption{text-align:center;overflow-wrap:anywhere;padding:.5rem;font-size:.8rem}.tile-folder,.tile-file{border:1px solid var(--border)}.tile-folder .tile-link,.tile-file .tile-link{flex-direction:column}.tile-file-type{letter-spacing:.05em;font-size:1.1rem;font-weight:600}.tile-folder-icon{width:2.5rem;height:2.5rem}.viewer{z-index:10;overscroll-behavior:contain;color:#e5e7eb;background:#000;flex-direction:column;display:flex;position:fixed;inset:0}.viewer a{color:#93c5fd}.viewer button:not(.link),.viewer select{color:#e5e7eb;background:#1f2937;border-color:#4b5563}.viewer button:not(.link):hover:not(:disabled){background:#374151}.viewer button:disabled,.viewer select:disabled{opacity:.4;cursor:default}.viewer-bar{flex-wrap:wrap;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.viewer-stage{flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative}.viewer-photo,.viewer-zoom{width:100%;height:100%;position:relative}.tile,.viewer-photo,.viewer-photo img{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.viewer-zoom{touch-action:pan-x pan-y pinch-zoom;justify-content:center;align-items:center;display:flex;overflow:hidden}.viewer-zoom img{object-fit:contain;-webkit-user-select:none;user-select:none;max-width:100%;max-height:100%}.viewer-zoom.is-zoomed{cursor:grab;justify-content:flex-start;align-items:flex-start;overflow:auto}.viewer-zoom.is-zoomed img{flex:none;max-width:none;max-height:none;margin:auto}.viewer-motion{object-fit:contain;background:#000;width:100%;height:100%;position:absolute;inset:0}.viewer-video,.viewer-video-pending{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.viewer-video video,.viewer-video-pending img{max-width:100%;max-height:calc(100% - 3rem)}.viewer-quality{margin-top:.5rem}.viewer-info{background:#111827f2;width:min(22rem,100%);padding:1rem;position:absolute;top:3rem;bottom:0;right:0;overflow:auto}.viewer-info dt{margin-top:.5rem;font-weight:600}.viewer-info dd{overflow-wrap:anywhere;margin:0}.screenshot{max-width:20rem;margin:1rem 0}.screenshot-frame{border:1px solid var(--border);border-radius:.75rem;position:relative;overflow:hidden}.screenshot-frame img{width:100%;height:auto;display:block}.screenshot-frame svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.mark-halo{fill:none;stroke:#fff}.mark-line{fill:none;stroke:var(--annotation)}.mark-head,.mark-badge circle{fill:var(--annotation)}.mark-badge text{fill:#fff;text-anchor:middle;font-weight:700}.device-switch{border:1px solid var(--border);border-radius:.25rem;gap:1rem;display:flex}.gallery-actions{flex-wrap:wrap;align-items:center;gap:.5rem;margin:.5rem 0;display:flex}.upload-button{position:relative}.upload-menu{z-index:15;background:var(--bg);border:1px solid var(--border);border-radius:.25rem;flex-direction:column;gap:.25rem;min-width:100%;padding:.25rem;display:flex;position:absolute;top:calc(100% + .25rem);left:0}.upload-folder{color:var(--muted)}.gallery.is-dropping{outline:3px dashed var(--link);outline-offset:-3px}.upload-tray{z-index:20;box-sizing:border-box;background:var(--bg);width:min(26rem,100vw - 2rem);max-height:45vh;color:var(--text);border:1px solid var(--border);border-radius:.5rem;flex-direction:column;padding:.75rem;display:flex;position:fixed;bottom:1rem;right:1rem;overflow:hidden;box-shadow:0 4px 16px #0003}.upload-tray-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.upload-tray-hint{color:var(--muted);margin:.25rem 0;font-size:.875rem}.upload-tray-list{flex:auto;min-height:0;margin:.5rem 0 0;padding:0;list-style:none;position:relative;overflow:auto}.upload-item{border-top:1px solid var(--subtle);grid-template-columns:1fr auto;gap:.25rem .5rem;padding:.25rem 0;font-size:.875rem;display:grid}.upload-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.upload-item progress{grid-column:1/-1;width:100%}.upload-hidden{color:var(--muted);grid-column:1/-1}.upload-failed .upload-state{color:var(--danger)}.selection-bar{z-index:10;background:var(--bg);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.5rem;padding:.5rem 0;display:flex;position:sticky;top:0}.tile-check{color:#0000;cursor:pointer;opacity:0;background:#00000059;border:2px solid #fff;border-radius:50%;place-items:center;width:1.75rem;height:1.75rem;padding:0;transition:opacity .1s;display:grid;position:absolute;top:.35rem;left:.35rem}.tile:hover .tile-check,.tile:focus-within .tile-check,.tile.is-selected .tile-check,.tile.is-selecting .tile-check{opacity:1}@media (hover:none){.tile-check{opacity:1}}.tile-check:focus-visible{outline:2px solid var(--link);outline-offset:2px}.tile-check.is-on{background:var(--link);color:#fff}.tile.is-selected img{opacity:.75}.selection-fab{right:1rem;bottom:calc(1rem + var(--upload-tray-height,-.75rem) + .75rem);z-index:9;pointer-events:none;flex-direction:column;align-items:flex-end;gap:.75rem;display:flex;position:fixed}.selection-fab-stack{max-height:calc(100vh - var(--upload-tray-height,0px) - 7rem);max-height:calc(100dvh - var(--upload-tray-height,0px) - 7rem);flex-direction:column;align-items:flex-end;gap:.5rem;margin:0;padding:.25rem 0 .25rem 15rem;list-style:none;display:flex;overflow-y:auto}.selection-fab button{pointer-events:auto}.selection-fab-stack[hidden]{display:none}.selection-fab-count,.selection-fab-action{cursor:pointer;border-radius:50%;place-items:center;padding:0;display:grid;box-shadow:0 2px 8px #00000040}.selection-fab-count{background:var(--link);color:#fff;border:none;min-width:3.5rem;height:3.5rem;font-size:1rem;font-weight:600}.selection-fab-action{border:1px solid var(--border);background:var(--bg);width:2.75rem;height:2.75rem;color:var(--text);margin-right:.375rem;position:relative}.selection-fab-action:disabled{cursor:default;opacity:.5}.selection-fab-count:focus-visible,.selection-fab-action:focus-visible{outline:2px solid var(--link);outline-offset:2px}.selection-fab-label{background:var(--bg);color:var(--text);border:1px solid var(--border);white-space:nowrap;pointer-events:none;border-radius:.25rem;padding:.25rem .5rem;font-size:.875rem;display:none;position:absolute;top:50%;right:calc(100% + .5rem);transform:translateY(-50%)}@media (hover:hover){.selection-fab-action:hover .selection-fab-label,.selection-fab-action:focus-visible .selection-fab-label{display:block}}@media (hover:none){.selection-fab-label{display:block}}.selection-status{right:1rem;bottom:calc(1rem + var(--upload-tray-height,-.75rem) + .75rem);z-index:9;box-sizing:border-box;background:var(--bg);max-width:min(26rem,100vw - 2rem);color:var(--text);border:1px solid var(--border);border-radius:.5rem;padding:.5rem .75rem;position:fixed;box-shadow:0 2px 8px #00000040}.selection-status.beside-fab{max-width:min(26rem,100vw - 6.25rem);right:5.25rem}.selection-status .status{margin:0}.selection-status .status+.status{margin-top:.5rem}.download-dialog{max-width:min(28rem,100vw - 2rem);color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:.5rem;padding:1.25rem}.download-dialog::backdrop{background:#00000080}.download-dialog h2{margin-top:0;font-size:1.15rem}.download-dialog ul{padding-left:1.25rem}.download-dialog-actions{flex-wrap:wrap;gap:.5rem;display:flex}.viewer-copies{margin:.25rem 0 0;padding:0;list-style:none}.viewer-copies li{overflow-wrap:anywhere}.getting-started-card{border:1px solid var(--border);border-radius:.5rem;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem;display:flex}.album-new{flex-wrap:wrap;align-items:center;gap:.5rem;margin:1rem 0;display:flex}.album-cards{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.album-card{color:var(--text);flex-direction:column;gap:.25rem;text-decoration:none;display:flex}.album-card img,.album-card-empty{aspect-ratio:1;object-fit:cover;background:var(--subtle);border-radius:.5rem;width:100%}.album-card-title{overflow-wrap:anywhere;font-weight:600}.album-card-meta{color:var(--muted);font-size:.875rem}.album-picker{max-width:min(28rem,100vw - 2rem);color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:.5rem;padding:1.25rem}.album-picker::backdrop{background:#00000080}.album-picker h2{margin-top:0;font-size:1.15rem}.album-picker ul{max-height:40vh;margin:0 0 1rem;padding:0;list-style:none;overflow-y:auto}.album-header{flex-direction:column;gap:.5rem;display:flex}.album-meta{color:var(--muted);margin:0}.album-actions{flex-wrap:wrap;gap:.5rem;display:flex}.reorder-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:4px;padding:0;list-style:none;display:grid}.reorder-grid li{aspect-ratio:1;-webkit-user-select:none;user-select:none;cursor:grab;position:relative}.reorder-handle{fill:#fff;touch-action:none;cursor:grab;background:#0000008c;border:0;border-radius:0 0 0 .5rem;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:0;right:0}.share-panel [role=status]:empty,.share-panel [role=alert]:empty{margin:0}.reorder-grid img{object-fit:cover;width:100%;height:100%}.reorder-grid li.is-dragging{opacity:.4}.reorder-grid li.is-target{outline:3px solid var(--link)}.share-panel{box-sizing:border-box;border:1px solid var(--border);border-radius:.5rem;max-width:40rem;margin:1rem 0;padding:1rem 1.25rem}.share-panel form{flex-wrap:wrap;align-items:end;gap:.5rem;display:flex}.share-list{padding:0;list-style:none}.share-list li{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.5rem;padding:.5rem 0;display:flex}.share-email{overflow-wrap:anywhere;font-weight:600}.share-status{color:var(--muted)}.album-card-leave{margin-top:.25rem}.trash-list{gap:.5rem;max-width:40rem;margin:.75rem 0;padding:0;list-style:none;display:grid}.trash-list label{border:1px solid var(--border);cursor:pointer;border-radius:.5rem;align-items:center;gap:.75rem;margin:0;padding:.5rem;display:flex}.trash-list li.is-selected label{border-color:var(--link)}.trash-list img,.trash-kind{object-fit:cover;border-radius:.25rem;flex:none;width:4rem;height:4rem}.trash-kind{background:var(--border);color:var(--muted);place-items:center;font-size:.8rem;display:grid}.trash-text{min-width:0;color:var(--muted);gap:.15rem;display:grid}.trash-text strong{color:var(--text);overflow-wrap:anywhere}.storage-bar{background:var(--border);border-radius:.3rem;max-width:28rem;height:.6rem;overflow:hidden}.storage-bar span{background:var(--link);height:100%;display:block}.storage-bar.is-warning span{background:var(--warning)}.storage-bar.is-full span{background:var(--danger)}.usage-table{width:auto;margin-top:1rem}.usage-table th[scope=row]{text-align:left;font-weight:400}.usage-table tfoot th,.usage-table tfoot td{border-top:1px solid var(--border);font-weight:600}.usage-table .number,.usage-facts dd{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.usage-facts{grid-template-columns:max-content max-content;gap:.25rem 1.5rem;margin:0;display:grid}.usage-facts dd{margin:0}.storage-banner{border:1px solid;border-radius:6px;flex-wrap:wrap;align-items:center;gap:.75rem;margin:0 0 1rem;padding:.6rem .9rem;display:flex}.storage-banner.is-warning{color:var(--warning)}.storage-banner.is-full{color:var(--danger)}.storage-banner span{color:var(--text)}.quota-editor{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1rem;display:flex}.quota-editor input{width:7rem}.move-dialog{width:min(28rem,100vw - 2rem)}.move-dialog-trail{overflow-wrap:anywhere;margin-bottom:.75rem}.move-dialog-folders{flex-direction:column;gap:.25rem;max-height:40vh;margin:0 0 1rem;padding:0;list-style:none;display:flex;overflow-y:auto}.move-dialog-folders button{text-align:left;overflow-wrap:anywhere;width:100%}.name-dialog-field{flex-wrap:wrap;align-items:baseline;gap:.25rem;display:flex}