#app{height:100%;display:grid;grid-template-rows:auto auto 1fr auto}
.topbar{z-index:20;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 15px;background:rgba(245,242,236,.9);border-bottom:1px solid var(--line);backdrop-filter:blur(15px)}
.brand{display:flex;align-items:center;gap:9px;min-width:0}.brand-mark{width:35px;height:35px;border-radius:11px;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:21px}.brand strong{display:block;font-size:14px}.brand span{display:block;font-size:10px;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}
.top-actions{display:flex;align-items:center;gap:6px}.profile-btn{display:flex;align-items:center;gap:7px;background:rgba(255,255,255,.75);box-shadow:inset 0 0 0 1px var(--line)}.zoom-readout{width:46px;text-align:center;font-size:10px;color:var(--muted)}
.toolbar{z-index:15;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 13px;min-height:44px;background:rgba(235,231,223,.94);border-bottom:1px solid var(--line)}
.category-filter{display:flex;gap:6px;overflow:auto;scrollbar-width:none}.category-filter::-webkit-scrollbar{display:none}.filter{white-space:nowrap;border-radius:999px;padding:7px 10px;background:rgba(255,255,255,.62);box-shadow:inset 0 0 0 1px var(--line);font-size:10px}.filter.active{background:var(--ink);color:#fff}.hint{font-size:9px;color:var(--muted);white-space:nowrap}
.viewport{position:relative;overflow:hidden;cursor:grab;touch-action:none;background:#bdb7ab}.viewport.dragging{cursor:grabbing}.world{position:absolute;left:0;top:0;width:2800px;height:1900px;transform-origin:0 0;background:radial-gradient(circle at 72% 34%,rgba(255,255,255,.65),transparent 24%),linear-gradient(110deg,#e9dfcd,#f2eadc 50%,#e7dbc7);box-shadow:0 0 90px rgba(55,45,31,.28)}
.wall-grid{position:absolute;inset:0;opacity:.35;background-image:linear-gradient(rgba(92,75,54,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(92,75,54,.07) 1px,transparent 1px);background-size:80px 80px}
.wall-title{position:absolute;left:1200px;top:700px;width:400px;text-align:center;transform:rotate(-1deg)}.wall-title .tiny{font-size:10px;letter-spacing:.22em;color:#756e62}.wall-title h1{font-family:Georgia,serif;font-weight:500;font-size:46px;line-height:.96;margin:12px 0}.wall-title p{font-family:Georgia,serif;font-style:italic;font-size:15px;line-height:1.5;color:#70695e}
.empty-state{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:rgba(250,248,243,.9);padding:11px 14px;border-radius:12px;font-size:11px}
.footer{z-index:20;height:26px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;background:rgba(236,232,224,.96);border-top:1px solid var(--line);font-size:9px;color:#77766f}