html,body,#root{margin:0;padding:0;width:100%;height:100%}@media (max-width: 1024px){.invite-layout{display:flex!important;flex-direction:column!important;gap:16px!important}.invite-preview-wrap{display:contents!important}.invite-canvas-sticky-container{order:-1!important;padding:4px 0 8px;display:flex;flex-direction:column;align-items:center}.invite-canvas-sticky-container canvas{max-width:min(82vw,320px)!important}.desktop-only-tip{display:none!important}}.invite-canvas-sticky-container,.invite-download-container{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}@media (max-width: 768px){.tabs-nav{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;gap:6px!important;padding-bottom:4px!important;mask-image:linear-gradient(to right,#000 82%,transparent 100%);-webkit-mask-image:linear-gradient(to right,#000 82%,transparent 100%)}.tabs-nav::-webkit-scrollbar{display:block!important;height:3px!important}.tabs-nav::-webkit-scrollbar-track{background:#ffffff0d!important;border-radius:2px!important}.tabs-nav::-webkit-scrollbar-thumb{background:#d4af3766!important;border-radius:2px!important}.tab-btn{flex:0 0 auto!important}}@media (max-width: 768px){.main-header{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.header-right{flex-wrap:wrap!important;justify-content:flex-start!important}.main-title{font-size:clamp(20px,6vw,32px)!important}}@media (max-width: 768px){.member-row{flex-direction:column!important;align-items:stretch!important;gap:8px!important}.member-inputs-grid{display:flex;flex-direction:column;gap:8px;width:100%}.member-inputs-grid input{flex:1 1 100%!important;width:100%!important}.member-actions-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-start}.member-btn{min-height:44px!important;min-width:44px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}}@media (min-width: 769px){.member-inputs-grid,.member-actions-row{display:contents}}@media (max-width: 500px){.control-grid-responsive{grid-template-columns:1fr!important}.add-row-responsive{flex-direction:column!important;align-items:stretch!important;gap:10px!important}.add-row-responsive>button,.add-row-responsive>select{width:100%!important;margin-top:4px}}@media (max-width: 768px){.preset-grid{grid-template-columns:1fr 1fr!important}}@media (max-width: 768px){.swatch-scroll{flex-wrap:nowrap!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;gap:8px!important;padding-bottom:6px;scrollbar-width:thin}.swatch-scroll>*{flex:0 0 auto!important}.swatch-scroll::-webkit-scrollbar{height:3px}.swatch-scroll::-webkit-scrollbar-thumb{background:#d4af3766;border-radius:2px}}.pip-preview-canvas{border-radius:8px;display:block}