@charset "UTF-8";.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}.marketing .campaigns{display:flex;flex-direction:column;gap:12px}.marketing .campaign-card{border-radius:20px;background:var(--surface)}.marketing .campaign-sheet{border-radius:20px 20px 0 0;background:var(--surface)}.marketing .empty-card,.marketing .chat-card,.marketing .draft-card,.marketing .history-card{border-radius:20px;background:var(--surface)}.marketing .chat-thread{max-height:320px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.marketing .chat-msg{max-width:85%;padding:8px 12px;border-radius:16px;font-size:.875rem;white-space:pre-wrap}.marketing .chat-msg.assistant{align-self:flex-start;background:#0000000f}.marketing .chat-msg.user{align-self:flex-end;background:var(--primary, #1976d2);color:#fff}.marketing .chat-msg.pending{display:inline-flex;align-items:center;gap:6px;opacity:.7}.marketing .history-item{padding:8px 0;border-top:1px solid rgba(0,0,0,.06)}.marketing .history-text{white-space:pre-wrap}.marketing .attach-tray{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.marketing .attach-item{position:relative;display:flex;flex-direction:column;gap:6px}.marketing .attach-item img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px;border:1px solid rgba(0,0,0,.08)}.marketing .attach-remove{position:absolute;top:4px;right:4px;background:#ffffffe6}.marketing .attach-aspects{display:flex;gap:4px}.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)}