.app{max-width:480px;height:100dvh;margin:0 auto;display:flex;flex-direction:column;border-left:1px solid var(--border);border-right:1px solid var(--border)}.topbar{position:relative;padding:6px 16px;text-align:center}.topbar-title{font-size:20px;font-weight:700;text-align:left;color:var(--accent)}.topbar-subtitle{font-size:14px;color:var(--accent);font-weight:500}.icon-btn{position:absolute;top:50%;transform:translateY(-50%);width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--muted);border:1px solid var(--border);border-radius:50%}.icon-btn:hover{color:var(--accent-strong);border-color:var(--accent)}.account-btn{right:12px}.info-btn{right:50px}.main{flex:1;min-height:0;padding:0 16px;display:flex;flex-direction:column;gap:8px}.grid-section{flex:1;min-height:0;display:flex;flex-direction:column}.craft-footer{position:sticky;bottom:0;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--border)}.action-btn{width:100%;padding:14px;border-radius:var(--radius);background:linear-gradient(180deg,var(--accent-strong),var(--accent));color:#1a1208;font-size:17px;font-weight:700;letter-spacing:.2em;display:flex;align-items:center;justify-content:center;gap:8px}.action-btn:not(:disabled):active{transform:scale(.98)}