/* A calm editing studio, with the store as the visual centerpiece. */
.builder-workspace{grid-template-columns:110px minmax(320px,1fr) minmax(340px,410px);gap:18px}
.builder-workspace .editor-preview-wrap{background:#f1f3f6;background-image:none;border:0;border-radius:18px;min-height:800px;padding:20px 18px 24px}
.builder-rail{border:0;background:#fff;padding:12px 6px;border-radius:14px}
.builder-rail button{display:block;padding:13px 10px;min-height:68px;text-align:center;color:#586579}
.builder-rail button span{display:block;height:22px;margin-bottom:6px}.builder-rail button svg{width:21px;height:21px}.builder-rail button strong{font-size:12px}.builder-rail button small{display:none}
.builder-rail>p{color:#586579;font-size:11px;padding:12px 8px}
.builder-rail button.selected{color:#a83261;background:#fcecf3;border-color:transparent}
.builder-workspace .editor-tab-panel{max-height:calc(100vh - 230px);padding-right:5px;scrollbar-color:#bec5cf transparent;scrollbar-width:thin}
.builder-workspace .editor-box{padding:20px;border-color:#e3e7ed}
.builder-workspace .editor-box>p,.builder-workspace .hint,.builder-workspace .editor-note{color:#586579;line-height:1.65}
.builder-workspace .studio-editor-label{display:none}.builder-workspace .editor-live-help{background:#f7f0f4;color:#75445b;font-size:12px}
.preview-toolbar{align-items:center;padding:0 0 20px}.preview-toolbar strong{color:#243044;font-size:13px}.preview-toolbar small{display:block;color:#586579;font-size:11px;margin-top:5px}
.studio-preview-modes{display:flex;padding:3px;background:#e3e7ed;border-radius:9px}.studio-preview-modes button{font:inherit;font-size:11px;padding:7px 10px;background:transparent;border:0;border-radius:6px;color:#475469}.studio-preview-modes button[aria-pressed=true]{background:white;color:#243044;box-shadow:0 2px 5px #24304412}
.builder-workspace .preview-phone{position:relative;width:100%;max-width:350px;box-sizing:border-box;border:8px solid #17191d;border-radius:48px;background:#fff;overflow:visible;box-shadow:0 24px 38px -18px #16203248,0 0 0 2px #73777f;isolation:isolate}
.preview-phone:before,.preview-phone:after{content:'';position:absolute;width:3px;background:#5e626a;border-radius:2px;z-index:-1}.preview-phone:before{left:-11px;top:116px;height:64px}.preview-phone:after{right:-11px;top:153px;height:78px}
.iphone-status{height:44px;background:white;border-radius:39px 39px 0 0;position:relative;display:flex;align-items:center;justify-content:space-between;padding:0 23px;font:600 12px system-ui;color:#17191d;box-sizing:border-box}
.iphone-island{position:absolute;width:98px;height:27px;border-radius:22px;background:#111318;left:50%;top:7px;transform:translateX(-50%)}.iphone-island:after{content:'';position:absolute;right:10px;top:9px;width:8px;height:8px;border-radius:50%;background:#203247}
.iphone-signal{display:flex;align-items:center;gap:6px;font-size:9px}.iphone-battery{width:18px;height:9px;border:1px solid #17191d;border-radius:3px;position:relative}.iphone-battery:before{content:'';position:absolute;inset:1px;background:#17191d;border-radius:1px}.iphone-battery:after{content:'';position:absolute;right:-3px;top:2px;width:2px;height:3px;background:#17191d}
.builder-workspace .preview-phone iframe{height:610px;width:100%;border-radius:0;border:0;display:block}.iphone-home{height:24px;background:#fff;border-radius:0 0 39px 39px;display:flex;justify-content:center;align-items:center}.iphone-home span{height:4px;width:105px;border-radius:9px;background:#17191d}
.preview-caption{color:#586579;max-width:330px;line-height:1.65;font-size:11px}
.studio-template-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}
.studio-template{padding:7px 7px 12px;border:1px solid #dfe4ea;border-radius:13px;text-align:left;background:white;color:#243044;min-width:0;cursor:pointer;transition:border-color .15s,transform .15s cubic-bezier(.23,1,.32,1)}
.studio-template.selected{border:2px solid #a83261;padding:6px 6px 11px}.studio-template:hover{border-color:#a83261}.studio-template:active{transform:scale(.985)}
.studio-template-shot{display:block;aspect-ratio:9/15;overflow:hidden;border-radius:8px;background:#f6f5f7;pointer-events:none}.studio-template-title{display:flex;justify-content:space-between;align-items:center;gap:4px;margin:10px 3px 3px}.studio-template-title strong{font-size:12px;line-height:1.35}.studio-template>small{display:block;color:#586579;font-size:10px;line-height:1.45;margin:0 3px}.template-check{color:#a83261;font-size:14px}
.sample-page{height:100%;background:var(--sample-bg);color:var(--sample-ink);overflow:hidden;padding:0 9px 10px;font-family:Inter,sans-serif}.sample-cover{height:38%;margin:0 -9px;overflow:hidden}.sample-photo{display:block;width:100%;height:100%;background-image:url('/assets/products.png');background-size:200% 200%;background-repeat:no-repeat}.sample-photo-0{background-position:0 0}.sample-photo-1{background-position:100% 0}.sample-photo-3{background-position:100% 100%}
.sample-identity{text-align:center;padding:10px 0 7px}.sample-identity b{font-size:13px;font-weight:600;line-height:1.15;display:block}.sample-identity small{display:block;font-size:5px;margin-top:4px}.sample-logo{display:none}.sample-cta{display:block;background:var(--sample-accent);color:white;text-align:center;padding:6px;font-size:6px;border-radius:4px;margin:2px 0 9px}.sample-gallery{display:grid;grid-template-columns:1fr 1fr;gap:5px}.sample-gallery>div{height:58px}.sample-gallery>div:nth-child(3){display:none}.sample-gallery small{font-size:5px;display:block;padding:3px 0}.sample-boutique .sample-identity b,.sample-artesanal .sample-identity b{font-family:Georgia,serif;font-weight:400;font-size:16px}.sample-boutique .sample-cover{height:45%}.sample-boutique .sample-gallery>div{height:65px}.sample-celebracion .sample-cover{height:26%;border-radius:0 0 14px 14px}.sample-celebracion .sample-logo,.sample-artesanal .sample-logo{display:grid;place-items:center;background:white;color:var(--sample-accent);width:26px;height:26px;border:3px solid var(--sample-bg);border-radius:50%;margin:-26px auto 8px;font-size:14px;font-family:Georgia,serif}.sample-celebracion .sample-identity{position:relative;padding-top:5px}.sample-celebracion .sample-cta{border-radius:20px}.sample-celebracion .sample-gallery>div{height:80px;border-radius:8px;overflow:hidden}.sample-artesanal .sample-cover{height:32%}.sample-artesanal .sample-identity{position:relative}.sample-artesanal .sample-cta{background:transparent;color:var(--sample-accent);border:1px solid var(--sample-accent)}.sample-portafolio .sample-cover{height:55%}.sample-portafolio .sample-identity{text-align:left}.sample-portafolio .sample-gallery>div{height:100px}.sample-catalogo .sample-cover{height:22%}.sample-catalogo .sample-identity{text-align:left}.sample-catalogo .sample-gallery{display:flex;flex-direction:column}.sample-catalogo .sample-gallery>div{display:grid;grid-template-columns:38px 1fr;gap:5px;height:38px;border-top:1px solid #dce6de;padding-top:4px}.sample-catalogo .sample-gallery small{font-size:7px;padding-top:12px}.sample-blank{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;color:#586579;background:#fafbfc;padding:14px;box-sizing:border-box}.sample-blank>span{display:grid;place-items:center;width:42px;height:42px;border:1px dashed #b2bac7;border-radius:12px;font-size:24px}.sample-blank b{font-size:13px}.sample-blank small{font-size:10px}
.studio-block-media{padding:14px 0;margin-bottom:12px;border-bottom:1px solid #e3e7ed;font-size:12px}.studio-media-list{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.studio-media-list>div{position:relative}.studio-media-list img{object-fit:cover;border-radius:8px}.studio-media-list button{position:absolute;top:-5px;right:-5px;width:25px;height:25px;border:1px solid #dfe4ea;border-radius:50%;background:white;color:#243044}
.builder-workspace :is(button,input,select,textarea,a):focus-visible{outline:2px solid #a83261;outline-offset:3px}.builder-workspace button{touch-action:manipulation}.builder-workspace ::selection{background:#f7d6e4;color:#462737}
@media(max-width:1350px){.builder-workspace{grid-template-columns:84px minmax(280px,1fr) minmax(300px,370px);gap:12px}.builder-workspace .editor-box{padding:15px}.preview-toolbar{flex-wrap:wrap}}
@media(max-width:1150px){.builder-workspace{grid-template-columns:minmax(280px,1fr) minmax(310px,1fr)}.builder-rail{display:flex}.builder-rail button{min-height:44px;min-width:80px;padding:10px 6px}.builder-rail button span{display:none}.builder-workspace .editor-tab-panel{max-height:none}}
@media(max-width:800px){.builder-workspace{display:flex}.builder-workspace .editor-preview-wrap{min-height:0;padding:18px 13px}.builder-workspace .preview-phone{max-width:330px}.builder-workspace .editor-box{padding:16px}.studio-template-shot{aspect-ratio:9/14}.editor-top h1{font-size:25px}}
@media(prefers-reduced-motion:reduce){.studio-template{transition:none}}