.ops-share-trigger{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:999px;color:var(--ops-header-accent, #2f4f46);cursor:pointer;padding:0;transition:background .15s ease,border-color .15s ease,color .15s ease}.ops-share-trigger:hover{background:var(--ops-header-accent-hover-bg, rgba(47, 79, 70, .06));border-color:var(--ops-header-accent-hover-border, rgba(47, 79, 70, .18))}.ops-share-trigger:focus-visible{outline:2px solid var(--ops-header-accent, #426f62);outline-offset:2px}.ops-share-overlay{position:fixed;inset:0;background:#0f19168c;display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px;animation:ops-share-fade .16s ease-out}.ops-share-modal{position:relative;width:100%;max-width:380px;background:#fff;border-radius:16px;padding:22px 22px 18px;box-shadow:0 20px 40px #0000002e;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#1a1a1a;animation:ops-share-pop .18s ease-out}.ops-share-close{position:absolute;top:8px;right:10px;width:32px;height:32px;border:none;background:transparent;font-size:22px;line-height:1;color:#888;cursor:pointer;border-radius:8px}.ops-share-close:hover{background:#f2f2f2;color:#333}.ops-share-head{text-align:center;margin-bottom:14px}.ops-share-eyebrow{font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#c2993a;margin-bottom:6px}.ops-share-title{font-size:1.35rem;font-weight:700;margin:0 0 4px;letter-spacing:-.015em;color:#1a1a1a}.ops-share-tagline{font-size:.9rem;color:#666;margin:0;line-height:1.4}.ops-share-qr-wrap{display:flex;justify-content:center;padding:14px;background:#fafafa;border-radius:12px;margin-bottom:14px}.ops-share-qr{display:block;border-radius:8px;background:#fff}.ops-share-url-row{display:flex;gap:8px;margin-bottom:10px}.ops-share-url{flex:1;min-width:0;font-family:inherit;font-size:.85rem;line-height:1.2;height:38px;padding:0 12px;border:1px solid #e5e5e5;border-radius:10px;background:#fafafa;color:#333;box-sizing:border-box}.ops-share-url:focus{outline:none;border-color:#426f62;background:#fff}.ops-share-btn{font-family:inherit;font-weight:600;font-size:.92rem;line-height:1;padding:0 16px;border-radius:10px;border:1px solid transparent;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center}.ops-share-btn-primary{width:100%;height:44px;background:#2f4f46;color:#fff;border-color:#2f4f46;margin-bottom:10px}.ops-share-btn-primary:hover{background:#426f62;border-color:#426f62}.ops-share-btn-secondary{height:38px;background:#fff;color:#2f4f46;border-color:#d8d8d8;white-space:nowrap}.ops-share-btn-secondary:hover{border-color:#2f4f46}.ops-share-note{text-align:center;font-size:.75rem;color:#999;margin:4px 0 0}.ops-footer-logo{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:32px;padding-top:24px;border-top:1px solid #ececec}.ops-footer-logo-link{display:inline-block;line-height:0}.ops-footer-logo-img{height:36px;width:auto;display:block;opacity:.95}.ops-footer-logo-text{font-weight:700;letter-spacing:-.01em;color:#2f4f46;font-size:1.1rem}.ops-footer-logo-links{font-size:.8rem;color:#888}.ops-footer-logo-links a{color:#2f4f46;text-decoration:none;font-weight:500}.ops-footer-logo-links a:hover{text-decoration:underline}.ops-footer-dot{margin:0 .5rem;color:#ccc}@keyframes ops-share-fade{0%{opacity:0}to{opacity:1}}@keyframes ops-share-pop{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:420px){.ops-share-modal{padding:20px 18px 16px}.ops-share-title{font-size:1.2rem}}@font-face{font-family:Gilmer;src:url(/banner-designer/assets/gilmer-medium-B52kXXE2.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Gilmer;src:url(/banner-designer/assets/gilmer-bold-BVPKX4iT.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}.ops-header{--ops-header-accent: #2f4f46;--ops-header-accent-hover-bg: rgba(47, 79, 70, .06);--ops-header-accent-hover-border: rgba(47, 79, 70, .18);position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:16px;height:60px;padding:0 20px;background:hsl(var(--card, 0 0% 98%));color:hsl(var(--card-foreground, 0 0% 10%));border-bottom:1px solid hsl(var(--border, 0 0% 92%));font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;box-sizing:border-box}@media(max-width:640px){.ops-header{padding:0 16px;gap:12px}}.ops-header-mark{display:inline-flex;align-items:center;flex:0 0 auto;opacity:.85;transition:opacity .15s ease;text-decoration:none;line-height:0}.ops-header-mark:hover{opacity:1}.ops-header-mark:focus-visible{outline:2px solid #426f62;outline-offset:3px;border-radius:4px}.ops-header-mark img{width:40px;height:40px;display:block}@media(max-width:640px){.ops-header-mark img{width:32px;height:32px}}.ops-header-title{display:inline-flex;align-items:center;flex:1 1 auto;min-width:0}.ops-header-name{margin:0;font-family:Gilmer,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:22px;font-weight:700;letter-spacing:-.01em;line-height:1.25;color:var(--ops-header-accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:640px){.ops-header-name{font-size:20px}}.ops-header-actions{display:inline-flex;align-items:center;gap:8px;margin-left:auto;flex:0 0 auto}html.dark .ops-header,.ops-header[data-theme=dark]{--ops-header-accent: #cfae60;--ops-header-accent-hover-bg: rgba(207, 174, 96, .1);--ops-header-accent-hover-border: rgba(207, 174, 96, .28)}.ops-header[data-theme=dark]{background:#141414;color:#fafafa;border-bottom-color:#303030}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%}body{background-color:#f4f6f5;color:#1c332c;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}.banner-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:20px;align-items:start}.banner-preview-col{position:sticky;top:16px;max-height:calc(100dvh - 32px);overflow-y:auto;padding-right:4px}@media(max-width:900px){.banner-split{grid-template-columns:minmax(0,1fr)}.banner-controls-col{order:2}.banner-preview-col{order:1;position:static;max-height:none;overflow-y:visible;padding-right:0}}.banner-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}@media(max-width:520px){.banner-gallery{grid-template-columns:minmax(0,1fr)}}.banner-tpl-card{display:block;width:100%;text-align:left;padding:6px;border:1.5px solid #e2ebe7;border-radius:10px;background:#fff;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .1s ease}.banner-tpl-card:hover{border-color:#b9d0c6;box-shadow:0 4px 14px -8px #17332c4d}.banner-tpl-card.is-selected{border-color:#2f4f46;box-shadow:0 0 0 2px #2f4f462e}.banner-tpl-meta{padding:8px 4px 2px}.banner-tpl-meta strong{display:block;font-size:13px;color:#1c332c}.banner-tpl-meta span{display:block;font-size:11.5px;line-height:1.3;color:#6d857b;margin-top:2px}.tpl-strip{background:#fff;border:1px solid #d9e5e0;border-radius:12px;padding:12px 12px 14px;box-shadow:0 1px 2px #17332c0a;margin-bottom:16px;min-width:0;max-width:100%;overflow:hidden}.tpl-strip__head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;padding:0 2px 10px}.tpl-strip__title{font-size:13px;font-weight:600;color:#1c332c;text-transform:uppercase;letter-spacing:.06em}.tpl-strip__sub{font-size:12.5px;color:#6d857b}.tpl-strip__sub strong{color:#2f4f46}.tpl-strip__body{position:relative;min-width:0}.tpl-strip__nav{position:absolute;top:44%;transform:translateY(-50%);z-index:2;background:#fff!important;box-shadow:0 4px 12px -4px #14142847}.tpl-strip__nav--left{left:-8px}.tpl-strip__nav--right{right:-8px}@media(hover:none),(pointer:coarse){.tpl-strip__nav{display:none}}.tpl-strip__track{display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:thin;-webkit-overflow-scrolling:touch;padding:4px 6px 8px;margin:0 -6px;min-width:0}.tpl-strip__track::-webkit-scrollbar{height:6px}.tpl-strip__track::-webkit-scrollbar-thumb{background:#c4d5cd;border-radius:3px}.tpl-strip__card{flex:0 0 auto;width:220px;display:flex;flex-direction:column;gap:6px;background:#fff;border:1.5px solid #e2ebe7;border-radius:10px;padding:6px;cursor:pointer;scroll-snap-align:start;transition:border-color .15s,box-shadow .15s,transform .1s}.tpl-strip__card:hover{border-color:#b9d0c6;box-shadow:0 4px 14px -8px #17332c4d}.tpl-strip__card.is-selected{border-color:#2f4f46;box-shadow:0 0 0 2px #2f4f462e}.tpl-strip__name{font-size:12.5px;font-weight:600;color:#1c332c;padding:0 2px 2px}.size-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.size-strip__card{display:block;width:100%;text-align:left;padding:5px;border:1.5px solid #e2ebe7;border-radius:9px;background:#fff;cursor:pointer;transition:border-color .15s,box-shadow .15s}.size-strip__card:hover{border-color:#b9d0c6}.size-strip__card.is-active{border-color:#2f4f46;box-shadow:0 0 0 2px #2f4f4629}.size-strip__thumb{width:100%;border-radius:5px;overflow:hidden;background:#f0f4f2}.size-strip__meta{display:flex;align-items:baseline;justify-content:space-between;gap:6px;padding:6px 3px 2px}.size-strip__platform{font-size:11.5px;font-weight:600;color:#1c332c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.size-strip__tpl{font-size:10.5px;color:#7c9389;white-space:nowrap;flex-shrink:0}.ops-section-card{border:1px solid #d9e5e0;border-radius:12px;overflow:hidden;box-shadow:0 1px 2px #17332c0a}.ops-section-card>.ant-card-head{background:linear-gradient(180deg,#f2f8f5,#eaf3ef);border-bottom:1px solid #d9e5e0;border-left:3px solid #2f4f46;min-height:44px}.ops-section-card>.ant-card-head .ant-card-head-title{font-weight:600;color:#1c332c}.ops-section-card.ops-collapsible>.ant-card-head{cursor:pointer;-webkit-user-select:none;user-select:none}.ops-section-card.ops-collapsible>.ant-card-head:hover{background:linear-gradient(180deg,#ecf5f0,#e2efe9)}.ops-section-card.ops-section-primary{border-color:#2f4f46}.ops-section-card.ops-section-primary>.ant-card-head{border-left-width:4px}.ops-collapse-chevron{transition:transform .2s ease;color:#5a7268}.ops-collapse-chevron.ops-open{transform:rotate(90deg)}