:root{--bg: #ffffff;--bg-soft: #f5f6fa;--panel: #ffffff;--panel-2: #f0f2f7;--border: #e5e8f0;--text: #0f172a;--muted: #5b6473;--muted-2: #8b93a3;--accent: #4f46e5;--accent-soft: #eef0ff;--accent-2: #7c3aed;--danger: #dc2626;--danger-soft: #fdecec;--ok: #059669;--ok-soft: #e7f6ef;--shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 8px 24px rgba(15, 23, 42, .06);--radius: 16px;--radius-sm: 12px;--appbar-h: 58px;--tabbar-h: 64px;--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg-side, var(--bg));color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;min-height:100vh;-webkit-font-smoothing:antialiased}#app{min-height:100vh}.gallery-app{min-height:100vh;display:flex;flex-direction:column}.app-bar{display:flex;align-items:center;gap:12px;height:var(--appbar-h);padding:var(--safe-t) 16px 0;padding-bottom:0;min-height:calc(var(--appbar-h) + var(--safe-t));background:#ffffffdb;backdrop-filter:saturate(180%) blur(16px);-webkit-backdrop-filter:saturate(180%) blur(16px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.app-bar-title{display:flex;flex-direction:column;line-height:1.15}.app-brand{font-weight:700;font-size:19px;color:var(--text)}.app-bar-subtitle{font-size:11px;color:var(--muted-2)}.gallery-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;background:var(--bg-soft)}.page{display:flex;flex-direction:column;padding:16px;padding-bottom:calc(var(--tabbar-h) + var(--safe-b) + 16px);min-height:100%;gap:16px}.tabbar{position:fixed;left:0;right:0;bottom:0;height:calc(var(--tabbar-h) + var(--safe-b));padding-bottom:var(--safe-b);background:#ffffffeb;backdrop-filter:saturate(180%) blur(16px);-webkit-backdrop-filter:saturate(180%) blur(16px);border-top:1px solid var(--border);display:flex;align-items:stretch;justify-content:space-around;z-index:20}.tabbar-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;background:transparent;color:var(--muted-2);font-size:10.5px;font-weight:500;cursor:pointer;-webkit-tap-highlight-color:transparent;padding:0}.tabbar-item svg{width:22px;height:22px}.tabbar-item.active{color:var(--accent)}.tabbar-item.active svg{fill:var(--accent-soft)}.tabbar-item.active{font-weight:700}.gallery-app.locked .tabbar{display:none}h1,h2,h3,h4,p{margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 18px;border-radius:12px;border:1px solid var(--border);background:var(--panel);color:var(--text);font-size:14px;font-weight:600;cursor:pointer;transition:transform .05s ease,opacity .15s ease}.btn:active{transform:scale(.98);opacity:.92}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:disabled{opacity:.55;cursor:default}.btn.secondary{background:var(--panel-2);border-color:transparent}.btn.ghost{background:transparent;border-color:transparent;color:var(--accent);padding:8px 10px}.btn.ghost.icon-text{gap:6px}.btn.danger{background:transparent;color:var(--danger);border-color:var(--border)}.btn.icon-btn{padding:8px;border-color:transparent;background:transparent;color:var(--danger)}.btn.accent{background:var(--accent-2);border-color:var(--accent-2);color:#fff}.btn.small{padding:7px 10px;font-size:12px}.btn.wide{width:100%}.btn.icon-text:before{content:"‹";font-size:16px;margin-top:-2px}.hint{color:var(--muted);font-size:14px}.err{color:var(--danger);font-size:13px}input,select,textarea{background:var(--bg-soft);border:1px solid var(--border);color:var(--text);border-radius:12px;padding:12px 14px;font-size:14px;width:100%;font-family:inherit}textarea{min-height:96px;resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}label{color:var(--muted);font-size:12px;font-weight:600;letter-spacing:.02em}.page-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.page-titles{display:flex;flex-direction:column;gap:2px}.page-title{font-size:22px;font-weight:700;letter-spacing:-.01em}.page-sub{font-size:13px;color:var(--muted-2)}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:14px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow)}.card.stack{align-items:stretch}.card-title{font-size:12px;color:var(--muted);font-weight:600}.card-title.lg{font-size:15px;font-weight:700;color:var(--text)}.card-title.lg:first-child{margin-bottom:2px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.image-card{padding:10px;gap:8px;background:var(--panel)}.image-card img{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:var(--radius-sm);cursor:pointer;background:var(--panel-2)}.card-meta{display:flex;align-items:center;gap:6px}.badge{font-size:11px;font-weight:600;padding:3px 8px;border-radius:999px;background:var(--panel-2);color:var(--muted);text-transform:capitalize}.badge.ok{background:var(--ok-soft);color:var(--ok)}.badge.pending{background:var(--accent-soft);color:var(--accent)}.translate-preview{width:100%;max-height:30vh;object-fit:cover;border-radius:var(--radius);border:1px solid var(--border);background:var(--panel)}.field-row{display:flex;gap:10px}.field{display:flex;flex-direction:column;gap:6px;flex:1}.field-row+.btn{align-self:flex-start}.progress{color:var(--accent);font-size:13px;min-height:18px}.source-text{white-space:pre-wrap;max-height:180px;overflow:auto;padding:12px;border-radius:12px;background:var(--bg-soft);border:1px solid var(--border);color:var(--text);font-size:13px;line-height:1.45}.kind-grid{display:grid;grid-template-columns:1fr;gap:8px}.check-card{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--bg-soft);color:var(--text);text-transform:capitalize}.check-card input{width:auto}.list{display:flex;flex-direction:column}.list-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}.list-row:last-child{border-bottom:0}.list-main{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.list-title{font-size:14px;font-weight:600;color:var(--text)}.list-sub{font-size:12px;color:var(--muted-2)}.version-thumb{width:46px;height:46px;object-fit:cover;border-radius:var(--radius-sm);background:var(--panel-2);flex:none}.grid-5{display:grid;grid-template-columns:1fr 1fr;gap:10px}.grid-5 input:nth-last-child(2),.grid-5 input:last-child{grid-column:span 1}.grid-5 input:first-child{grid-column:span 2}.form{display:flex;flex-direction:column;gap:12px;padding-top:4px}.form-title{font-size:13px;font-weight:700;color:var(--muted)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;padding:48px 20px;color:var(--muted-2);background:var(--panel);border:1px dashed var(--border);border-radius:var(--radius)}.empty-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:22px}.empty-icon svg{width:26px;height:26px}.empty-title{font-size:15px;font-weight:700;color:var(--text)}.empty-text{font-size:13px;max-width:240px}.empty-state .btn{margin-top:12px}.unlock-wrap{display:grid;place-items:center;min-height:100vh;padding:20px;background:var(--bg-soft)}.unlock-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:28px;width:100%;max-width:340px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow);text-align:center}.unlock-logo{width:56px;height:56px;display:grid;place-items:center;align-self:center;border-radius:18px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff}.unlock-logo svg{width:30px;height:30px}.unlock-card h1{font-size:22px;font-weight:700}.unlock-card p{color:var(--muted);font-size:13px;margin-bottom:6px}@media(max-width:480px){.grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.field-row{flex-direction:column;gap:10px}}