#app{max-width:1200px;margin:0 auto;padding:0 24px calc(110px + env(safe-area-inset-bottom))}
.center{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}

.topbar{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;margin-bottom:18px;background:rgba(241,241,245,.88);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.topbar .right{display:flex;align-items:center;gap:14px}
.botsw{font-family:var(--display);font-weight:600;gap:8px}
.botsw #botLabel.off{color:var(--danger)}
.botsw input:disabled+i{opacity:.5}
.titlerow{display:flex;align-items:center;gap:14px;margin-bottom:20px}
.titlerow .title{font-size:clamp(22px,3.4vw,34px);font-weight:700;letter-spacing:-.02em;line-height:1.2;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.logo{font-size:clamp(34px,8vw,52px);font-weight:700;letter-spacing:-.02em;line-height:1.1}
.logo span{color:#6f9f00}

.filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:12px}
.search{flex:1;min-width:160px;max-width:340px;border-radius:999px;padding:11px 20px}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.count{margin:4px 0 16px;color:var(--muted);font-size:14px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}

#editView{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px;align-items:start}
#editView.hidden{display:none!important}
.edit-side{position:sticky;top:78px}
.edit-main{display:flex;flex-direction:column;gap:18px;min-width:0}
.savebar{position:fixed;left:0;right:0;bottom:0;z-index:9;display:flex;justify-content:center;padding:12px 24px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(transparent,rgba(241,241,245,.95) 40%);pointer-events:none}
.savebar .btn{pointer-events:auto}

@media(max-width:1000px){
  #editView{grid-template-columns:1fr;gap:16px}
  .edit-side{position:static;width:110px}
  .titlerow{align-items:flex-start}
}
@media(max-width:600px){
  #app{padding:0 14px calc(110px + env(safe-area-inset-bottom))}
  .topbar{padding:10px 0;margin-bottom:12px}
  .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .search{max-width:none;flex-basis:100%}
  .savebar{padding:10px 14px calc(10px + env(safe-area-inset-bottom))}
  .savebar .btn{flex:1;margin-right:64px}
}