.cop-cart__preview--editor{display:block!important;width:100vw;max-width:100vw;position:relative;left:50%;transform:translate(-50%);margin:0 0 28px;padding:0 12px;box-sizing:border-box}.cop-cart__preview--editor[hidden]{display:block!important}.ced-editor{position:relative;display:block;width:100%;max-width:1200px;margin:0 auto;min-height:min(78vh,820px);background:transparent;border:none;border-radius:0;overflow:visible}.ced-rail--left{position:absolute;z-index:2;top:0;bottom:auto;left:calc(50% - 336px);right:auto;display:flex;flex-direction:column;gap:4px;padding:10px 6px;background:var(--casento-surface, #0a0a0a);border:1px solid var(--casento-border, rgba(255,255,255,.07));border-radius:12px;width:76px;box-sizing:border-box;max-height:min(78vh,820px)}.ced-rail--layers{position:absolute;z-index:2;top:0;bottom:auto;left:calc(50% - 516px);right:auto;display:flex;flex-direction:column;gap:8px;padding:10px 8px;background:var(--casento-surface, #0a0a0a);border:1px solid var(--casento-border, rgba(255,255,255,.07));border-radius:12px;width:168px;box-sizing:border-box;max-height:min(78vh,820px);overflow:auto}.ced-layers-head{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--casento-gold, #c6b29b);text-align:center;padding:4px 0 2px}.ced-rail--layers .layers{display:flex;flex-direction:column;gap:4px;max-height:none;overflow:visible}.ced-rail--layers .layer-item{display:flex;justify-content:space-between;align-items:center;gap:6px;width:100%;text-align:left;border:1px solid rgba(255,255,255,.07);background:var(--casento-surface2, #171717);color:var(--casento-text, #d4d4d4);border-radius:8px;padding:8px;font:inherit;font-size:11px;cursor:grab;touch-action:none}.ced-rail--layers .layer-item:active{cursor:grabbing}.ced-rail--layers .layer-item.active{border-color:var(--casento-gold, #c6b29b);color:var(--casento-gold, #c6b29b);background:var(--casento-gold-dim, rgba(198,178,155,.15))}.ced-rail--layers .layer-item.is-dragging{opacity:.45}.ced-rail--layers .layer-item.drag-over{border-color:var(--casento-gold, #c6b29b);box-shadow:inset 0 0 0 1px var(--casento-gold, #c6b29b)}.ced-rail--layers .layer-item .meta{opacity:.55;font-size:10px;flex-shrink:0}.ced-rail--layers .layer-item .lbl{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ced-tool{display:grid;place-items:center;gap:2px;width:100%;min-height:54px;padding:8px 4px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--casento-text, #d4d4d4);cursor:pointer;font:inherit;position:relative}.ced-tool__premium{position:absolute;top:3px;right:3px;width:15px;height:15px;border-radius:50%;display:grid;place-items:center;background:var(--casento-gold, #c6b29b);color:#000;box-shadow:0 0 0 1px #020a0a40;pointer-events:none;z-index:2}.ced-tool__star{width:9px;height:9px;display:block}.ced-tool__star path{fill:#000}.ced-tool__ico{font-size:20px!important;line-height:1;width:auto;height:auto;display:block}.ced-tool__lbl{font-size:9px;letter-spacing:.06em;text-transform:uppercase;opacity:.75}.ced-tool:hover{background:var(--casento-gold-dim, rgba(198,178,155,.15));color:var(--casento-fg, #fff)}.ced-tool.is-active{background:var(--casento-gold-dim, rgba(198,178,155,.15));border-color:var(--casento-gold, #c6b29b);color:var(--casento-gold, #c6b29b)}.ced-tool--ghost{min-height:40px;font-size:18px;color:var(--casento-muted, #888)}.ced-tool--ghost .ti{font-size:18px}.ced-rail__spacer{flex:1;min-height:8px}.ced-stage{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:16px 12px;margin:0 auto;width:100%;max-width:min(100%,1100px);min-height:min(78vh,820px);background:transparent;overflow:visible}.ced-phone-name{margin:0;font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--casento-gold, #c6b29b);text-align:center}.ced-clear-edits{display:block;width:100%;max-width:280px;margin:14px auto 0;text-align:center}.ced-remove-bg-wrap{display:flex;flex-direction:column;gap:8px}.ced-remove-bg-wrap .btn-gold{width:100%}.ced-remove-bg-hint,.ced-fill-edges-hint{margin:0;font-size:11px;line-height:1.45;color:color-mix(in srgb,var(--casento-fg, #fff) 50%,transparent)}.btn-gold--premium{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px}.btn-gold__premium-star{display:inline-flex;width:14px;height:14px;color:#020a0a;flex:0 0 auto}.btn-gold__premium-star svg{width:100%;height:100%;display:block}.btn-gold--premium.is-loading .btn-gold__label,.btn-gold--premium.is-loading .btn-gold__premium-star{visibility:hidden}.btn-gold__spinner{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:24px;height:24px;border:2.5px solid #020a0a;border-top-color:transparent;border-radius:50%;animation:ced-spin .75s linear infinite;display:none;align-items:center;justify-content:center}.btn-gold--premium.is-loading .btn-gold__spinner{display:flex}.btn-gold__spinner-star{width:10px;height:10px;color:var(--casento-gold, #c6b29b)}@keyframes ced-spin{to{transform:rotate(360deg)}}.ced-editor-status{display:none!important}.ced-editor-status:empty{display:none}.ced-editor-status.err{color:#e57373}.ced-underbar{display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 12px;background:var(--casento-surface, #0a0a0a);border:1px solid var(--casento-border, rgba(255,255,255,.07));border-radius:12px;position:absolute;left:50%;transform:translate(-50%);z-index:6;pointer-events:auto}.ced-case-stack{position:relative;flex:0 0 auto;overflow:visible}.ced-case-stack .phone-scale{position:absolute;top:0;left:0}.ced-underbar__btn{display:grid;place-items:center;width:44px;height:44px;border:1px solid transparent;border-radius:10px;background:var(--casento-surface2, #171717);color:var(--casento-text, #d4d4d4);cursor:pointer;font-size:20px;line-height:1}.ced-underbar__btn:hover{border-color:var(--casento-gold, #c6b29b);color:var(--casento-gold, #c6b29b)}.ced-underbar__btn--danger:hover{border-color:#e57373;color:#e57373}.ced-underbar__btn .ti{font-size:20px;line-height:1}.phone-scale{position:relative;overflow:hidden;margin:0 auto;flex:0 0 auto;filter:drop-shadow(0 24px 48px rgba(0,0,0,.55))}.phone{position:relative;width:1700px;height:1700px}.phone .layer,.phone .photo-ghost,.phone .photo-slot{position:absolute;top:0;right:0;bottom:0;left:0;width:1700px;height:1700px;pointer-events:none}.phone .photo-slot{pointer-events:auto;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:1700px 1700px;mask-size:1700px 1700px}.photo-ghost{opacity:.32;z-index:1}.photo-slot{z-index:2}.phone .photo-slot,.phone .photo-slot .canvas-container,.phone .photo-slot canvas{touch-action:none}.ced-case-upload-plus{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;display:grid;place-items:center;width:260px;height:260px;margin:0;padding:0;border-radius:50%;border:3px solid rgba(198,178,155,.65);background:#020a0ab8;color:#c6b29b;cursor:pointer;pointer-events:auto;box-shadow:0 0 0 8px #c6b29b1f,0 16px 48px #00000073;transition:background .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease}.ced-case-upload-plus[hidden]{display:none!important}.ced-case-upload-plus .ti{font-size:128px;line-height:1;font-weight:300}.ced-case-upload-plus:hover{background:#c6b29b47;border-color:#c6b29b;box-shadow:0 0 0 12px #c6b29b2e,0 20px 56px #00000080;transform:translate(-50%,-50%) scale(1.04)}@media(max-width:900px){.ced-case-upload-plus{width:300px;height:300px;border-width:4px}.ced-case-upload-plus .ti{font-size:148px}}#layerInner{z-index:0}#layerEdge{z-index:3}#layerCam{z-index:4}.phone .layer{object-fit:contain;-webkit-user-select:none;user-select:none}.ced-stage .canvas-container{margin:0!important}.ced-rail--right{position:absolute;z-index:2;top:0;bottom:auto;left:calc(50% + 260px);right:auto;display:flex;flex-direction:column;gap:0;padding:14px 12px;overflow:auto;background:var(--casento-surface, #0a0a0a);border:1px solid var(--casento-border, rgba(255,255,255,.07));border-radius:12px;min-height:0;max-height:min(78vh,820px);width:280px;box-sizing:border-box}.ced-pane{display:none;flex-direction:column;gap:10px}.ced-pane.is-active{display:flex}.ced-pane__title{margin:0 0 2px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--casento-gold, #c6b29b)}.ced-field{display:grid;gap:6px;font-size:12px;color:var(--casento-muted, #888)}.ced-field.inline{grid-template-columns:72px 1fr;align-items:center}.ced-field.compact{flex:1}.ced-field select,.ced-field input[type=text],.ced-input{width:100%;background:var(--casento-surface2, #171717);border:1px solid rgba(255,255,255,.07);color:var(--casento-fg, #fff);border-radius:8px;padding:10px 12px;font:inherit}.ced-field input[type=color]{width:100%;height:36px;border:1px solid rgba(255,255,255,.07);border-radius:6px;background:transparent;padding:0}.ced-field input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:18px;margin:0;background:transparent;cursor:pointer;accent-color:var(--casento-gold, #c6b29b)}.ced-field input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:#2a2a2a;border:1px solid rgba(255,255,255,.08)}.ced-field input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;margin-top:-7px;border-radius:50%;background:var(--casento-gold, #c6b29b);border:2px solid #0a0a0a;box-shadow:0 0 0 1px #c6b29b59;cursor:pointer}.ced-field input[type=range]::-moz-range-track{height:4px;border-radius:999px;background:#2a2a2a;border:1px solid rgba(255,255,255,.08)}.ced-field input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--casento-gold, #c6b29b);border:2px solid #0a0a0a;box-shadow:0 0 0 1px #c6b29b59;cursor:pointer}.ced-field input[type=range]:focus{outline:none}.ced-field input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 2px #c6b29b8c}.ced-field input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 2px #c6b29b8c}.ced-row{display:flex;flex-wrap:wrap;gap:6px}.ced-mini{border:1px solid rgba(255,255,255,.07);background:var(--casento-surface2, #171717);color:var(--casento-fg, #fff);border-radius:6px;padding:8px 10px;font:inherit;font-size:12px;cursor:pointer}.ced-mini:hover{border-color:#c6b29b;color:#c6b29b}.ced-btn-file{display:grid;place-items:center;cursor:pointer;text-align:center}.ced-hint{margin:0;font-size:12px;color:#666;line-height:1.4}.ced-rail--right .chip-grid{display:flex;flex-wrap:wrap;gap:6px}.ced-rail--right .chip-grid button{border:1px solid rgba(255,255,255,.07);background:var(--casento-surface2, #171717);border-radius:8px;padding:8px;cursor:pointer;color:var(--casento-fg, #fff);font-size:18px;line-height:1}.ced-rail--right .chip-grid.icons button{width:44px;height:44px;display:grid;place-items:center;padding:6px}.ced-rail--right .chip-grid.icons img{width:26px;height:26px;filter:invert(1)}.layers{display:flex;flex-direction:column;gap:4px;max-height:200px;overflow:auto}.layer-item{display:flex;justify-content:space-between;gap:8px;width:100%;text-align:left;border:1px solid var(--casento-border, rgba(255,255,255,.07));background:var(--casento-surface2, #171717);color:var(--casento-text, #d4d4d4);border-radius:6px;padding:8px 10px;font:inherit;font-size:12px;cursor:pointer}.layer-item.active{border-color:#c6b29b;color:#c6b29b}.layer-item .meta{opacity:.6}#drawToggle.active{box-shadow:inset 0 0 0 2px #020a0a}.casento-one-page #cop-step-cart .cop-cart{max-width:none;width:100%;margin-left:auto;margin-right:auto;padding-left:0;padding-right:0;overflow:visible}@media(max-width:1100px){.ced-rail--left{left:calc(50% - 306px)}.ced-rail--layers{left:calc(50% - 486px)}.ced-rail--right{left:calc(50% + 230px)}}.ced-upload-top{display:flex;flex-direction:column;align-items:center;width:100%}.ced-upload-panel-change,.ced-rail--right [data-upload-change]{display:none!important}@media(max-width:900px){.cop-cart__preview--editor{width:100%;max-width:100%;left:auto;transform:none;padding:0;overflow:visible;box-sizing:border-box}.ced-editor{display:flex;flex-direction:column;align-items:stretch;gap:8px;min-height:0;max-width:100%;overflow:visible}.ced-upload-top{order:1;display:flex;flex-direction:column;align-items:center;width:100%;max-width:100%;margin:0;padding:4px 8px 0;box-sizing:border-box}.ced-upload-hero{margin:0;padding:0;max-width:100%}.ced-rail--layers{order:2;position:static;left:auto;right:auto;width:auto;max-width:100%;max-height:none;overflow:hidden;padding:8px;gap:6px;box-sizing:border-box}.ced-rail--left{order:3;position:static;left:auto;right:auto;width:auto;max-width:100%;max-height:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:8px 6px;box-sizing:border-box}.ced-stage{order:4;width:100%;max-width:100%;min-height:0;justify-content:flex-start;align-items:center;gap:6px;padding:8px 8px 0;margin:0 auto;overflow:visible;box-sizing:border-box}.ced-rail--right{order:5;position:static;left:auto;right:auto;width:auto;max-width:100%;max-height:40vh;margin-top:0;box-sizing:border-box}.ced-rail--layers .layers{max-height:76px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.ced-rail--layers .layer-item{min-height:36px;box-sizing:border-box;padding:7px 8px}.ced-tool{width:100%;min-width:0;min-height:52px;flex:unset}.ced-rail__spacer{display:none}.ced-case-stack{margin-left:auto;margin-right:auto;max-width:100%;overflow:visible;background:transparent}.ced-case-stack .phone-scale{filter:none;background:transparent}.ced-phone-name{margin:0;font-size:12px}}.cop-step__premium-note{margin:8px 0 0;max-width:36rem;font-size:13px;line-height:1.45;color:#a8a29a}.cop-step__premium-note strong{color:var(--casento-gold, #c6b29b);font-weight:600}.cop-cart__design-addon{margin:-12px 0 16px;text-align:center;font-size:13px;font-weight:600;letter-spacing:.02em;color:var(--casento-gold, #c6b29b)}.ced-field__lbl{display:block;margin-bottom:6px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--casento-muted, #888)}.ced-font-list{display:flex;flex-direction:column;gap:4px;max-height:160px;overflow:auto;padding:4px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:var(--casento-surface2, #111)}.ced-font-opt{display:block;width:100%;text-align:left;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--casento-fg, #eee);padding:8px 10px;font-size:15px;line-height:1.2;cursor:pointer}.ced-font-opt:hover{background:#c6b29b1f}.ced-font-opt.is-active{border-color:var(--casento-gold, #c6b29b);color:var(--casento-gold, #c6b29b);background:var(--casento-gold-dim, rgba(198,178,155,.15))}.ced-color-modern{display:flex;flex-direction:column;gap:10px;padding:10px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:radial-gradient(120% 80% at 100% 0%,rgba(198,178,155,.12),transparent 55%),#121212}.ced-color-modern__row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ced-color-modern__pick{display:grid;gap:6px;font-size:11px;color:color-mix(in srgb,var(--casento-fg, #999) 58%,transparent);text-transform:uppercase;letter-spacing:.06em}.ced-color-modern__pick input[type=color]{width:100%;height:40px;padding:0;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:var(--casento-surface, #0a0a0a);cursor:pointer;overflow:hidden}.ced-color-modern__pick input[type=color]::-webkit-color-swatch-wrapper{padding:3px}.ced-color-modern__pick input[type=color]::-webkit-color-swatch{border:none;border-radius:7px}.ced-swatches{display:grid;grid-template-columns:repeat(10,1fr);gap:5px}.ced-swatch{width:100%;aspect-ratio:1;border-radius:999px;border:1px solid rgba(255,255,255,.14);cursor:pointer;padding:0}.ced-swatch:hover{outline:2px solid var(--casento-gold, #c6b29b);outline-offset:1px}.ced-mini.is-active{border-color:var(--casento-gold, #c6b29b);color:var(--casento-gold, #c6b29b);background:var(--casento-gold-dim, rgba(198,178,155,.15))}.ced-mini--icon{min-width:36px;font-weight:700}.ced-brush-types{display:flex;flex-wrap:wrap;gap:6px}.ced-brush{border:1px solid rgba(255,255,255,.07);background:var(--casento-surface2, #171717);color:var(--casento-text, #ddd);border-radius:8px;padding:8px 10px;font:inherit;font-size:12px;cursor:pointer}.ced-brush.is-active,.ced-brush:hover{border-color:var(--casento-gold, #c6b29b);color:var(--casento-gold, #c6b29b)}.ced-shape-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.ced-shape{display:grid;place-items:center;aspect-ratio:1;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:var(--casento-surface2, #171717);color:#e8e8e8;cursor:pointer;padding:8px}.ced-shape svg{width:22px;height:22px;display:block}.ced-shape:hover{border-color:var(--casento-gold, #c6b29b);color:var(--casento-gold, #c6b29b)}.chip-grid--scroll{max-height:220px;overflow:auto;align-content:start;padding-right:2px}.ced-rail--right .chip-grid--scroll.icons{max-height:200px}.ced-rail--left,.ced-rail--layers,.ced-rail--right{overflow:auto}.ced-upload-hero{display:flex;flex-direction:column;align-items:center;gap:14px;margin:0 auto 18px;padding:8px 12px 4px;text-align:center;position:relative;z-index:3;width:100%;max-width:min(100%,420px);box-sizing:border-box}.ced-upload-hero[hidden]{display:none!important}.ced-upload-hero__hint{margin:0;max-width:280px;font-size:13px;line-height:1.45;color:#c6b29bc7}.ced-upload-hero__size{margin:0;font-size:11px;color:#fff6}.ced-upload-orbit{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:3px;border:0;border-radius:999px;background:transparent;cursor:pointer;isolation:isolate;overflow:visible;font:inherit;color:inherit}.ced-upload-orbit:disabled{opacity:.4;cursor:not-allowed}.ced-upload-orbit__glow{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;border:1px solid rgba(198,178,155,.28);background:transparent;z-index:0;pointer-events:none}.ced-upload-orbit__dot{position:absolute;top:0;left:0;z-index:2;width:8px;height:8px;border-radius:50%;background:#c6b29b;box-shadow:0 0 6px #c6b29bf2,0 0 14px #c6b29b73;pointer-events:none;offset-path:inset(0 round 999px);offset-anchor:center;offset-rotate:0deg;offset-distance:0%;animation:ced-orbit-border 3s linear infinite}.ced-upload-orbit__inner{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:14px 28px;border-radius:999px;background:linear-gradient(180deg,#c6b29b29,#c6b29b0f);border:1px solid rgba(198,178,155,.35);color:#c6b29b;font-family:Montserrat,sans-serif;font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease}.ced-upload-orbit__inner .ti{font-size:18px;line-height:1}.ced-upload-orbit:hover:not(:disabled) .ced-upload-orbit__inner{background:#c6b29b;color:#020a0a;border-color:#c6b29b;transform:translateY(-1px)}.ced-upload-orbit:hover:not(:disabled) .ced-upload-orbit__glow{border-color:#c6b29b73}.ced-upload-orbit:hover:not(:disabled) .ced-upload-orbit__dot{box-shadow:0 0 8px #c6b29b,0 0 18px #c6b29b8c}.ced-upload-orbit--compact{width:100%;margin:0 0 12px}.ced-upload-orbit--compact .ced-upload-orbit__inner{width:100%;min-height:46px;padding:12px 18px;font-size:12px}.ced-btn-file--secondary{opacity:.85;font-size:12px;padding:10px 12px}@keyframes ced-orbit-border{to{offset-distance:100%}}@media(prefers-reduced-motion:reduce){.ced-upload-orbit__dot{animation:none;offset-distance:75%}}
/*# sourceMappingURL=/cdn/shop/t/142/assets/casento-editor-embed.css.map?cv=1.8.37 */