:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f1efe7;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#141412;--panel:#1e1e1a;--panel-strong:#26251f;--line:#38372f;--text:#f1efe7;--muted:#a9a49a;--accent:#2c8c72;--accent-strong:#42b994;--warm:#d66b4d;--danger:#d95555;--shadow:0 20px 70px #00000057;background:#141412;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans SC,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body,#app{width:100%;min-height:100%;margin:0}body{background:var(--bg);overflow:hidden}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.app-shell{background:var(--bg);grid-template-columns:300px minmax(0,1fr);width:100vw;height:100dvh;display:grid}.sidebar{border-right:1px solid var(--line);background:var(--panel);width:300px;height:100dvh;padding:18px;overflow-y:auto}.brand-row{justify-content:space-between;align-items:center;gap:12px;min-height:48px;display:flex}.brand-name{letter-spacing:0;font-size:1.05rem;font-weight:750}.brand-subtitle,.gallery-meta,.info-meta,.muted-row,small{color:var(--muted)}.brand-subtitle{margin-top:2px;font-size:.76rem}.control-group{border-top:1px solid var(--line);padding:18px 0}.control-group:first-of-type{margin-top:18px}.control-title{color:var(--muted);text-transform:uppercase;margin-bottom:10px;font-size:.76rem;font-weight:700}.primary-btn,.ghost-btn,.tool-btn,.icon-btn,.chip,.segment,.tag-row,.list-row{border:1px solid var(--line);color:var(--text);cursor:pointer;background:0 0;border-radius:8px}.primary-btn{background:var(--accent);color:#06140f;border-color:#0000;width:100%;min-height:42px;font-weight:760}.primary-btn:hover:not(:disabled){background:var(--accent-strong)}.primary-btn.large{width:min(220px,70vw);min-height:48px}.ghost-btn{width:100%;min-height:38px;color:var(--muted)}.ghost-btn:hover:not(:disabled),.icon-btn:hover:not(:disabled),.tool-btn:hover:not(:disabled),.chip:hover:not(:disabled),.segment:hover:not(:disabled),.tag-row:hover:not(:disabled),.list-row:hover:not(:disabled){background:#ffffff0d;border-color:#6b675a}button:disabled{cursor:not-allowed;opacity:.48}.link-tool[aria-disabled=true]{cursor:not-allowed;opacity:.48;pointer-events:none}.icon-btn{flex:none;place-items:center;width:38px;height:38px;font-size:1.2rem;display:grid}.sidebar-close{display:none}.segmented,.chip-list{flex-wrap:wrap;gap:8px;display:flex}.segmented{margin-top:10px}.segment,.chip{text-overflow:ellipsis;white-space:nowrap;max-width:100%;min-height:32px;color:var(--muted);padding:0 10px;overflow:hidden}.segment.active,.chip:focus-visible{border-color:var(--accent);color:var(--text);background:#2c8c722e}.search-input{border:1px solid var(--line);width:100%;height:40px;color:var(--text);background:#151512;border-radius:8px;outline:none;margin-bottom:10px;padding:0 12px}.search-input:focus{border-color:var(--accent)}.tag-results,.compact-list{gap:6px;margin:10px 0;display:grid}.tag-row,.list-row{text-align:left;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;min-height:36px;padding:7px 9px;display:grid}.tag-row span:first-child,.list-row span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.tag-count{color:var(--muted);font-size:.82rem}.muted-row{padding:8px 2px;font-size:.86rem}.viewer{grid-template-rows:auto minmax(0,1fr) auto;min-width:0;height:100dvh;display:grid;position:relative}.topbar{border-bottom:1px solid var(--line);background:#141412eb;align-items:center;gap:14px;min-height:66px;padding:12px 18px;display:flex}.mobile-menu{display:none}.gallery-heading{flex:1;min-width:0}.gallery-title{text-overflow:ellipsis;white-space:nowrap;font-weight:760;overflow:hidden}.gallery-meta{text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:.82rem;overflow:hidden}.status-pill{border:1px solid var(--line);min-width:74px;color:var(--muted);text-align:center;border-radius:999px;padding:6px 10px;font-size:.78rem}.status-pill[data-kind=busy]{border-color:var(--accent);color:var(--accent-strong)}.status-pill[data-kind=warn]{border-color:var(--warm);color:#f0a187}.status-pill[data-kind=error]{border-color:var(--danger);color:#ff9f9f}.image-stage{touch-action:pan-y;background-color:#11110f;background-image:linear-gradient(90deg,#ffffff06 1px,#0000 1px),linear-gradient(0deg,#ffffff06 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:42px 42px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;place-items:center;min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.empty-state{z-index:2;place-items:center;width:100%;height:100%;display:grid;position:absolute;inset:0}.main-image{object-fit:contain;opacity:0;width:100%;max-width:none;height:100%;max-height:none;transition:opacity .12s;display:block;position:absolute;inset:0}.main-image.loaded{opacity:1}.image-loader,.toast{z-index:5;border:1px solid var(--line);box-shadow:var(--shadow);background:#141412e0;border-radius:8px;position:absolute}.image-loader{color:var(--muted);padding:8px 12px;top:16px;left:16px}.toast{max-width:min(380px,100vw - 36px);padding:10px 12px;bottom:18px;right:18px}.toast[data-kind=warn]{border-color:var(--warm)}.toast[data-kind=error]{border-color:var(--danger)}.bottom-bar{min-height:70px;padding:10px 18px max(10px, env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#141412f0;grid-template-columns:repeat(5,48px);justify-content:center;gap:10px;display:grid}.tool-btn{width:48px;height:48px;color:var(--text);place-items:center;font-size:1.35rem;line-height:1;text-decoration:none;display:grid}.tool-btn.active{border-color:var(--warm);color:#f0a187;background:#d66b4d1f}.link-tool{font-size:1.05rem}.info-sheet{z-index:8;border:1px solid var(--line);width:min(480px,100% - 40px);max-height:min(56dvh,420px);box-shadow:var(--shadow);opacity:0;pointer-events:none;background:#1e1e1af5;border-radius:8px;padding:16px;transition:opacity .12s,transform .12s;position:absolute;bottom:90px;right:20px;overflow-y:auto;transform:translateY(12px)}.info-sheet.open{opacity:1;pointer-events:auto;transform:translateY(0)}.sheet-grip{display:none}.info-title{margin-bottom:4px;font-weight:760}.info-meta{margin-bottom:12px;font-size:.86rem}@media (width<=820px){body{overflow:hidden}.app-shell{display:block}.sidebar{z-index:20;border-right:1px solid var(--line);width:min(88vw,340px);box-shadow:var(--shadow);transition:transform .16s;position:fixed;inset:0 auto 0 0;transform:translate(-104%)}.sidebar.open{transform:translate(0)}.sidebar-close,.mobile-menu{display:grid}.viewer{height:100dvh}.topbar{min-height:58px;padding:max(8px, env(safe-area-inset-top)) 12px 8px}.status-pill{min-width:64px;padding:5px 8px}.bottom-bar{z-index:7;background:#141412f5;border-top-color:#38372fb8;grid-template-columns:repeat(5,46px);gap:8px;min-height:68px;position:relative}.tool-btn{width:46px;height:46px}.info-sheet{width:100%;max-height:58dvh;padding:12px 16px calc(82px + env(safe-area-inset-bottom));border-bottom:0;border-left:0;border-right:0;border-radius:8px 8px 0 0;bottom:0;left:0;right:0;transform:translateY(100%)}.info-sheet.open{transform:translateY(0)}.sheet-grip{background:#656155;border-radius:999px;width:42px;height:4px;margin:0 auto 12px;display:block}}@media (width<=440px){.gallery-title{font-size:.94rem}.gallery-meta{font-size:.76rem}.bottom-bar{grid-template-columns:repeat(5,minmax(42px,1fr))}.tool-btn{width:100%}}