body{margin:0}main{padding:0 12px}.app-header{z-index:10;background:#fff;border-bottom:1px solid #999;padding:6px 0;position:sticky;top:0}.app-actions{flex-wrap:wrap;gap:8px;display:flex}.app-button{color:inherit;cursor:pointer;background:#eee;border:1px solid #555;border-radius:4px;padding:8px 12px;text-decoration:none;display:inline-block}.app-preset{margin:6px 0 0}.app-capture{border:1px solid #555;margin-top:6px;padding:6px}.app-tabs{z-index:10;padding-bottom:env(safe-area-inset-bottom);background:#fff;border-top:1px solid #999;display:flex;position:fixed;bottom:0;left:0;right:0}.app-tabs a{text-align:center;color:inherit;flex:1;padding:12px 2px}.app-tabs a[aria-current=page]{font-weight:700}.app-tabs .app-wide-only{display:none}.app-screen{padding-bottom:96px}@media (width>=900px){main:has(.app-tabs){margin-left:200px}.app-tabs{border-top:none;border-right:1px solid #999;flex-direction:column;width:180px;padding-top:12px;top:0;right:auto}.app-tabs a{text-align:left;flex:none;padding:12px 16px}.app-tabs .app-wide-only{display:block}.app-tabs .app-narrow-only{display:none}.app-screen{padding-bottom:24px}}