.ad-builder{padding-block:32px 64px}.ad-builder__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.ad-builder__card{display:flex;flex-direction:column;background:#fff;border:1px solid #D9D9D9;transition:border-color .15s ease,transform .15s ease}.ad-builder__card:hover{border-color:#1a1a1a}.ad-builder__thumb{width:100%;aspect-ratio:4 / 3;background:#f5f5f5;display:flex;align-items:center;justify-content:center;overflow:hidden}.ad-builder__thumb-image{width:100%;height:100%;object-fit:cover;display:block}.ad-builder__thumb-icon{font-size:56px;color:#81838d}.ad-builder__body{padding:16px 16px 8px;display:flex;flex-direction:column;gap:6px;flex:1}.ad-builder__title{font-size:14px;font-weight:600;letter-spacing:.02em;color:#1a1a1a;margin:0}.ad-builder__desc{font-size:12px;color:#666;margin:0;line-height:1.5}.ad-builder__cta-row{border-top:1px solid #D9D9D9;padding:12px 16px}.ad-builder__cta{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#1a1a1a;transition:color .15s ease,transform .15s ease}.ad-builder__cta-icon{font-size:16px;color:#81838d;transition:color .15s ease,transform .15s ease}.ad-builder__card:hover .ad-builder__cta-icon{color:#1a1a1a;transform:translate(2px)}@media(max-width:749px){.ad-builder{padding-block:24px 48px}.ad-builder__grid{grid-template-columns:1fr;gap:16px}}.ad-builder-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px}.ad-builder-modal[hidden]{display:none}.ad-builder-modal__panel{background:#fff;border:1px solid #D9D9D9;width:100%;max-width:560px;max-height:90vh;display:flex;flex-direction:column}.ad-builder-modal__header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-bottom:1px solid #D9D9D9}.ad-builder-modal__title{font-size:16px;font-weight:700;letter-spacing:.02em;color:#1a1a1a;margin:0;text-transform:uppercase}.ad-builder-modal__close{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;color:#1a1a1a;cursor:pointer;padding:0}.ad-builder-modal__close:hover{background:#f5f5f5}.ad-builder-modal__body{padding:20px;overflow-y:auto;flex:1}.ad-builder-modal__footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 20px;border-top:1px solid #D9D9D9}.ad-builder-modal__btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;border:2px solid #000000;cursor:pointer;transition:background .15s ease,color .15s ease}.ad-builder-modal__btn--primary{background:#000;color:#fff}.ad-builder-modal__btn--primary:hover{background:#1a1a1a}.ad-builder-modal__btn--primary[disabled]{background:#d9d9d9;border-color:#d9d9d9;color:#fff;cursor:wait}.ad-builder-modal__btn--secondary{background:#fff;color:#1a1a1a}.ad-builder-modal__btn--secondary:hover{background:#f5f5f5}.ad-builder-form{display:flex;flex-direction:column;gap:16px}.ad-builder-form__row{display:flex;flex-direction:column;gap:6px}.ad-builder-form__label{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#1a1a1a}.ad-builder-form__input{background:#fff;border:1px solid #D9D9D9;border-radius:2px;padding:10px 12px;font-size:14px;color:#1a1a1a;font-family:inherit}.ad-builder-form__input:focus{outline:none;border-color:#000;box-shadow:0 0 0 2px #00000014}.ad-builder-form__file{font-size:13px;color:#1a1a1a}.ad-builder-form__logo-row{display:flex;flex-direction:column;gap:8px}.ad-builder-form__logo-preview{max-width:160px;max-height:60px;object-fit:contain;background:#f5f5f5;border:1px solid #D9D9D9;padding:4px}.ad-builder-form__hint{font-size:12px;color:#666;margin:0}.ad-builder-form__status{min-height:18px;font-size:12px;color:#666}.ad-builder-form__status--error{color:#c00000}.ad-builder-form__status--success{color:#1a1a1a;font-weight:600}@media(max-width:549px){.ad-builder-modal{padding:0}.ad-builder-modal__panel{max-height:100vh;height:100vh;max-width:100vw}}.ad-builder-coords{padding-block:32px 64px}.ad-builder-coords__loader{background:#f5f5f5;border:1px solid #D9D9D9;padding:16px 20px;margin-bottom:24px;display:flex;flex-direction:column;gap:12px}.ad-builder-coords__loader-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ad-builder-coords__loader-label{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#1a1a1a;min-width:200px}.ad-builder-coords__loader-row input[type=url]{min-width:320px;flex:1}.ad-builder-coords__step-heading{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#1a1a1a;margin:0 0 12px;padding-bottom:6px;border-bottom:1px solid #D9D9D9}.ad-builder-coords__workspace{display:grid;grid-template-columns:360px 1fr;gap:24px;align-items:flex-start}.ad-builder-coords__sidebar{background:#fff;border:1px solid #D9D9D9;padding:16px;display:flex;flex-direction:column;gap:12px;position:sticky;top:16px;max-height:calc(100vh - 32px);overflow-y:auto}.ad-builder-coords__field-list{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.ad-builder-coords__field-row{display:flex;align-items:center;gap:8px;background:#fafafa;border:1px solid #D9D9D9;padding:8px 10px}.ad-builder-coords__field-row[data-active=true]{background:#fff;border-color:#000}.ad-builder-coords__field-label{font-size:13px;font-weight:600;color:#1a1a1a;cursor:pointer;flex:1}.ad-builder-coords__field-xy{display:flex;align-items:center;gap:6px}.ad-builder-coords__xy-label{display:flex;align-items:center;gap:4px;font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#81838d}.ad-builder-coords__field-row[data-set=true] .ad-builder-coords__xy-label{color:#1a1a1a}.ad-builder-coords__xy-input{width:52px;border:1px solid #D9D9D9;padding:4px 6px;font-size:12px;font-family:inherit;font-variant-numeric:tabular-nums;text-align:right;background:#fff}.ad-builder-coords__xy-input:disabled{background:#f5f5f5;color:#81838d}.ad-builder-coords__xy-input:focus{outline:none;border-color:#000}.ad-builder-coords__clear-btn{background:transparent;border:0;font-size:14px;color:#81838d;cursor:pointer;padding:0 6px}.ad-builder-coords__clear-btn:hover{color:#c00000}.ad-builder-coords__toggle{display:flex;align-items:center;gap:8px;font-size:13px;color:#1a1a1a;cursor:pointer;margin:4px 0 12px}.ad-builder-coords__json{font-family:ui-monospace,SF Mono,Menlo,Monaco,Consolas,monospace;font-size:12px;line-height:1.5;width:100%;background:#fafafa;border:1px solid #D9D9D9;padding:10px;resize:vertical;color:#1a1a1a}.ad-builder-coords__viewer{background:#fff;border:1px solid #D9D9D9}.ad-builder-coords__viewer-bar{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid #D9D9D9;font-size:12px;color:#666}.ad-builder-coords__nav-btn{width:28px;height:28px;background:transparent;border:1px solid #D9D9D9;cursor:pointer;font-size:18px;color:#1a1a1a}.ad-builder-coords__nav-btn:hover{background:#f5f5f5}.ad-builder-coords__nav-btn:disabled{opacity:.4;cursor:not-allowed}.ad-builder-coords__canvas-wrap{position:relative;background:#e5e5e5;padding:20px;overflow:auto}.ad-builder-coords__page-canvas{display:block;margin:0 auto;box-shadow:0 2px 8px #0000001f}.ad-builder-coords__grid-canvas{display:block;position:absolute;top:20px;left:50%;transform:translate(-50%);pointer-events:auto;cursor:crosshair;z-index:2}.ad-builder-coords__marker{position:absolute;cursor:grab;-webkit-user-select:none;user-select:none;z-index:5;font-family:Barlow,DIN Pro,Helvetica Neue,Arial,sans-serif;transition:box-shadow .1s ease}.ad-builder-coords__marker:active{cursor:grabbing}.ad-builder-coords__marker:hover{box-shadow:0 0 0 1px #ff000080}.ad-builder-coords__marker--logo{border:1.5px dashed #FF0000;background:#ff00000f;color:red;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.ad-builder-coords__marker--text{color:#ff0000e6;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#fff9;padding:0 2px;border-bottom:1px solid rgba(255,0,0,.4)}.ad-builder-coords__status{margin-top:16px;font-size:12px;color:#666}.ad-builder-coords__status--error{color:#c00000}.ad-builder-coords__status--success{color:#1a1a1a;font-weight:600}@media(max-width:1023px){.ad-builder-coords__workspace{grid-template-columns:1fr}.ad-builder-coords__sidebar{position:static;max-height:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-ad-builder.css.map */