*{margin:0;padding:0;box-sizing:border-box}:root{--vh: 1vh}html,body{height:100%;overflow:hidden}body{background:#121212;color:#e0e0e0;font-family:-apple-system,Segoe UI,sans-serif;-webkit-tap-highlight-color:transparent}#app{height:100%;display:flex;flex-direction:column}button,a,[tabindex="0"]{touch-action:manipulation}.grid-card:focus-visible,.viewer-action:focus-visible,.nav-tab:focus-visible,.gen-option-btn:focus-visible{outline:2px solid #5ac8fa;outline-offset:-2px}.app-header{padding:max(12px,env(safe-area-inset-top)) 16px 12px;display:flex;justify-content:space-between;align-items:center;background:#121212}.app-header h1{font-size:28px;font-weight:700}.icon-btn{background:none;border:none;font-size:20px;color:#5ac8fa;cursor:pointer;padding:4px}.scrollable{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-bottom:70px}.date-section{margin-bottom:8px}.date-header{padding:8px 12px 4px;font-size:14px;font-weight:600;color:#aaa}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:0 2px}.grid-card{aspect-ratio:1;background:#1a1a1a;overflow:hidden;cursor:pointer}.grid-card img{width:100%;height:100%;object-fit:cover}.grid-card.img-error{display:flex;align-items:center;justify-content:center;color:#333;font-size:24px}.grid-card.img-error:after{content:"🖼"}.gallery-status{padding:16px;text-align:center;font-size:13px;color:#666}.filter-chips{display:flex;gap:8px;padding:8px 16px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.filter-chips::-webkit-scrollbar{display:none}.chip{flex-shrink:0;padding:6px 14px;border-radius:16px;border:1px solid #333;background:transparent;color:#ccc;font-size:13px;cursor:pointer;transition:all .15s;white-space:nowrap}.chip.active{background:#fff;color:#000;border-color:#fff}.chip:active{transform:scale(.95)}.bottom-nav{display:flex;justify-content:space-around;background:#121212f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:8px 0 max(16px,env(safe-area-inset-bottom));border-top:1px solid #222}.nav-tab{display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:none;color:#555;font-size:10px;cursor:pointer;padding:4px 12px}.nav-tab.active{color:#5ac8fa}.nav-icon{display:block;line-height:0}.nav-icon svg{width:22px;height:22px}.loading,.empty-state{text-align:center;padding:80px 20px;color:#666;font-size:14px}.viewer{position:fixed;inset:0;z-index:100;background:#000;display:none;flex-direction:column;align-items:center;justify-content:center}.viewer.active{display:flex}.viewer-bg{position:absolute;inset:0;z-index:0}.viewer-img-container{width:100vw;height:calc(var(--vh, 1vh) * 100);display:flex;align-items:center;justify-content:center;position:relative;z-index:1;touch-action:none}.viewer-img{max-width:100%;max-height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.viewer-ui{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none;transition:opacity .3s}.viewer-ui.hidden{opacity:0;pointer-events:none}.viewer-ui>*{pointer-events:auto}.viewer-top{display:flex;justify-content:space-between;align-items:center;padding:max(12px,env(safe-area-inset-top)) 16px 12px;background:linear-gradient(rgba(0,0,0,.6),transparent)}.viewer-close{font-size:28px;color:#fff;background:none;border:none;cursor:pointer}.viewer-counter{font-size:14px;color:#ffffffb3}.viewer-bottom{display:flex;justify-content:space-around;padding:16px 16px max(16px,env(safe-area-inset-bottom));background:linear-gradient(transparent,#0009)}.viewer-action{font-size:24px;background:none;border:none;cursor:pointer;color:#fffc;padding:8px}.detail-panel{display:none}.detail-panel.active{display:block}.detail-backdrop{position:fixed;inset:0;background:#00000080;z-index:200;opacity:0;transition:opacity .3s}.detail-panel.active .detail-backdrop{opacity:1}.detail-sheet{position:fixed;bottom:0;left:0;right:0;max-height:70vh;background:#1e1e1e;border-radius:16px 16px 0 0;z-index:201;transform:translateY(100%);transition:transform .3s ease;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:16px 16px calc(16px + env(safe-area-inset-bottom))}.detail-panel.active .detail-sheet{transform:translateY(0)}.detail-handle{width:36px;height:4px;background:#666;border-radius:2px;margin:0 auto 16px}.meta-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #333}.meta-label{color:#999;font-size:13px}.meta-value{color:#fff;font-size:13px;text-align:right;max-width:60%}.prompt-box{background:#2a2a2a;border-radius:8px;padding:12px;margin:12px 0}.prompt-label{color:#999;font-size:12px;margin-bottom:4px}.prompt-text{color:#ccc;font-size:13px;line-height:1.5;word-break:break-all}.copy-btn{background:none;border:none;color:inherit;cursor:pointer;font-size:14px;padding:2px 6px;margin-left:4px;opacity:.7;vertical-align:middle}.copy-btn:active{opacity:1;transform:scale(.9)}.search-bar{padding:12px 12px 8px;position:sticky;top:0;z-index:10;background:#121212}.search-input{width:100%;padding:10px 16px;border-radius:20px;background:#1a1a1a;border:1px solid #333;color:#eee;font-size:14px}.search-input::placeholder{color:#666}.search-input:focus{outline:none;border-color:#5ac8fa}.gen-setup{text-align:center;padding:80px 20px}.gen-setup h2{margin-bottom:12px}.gen-setup p{color:#888;margin-bottom:16px}.gen-setup input{padding:10px 16px;border-radius:8px;width:80%;max-width:300px;background:#1a1a1a;border:1px solid #333;color:#eee;font-size:14px;display:block;margin:0 auto 12px}.gen-setup button{padding:10px 24px;border-radius:8px;background:#e94560;border:none;color:#fff;font-size:14px;cursor:pointer}.gen-header{padding:12px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #1a1a1a}.gen-title{font-size:16px;font-weight:600}.gen-status{font-size:12px;padding:3px 8px;border-radius:8px}.gen-status.online{color:#4a4;background:#1a2e1a}.gen-status.offline{color:#a44;background:#2e1a1a}.gen-messages{flex:1;overflow-y:auto;padding:16px;overscroll-behavior:contain}.gen-bubble{max-width:85%;padding:10px 14px;border-radius:16px;font-size:14px;line-height:1.5;margin-bottom:8px;word-break:break-word}.gen-bubble.user{background:#e94560;color:#fff;margin-left:auto;border-bottom-right-radius:4px}.gen-bubble.ai{background:#1e1e2e;color:#ddd;border-bottom-left-radius:4px}.gen-bubble.image{background:none;padding:0}.gen-options{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px;justify-content:center}.gen-option-btn{padding:8px 16px;border-radius:16px;font-size:13px;background:#1a1a2e;color:#88c;border:1px solid #2a2a4e;cursor:pointer}.gen-action-btn{padding:8px 20px;border-radius:16px;font-size:13px;background:#1e1e2e;color:#aaa;border:1px solid #333;cursor:pointer}.gen-action-btn.primary{background:#e94560;color:#fff;border-color:#e94560}.gen-input-bar{display:flex;gap:8px;padding:12px;background:#0a0a0a;border-top:1px solid #1a1a1a;padding-bottom:calc(12px + var(--kb-height, 0px))}.gen-input-bar input{flex:1;padding:10px 16px;border-radius:20px;background:#1a1a1a;border:1px solid #333;color:#eee;font-size:14px}.gen-send-btn{width:40px;height:40px;border-radius:20px;background:#e94560;border:none;color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center}.gen-progress{width:100%;height:4px;background:#1a1a1a;border-radius:2px;margin:8px 0;overflow:hidden}.gen-progress-bar{height:100%;background:linear-gradient(90deg,#e94560,#c850c0);border-radius:2px;animation:progress-anim 2s ease-in-out infinite}@keyframes progress-anim{0%{width:20%}50%{width:80%}to{width:20%}}