*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg-page:#f8fafc;--bg-card:#ffffff;--border:#e2e8f0;--text-primary:#1e293b;--text-muted:#64748b;--shadow-sm:0 1px 3px rgba(15,23,42,.04),0 1px 2px rgba(15,23,42,.06);--shadow-md:0 4px 16px rgba(15,23,42,.06),0 1px 4px rgba(15,23,42,.04);--shadow-lg:0 12px 40px rgba(15,23,42,.08),0 4px 12px rgba(15,23,42,.04);--shopify-green:#5f9b3f;--shopify-green-admin:#008060;--fb-blue:#1877f2;--ig-pink:#e1306c;--ig-gradient:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);--klaviyo-dark:#2d2d2d;--radius-lg:10px}body{font-family:system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.5;color:#1a1a1a;background:#f5f5f5}a{color:var(--color-primary,#6366f1);text-decoration:none}.app-shell{display:flex;flex-direction:column;flex:1 1;min-height:0;overflow:hidden;position:relative}.app-shell__top{display:flex;align-items:center;justify-content:space-between;padding:0 1.25rem;height:52px;background:#fff;border-bottom:1px solid #e5e7eb;position:-webkit-sticky;position:sticky;top:0;z-index:100}.app-shell__tenant{font-weight:600;font-size:1rem}.app-shell__user{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:#6b7280}.app-shell__user button{padding:.25rem .75rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;cursor:pointer;font-size:.8125rem}.app-shell__body{display:flex;flex:1 1;overflow:hidden}.app-shell__menu-btn{display:none;background:none;border:none;cursor:pointer;font-size:1.25rem;padding:.25rem .375rem;color:#374151;line-height:1}.app-shell__sidebar{width:200px;padding:1rem 0;background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;gap:2px;flex-shrink:0}.app-shell__nav-overlay{display:none}@media (max-width:960px){.app-shell__menu-btn{display:flex;align-items:center}.app-shell__sidebar{position:absolute;top:52px;left:0;bottom:0;z-index:200;transform:translateX(-100%);transition:transform .2s ease;box-shadow:2px 0 12px rgba(0,0,0,.12)}.app-shell__sidebar--open{transform:translateX(0)}.app-shell__nav-overlay{display:block;position:absolute;inset:52px 0 0 0;z-index:199;background:rgba(0,0,0,.25)}.app-shell__body>.app-shell__content{padding:0;min-width:0}}@media (max-width:768px){.publisher-page{padding:0 0 2rem}.app-shell__content:has(.pub-grid--mobile){padding-top:0}.pub-grid--mobile{overflow-x:hidden}.pub-grid--mobile .pub-tabs{top:0}.pub-tab-pane{overflow-x:hidden}.input-card{grid-template-columns:1fr;border:none;border-radius:0;box-shadow:none;border-top:1px solid var(--border);padding:1rem}.pub-tab-pane form{display:flex;flex-direction:column}.pub-tab-pane .publisher-tabs{margin-bottom:0;padding:0 .25rem;border-bottom:1px solid var(--border)}.pub-tab-pane .card-generate-btn{margin:1rem;width:calc(100% - 2rem)}.pub-tab-pane .card-fill-test-btn{margin:0 1rem 1rem;display:block}}.nav-link{display:block;padding:.5rem 1.25rem;color:#374151;border-radius:6px;margin:0 .5rem;font-size:.9rem}.nav-link:hover{background:#f3f4f6}.nav-link--disabled{color:#9ca3af;pointer-events:none}.app-shell__content{flex:1 1;min-width:0;padding:2rem;overflow-y:auto;background:var(--bg-page,#f8fafc)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:1rem;gap:1rem;margin-top:1.5rem}.card{display:block;padding:1.25rem;background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:inherit;transition:box-shadow .15s}.card:hover{box-shadow:0 4px 12px rgba(0,0,0,.08)}.card h2{font-size:1rem;margin-bottom:.25rem;color:var(--color-primary,#6366f1)}.card p{font-size:.875rem;color:#6b7280}.login{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem}.login h1{font-size:1.5rem;margin-bottom:1.5rem}.login form{gap:1rem;width:100%;max-width:360px}.login form,.login label{display:flex;flex-direction:column}.login label{gap:.375rem;font-size:.875rem;font-weight:500}.login input{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.9375rem;outline:none}.login input:focus{border-color:var(--color-primary,#6366f1)}.login button{padding:.625rem;background:var(--color-primary,#6366f1);color:var(--color-primary-foreground,#fff);border:none;border-radius:6px;font-size:.9375rem;cursor:pointer}.login button:disabled{opacity:.6;cursor:not-allowed}.error{font-size:.875rem;color:#dc2626}.publisher-page{max-width:1100px;margin:0 auto;padding:2rem 1.5rem;overflow-x:hidden}.pub-grid{display:flex;flex-direction:column;gap:1rem}.pub-grid__body{display:grid;grid-template-columns:390px 1fr;grid-gap:1.5rem;gap:1.5rem;align-items:start}.pub-grid__composer{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;align-self:start;position:-webkit-sticky;position:sticky;top:0}.pub-grid__previews{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));grid-gap:1.5rem;gap:1.5rem;min-width:0;align-items:stretch}.pub-grid__preview-item--wide{grid-column:1/-1}.pub-grid__previews>*{min-width:0}.pub-composer-inner,.pub-grid__previews>*{display:flex;flex-direction:column}.pub-grid__composer .publisher-tabs{margin-bottom:0;padding:0 .25rem;border-bottom:1px solid var(--border)}.pub-grid__composer .input-card{grid-template-columns:1fr;border:none;border-radius:0;box-shadow:none;border-top:1px solid var(--border);padding:1rem}.pub-grid__composer form{display:flex;flex-direction:column}.pub-grid__composer .card-generate-btn{margin:1rem;width:calc(100% - 2rem)}.pub-grid__composer .card-fill-test-btn{margin:0 1rem 1rem;display:block}.pub-grid__previews .shopify-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}@media (max-width:960px){.pub-grid__body{grid-template-columns:1fr}.pub-grid__composer{position:static}}@media (max-width:768px){.pub-grid--mobile{gap:0}}.publisher-tabs{display:flex;border-bottom:1px solid var(--border);margin-bottom:1.5rem}.pub-shell{isolation:isolate;position:relative}.pub-shell__tabs{position:-webkit-sticky;position:sticky;top:0;z-index:20;height:48px;display:flex;align-items:stretch;background:var(--bg-page,#f8fafc)!important;padding:0;margin:0}.pub-shell__tabs:before{content:"";position:absolute;left:-2rem;right:-2rem;top:-2rem;height:2rem;background:var(--bg-page,#f8fafc);pointer-events:none}.publisher-tab{padding:.625rem 1.25rem;border:none;border-bottom:2px solid transparent;background:none;font-size:.9375rem;font-weight:500;color:var(--text-muted);cursor:pointer;margin-bottom:-1px}.publisher-tab.active{color:var(--text-primary);border-bottom-color:var(--color-primary,#6366f1)}.pub-tabs{display:flex;background:#fff;border-bottom:2px solid #e5e7eb;overflow-x:auto;scrollbar-width:none;position:-webkit-sticky;position:sticky;top:52px;z-index:10}.pub-tabs::-webkit-scrollbar{display:none}.pub-tab{flex-shrink:0;padding:.75rem 1.25rem;background:none;font-size:.9rem;font-weight:500;color:#6b7280;cursor:pointer;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;white-space:nowrap;transition:color .15s}.pub-tab--active{color:#111827;border-bottom-color:var(--color-primary,#6366f1)}.pub-tab:hover:not(.pub-tab--active){background:#f3f4f6}.pub-tabs--sub{position:static;top:auto;background:#e9e9eb;border:none;border-radius:10px;padding:3px;margin:.75rem 1rem;gap:2px}.pub-tabs--sub .pub-tab{flex:1 1;font-size:.8125rem;font-weight:600;padding:.45rem 1rem;border-radius:7px;border-bottom:none;margin-bottom:0;text-align:center;color:#6b7280;transition:all .18s ease}.pub-tabs--sub .pub-tab--active{background:#fff;color:#111827;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.06);border-bottom-color:transparent}.pub-tabs--sub .pub-tab:hover:not(.pub-tab--active){background:rgba(255,255,255,.45)}.pub-tab-pane{min-height:0}.shopify-panel--mobile{display:flex;flex-direction:column}.shopify-panel--mobile .shopify-panel__controls{padding:1rem;display:flex;flex-direction:column;gap:16px}.shopify-panel--mobile .shopify-panel__preview{grid-template-columns:1fr}.shopify-panel--mobile .shopify-panel__preview-details{overflow-y:visible}.input-card{display:grid;grid-template-columns:280px 1fr;grid-gap:1.5rem;gap:1.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:1.5rem;box-shadow:var(--shadow-sm)}.input-card__left{display:flex;flex-direction:column;gap:.75rem;align-self:stretch}.input-card__right{display:flex;flex-direction:column;gap:1rem}.input-card__label{display:flex;flex-direction:column;gap:.375rem;font-size:.875rem;font-weight:500;color:var(--text-primary)}.input-card__hint{font-size:.8125rem;font-weight:400;color:var(--text-muted)}.input-card__select,.input-card__textarea{padding:.5rem .75rem;border:1px solid var(--border);border-radius:6px;font-size:.9375rem;font-family:inherit;resize:vertical;outline:none}.input-card__select:focus,.input-card__textarea:focus{border-color:var(--color-primary,#6366f1)}.input-card__platforms{border:1px solid var(--border);border-radius:6px;padding:.75rem 1rem;display:flex;flex-wrap:wrap;gap:.75rem}.input-card__platforms legend{font-size:.875rem;font-weight:500;padding:0 .25rem}.input-card__platform-label{display:flex;align-items:center;gap:.375rem;font-size:.875rem;cursor:pointer}.input-card__platform-label.disabled{color:#9ca3af;cursor:not-allowed}.card-generate-btn{width:100%;padding:.75rem 1.25rem;background:var(--color-primary,#6366f1);color:var(--color-primary-foreground,#fff);border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;margin-top:1rem}.card-generate-btn:disabled{opacity:.6;cursor:not-allowed}.platforms-grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:1rem;gap:1rem;margin-top:1.5rem}.platforms-grid__shopify{grid-column:1/-1}.platform-card{position:relative;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;display:flex;flex-direction:column;box-shadow:var(--shadow-sm);overflow:hidden;flex:1 1}.platform-card--placeholder .placeholder-hint{font-size:.8125rem;color:var(--text-muted);padding:.875rem;text-align:center}.platform-card--placeholder .platform-mock{opacity:.45;pointer-events:none}.card-header{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;padding:.875rem .875rem 0}.card-badge{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:999px;font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#fff}.card-badge--shopify{background:var(--shopify-green)}.card-badge--facebook{background:var(--fb-blue)}.card-badge--instagram{background:var(--ig-pink)}.card-badge--klaviyo{background:var(--klaviyo-dark)}.card-header__actions{margin-left:auto;display:flex;gap:.5rem}.card-shopify-fields{border-top:1px solid var(--border);padding-top:1rem;margin-top:.25rem}@media (max-width:900px){.input-card,.platforms-grid{grid-template-columns:1fr}}.status-strip{align-items:center;margin-bottom:1.25rem}.status-strip,.status-strip__chips{display:flex;flex-wrap:wrap;gap:.5rem}.status-strip__chips{list-style:none;padding:0;margin:0}.status-strip__mode-banner{background:#fef3c7;color:#92400e;font-size:.75rem;font-weight:600;padding:.25rem .625rem;border-radius:4px;letter-spacing:.03em}.status-chip{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:999px;font-size:.8125rem;font-weight:500;cursor:default}.status-chip--ok{background:#d1fae5;color:#065f46}.status-chip--missing{background:#f3f4f6;color:#6b7280}.status-chip--error{background:#fee2e2;color:#991b1b}.preview-card__title{font-size:.875rem;color:#6b7280;flex:1 1}.preview-card__btn{padding:.25rem .625rem;border:1px solid #d1d5db;border-radius:5px;background:#fff;font-size:.8125rem;cursor:pointer}.preview-card__btn:hover{background:#f9fafb}.preview-card__image{width:100%;max-height:200px;object-fit:cover;border-radius:6px}.preview-card__textarea{width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;font-family:inherit;line-height:1.6;resize:vertical;outline:none}.preview-card__textarea:focus{border-color:var(--color-primary,#6366f1)}.preview-card__textarea.warn{border-color:#d97706}.preview-card__textarea.overflow{border-color:#dc2626}.preview-card__footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.preview-card__action-bar{display:grid;padding:.5rem .75rem;border-top:1px solid var(--border,#e5e7eb);background:var(--bg-card,#fff);margin-top:auto}.preview-card__charcount{font-size:.8125rem;color:#9ca3af}.preview-card__charcount.warn{color:#d97706}.preview-card__charcount.overflow{color:#dc2626}.preview-card__publish-btn{padding:.375rem .875rem;background:var(--color-primary,#6366f1);color:var(--color-primary-foreground,#fff);border:none;border-radius:6px;font-size:.875rem;cursor:pointer}.preview-card__publish-btn:not(:disabled):hover{filter:brightness(1.1)}.preview-card__publish-btn:disabled{opacity:.6;cursor:not-allowed}.image-upload{display:flex;align-items:center;justify-content:center;border:2px dashed #d1d5db;border-radius:8px;padding:1.5rem;cursor:pointer;transition:border-color .15s,background .15s;min-height:80px}.image-upload.dragging,.image-upload:hover{border-color:var(--color-primary,#6366f1);background:#f5f3ff}.image-upload__label{font-size:.875rem;color:#9ca3af;pointer-events:none}.image-upload--preview{border-style:solid;padding:.5rem;position:relative;justify-content:flex-start}.image-upload__thumb{max-height:120px;max-width:100%;border-radius:4px;object-fit:contain}.image-upload__remove{position:absolute;top:.375rem;right:.375rem;width:1.5rem;height:1.5rem;border-radius:50%;border:none;background:rgba(0,0,0,.5);color:#fff;font-size:.75rem;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1}.image-upload-manager{display:flex;flex-direction:column;gap:.75rem;flex:1 1;height:100%}.image-upload-manager__gallery{display:flex;flex-direction:column;gap:.5rem}.image-upload-manager__count{font-size:.8125rem;color:var(--text-muted);margin:0}.image-upload-manager__previews{display:flex;flex-wrap:wrap;gap:.5rem}.image-upload-manager__item{display:flex;flex-direction:column;gap:2px}.image-upload-manager__thumb{width:80px;height:80px;object-fit:cover;border-radius:6px;border:1px solid #e5e7eb;display:block}.image-upload-manager__controls{display:flex;gap:2px}.image-upload-manager__btn{flex:1 1;padding:2px 4px;font-size:.75rem;border:1px solid #e5e7eb;border-radius:4px;background:#fff;cursor:pointer;line-height:1.4}.image-upload-manager__btn:disabled{opacity:.35;cursor:not-allowed}.image-upload-manager__btn:hover:not(:disabled){background:#f3f4f6}.image-upload-manager__btn--remove{color:#dc2626;border-color:#fecaca}.image-upload-manager__btn--remove:hover:not(:disabled){background:#fef2f2}.image-upload-manager__upload{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;border:2px dashed #d1d5db;border-radius:8px;padding:1.75rem 1.5rem;cursor:pointer;transition:border-color .15s,background .15s;min-height:130px;flex:1 1;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:#9ca3af}.image-upload-manager__upload.dragging,.image-upload-manager__upload:hover{border-color:var(--color-primary,#6366f1);background:#f5f3ff;color:var(--color-primary,#6366f1)}.image-upload-manager__icon{width:2rem;height:2rem;flex-shrink:0}.image-upload-manager__label{font-size:.875rem;font-weight:500;pointer-events:none}.image-upload-manager__sublabel{font-size:.75rem;pointer-events:none}.card-fill-test-btn{background:transparent;border:1px dashed #d1d5db;border-radius:6px;color:#9ca3af;font-size:.8125rem;padding:.4rem .875rem;cursor:pointer;transition:border-color .15s,color .15s;margin-top:.5rem}.card-fill-test-btn:hover:not(:disabled){border-color:#6b7280;color:#374151}.card-fill-test-btn:disabled{opacity:.4;cursor:not-allowed}.platform-mock{background:#fff;font-family:system-ui,-apple-system,sans-serif;border-bottom:1px solid var(--border)}.platform-mock__bar{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;font-size:.75rem;font-weight:600;color:#fff;letter-spacing:.02em}.platform-mock__bar--facebook{background:var(--fb-blue)}.platform-mock__bar--instagram{background:var(--ig-gradient)}.platform-mock__bar--shopify{background:var(--shopify-green-admin)}.platform-mock__bar--klaviyo{background:var(--klaviyo-dark)}.platform-mock__bar-spacer{flex:1 1}.platform-mock__status-pill{font-size:.65rem;font-weight:600;padding:.15rem .45rem;border-radius:999px;background:rgba(255,255,255,.25);color:#fff;text-transform:uppercase;letter-spacing:.04em}.fb-mock__header{display:flex;align-items:center;gap:.6rem;padding:12px 14px 8px}.fb-mock__avatar{width:36px;height:36px;border-radius:50%;background:#e4e6eb;flex-shrink:0}.fb-mock__header-text{display:flex;flex-direction:column}.fb-mock__page-name{font-size:.82rem;font-weight:600;color:#050505}.fb-mock__meta{display:flex;align-items:center;gap:4px;font-size:.7rem;color:#65676B}.fb-mock__text{padding:0 14px 10px;font-size:.85rem;line-height:1.5;color:#050505;white-space:pre-wrap;min-height:48px;word-break:break-word}.fb-mock__text--empty{color:#BEC3C9;font-style:italic}.fb-mock__image-area{width:100%;overflow:hidden;background:#f0f2f5;max-height:clamp(240px,55vh,500px)}.fb-mock__image-area img{width:100%;display:block;object-fit:contain;background:#f8f8f8;max-height:clamp(240px,55vh,500px)}.fb-mock__image-area--empty{aspect-ratio:1.91/1;display:flex;align-items:center;justify-content:center;color:#bec3c9;font-size:.75rem}.fb-mock__reactions-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;font-size:.72rem;color:#65676B}.fb-mock__actions{display:flex;border-top:1px solid #e4e6eb;margin:0 14px;padding:3px 0}.fb-mock__action-btn{flex:1 1;display:flex;align-items:center;justify-content:center;gap:5px;padding:6px;background:none;border:none;font-size:.78rem;font-weight:600;color:#65676B;cursor:default}.ig-mock__header{display:flex;align-items:center;gap:.5rem;padding:8px 10px}.ig-mock__avatar{width:28px;height:28px;border-radius:50%;background:var(--ig-gradient);border:2px solid #fff;box-shadow:0 0 0 1px #e4e6eb;flex-shrink:0}.ig-mock__username{font-size:.78rem;font-weight:600;color:#262626;flex:1 1}.ig-mock__more{color:#262626;font-size:1rem;letter-spacing:1px}.ig-mock__image-area{width:100%;aspect-ratio:1/1;max-height:clamp(240px,55vh,500px);background:#fafafa;overflow:hidden;display:flex;align-items:center;justify-content:center}.ig-mock__image-area img{width:100%;height:100%;object-fit:cover;display:block}.ig-mock__no-image{color:#c7c7c7;font-size:.75rem}.ig-mock__actions{display:flex;align-items:center;justify-content:space-between;padding:8px 10px 4px}.ig-mock__actions-left{display:flex;gap:12px;font-size:1.1rem}.ig-mock__caption{padding:0 10px 12px;font-size:.78rem;line-height:1.5;color:#262626;white-space:pre-wrap;word-break:break-word}.ig-mock__caption-user{font-weight:600;margin-right:4px}.ig-mock__caption--empty{color:#C7C7C7;font-style:italic}.instagram-preview{background:#fff}.instagram-preview__placeholder{aspect-ratio:1/1;max-height:clamp(240px,55vh,500px);display:flex;align-items:center;justify-content:center;background:#fafafa;color:#c7c7c7;font-size:.75rem}.instagram-preview__carousel{position:relative;display:flex;align-items:center}.instagram-preview__viewport{flex:1 1;overflow:hidden;max-height:clamp(240px,55vh,500px);background:#fafafa}.instagram-preview__image{width:100%;height:clamp(240px,55vh,500px);display:block;object-fit:contain;background:#fafafa}.instagram-preview__slide-counter{position:absolute;top:8px;right:8px;background:rgba(0,0,0,.5);color:#fff;font-size:.65rem;padding:2px 6px;border-radius:10px}.instagram-preview__nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.85);border:none;border-radius:50%;width:28px;height:28px;font-size:1.1rem;cursor:pointer;z-index:1;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px rgba(0,0,0,.2)}.instagram-preview__nav--prev{left:8px}.instagram-preview__nav--next{right:8px}.instagram-preview__dots{display:flex;justify-content:center;gap:4px;padding:5px 0 0}.instagram-preview__dot{width:6px;height:6px;border-radius:50%;background:#c7c7c7;border:none;cursor:pointer;padding:0;transition:background .15s}.instagram-preview__dot.active{background:#3897f0}.instagram-preview__caption{display:none}.shopify-mock{display:grid;grid-template-columns:1fr 1fr}.shopify-mock__image-area{background:#FAFAFA;display:flex;align-items:center;justify-content:center;overflow:hidden;max-height:clamp(240px,55vh,500px)}.shopify-mock__image-area img{width:100%;display:block;object-fit:contain;background:#fafafa;max-height:clamp(240px,55vh,500px)}.shopify-mock__image-area--empty{color:#C7C7C7;font-size:.8rem}.shopify-mock__details{padding:1.25rem;display:flex;flex-direction:column;gap:.4rem}.shopify-mock__breadcrumb{font-size:.68rem;color:#6d7175;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.25rem}.shopify-mock__title{font-size:1.05rem;font-weight:600;color:#1A1A1A;line-height:1.3}.shopify-mock__title--empty{color:#CCC;font-weight:500}.shopify-mock__price{font-size:.85rem;color:#1A1A1A;font-weight:500}.shopify-mock__description{font-size:.78rem;line-height:1.6;color:#555;white-space:pre-wrap;word-break:break-word}.shopify-mock__description--empty{color:#CCC;font-style:italic}@media (max-width:600px){.shopify-mock{grid-template-columns:1fr}}.klaviyo-mock{padding:1rem;background:#E8E8E8}.klaviyo-mock__frame{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.06);max-width:420px;margin:0 auto}.klaviyo-mock__toolbar{display:flex;align-items:center;gap:5px;padding:8px 12px;background:#F6F6F6;border-bottom:1px solid #e0e0e0}.klaviyo-mock__dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.klaviyo-mock__dot--red{background:#FF5F56}.klaviyo-mock__dot--yellow{background:#FFBD2E}.klaviyo-mock__dot--green{background:#27C93F}.klaviyo-mock__subject{flex:1 1;font-size:.72rem;color:#555;text-align:center;padding:0 .5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.klaviyo-mock__body{padding:1rem}.klaviyo-mock__logo{width:60px;height:16px;background:#e5e7eb;border-radius:2px;margin:0 auto .75rem}.klaviyo-mock__image{width:100%;max-height:160px;object-fit:cover;border-radius:4px;margin-bottom:.75rem;display:block}.klaviyo-mock__text{font-size:.8rem;line-height:1.6;color:#333;white-space:pre-wrap;word-break:break-word;min-height:40px}.klaviyo-mock__text--empty{color:#CCC;font-style:italic}.klaviyo-mock__cta{display:block;margin:.9rem auto .5rem;padding:.5rem 1.25rem;background:#2D2D2D;color:#fff;border:none;border-radius:4px;font-size:.75rem;font-weight:600;cursor:default}.klaviyo-mock__footer{font-size:.65rem;color:#999;text-align:center;padding-top:.5rem;border-top:1px solid #f0f0f0;margin-top:.75rem}.fb-mock__text--editable{cursor:text;outline:none;min-height:48px}.fb-mock__text--editable:focus{background:rgba(24,119,242,.04)}.fb-mock__text--editable:empty:before{content:attr(data-placeholder);color:#BEC3C9;font-style:italic;pointer-events:none}.ig-mock__caption-text{cursor:text;outline:none}.ig-mock__caption-text:empty:before{content:attr(data-placeholder);color:#C7C7C7;font-style:italic;pointer-events:none}.mock-skeleton{background:#eaecef;border-radius:3px;height:10px}.mock-skeleton+.mock-skeleton{margin-top:6px}.mock-skeleton--sm{height:8px;width:60%}.mock-skeleton--md{width:85%}.mock-skeleton--lg{width:100%}.preview-card__edit-section{padding:.875rem;display:flex;flex-direction:column;gap:.625rem;flex:1 1}.preview-card__edit-header{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.preview-card__title-input{width:100%;padding:.45rem .625rem;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;font-weight:600;font-family:inherit;color:var(--text-primary);background:#fff;outline:none}.preview-card__title-input:focus{border-color:var(--shopify-green-admin);box-shadow:0 0 0 2px rgba(0,128,96,.15)}.shopify-variants-form{display:flex;flex-direction:column;gap:.875rem;padding-top:.5rem}.shopify-variants-form__header h3{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0}.shopify-variants-form__header small{font-size:.75rem;color:var(--text-muted)}.shopify-variants-form__listing-row{display:flex;gap:.75rem;flex-wrap:wrap}.shopify-variants-form__listing-row label{display:flex;flex-direction:column;gap:.25rem;font-size:.58rem;text-transform:uppercase;letter-spacing:.06em;color:#999;font-weight:600;flex:1 1;min-width:150px}.shopify-variants-form__listing-row input,.shopify-variants-form__listing-row select{font-size:.85rem;padding:.4rem .55rem;border:1px solid #ddd;border-radius:5px;font-family:inherit;color:var(--text-primary);background:#fafafa;outline:none;font-weight:400;text-transform:none;letter-spacing:normal}.shopify-variants-form__listing-row input:focus,.shopify-variants-form__listing-row select:focus{border-color:var(--shopify-green-admin)}.shopify-variants-form__presets-label{font-size:.62rem;text-transform:uppercase;letter-spacing:.06em;color:#999;font-weight:600;display:block;margin-bottom:.35rem}.shopify-variants-form__presets{display:flex;gap:.35rem;flex-wrap:wrap}.shopify-variants-form__preset-btn{padding:.3rem .7rem;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;border:1px solid #ddd;background:#fafafa;color:#666;cursor:pointer;transition:all .15s ease-out;font-family:inherit}.shopify-variants-form__preset-btn:hover{border-color:#bbb;color:#444}.shopify-variants-form__preset-btn.active{background:var(--shopify-green-admin);color:#fff;border-color:var(--shopify-green-admin)}@keyframes svf-shake{0%,to{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}.shopify-variants-form__preset-btn.shake,.shopify-variants-form__row-shake{animation:svf-shake .35s ease-out}.shopify-variants-form__custom-input{display:flex;gap:.3rem;margin-top:.4rem}.shopify-variants-form__custom-input input{flex:1 1;font-size:.8rem;padding:.3rem .5rem;border:1px solid #ddd;border-radius:5px;font-family:inherit;outline:none}.shopify-variants-form__custom-input button{padding:.3rem .7rem;border:1px solid var(--shopify-green-admin);background:var(--shopify-green-admin);color:#fff;border-radius:5px;font-size:.75rem;font-weight:600;cursor:pointer}.shopify-variants-form__table{width:100%;border-collapse:collapse;font-size:.8rem}.shopify-variants-form__table thead th{text-align:left;font-size:.6rem;text-transform:uppercase;letter-spacing:.06em;color:#999;font-weight:600;padding:.4rem .35rem;border-bottom:1px solid #e8e8e8}.shopify-variants-form__table tbody td{padding:.35rem;border-bottom:1px solid #f3f4f6}.shopify-variants-form__table tbody tr:last-child td{border-bottom:none}.shopify-variants-form__table input{width:100%;padding:.3rem .45rem;border:1px solid #ddd;border-radius:4px;font-size:.8rem;font-family:inherit;background:#fafafa;outline:none;color:var(--text-primary)}.shopify-variants-form__table input:focus{border-color:var(--shopify-green-admin);background:#fff}.shopify-variants-form__table input[type=number]::-webkit-inner-spin-button,.shopify-variants-form__table input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.shopify-variants-form__table input[type=number]{-moz-appearance:textfield}.shopify-variants-form__price-cell{position:relative}.shopify-variants-form__price-cell:before{content:"$";position:absolute;left:.65rem;top:50%;transform:translateY(-50%);font-size:.75rem;color:#999;pointer-events:none}.shopify-variants-form__price-cell input{padding-left:1.15rem}.shopify-variants-form__remove{border:none;background:none;color:#dc2626;font-size:.9rem;cursor:pointer;padding:.25rem .4rem;border-radius:4px}.shopify-variants-form__remove:hover{background:#fef2f2}.shopify-variants-form__bulk{display:flex;gap:.5rem;align-items:center;padding:.5rem .65rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:5px;font-size:.75rem;color:#555;flex-wrap:wrap}.shopify-variants-form__bulk label{display:flex;align-items:center;gap:.3rem}.shopify-variants-form__bulk input{width:70px;padding:.25rem .4rem;border:1px solid #ddd;border-radius:4px;font-size:.75rem;font-family:inherit;outline:none}.shopify-variants-form__bulk button{padding:.3rem .75rem;border:1px solid var(--shopify-green-admin);background:#fff;color:var(--shopify-green-admin);border-radius:4px;font-size:.72rem;font-weight:600;cursor:pointer;text-transform:uppercase;letter-spacing:.03em}.shopify-variants-form__bulk button:hover{background:var(--shopify-green-admin);color:#fff}.shopify-variants-form__hint{font-size:.75rem;color:var(--text-muted);font-style:italic}.shopify-panel,.shopify-panel__controls{display:flex;flex-direction:column}.shopify-panel__controls{gap:16px;padding:1rem}.shopify-panel--wide .shopify-panel__body{display:grid;grid-template-columns:280px 1fr;align-items:start;min-width:0}.shopify-panel--wide .shopify-panel__controls{border-right:1px solid #e5e7eb}.shopify-panel--wide .shopify-panel__preview{grid-template-columns:1fr;border:none}.shopify-panel--wide .shopify-panel__preview-details{padding:1.5rem 1.25rem;overflow-y:auto;max-height:520px}.shopify-panel__field-label{font-size:.58rem;text-transform:uppercase;letter-spacing:.06em;font-weight:600;color:#999;display:flex;flex-direction:column;gap:4px}.shopify-panel__price-wrapper{display:flex;align-items:center;border:1px solid #ddd;border-radius:5px;overflow:hidden}.shopify-panel__price-prefix{padding:0 8px;background:#f5f5f5;border-right:1px solid #ddd;color:#666;font-size:.85rem}.shopify-panel__price-input{width:100%;padding:.4rem .55rem;border:1px solid #ddd;border-radius:5px;font-size:.85rem;font-family:inherit;outline:none;background:#fafafa;transition:border-color .15s}.shopify-panel__price-input:focus{border-color:var(--shopify-green-admin);background:#fff}.shopify-panel__price-input--error,.shopify-panel__price-wrapper--error{border-color:#dc2626}.shopify-panel__collection-select{width:100%;padding:.4rem .55rem;border:1px solid #ddd;border-radius:5px;font-size:.85rem;font-family:inherit;background:#fafafa;outline:none}.shopify-panel__preview{background:#fff;border:1px solid #e5e7eb;border-radius:0;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.shopify-panel__preview-img{background:#f6f6f6;display:flex;flex-direction:row;align-items:center;overflow:hidden;max-height:clamp(260px,58vh,520px)}.shopify-panel__preview-img img{width:100%;display:block;object-fit:contain;max-height:clamp(260px,58vh,520px)}.shopify-panel__img-nav{background:rgba(0,0,0,.07);border:none;color:#121212;font-size:1.4rem;line-height:1;cursor:pointer;padding:.5rem .4rem;flex-shrink:0;transition:background .15s}.shopify-panel__img-nav:hover:not(:disabled){background:rgba(0,0,0,.15)}.shopify-panel__img-nav:disabled{opacity:.2;cursor:default}.shopify-panel__preview-img--empty{color:#bbb;font-size:.75rem}.shopify-panel__preview-details{padding:2rem 1.75rem;display:flex;flex-direction:column;gap:1.5rem;background:#fff;overflow-y:auto}.shopify-panel__title{font-size:1.5rem;font-weight:700;font-family:inherit;color:#121212;outline:none;line-height:1.3;letter-spacing:.06rem;margin:0;word-break:break-word}.shopify-panel__title:empty:before{content:attr(data-placeholder);color:#ccc;font-weight:400}.shopify-panel__vendor{font-size:.7rem;letter-spacing:.13rem;text-transform:uppercase;color:rgba(18,18,18,.6);margin:-.75rem 0 0}.shopify-panel__price{font-size:1.35rem;font-weight:500;color:#121212;letter-spacing:.06rem;margin:0}.shopify-panel__size-section{display:flex;flex-direction:column;gap:.75rem;margin:0}.shopify-panel__size-label{font-size:.7rem;letter-spacing:.13rem;text-transform:uppercase;color:rgba(18,18,18,.6)}.shopify-panel__size-chips{display:flex;flex-wrap:wrap;gap:.5rem}.shopify-panel__size-chip{padding:.5rem 1rem;border:.1rem solid rgba(18,18,18,.2);border-radius:0;font-size:.8rem;letter-spacing:.07rem;background:#fff;color:#121212;cursor:pointer;font-family:inherit;transition:border-color .1s;min-width:2.75rem;text-align:center}.shopify-panel__size-chip:hover{border-color:rgba(18,18,18,.5)}.shopify-panel__size-chip--selected{background:#121212;color:#fff;border-color:#121212;border-width:.2rem}.shopify-panel__atc-outlined{background:#fff;color:#121212;border:.1rem solid #121212;border-radius:0}.shopify-panel__atc-black,.shopify-panel__atc-outlined{width:100%;padding:.9rem 1.5rem;font-size:.85rem;letter-spacing:.1rem;font-weight:500;cursor:default;font-family:inherit}.shopify-panel__atc-black{background:#121212;color:#fff;border:none;border-radius:0}.shopify-panel__title-repeat{font-size:.65rem;letter-spacing:.13rem;text-transform:uppercase;color:rgba(18,18,18,.45);margin:-.75rem 0 0}.shopify-panel__desc{font-size:.85rem;line-height:1.8;color:#121212;outline:none;min-height:48px;letter-spacing:.04rem;margin:0}.shopify-panel__desc:empty:before{content:attr(data-placeholder);color:#ccc;font-style:italic}.shopify-inventory{display:flex;flex-direction:column;gap:6px}.shopify-inventory__cat-row{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:4px;gap:4px}.shopify-inventory__category-btn{width:100%;text-align:center;padding:.3rem .25rem;border:1px solid #ddd;border-radius:8px;font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;background:#fafafa;color:#666;cursor:pointer;transition:all .15s;font-family:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shopify-inventory__category-btn--open{background:var(--shopify-green-admin);color:#fff;border-color:var(--shopify-green-admin)}.shopify-inventory__sizes-row{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:4px;gap:4px;align-items:start}.shopify-inventory__col{display:flex;flex-direction:column;gap:4px}.shopify-inventory__size-label{display:flex;flex-direction:column;gap:2px;font-size:.58rem;color:#999;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.shopify-inventory__size-input{padding:.3rem .4rem;border:1px solid #ddd;border-radius:4px;font-size:.8rem;font-family:inherit;outline:none;text-align:center;background:#fafafa;cursor:text;width:100%}.shopify-inventory__size-input:focus{border-color:var(--shopify-green-admin);background:#fff}.inv-error{animation:inv-error-fade 2.5s forwards}.shopify-inventory__size-input::-webkit-inner-spin-button,.shopify-inventory__size-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.shopify-inventory__size-input{-moz-appearance:textfield}@keyframes inv-error-fade{0%,60%{border-color:#dc2626;background:#fef2f2}to{border-color:#ddd;background:#fafafa}}@keyframes inv-shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.inv-shake{animation:inv-shake .45s ease-out}.brand-voice-editor{background:var(--bg-card);border:1px solid var(--border);border-top:none;border-radius:0 0 var(--radius-lg) var(--radius-lg);box-shadow:var(--shadow-sm);overflow:visible}.brand-voice-editor--empty{padding:1.5rem 1.25rem;color:var(--text-muted);font-size:.9375rem}.brand-voice-editor__toolbar{position:-webkit-sticky;position:sticky;top:48px;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.625rem 1.25rem;background:var(--bg-card);border-bottom:1px solid var(--border);border-radius:0}.brand-voice-editor__tabs{display:flex;gap:1.25rem;flex-wrap:wrap;scrollbar-width:none}.brand-voice-editor__tab{background:none;padding:.375rem 0;font:inherit;font-size:.875rem;font-weight:500;letter-spacing:.01em;color:var(--text-muted);border:none;border-bottom:2px solid transparent;cursor:pointer;max-width:16rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;align-items:center;gap:.375rem;transition:color .12s ease-out,border-color .12s ease-out}.brand-voice-editor__tab:hover:not(.active){color:var(--text-primary)}.brand-voice-editor__tab.active{color:var(--text-primary);border-bottom-color:var(--color-primary,#6366f1)}.brand-voice-editor__unsaved-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--color-primary,#6366f1)}.brand-voice-editor__actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.brand-voice-editor__btn{font:inherit;font-size:.875rem;font-weight:500;padding:.4rem .875rem;border-radius:6px;border:1px solid transparent;background:transparent;color:var(--text-primary);cursor:pointer;transition:background .12s ease-out,border-color .12s ease-out,opacity .12s ease-out}.brand-voice-editor__btn--primary{background:var(--color-primary,#6366f1);color:var(--color-primary-foreground,#fff);border-color:var(--color-primary,#6366f1);font-weight:600}.brand-voice-editor__btn--primary:hover:not(:disabled){opacity:.92}.brand-voice-editor__btn--ghost{border-color:var(--border)}.brand-voice-editor__btn--ghost:hover:not(:disabled){background:#f9fafb}.brand-voice-editor__btn--subtle{color:var(--text-muted);padding:.4rem .5rem}.brand-voice-editor__btn--subtle:hover:not(:disabled){color:var(--text-primary)}.brand-voice-editor__btn:disabled{opacity:.5;cursor:not-allowed}.brand-voice-editor__toolbar-divider{width:1px;height:18px;background:var(--border)}.brand-voice-editor__content{padding:2rem 1.5rem 2.5rem}.brand-voice-editor__textarea{width:100%;min-height:60vh;field-sizing:content;border:none;outline:none;resize:none;background:transparent;color:var(--text-primary);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9375rem;line-height:1.65;padding:0}.brand-voice-editor__history{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-card);box-shadow:var(--shadow-sm);padding:.875rem 1rem;display:flex;flex-direction:column;gap:.25rem}.brand-voice-editor__history-title{font-size:.6875rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin:0 0 .25rem}.brand-voice-editor__history-empty,.brand-voice-editor__history-loading{font-size:.875rem;color:var(--text-muted);margin:0;padding:.25rem 0}.brand-voice-editor__history-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.brand-voice-editor__history-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem 0;border-bottom:1px solid #f3f4f6}.brand-voice-editor__history-item:last-child{border-bottom:none}.brand-voice-editor__history-meta,.brand-voice-editor__history-restore{font-size:.8125rem;color:var(--text-primary)}.brand-voice-editor__history-restore{padding:.25rem .75rem;background:transparent;border:1px solid var(--border);border-radius:6px;font-weight:500;cursor:pointer;transition:border-color .15s,background .15s,color .15s}.brand-voice-editor__history-restore:hover:not(:disabled){border-color:var(--color-primary,#6366f1);color:var(--color-primary,#6366f1);background:#f5f3ff}.brand-voice-editor__history-restore:disabled{opacity:.5;cursor:not-allowed}.brand-voice-editor__markdown{font-size:.9375rem;line-height:1.65;color:var(--text-primary)}.brand-voice-editor__markdown h2{font-size:1.25rem;font-weight:600;margin:1.5em 0 .5em}.brand-voice-editor__markdown h2:first-child{margin-top:0}.brand-voice-editor__markdown h3{font-size:1.0625rem;font-weight:600;color:var(--text-muted);margin:1.25em 0 .4em}.brand-voice-editor__markdown p{margin:0 0 1em}.brand-voice-editor__markdown li{margin:0 0 .4em 1.25rem;list-style:disc}