.app-shell{min-height:100vh;padding-bottom:calc(64px + env(safe-area-inset-bottom))}.app-shell .MuiAppBar-root{background:#f5f5f7d9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.app-shell-content{max-width:720px;margin:0 auto;padding:16px}.app-shell-nav{position:fixed;bottom:0;left:0;right:0;padding-bottom:env(safe-area-inset-bottom)}.canvas{display:flex;flex-direction:column;gap:16px}.block-card{border-radius:20px;background:var(--surface)}.chat-sheet{border-radius:20px 20px 0 0;background:var(--surface)}.products{display:flex;flex-direction:column;gap:12px}.product-card{border-radius:20px;background:var(--surface);overflow:hidden}.product-thumb{width:100%;max-height:160px;object-fit:cover;display:block}.media-gallery{display:flex;flex-direction:column;gap:8px;padding:4px 0}.media-item{position:relative;display:grid;grid-template-columns:auto 64px 1fr auto;align-items:center;gap:8px;padding:6px;border-radius:12px;background:#00000008;transition:box-shadow .2s,background .2s}.media-item:hover{background:#0000000f}.media-item[draggable=true]{cursor:default}.media-item .drag-handle{cursor:grab;opacity:.4}.media-item .drag-handle:active{cursor:grabbing}.media-item img{width:64px;height:64px;object-fit:cover;border-radius:10px;display:block}.media-item .primary-badge{position:absolute;top:4px;left:44px;font-size:.6rem;height:18px}.product-sheet{border-radius:20px 20px 0 0;background:var(--surface);max-height:85vh;overflow-y:auto}.campaigns{display:flex;flex-direction:column;gap:12px}.campaign-card{border-radius:20px;background:var(--surface)}.campaign-sheet{border-radius:20px 20px 0 0;background:var(--surface)}.fulfillment{display:flex;flex-direction:column;gap:12px}.order-card{border-radius:20px;background:var(--surface)}.fulfill-sheet{border-radius:20px 20px 0 0;background:var(--surface)}.strategy{display:flex;flex-direction:column;gap:12px}.strategy-card{border-radius:20px;background:var(--surface)}.strategy-sheet{border-radius:20px 20px 0 0;background:var(--surface)}.favicon-section{border-top:1px solid rgba(0,0,0,.08);padding-top:16px}.favicon-preview{width:48px;height:48px;border-radius:10px;border:1px solid rgba(0,0,0,.12);display:block}.settings{max-width:480px}:root{--surface: #ffffff;--surface-secondary: #f5f5f7;--spring: cubic-bezier(.32, .72, 0, 1)}html,body,#root{height:100%}body{margin:0;-webkit-font-smoothing:antialiased}*{transition-timing-function:var(--spring)}