#dcb-editor .dcb-hero-editor{--hero-bronze: #c69b63;--hero-bg: #101b2b;--hero-panel: #17263a;--hero-border: #34445a;--hero-text: #f5f7fa;--hero-muted: #aab8ca;margin-top:20px;padding:18px;background:var(--hero-bg);border:1px solid var(--hero-border);border-radius:16px;color:var(--hero-text)}#dcb-editor .dcb-hero-editor-title{margin:0 0 6px;font-size:16px;font-weight:800;color:var(--hero-text)}#dcb-editor .dcb-hero-editor-help{margin:0 0 16px;font-size:12px;line-height:1.6;color:var(--hero-muted)}#dcb-editor .dcb-hero-edit-viewport{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;border:1px solid var(--hero-border);border-radius:12px;background:#091322;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}#dcb-editor .dcb-hero-edit-viewport.is-dragging{cursor:grabbing}#dcb-editor .dcb-hero-edit-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transform-origin:center;will-change:transform}#dcb-editor .dcb-hero-edit-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:20px;text-align:center;font-size:12px;color:var(--hero-muted)}#dcb-editor .dcb-hero-edit-placeholder[hidden],#dcb-editor .dcb-hero-edit-image[hidden]{display:none!important}#dcb-editor .dcb-hero-edit-controls{display:flex;flex-direction:column;gap:17px;margin-top:20px}#dcb-editor .dcb-hero-edit-control{display:flex;flex-direction:column;gap:8px}#dcb-editor .dcb-hero-edit-label-row{display:flex;align-items:center;justify-content:space-between;gap:12px}#dcb-editor .dcb-hero-edit-label-row label{margin:0;color:var(--hero-text);font-size:12px;font-weight:700}#dcb-editor .dcb-hero-edit-value{color:var(--hero-bronze);font-size:12px;font-weight:800;font-variant-numeric:tabular-nums}#dcb-editor .dcb-hero-editor input[type=range]{width:100%;margin:5px 0;accent-color:var(--hero-bronze);cursor:pointer}#dcb-editor .dcb-hero-edit-reset{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;padding:11px 16px;border:1px solid var(--hero-bronze);border-radius:11px;background:transparent;color:var(--hero-bronze);font-size:13px;font-weight:750;cursor:pointer;transition:background .2s ease}#dcb-editor .dcb-hero-edit-reset:hover{background:#c69b631f}#dcb-editor .dcb-hero-edit-reset:focus-visible,#dcb-editor .dcb-hero-edit-viewport:focus-visible{outline:2px solid var(--hero-bronze);outline-offset:3px}@media(max-width:650px){#dcb-editor .dcb-hero-editor{padding:14px}#dcb-editor .dcb-hero-edit-viewport{aspect-ratio:4 / 3}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/dc-business-hero-editor.css.map */