:root{color-scheme:light;--bg: #f7f8f4;--surface: #ffffff;--surface-soft: #eef2eb;--selected: #e8efe6;--border: #dde4da;--text: #25332b;--muted: #657267;--accent: #47634e;--accent-hover: #354f3c;--danger: #ad3535;--danger-soft: #fff0ee;--dark: #171c19;--dark-surface: #2a342e;--dark-text: #f5f7f3;--dark-muted: #c2cdc4;--radius: 16px;--control-radius: 10px;--media-radius: 12px;--floating-shadow: 0 12px 36px #25332b1c;--space: 8px;--header-height: 80px;--nav-height: 0px;--layer-category: 10;--layer-filter: 20;--layer-header: 30;--layer-actions: 35;--layer-viewer: 50;--layer-dialog: 70;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-size:16px;line-height:1.5;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--bg)}button,input{font:inherit}button{min-height:44px;border:1px solid var(--border);border-radius:var(--control-radius);padding:10px 16px;color:var(--text);background:var(--surface);cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease}button:hover{background:var(--surface-soft);border-color:#b4c2b4}button.active,button.selected{color:var(--accent);background:var(--selected);border-color:#b4c2b4}button:disabled{cursor:default;opacity:.48}button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:3px}input{min-width:0;min-height:44px;border:1px solid var(--border);border-radius:var(--control-radius);padding:9px 12px;background:var(--surface);color:var(--text)}input::placeholder{color:var(--muted)}input:focus{border-color:var(--accent)}input[type=checkbox]{accent-color:var(--accent)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(26px,3vw,32px);line-height:1.25;font-weight:650;letter-spacing:-.035em}h2{font-size:20px;line-height:1.4;font-weight:650}h3{font-size:16px;font-weight:600}small{font-size:13px}.primary{background:var(--accent);border-color:var(--accent);color:#fff}.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#fff}.danger{color:var(--danger);background:var(--danger-soft);border-color:#e8c3bd}.danger:hover{color:#fff;background:var(--danger);border-color:var(--danger)}.error,.upload-task-failed small{color:var(--danger)}.eyebrow{margin:0 0 8px;color:var(--muted);font-size:13px;letter-spacing:.04em}.app-icon{display:block;width:22px;height:22px;flex:0 0 auto}.field-label{font-size:14px;font-weight:600}.app-shell{min-height:100dvh}.topbar{position:sticky;top:0;z-index:var(--layer-header);display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:var(--header-height);padding:14px max(28px,calc((100vw - 1384px)/2));background:var(--bg);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:10px;padding:0;border:0;background:transparent;font-size:19px;font-weight:650;letter-spacing:-.04em}.brand:hover{background:transparent;color:var(--accent)}.brand-mark{display:block;flex:0 0 auto;width:38px;height:38px}.nav-actions{display:flex;align-items:center;gap:8px}.nav-actions button{display:flex;align-items:center;justify-content:center;gap:8px;padding:9px 16px;border-color:transparent;background:transparent}.nav-actions button.active{color:var(--accent);background:var(--selected)}.nav-actions button:hover{background:var(--selected)}.nav-actions .nav-upload{color:#fff;background:var(--accent);margin-left:12px;order:4}.nav-actions .nav-upload:hover{background:var(--accent-hover)}.nav-upload{position:relative}.nav-upload-dot{position:absolute;top:5px;right:5px;width:7px;height:7px;border-radius:50%;background:#e5d8ac}.mobile-page-title{display:none}.back-to-top{position:fixed;right:24px;bottom:24px;z-index:var(--layer-actions);width:44px;height:44px;padding:0;background:var(--surface);box-shadow:var(--floating-shadow);font-size:22px}.has-selection .back-to-top{bottom:calc(var(--batch-height) + 40px)}.login-screen{display:grid;min-height:100dvh;place-items:center;padding:24px}.login-box{display:grid;width:min(420px,100%);gap:12px;padding:36px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.login-box h1{margin:0}.login-intro{color:var(--muted);margin-bottom:12px;font-size:14px}.login-box .field-label{margin-top:4px}.login-box .primary{margin-top:12px}.login-box .error{margin:4px 0 0}.home-view{display:grid;grid-template-columns:minmax(240px,.7fr) minmax(0,1.7fr);align-items:center;gap:56px;max-width:1440px;min-height:calc(100dvh - var(--header-height));margin:auto;padding:48px 40px}.home-copy{max-width:350px}.home-copy h1{margin:0 0 16px;font-size:clamp(28px,3vw,40px)}.home-description{color:var(--muted);margin-bottom:28px}.home-actions{display:flex;flex-wrap:wrap;gap:10px}.home-preview-wrap{position:relative;display:grid;place-items:center;min-width:0;min-height:min(65dvh,700px);padding:24px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-soft)}.home-preview{position:relative;display:grid;place-items:center;overflow:hidden;max-width:100%;border-radius:var(--media-radius);cursor:zoom-in}.home-preview img,.home-preview video{display:block;width:auto;height:auto;max-width:100%;max-height:min(68dvh,800px);object-fit:contain;border-radius:var(--media-radius)}.home-preview.loading img,.home-preview.loading video{opacity:.3}.home-nav{position:absolute;top:50%;z-index:3;width:44px;height:44px;padding:0;transform:translateY(-50%);background:var(--surface);box-shadow:var(--floating-shadow);font-size:28px;border-radius:50%}.home-nav.left{left:12px}.home-nav.right{right:12px}.restart-video{position:absolute;left:24px;bottom:20px;z-index:4;box-shadow:var(--floating-shadow)}.home-preview-empty{display:grid;min-height:320px;align-content:center;justify-items:center;gap:18px;color:var(--muted);text-align:center}.home-preview-empty span{width:54px;height:44px;border:2px solid #9aab9b;border-radius:8px}.home-preview-empty p{margin:0}.home-preview-loader,.viewer-loader{display:grid;place-items:center;align-content:center;gap:12px;padding:20px;border-radius:var(--radius);z-index:4}.home-preview-loader{position:absolute;color:var(--text);background:var(--surface);box-shadow:var(--floating-shadow)}.home-preview-loader span,.viewer-loader span{width:30px;height:30px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .78s linear infinite}.home-preview-loader p,.viewer-loader p{margin:0;font-size:13px}.gallery-view,.settings-view,.upload-view{width:100%;max-width:1440px;margin:auto;padding:32px 28px 48px}.page-heading{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px}.page-heading h1{margin:0}.gallery-mode{display:inline-flex;gap:4px;padding:4px;border-radius:12px;background:var(--surface-soft)}.gallery-mode button{border-color:transparent;background:transparent;padding:8px 18px}.gallery-mode button.selected{background:var(--surface);color:var(--accent);border-color:var(--border)}.category-tabs{position:sticky;top:var(--header-height);z-index:var(--layer-category);display:flex;gap:24px;min-width:0;margin-bottom:18px;overflow-x:auto;overflow-y:hidden;border-bottom:1px solid var(--border);background:var(--bg);scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x}.category-tabs::-webkit-scrollbar{display:none}.category-tabs button{position:relative;flex:0 0 auto;border:0;border-radius:0;padding:12px 2px;color:var(--muted);background:transparent}.category-tabs button:hover,.category-tabs button.selected{color:var(--accent);background:transparent}.category-tabs button.selected{font-weight:650}.category-tabs button.selected:after{content:"";position:absolute;right:0;bottom:0;left:0;height:3px;border-radius:3px;background:var(--accent)}.filters{position:relative;z-index:var(--layer-filter);display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px;padding-bottom:24px}.select-menu{min-width:0;width:100%}.select-menu-compact{width:auto}.select-trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-width:0;text-align:left}.select-menu-compact .select-trigger{min-width:110px}.select-menu-wide .select-trigger{min-width:168px}.select-trigger[aria-expanded=true]{background:var(--selected);border-color:var(--accent)}.select-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chevron{width:8px;height:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .18s ease}.select-trigger[aria-expanded=true] .chevron{transform:translateY(2px) rotate(225deg)}.select-options{z-index:60;display:grid;gap:2px;overflow-y:auto;overscroll-behavior:contain;padding:6px;border:1px solid var(--border);border-radius:var(--media-radius);background:var(--surface);box-shadow:var(--floating-shadow)}.select-options button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;border:0;padding:10px 12px;background:transparent;text-align:left;overflow-wrap:anywhere}.select-options button:hover,.select-options button.highlighted,.select-options button.selected{color:var(--accent);background:var(--selected)}.select-check{flex:0 0 20px;margin-left:8px;text-align:right;font-weight:700}.select-options-dark{color:var(--dark-text);background:var(--dark-surface);border-color:#63796a}.select-options-dark button{color:var(--dark-text)}.select-options-dark button:hover,.select-options-dark button.highlighted,.select-options-dark button.selected{color:#fff;background:#3b4c41}.advanced-filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;flex:1 1 330px}.date-filter{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:14px}.date-filter input{width:108px;font-size:16px}.filter-toggle{display:none}.filter-count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 4px;border-radius:10px;font-size:12px;color:#fff;background:var(--accent)}.format-strip{display:flex;flex-wrap:wrap;gap:8px;width:100%}.format-strip:empty{display:none}.format-strip button{display:inline-flex;align-items:center;gap:8px;border-radius:24px;padding:7px 12px;background:var(--surface)}.format-strip button.selected{background:var(--selected);border-color:var(--accent);color:var(--accent)}.format-ext{font-size:13px;font-weight:600;text-transform:uppercase}.format-count{font-size:13px;color:var(--muted)}.empty-state{display:grid;place-items:center;min-height:260px;padding:24px;text-align:center;border:1px dashed #bac8b9;border-radius:var(--radius);color:var(--muted);background:var(--surface)}.empty-state p{margin:0}.masonry{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;align-items:start}.tile{position:relative;display:block;width:100%;aspect-ratio:4 / 5;overflow:hidden;padding:0;border:0;border-radius:var(--media-radius);background:var(--surface-soft);touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.tile-loader{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 20%,#ffffff99 45%,transparent 70%),var(--surface-soft);background-size:220% 100%;animation:tile-shimmer 1.35s ease-in-out infinite}.tile img{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .18s ease}.tile img.loaded{opacity:1}.tile.loaded .tile-loader{opacity:0;animation-play-state:paused}.tile.selecting{outline:2px solid #a2b6a2;outline-offset:2px}.tile.selected{outline:3px solid var(--accent);outline-offset:2px}.selection-mark{position:absolute;top:10px;left:10px;z-index:3;display:grid;place-items:center;width:28px;height:28px;border:2px solid white;border-radius:50%;background:#25332b66;color:#fff;font-weight:700}.tile.selected .selection-mark{background:var(--accent)}.badge{position:absolute;right:10px;bottom:10px;z-index:2;border-radius:6px;padding:4px 7px;background:#171c19dd;color:#fff;font-size:11px;font-weight:600}.batch-toolbar{position:sticky;bottom:16px;z-index:var(--layer-actions);display:flex;flex-wrap:wrap;align-items:center;gap:8px;width:fit-content;max-width:100%;margin:24px auto 0;border:1px solid #b4c2b4;border-radius:var(--radius);padding:12px;background:var(--surface);box-shadow:var(--floating-shadow)}.batch-toolbar strong{color:var(--accent);padding:0 8px}.batch-toolbar .select-menu{flex:0 1 144px;min-width:124px;max-width:180px}.load-more{display:block;margin:28px auto}.scroll-sentinel{height:1px}.timeline-view{min-width:0}.timeline-view h2{margin-top:24px;font-size:22px}.timeline-view>button{margin:20px 8px 0 0}.timeline-view .tools-row>span{color:var(--muted);font-size:13px}.timeline-month-select{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:14px}.timeline-month-select .select-menu{width:min(230px,56vw);color:var(--text)}.upload-input{display:none}.upload-status{display:grid;gap:10px;max-width:calc(100% - 56px);width:560px;margin:20px auto 0;padding:16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow-wrap:anywhere}.category-move{display:flex;align-items:center;justify-content:space-between;gap:10px}.move-message{color:var(--muted)}.upload-progress,.storage-bar{overflow:hidden;height:8px;border-radius:8px;background:var(--selected)}.upload-progress span,.storage-bar span{display:block;height:100%;background:var(--accent);transition:width .18s ease}.upload-layout{display:grid;grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr);align-items:start;gap:24px}.upload-panel{display:grid;min-width:0;gap:16px;padding:32px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.upload-panel h2,.upload-panel p{margin:0}.upload-panel>p,.upload-queue-heading p,.upload-hint{color:var(--muted)}.upload-panel-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:var(--media-radius);color:var(--accent);background:var(--selected)}.upload-panel-icon .app-icon{width:27px;height:27px}.upload-panel .select-menu{width:100%}.upload-panel>button{justify-self:start}.upload-panel .upload-hint{font-size:13px}.upload-queue-heading,.upload-item-head,.upload-item-foot{display:flex;justify-content:space-between;gap:12px;align-items:center}.upload-queue-heading h2{margin-bottom:4px}.upload-queue-heading>strong{color:var(--accent);font-size:24px}.upload-queue-list{display:grid;gap:0;padding:0;margin:0;list-style:none}.upload-queue-list li{min-width:0;padding:18px 0;border-top:1px solid var(--border)}.upload-item-head strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-item-head span,.upload-item-foot small{flex:0 0 auto;color:var(--muted);font-size:13px}.upload-item-progress{margin:12px 0 10px}.upload-item-foot{flex-wrap:wrap}.upload-item-foot small{flex:1 1 180px;min-width:0}.upload-item-foot>div{display:flex;flex-wrap:wrap;gap:8px}.upload-item-foot button{min-height:44px;padding:6px 10px;font-size:13px}.upload-item-error{margin:8px 0 0!important;color:var(--danger)!important;font-size:13px;overflow-wrap:anywhere}.upload-empty{padding:48px 20px;text-align:center;background:var(--bg);border-radius:var(--media-radius)}.settings-view{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:20px}.settings-heading{grid-column:1 / -1;margin-bottom:0}.settings-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:20px}.stat-panel{display:grid;width:100%;min-width:0;gap:14px;padding:28px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.stat-panel h2,.stat-panel p{margin:0}.stat-panel>p{color:var(--muted)}.stat-panel>button{justify-self:start}.library-tools{grid-column:1 / -1}.index-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.index-stat-grid>div{display:grid;gap:2px;min-width:0;padding:14px 16px;border-radius:var(--control-radius);background:var(--bg)}.index-stat-grid strong{font-size:24px;line-height:1.2;font-variant-numeric:tabular-nums}.index-stat-grid span,.scan-status-row>span{color:var(--muted);font-size:13px}.scan-status-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:12px;border-top:1px solid var(--border)}.scan-status-row strong{color:var(--accent);font-size:14px}.scan-status-row strong.scan-running{color:#88671d}.category-create{display:flex;flex-wrap:wrap;gap:8px}.category-create input{flex:1 1 180px;width:100%}.category-create .select-menu{width:120px}.category-row{display:grid;grid-template-columns:minmax(0,1fr) 60px 60px;align-items:center;gap:12px;min-height:48px;padding:6px 0;border-top:1px solid var(--border)}.category-row>span{overflow-wrap:anywhere}.category-row small{color:var(--muted)}.category-row button{padding:8px}.storage-panel{display:grid;gap:12px;margin-top:2px;border-top:1px solid var(--border);padding-top:18px}.storage-header{display:flex;justify-content:space-between;gap:12px}.storage-header span{color:var(--accent);font-weight:600}.storage-panel p{color:var(--muted);font-size:13px}.login-activity{display:grid;gap:8px;padding:16px 0;border-top:1px solid var(--border)}.login-activity p{color:var(--muted);font-size:14px;overflow-wrap:anywhere}.account-name{font-weight:600}.logout-button{margin-top:8px}.tools-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:8px 0}.tools-row label{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}.library-tools p,.management-card small,.management-card label{overflow-wrap:anywhere}.library-tools>.tools-row:first-of-type{padding-bottom:12px;border-bottom:1px solid var(--border)}.library-tools progress{width:100%;accent-color:var(--accent)}.management-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));gap:16px}.management-card{display:flex;flex-direction:column;gap:10px;min-width:0;padding:12px;border:1px solid var(--border);border-radius:var(--media-radius);background:var(--bg)}.management-card label{display:flex;align-items:center;gap:8px;min-height:44px}.management-card input{flex:0 0 24px;width:24px;min-height:24px}.management-card small{color:var(--muted)}.management-preview{width:100%;border:0;border-radius:8px;padding:0;overflow:hidden}.management-preview img{display:block;width:100%;height:180px;object-fit:cover}.duplicate-group{margin-top:16px;padding-top:20px;border-top:1px solid var(--border)}.confirm-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--layer-dialog);display:grid;place-items:center;padding:20px;background:#171c1980}.confirm-dialog,.tools-dialog{color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px;box-shadow:var(--floating-shadow)}.confirm-dialog{display:grid;width:min(440px,100%);max-height:85dvh;overflow-y:auto;gap:14px}.confirm-dialog h2,.confirm-dialog p{margin:0}.confirm-dialog p,.tools-dialog p{overflow-wrap:anywhere}.confirm-dialog span{color:var(--muted)}.confirm-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:8px}.tools-dialog{width:min(480px,calc(100% - 32px));max-height:85dvh;overflow:auto}.tools-dialog::backdrop{background:#171c1980}.tools-preview{width:min(900px,calc(100% - 32px));color:var(--dark-text);background:var(--dark);border-color:#415147}.tools-preview p{margin-top:16px}.tools-preview img,.tools-preview video{display:block;max-width:100%;max-height:65dvh;margin:auto;background:var(--dark)}.viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--layer-viewer);display:grid;grid-template-columns:64px minmax(0,1fr) 64px;align-items:center;background:var(--dark);color:var(--dark-text)}.viewer button:not(.confirm-dialog button),.tools-preview button{color:var(--dark-text);background:var(--dark-surface);border-color:#63796a}.viewer button:not(.confirm-dialog button):hover,.tools-preview button:hover{background:#3b4c41}.viewer button.danger{color:#fcc;border-color:#855c5c}.viewer .confirm-dialog button.danger{color:var(--danger);border-color:#e8c3bd}.viewer .confirm-dialog button.danger:hover{color:#fff}.viewer button:focus-visible,.tools-preview button:focus-visible{outline-color:#c2d9bf}.viewer-media{position:relative;display:grid;place-items:center;width:100%;height:100dvh;padding:64px 0 150px;min-width:0;min-height:0}.viewer-media img,.viewer-media video{grid-area:1 / 1;display:block;width:auto;height:auto;max-width:min(100%,1280px);max-height:calc(100dvh - 214px);object-fit:contain;opacity:0;transition:opacity .18s ease}.viewer-media img.loaded,.viewer-media video.loaded{opacity:1}.viewer.loading .viewer-media img,.viewer.loading .viewer-media video{opacity:.18}.viewer-fade-enter-active,.viewer-fade-leave-active{transition:opacity .18s ease}.viewer-fade-enter-from,.viewer-fade-leave-to{opacity:0}.viewer-loader{grid-area:1 / 1;background:var(--dark-surface);color:var(--dark-text)}.viewer-loader span{border-color:#63796a;border-top-color:var(--dark-text)}.viewer-close,.viewer-side,.viewer-play{position:relative;z-index:2;min-width:44px;font-size:24px}.viewer-close{position:absolute;top:16px;right:20px;padding:10px}.viewer-play{position:absolute;top:16px;left:20px;width:44px;height:44px;padding:0;font-size:16px}.viewer-side{margin:0 8px;padding:8px}.info{position:absolute;left:24px;bottom:20px;display:grid;max-width:min(520px,calc(100vw - 48px));gap:6px;font-size:14px}.info strong{overflow-wrap:anywhere}.info span,.video-warning{color:var(--dark-muted)}.info-delete{width:fit-content;margin-top:4px}.category-move{width:min(360px,100%);margin-top:4px}.category-move .select-menu{flex:1}.category-move button{flex:0 0 auto}.video-warning{position:absolute;bottom:100px;text-align:center}@keyframes spin{to{transform:rotate(360deg)}}@keyframes tile-shimmer{0%{background-position:140% 0}to{background-position:-80% 0}}@media(max-width:1023px){.upload-layout{grid-template-columns:1fr}.home-view{grid-template-columns:1fr;gap:28px;padding:32px 28px;min-height:auto}.home-copy{max-width:none}.home-copy h1{font-size:32px}.home-description{margin-bottom:20px}.home-preview-wrap{min-height:380px}.masonry{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:767px){:root{--header-height: 64px;--nav-height: calc(70px + env(safe-area-inset-bottom)) }.app-shell{padding-bottom:var(--nav-height)}.topbar{min-height:var(--header-height);padding:12px 16px;gap:12px}.brand{font-size:17px;gap:8px}.brand-mark{width:32px;height:32px}.mobile-page-title{display:block;color:var(--muted);font-size:14px}.nav-actions{position:fixed;left:0;right:0;bottom:0;z-index:var(--layer-actions);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;height:var(--nav-height);padding:7px 12px calc(7px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--surface)}.nav-actions button{flex-direction:column;gap:3px;min-width:0;min-height:52px;padding:4px;font-size:12px;border-radius:10px}.nav-actions .app-icon{width:22px;height:22px}.nav-actions .nav-upload{order:initial;margin-left:0;color:var(--accent);background:transparent}.nav-actions .nav-upload:hover{background:var(--selected)}.nav-actions .nav-upload-dot{background:var(--accent)}.app-shell:has(input:not([type=checkbox]):focus) .nav-actions{display:none}.gallery-view,.settings-view,.upload-view{padding:24px 16px 32px}.upload-panel{padding:22px}.upload-layout{gap:16px}.page-heading{margin-bottom:20px;gap:12px}.page-heading h1{font-size:26px}.gallery-mode button{padding:8px 12px}.page-heading .eyebrow{font-size:12px}.home-view{padding:24px 16px 28px;gap:24px}.home-copy h1{font-size:30px}.home-description{font-size:14px;margin-bottom:20px}.home-actions{gap:8px}.home-actions button{padding:10px 12px;font-size:14px}.home-preview-wrap{min-height:320px;padding:12px}.home-preview img,.home-preview video{max-height:58dvh}.home-preview-empty{min-height:290px}.home-nav.left{left:8px}.home-nav.right{right:8px}.restart-video{left:14px;bottom:14px}.category-tabs{gap:20px;margin-bottom:16px}.filters{gap:8px;padding-bottom:20px}.select-menu-compact .select-trigger{min-width:90px;gap:10px;padding:10px 12px;font-size:14px}.select-menu-wide .select-trigger{min-width:146px}.filter-toggle{display:inline-flex;align-items:center;gap:6px;padding:10px;font-size:14px}.filter-toggle .app-icon{width:18px;height:18px}.advanced-filters{display:none}.advanced-filters.expanded{display:flex;flex-basis:100%;padding:16px;background:var(--surface-soft);border-radius:var(--media-radius)}.date-filter{flex:1 1 100px;flex-direction:column;align-items:stretch;gap:4px}.date-filter input{width:100%}.advanced-filters>button{width:100%}.masonry{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.has-selection .gallery-view{padding-bottom:calc(var(--batch-height) + 24px)}.batch-toolbar{position:fixed;bottom:calc(var(--nav-height) + 8px);left:12px;right:12px;width:auto;max-width:none;margin:0;gap:8px;padding:10px}.batch-toolbar button,.batch-toolbar .select-trigger{font-size:13px;padding:8px 10px}.batch-toolbar strong{font-size:14px}.batch-toolbar .select-menu{flex:1 1 128px;min-width:128px;max-width:none}.back-to-top{right:16px;bottom:calc(var(--nav-height) + 16px)}.has-selection .back-to-top{bottom:calc(var(--nav-height) + var(--batch-height) + 24px)}.settings-view,.settings-overview{gap:16px}.settings-heading{margin-bottom:4px}.stat-panel{padding:20px}.management-grid{grid-template-columns:repeat(auto-fill,minmax(min(200px,100%),1fr))}.tools-row{gap:8px}.tools-row button{padding:10px 12px}.upload-status{max-width:calc(100% - 32px);margin-top:16px}.login-box{padding:28px 24px}.viewer{display:block}.viewer-media{height:100dvh;padding:60px 10px}.viewer-media img,.viewer-media video{max-width:calc(100vw - 20px);max-height:calc(100dvh - 120px)}.viewer-side{position:absolute;top:45%;width:44px;height:52px;margin:0;background:var(--dark-surface)}.viewer-side.left{left:6px}.viewer-side.right{right:6px}.viewer-close{top:max(12px,env(safe-area-inset-top));right:12px}.viewer-play{top:max(12px,env(safe-area-inset-top));left:12px}.info{right:12px;bottom:max(12px,env(safe-area-inset-bottom));left:12px;max-width:none;max-height:55dvh;overflow-y:auto;padding:16px;border:1px solid #63796a;border-radius:var(--radius);background:var(--dark);opacity:0;pointer-events:none;transform:translateY(12px);transition:opacity .18s ease,transform .18s ease}.viewer.info-visible .info{opacity:1;pointer-events:auto;transform:translateY(0)}}@media(max-width:359px){.gallery-view,.settings-view,.upload-view{padding-left:14px;padding-right:14px}.filters{gap:6px}.select-menu-compact .select-trigger{min-width:74px;padding:10px}.select-menu-wide .select-trigger{min-width:134px}.filter-toggle{gap:4px;padding:10px 8px}.filter-toggle .app-icon{display:none}.gallery-mode button{padding:8px 10px}.stat-panel{padding:16px}}@media(max-width:767px){.settings-overview{grid-template-columns:minmax(0,1fr)}.index-stat-grid{gap:8px}.index-stat-grid>div{padding:12px}.index-stat-grid strong{font-size:21px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}