/* Direct artwork editing, contextual tools and a compact layer panel. */
.box-studio.box-studio--visual .box-studio__workspace{grid-column:1;grid-row:3}.box-studio.box-studio--visual .box-studio__tools{grid-column:2;grid-row:3}
.box-studio.box-studio--visual .studio-assembly{flex:1;height:auto;min-height:110px}.box-studio.box-studio--visual .studio-scene{flex:1;height:auto;min-height:95px}
.box-studio--visual:has([data-view="assembled"][aria-pressed="true"]) .studio-contextbar,.box-studio--visual:has([data-view="assembled"][aria-pressed="true"]) .studio-workspace-bottom{display:none}
@media(max-width:760px){.box-studio.box-studio--visual .box-studio__tools{grid-column:1;grid-row:4}}
.studio-canvas-stage.is-drag-over{outline:4px solid #0086b3;outline-offset:8px}.box-studio--visual.is-drag-over .box-studio__workspace{outline:3px solid #0086b3;outline-offset:-5px}
.box-designer__summary strong{display:block;margin-top:9px;font-size:19px}.box-designer__summary .button{display:flex;justify-content:space-between}
.box-studio--visual{--studio-border:#dce2e8;--studio-accent:#007ca6;width:min(1520px,97vw);height:min(980px,96dvh);margin:auto;border:1px solid #d6e0e6;border-radius:14px;font-family:Arial,sans-serif}.box-studio--visual::backdrop{background:#0c1d2cb8;backdrop-filter:blur(4px)}.box-studio--visual *{box-sizing:border-box}.box-studio--visual :is(button,select,input,textarea){font:inherit}.box-studio--visual button{line-height:1.2}.box-studio--visual .box-studio__header{padding:14px 22px;gap:14px;background:#142e3f;color:#fff;justify-content:flex-start}.box-studio--visual .studio-eyebrow{color:#a7d9eb;font-size:9px}.box-studio--visual .box-studio__header h2{font-size:22px;color:#fff;margin:4px 0 0}.studio-brand-mark{width:39px;height:39px;background:#fff;color:#007d9e;display:flex;align-items:center;justify-content:center;font-weight:900;font-style:italic;font-size:29px;border-radius:10px;position:relative;flex:none}.studio-brand-mark span{background:#fbc845;color:#162f40;font-size:9px;border:1px solid #162f40;border-radius:50%;padding:3px;position:absolute;right:-7px;bottom:0}.studio-header-note{margin-left:auto;color:#bccbd3;font-size:12px}.box-studio--visual .studio-icon{font-size:27px!important;width:38px;height:38px;border:1px solid #ffffff38;border-radius:8px;background:transparent;color:#fff}
.box-studio--visual .box-studio__layout{display:grid;grid-template-columns:minmax(0,1fr) 278px;grid-template-rows:auto auto minmax(0,1fr);overflow:hidden}.studio-commandbar{grid-column:1/-1;display:flex;align-items:center;gap:14px;padding:8px 18px;border-bottom:1px solid var(--studio-border);background:#fff;min-width:0}.studio-commandbar .studio-add,.studio-context-group,.studio-undo,.studio-panel-tabs{display:flex;align-items:center;gap:5px}.studio-commandbar button,.studio-context button,.studio-context select,.studio-context summary,.studio-layer-actions button{border:1px solid var(--studio-border);border-radius:6px;background:#fff;color:#173142;padding:8px 10px;font-size:12px;min-height:34px;white-space:nowrap;line-height:1.2}.studio-commandbar .studio-add button{border-color:transparent;font-weight:600;display:flex;align-items:center;gap:7px;min-height:34px}.studio-commandbar .studio-add button span{font-size:22px;line-height:1;font-weight:400}.studio-commandbar .studio-add .studio-type-icon{font-family:Georgia,serif;font-weight:700}.studio-commandbar button:hover,.studio-context button:hover{background:#eef5f8}.studio-undo{border-left:1px solid var(--studio-border);padding-left:12px}.studio-undo button{font-size:22px;padding:3px 9px}.studio-panel-tabs{margin-left:auto}.studio-panel-tabs button{font-size:11px}.studio-panel-tabs button[aria-pressed=true]{background:#eaf6fa;border-color:#a9d1e1;color:#00698d}
.studio-contextbar{grid-column:1/-1;padding:7px 18px;border-bottom:1px solid var(--studio-border);min-height:49px;background:#f8fafb;z-index:3}.studio-context-empty{font-size:12px;color:#61727e;display:flex;gap:9px;align-items:center;height:34px}.studio-context-empty>span{font-size:21px}.studio-context{display:flex;align-items:center;gap:9px;min-width:0;flex-wrap:wrap}.studio-context select{max-width:125px;min-width:0}.studio-context .studio-write{background:#173c51;color:#fff}.studio-font-slider{display:flex;align-items:center;gap:5px;font-size:10px;padding-inline:5px}.studio-font-slider span:last-child{font-size:17px}.studio-font-slider input{width:75px}.studio-context input[type=range],.studio-zoom input{accent-color:var(--studio-accent)}.studio-color-chip{width:32px;height:32px;flex:none}.studio-color-chip input,.studio-background input{width:32px;height:32px;padding:2px;border:1px solid #ccd6dd;border-radius:5px;background:#fff;cursor:pointer}.studio-object-actions{margin-left:auto}.studio-context .studio-delete{color:#a12b31;font-size:23px;line-height:1;padding:3px 10px}.studio-context-menu{position:relative}.studio-context-menu summary{cursor:pointer;font-size:11px;list-style:none}.studio-context-menu summary::after{content:'⌄';margin-left:10px}.studio-context-menu>div{position:absolute;top:calc(100% + 9px);right:0;z-index:5;width:250px;padding:16px;background:#fff;box-shadow:0 10px 35px #15334730;border:1px solid var(--studio-border);border-radius:9px}.studio-context-menu label{display:flex;justify-content:space-between;align-items:center;font-size:12px;gap:10px;margin-bottom:15px}.studio-context-menu input{width:110px}.studio-context-menu .studio-add{flex-wrap:wrap;margin-top:10px}.studio-context-menu .studio-add button{flex:1}
.box-studio--visual .box-studio__workspace{align-items:stretch;gap:10px;min-width:0;overflow:hidden;padding:14px 18px 10px;background:#edf0f3;background-image:radial-gradient(#cbd3db88 .7px,transparent .7px);background-size:14px 14px}.studio-workspace-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex:none}.box-studio--visual .studio-view-tabs{gap:3px;padding:3px;background:#dfe5ea;border-radius:8px;flex-wrap:nowrap}.box-studio--visual .studio-view-tabs button{border:0;background:transparent;border-radius:5px;padding:8px 18px;font-size:12px;font-weight:700;color:#506474;min-height:33px}.box-studio--visual .studio-view-tabs button[aria-pressed=true]{background:#fff;color:#193b52;box-shadow:0 2px 5px #213f5112}.studio-background{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700}.box-studio--visual .studio-face-tabs{gap:3px;flex:none;flex-wrap:nowrap;overflow-x:auto;padding:2px;scrollbar-width:thin}.box-studio--visual .studio-face-tabs button{border:1px solid transparent;border-radius:5px;background:transparent;font-size:11px;color:#465e70;padding:7px 10px;white-space:nowrap;min-height:30px}.box-studio--visual .studio-face-tabs button[aria-pressed=true]{background:#fff;border-color:#c2d3dd;color:#007597;font-weight:700}.box-studio--visual .studio-flat{align-items:flex-start;justify-content:flex-start;min-height:160px;min-width:0;overflow:auto;padding:22px;position:relative;border-radius:6px}.studio-canvas-stage{position:relative;flex:none;margin:auto;line-height:0;isolation:isolate}.box-studio--visual .studio-flat canvas{display:block;max-width:none;max-height:none;box-shadow:0 7px 26px #19344925;cursor:default}.studio-canvas-stage.is-dragover{outline:4px solid #0086b3;outline-offset:8px}.box-studio--visual .studio-inline-text{position:absolute;z-index:2;resize:none;min-width:0;max-width:none;max-height:none;box-sizing:border-box;padding:0;border:0;outline:2px solid #008bb9;border-radius:0;background:#fffffff0;line-height:1.2;overflow:hidden;transform-origin:center;box-shadow:0 0 0 5px #ffffff66;white-space:pre-wrap;overflow-wrap:anywhere}.studio-workspace-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:10px;color:#647584;flex:none}.studio-zoom{display:flex;align-items:center;gap:6px;font-size:17px}.studio-zoom input{width:90px}.box-studio--visual .studio-preview-note{font-size:10px;max-width:none;color:#667787;line-height:1.4;flex:none}
.box-studio--visual .box-studio__tools{padding:0 17px;background:#fff;border-left:1px solid var(--studio-border);font-size:12px}.box-studio--visual .studio-side-panel{display:none}.box-studio--visual[data-active-panel=layers] [data-tools-panel=layers],.box-studio--visual[data-active-panel=review] [data-tools-panel=review]{display:block}.box-studio--visual .studio-tool-group{padding:18px 0}.box-studio--visual .studio-tool-group h3{font-size:12px;line-height:1.5;margin:0 0 9px;font-weight:700}.studio-section-title{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.studio-section-title span{font-size:11px;color:#6d7d89}.box-studio--visual .studio-tool-group p{font-size:11px;line-height:1.6;color:#6a7985;margin:8px 0}.box-studio--visual .studio-layers{max-height:260px;min-height:44px}.studio-layers:empty::after{content:'Esta cara es un lienzo en blanco. Añade texto, imágenes o formas.';font-size:12px;color:#6c7c88;line-height:1.6;padding:14px;background:#f6f8fa;border:1px dashed #d7e0e6;border-radius:6px}.box-studio--visual .studio-layers button{font-size:12px;padding:11px 10px}.studio-layer-actions{display:flex;gap:5px;margin-top:10px}.studio-layer-actions button{flex:1;font-size:11px}.box-studio--visual .studio-clear{margin-top:16px;border:0;background:transparent;padding:2px;color:#6c7b85;font-size:11px;white-space:normal;text-align:left}.studio-clear-confirm .studio-add{flex-wrap:wrap}.box-studio--visual .studio-history{display:flex;flex-direction:column;gap:7px}.box-studio--visual .studio-history button{font-size:11px;text-align:left;border:1px solid var(--studio-border)}.box-studio--visual .studio-backup-note{font-size:10px!important;text-align:left}.box-studio--visual .studio-review label{font-size:11px}.box-studio--visual .studio-review>label:has(input[type=radio]){padding:11px;margin:10px 0}.box-studio--visual .studio-review strong{font-size:12px}.box-studio--visual .studio-review small{font-size:11px}.box-studio--visual .studio-review textarea{font-size:12px}.box-studio--visual .studio-warnings button{font-size:11px;padding:10px}
.box-studio--visual .box-studio__footer{padding:12px 22px}.box-studio--visual .box-studio__footer p{font-size:12px;line-height:1.4;color:#526976;max-width:650px}.box-studio--visual .box-studio__footer .button{min-height:44px;padding:13px 22px;border:0;background:#153b52;border-radius:7px;font-size:13px}.box-studio--visual .studio-assembly{min-height:160px;height:auto}.box-studio--visual .studio-scene{height:auto;min-height:160px;flex:1;touch-action:none;cursor:grab}.studio-scene:active{cursor:grabbing}.box-studio--visual .studio-orbit{font-size:11px}.box-studio--visual .studio-orbit input{min-width:0}
@media(max-width:1100px){.box-studio--visual .box-studio__layout{grid-template-columns:minmax(0,1fr) 245px}.studio-context{gap:6px}.studio-context-group{gap:4px}.studio-context button,.studio-context select{font-size:11px;padding:7px}.studio-context select{max-width:100px}.studio-font-slider input{width:50px}.studio-header-note{display:none}.box-studio--visual .studio-icon{margin-left:auto}}
@media(max-width:760px){.box-studio--visual{width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0;margin:0}.box-studio--visual .box-studio__header{padding:10px 12px;gap:12px}.box-studio--visual .box-studio__header h2{font-size:18px;margin-top:3px}.box-studio--visual .box-studio__header .studio-eyebrow{font-size:8px}.studio-brand-mark{width:30px;height:30px;font-size:24px}.box-studio--visual .studio-icon{width:32px;height:32px;font-size:24px!important}.box-studio--visual .box-studio__layout{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(210px,1fr) auto;overflow:auto;min-height:0}.studio-commandbar{padding:5px 8px;gap:4px;flex-wrap:wrap}.studio-commandbar .studio-add{gap:0;flex:1;flex-wrap:nowrap}.studio-commandbar .studio-add button{padding:6px;font-size:11px;gap:4px;min-height:36px}.studio-commandbar .studio-add button span{font-size:19px}.studio-undo{gap:0;border:0;padding:0}.studio-undo button{border:0;padding:3px 7px}.studio-panel-tabs{width:100%;margin:0;justify-content:flex-end;border-top:1px solid #e7edf0;padding-top:4px}.studio-panel-tabs button{min-height:27px;padding:5px 11px;font-size:10px}.studio-contextbar{padding:5px 9px;min-height:40px}.studio-context-empty{font-size:10px;height:auto;min-height:28px;line-height:1.4}.studio-context{flex-wrap:wrap;gap:5px}.studio-context-group[data-text-controls]{flex:1;min-width:0;flex-wrap:wrap}.studio-context .studio-context-group[data-text-controls] select{max-width:90px}.studio-context .studio-context-group[data-text-controls] select[data-prop=weight],.studio-context .studio-context-group[data-text-controls] select[data-prop=align]{max-width:75px}.studio-font-slider{padding:0}.studio-font-slider input{width:55px}.studio-context :is(button,select,summary){min-height:30px;font-size:10px;padding:6px}.studio-context .studio-delete{font-size:20px;padding:2px 10px}.studio-object-actions{margin-left:0}.studio-context-menu>div{position:fixed;top:205px;right:10px;max-height:45dvh;overflow:auto}.box-studio--visual .box-studio__workspace{padding:9px 10px 7px;gap:6px;min-height:210px;overflow:hidden}.box-studio--visual .studio-view-tabs button{font-size:11px;min-height:29px;padding:6px 16px}.studio-background{font-size:10px}.studio-background input{width:27px;height:27px}.box-studio--visual .studio-face-tabs{justify-content:flex-start;gap:0}.box-studio--visual .studio-face-tabs button{padding:5px 8px;font-size:10px;min-height:28px}.box-studio--visual .studio-flat{min-height:110px;padding:15px;flex:1;height:auto}.studio-workspace-bottom>span{font-size:9px;max-width:220px}.studio-zoom input{width:58px}.box-studio--visual .studio-preview-note{font-size:9px}.box-studio--visual .box-studio__tools{border-left:0;border-top:1px solid var(--studio-border);padding:0 13px;max-height:155px;overflow:auto;min-height:0}.box-studio--visual .studio-tool-group{padding:12px 0}.studio-layers-group .studio-layer-tip,.studio-tips{display:none}.box-studio--visual .studio-layers{max-height:none;flex-direction:row;flex-wrap:wrap;min-height:0}.box-studio--visual .studio-layers button{font-size:11px;padding:8px;max-width:170px;min-height:33px;flex:none}.studio-layer-actions{margin-top:7px}.studio-layer-actions button{font-size:10px;min-height:29px;padding:6px}.box-studio--visual .studio-section-title h3{font-size:11px;margin-bottom:6px}.box-studio--visual .studio-history{flex-direction:row;flex-wrap:wrap}.box-studio--visual .studio-history .studio-backup-note{margin:0;font-size:9px!important}.box-studio--visual[data-active-panel=none] .box-studio__tools{display:none}.box-studio--visual .box-studio__footer{padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:6px}.box-studio--visual .box-studio__footer p{font-size:10px;line-height:1.3;max-height:27px;overflow:auto;width:100%}.box-studio--visual .box-studio__footer .button{width:100%;font-size:12px;min-height:43px;padding:11px}.box-studio--visual .studio-assembly{height:auto;min-height:110px}.box-studio--visual .studio-scene{height:auto;min-height:95px;flex:1}.box-studio--visual .studio-orbit{font-size:10px;margin:5px}}
@media(max-width:380px){.studio-commandbar .studio-add button{padding:6px 4px;font-size:10px}.studio-commandbar .studio-add button:first-child{font-size:0}.studio-commandbar .studio-add button:first-child span{font-size:20px}.studio-context .studio-context-group[data-text-controls]{flex-basis:100%}.studio-font-slider input{width:45px}}