:root{--bg:#f6f4ef;--panel:#fff;--ink:#1c2230;--mut:#6a7080;--line:#ddd9cf;--acc:#1f4e79;--acc2:#e8eef5;--ok:#2f7d4f;
box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#14171f;--panel:#1d212c;--ink:#eceae4;--mut:#9aa0b0;--line:#323847;--acc:#7fb0e0;--acc2:#222d3b;--ok:#6fcf97;color-scheme:dark}}
:root[data-theme="dark"]{--bg:#14171f;--panel:#1d212c;--ink:#eceae4;--mut:#9aa0b0;--line:#323847;--acc:#7fb0e0;--acc2:#222d3b;--ok:#6fcf97;color-scheme:dark}
*{box-sizing:border-box}html{scroll-padding-top:env(safe-area-inset-top,0px)}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 "DM Sans",system-ui,sans-serif}
h1,h2,h3{font-family:Fraunces,Georgia,serif;font-weight:600;line-height:1.1;margin:0 0 .5em}
h1{font-size:clamp(2.2rem,6vw,4rem)}h2{font-size:clamp(1.6rem,3.5vw,2.3rem)}h3{font-size:1.15rem}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);background:var(--bg);z-index:10}
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:11;background:var(--bg);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:16px;padding:10px 20px;flex-wrap:wrap}
.logo{font-family:Fraunces,Georgia,serif;font-weight:600;font-size:1.15rem;margin-right:auto}
nav{display:flex;gap:4px;flex-wrap:wrap}
nav a,.btn{padding:8px 14px;border-radius:8px;text-decoration:none;color:var(--ink);border:1px solid transparent;font-weight:500;cursor:pointer;background:none;font:inherit;font-weight:500}
nav a[aria-current]{background:var(--acc2);color:var(--acc)}
nav a:hover{background:var(--acc2)}
.btn{background:var(--acc);color:var(--bg);border-color:var(--acc)}
.btn.ghost{background:none;color:var(--ink);border-color:var(--line)}
:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
main{max-width:1100px;margin:0 auto;padding:28px 20px 60px}
.view{display:none}.view.on{display:block}
.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:32px;align-items:center;padding:20px 0 40px}
.hero p{font-size:1.1rem;color:var(--mut);max-width:46ch}
.stack{position:relative;height:340px}
.stack div{position:absolute;width:58%;aspect-ratio:4/5;border:8px solid #fff;border-bottom-width:30px;box-shadow:0 6px 18px rgba(0,0,0,.25)}
.stack div:nth-child(1){left:2%;top:8%;transform:rotate(-7deg)}.stack div:nth-child(2){left:34%;top:0;transform:rotate(5deg)}.stack div:nth-child(3){left:18%;top:28%;transform:rotate(-1deg)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px}
.card .ph{aspect-ratio:4/3;border-radius:8px;margin-bottom:12px}
select,input,textarea{font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:8px 10px;width:100%}
.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.price{font-weight:700;font-size:1.2rem}
.muted{color:var(--mut)}
/* editor */
.ed{display:grid;grid-template-columns:200px 1fr;gap:16px}
.tray{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px;max-height:560px;overflow:auto}
.tray .ph{aspect-ratio:1;border-radius:6px;margin-bottom:8px;cursor:grab;background-size:cover;background-position:center}
.stage{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px}
.page{aspect-ratio:1;max-width:460px;margin:12px auto;background:#fff;box-shadow:0 4px 16px rgba(0,0,0,.2);padding:14px;display:grid;gap:8px;position:relative;color:#222}
.page.l1{grid-template-columns:1fr}.page.l2{grid-template-columns:1fr 1fr}.page.l4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}
.slot{background:#eceae4 center/cover;border:2px dashed #b9b5a8;border-radius:2px;display:grid;place-items:center;font-size:.8rem;color:#777;text-align:center;min-height:0}
.slot.f{border:0}.slot.over{border-color:var(--acc);background-color:#dbe7f3}
.cap{position:absolute;left:14px;right:14px;bottom:4px;border:0;background:none;text-align:center;font-family:Fraunces,Georgia,serif;color:#333;padding:2px;height:26px;font-size:.9rem}
.page.hascap{padding-bottom:34px}
.strip{display:flex;gap:8px;overflow-x:auto;padding:6px 0}.strip button{min-width:56px;height:56px;border:2px solid var(--line);background:var(--panel);color:var(--ink);border-radius:6px;cursor:pointer;font:inherit}
.strip button.on{border-color:var(--acc);color:var(--acc);font-weight:700}
.saved{font-size:.85rem;color:var(--ok)}
dialog{border:0;border-radius:14px;padding:20px;background:var(--bg);color:var(--ink);width:min(760px,94vw)}
dialog::backdrop{background:rgba(0,0,0,.6)}
.book{display:grid;grid-template-columns:1fr 1fr;gap:0;perspective:1600px;margin:14px 0}
.book .page{margin:0;max-width:none;box-shadow:none;border:1px solid var(--line)}
.book .page.flip{transform-origin:left center;transition:transform .6s ease;transform:rotateY(-180deg)}
.track{display:flex;gap:0;margin:22px 0;list-style:none;padding:0}
.track li{flex:1;text-align:center;font-size:.78rem;color:var(--mut);position:relative;padding-top:22px}
.track li::before{content:"";position:absolute;top:4px;left:50%;width:14px;height:14px;border-radius:50%;background:var(--line);transform:translateX(-50%)}
.track li.d{color:var(--ink)}.track li.d::before{background:var(--ok)}
table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line)}
.tw{overflow-x:auto}
.tag{background:var(--acc2);color:var(--acc);border-radius:99px;padding:2px 10px;font-size:.8rem}
.two{display:grid;grid-template-columns:1fr 1fr;gap:20px}
label{display:block;font-weight:500;margin:10px 0 4px}
@media(max-width:760px){.hero,.two{grid-template-columns:1fr}.ed{grid-template-columns:1fr}.tray{display:flex;gap:8px;overflow-x:auto;max-height:none}.tray .ph{min-width:70px;margin:0}.stack{height:260px}}
@media(prefers-reduced-motion:reduce){.book .page.flip{transition:none}}
.cw{display:flex;gap:10px;align-items:flex-start;margin:12px 0}
.spread{position:relative;aspect-ratio:2/1;flex:1;width:100%;background:#fff;box-shadow:0 4px 16px rgba(0,0,0,.2);color:#222;perspective:1600px}
.bgl{position:absolute;inset:0}
.cell{position:absolute;background:#eceae4 center/cover no-repeat;display:grid;place-items:center;font-size:.75rem;color:#777;text-align:center;border:1px dashed #b9b5a8;cursor:pointer}
.cell[style*="background-image"]{border:0}
.cell.sel{outline:3px solid #2f7bd6;outline-offset:-1px;z-index:2}
.mid{position:absolute;left:50%;top:0;bottom:0;border-left:1px solid rgba(47,123,214,.6);pointer-events:none}
.safe{position:absolute;inset:var(--sy,10%) var(--sx,5%);border:1px dashed rgba(47,123,214,.5);pointer-events:none;display:none}
.sl .safe{display:block}.spread.cz{outline:10px solid rgba(233,160,180,.55);outline-offset:-10px}
.cap2{position:absolute;left:0;right:0;bottom:var(--sy,10%);text-align:center;font-family:Fraunces,Georgia,serif;font-size:.9rem;pointer-events:none}
.rt{display:flex;flex-direction:column;gap:6px}.rt button{background:#1f2735;color:#fff;border:1px solid #3a4558;border-radius:6px;padding:10px 8px;cursor:pointer;font:inherit;font-size:.8rem}
.panel{background:var(--acc2);border-radius:8px;padding:8px 12px;margin-bottom:8px}.panel input[type=range]{width:110px;padding:0}
.swb{width:38px;height:38px;border-radius:6px;border:1px solid var(--line);margin:0 6px 6px 0;cursor:pointer}
.tray .ph.used::after{content:"✓";position:absolute;right:4px;top:4px;background:var(--ok);color:#fff;border-radius:50%;width:18px;height:18px;font-size:.7rem;display:grid;place-items:center}
.tray .ph{position:relative}.btn.on{background:var(--acc2);color:var(--acc)}
.gg{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-top:14px;max-height:60vh;overflow:auto}.gl{border:1px solid var(--line);background:var(--panel);padding:6px;border-radius:8px;cursor:pointer}.gl .spread{pointer-events:none}
.flipper{position:absolute;left:50%;top:0;width:50%;height:100%;background:#fff;transform-origin:left center;transition:transform .6s ease;z-index:3;box-shadow:-4px 0 12px rgba(0,0,0,.15)}.flipper.go{transform:rotateY(-180deg)}
.cell{touch-action:none}.cell.sel{cursor:move}.hd{position:absolute;width:14px;height:14px;background:#fff;border:2px solid #2f7bd6;border-radius:3px;z-index:4}
.flip2{position:absolute;top:0;width:50%;height:100%;overflow:hidden;z-index:5;background:#fff;transition:transform .65s ease;box-shadow:0 0 14px rgba(0,0,0,.25)}
.flip2 .in{position:absolute;top:0;width:200%;height:100%}.flip2.fwd{left:50%;transform-origin:left center}.flip2.fwd .in{left:-100%}.flip2.bwd{left:0;transform-origin:right center}.flip2.bwd .in{left:0}
.flip2.fwd.go{transform:rotateY(-180deg)}.flip2.bwd.go{transform:rotateY(180deg)}@media(prefers-reduced-motion:reduce){.flip2{transition:none}}
.wheel{display:block;width:84px;height:84px;border-radius:50%;background:conic-gradient(red,yellow,lime,aqua,blue,magenta,red);position:relative;margin-bottom:12px;border:3px solid var(--line);overflow:hidden;cursor:pointer}.wheel input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;padding:0;border:0}.wheel::after{content:"";position:absolute;inset:26px;border-radius:50%;background:var(--wc,#e8f0f7);border:2px solid #fff;pointer-events:none}

/* LA CASA DE FOTOGRAFIA — identidade editorial laranja */
:root{--bg:#fffaf6;--panel:#fff;--ink:#30241f;--mut:#82746c;--line:#f0e3d9;--acc:#eb5e20;--acc2:#fff0e6;--ok:#208965;--shadow:0 10px 35px rgba(83,43,18,.065)}
:root[data-theme="dark"]{--bg:#1d1715;--panel:#2b211e;--ink:#fff6ef;--mut:#bfa99d;--line:#46362e;--acc:#ff884a;--acc2:#39261f;--ok:#6bc9a3}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#fffaf6;--panel:#fff;--ink:#30241f;--mut:#82746c;--line:#f0e3d9;--acc:#eb5e20;--acc2:#fff0e6;--ok:#208965;color-scheme:light}}
body{background:var(--bg);font-family:'DM Sans',sans-serif}
header{padding:14px clamp(16px,4vw,64px);background:rgba(255,250,246,.97);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);gap:22px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);white-space:nowrap}
.brand-mark{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:var(--acc);color:white;font-family:Arial,sans-serif;font-size:32px;line-height:1;transform:rotate(-8deg);box-shadow:0 5px 12px rgba(235,94,32,.2)}
.brand-text{display:flex;flex-direction:column;font-family:Fraunces,Georgia,serif;line-height:.98;letter-spacing:-.7px;font-size:1.43rem}
.brand-text small{font:700 9px 'DM Sans',sans-serif;letter-spacing:2.3px;text-transform:uppercase;color:var(--acc);margin-top:5px}
nav a{font-size:.89rem;border-radius:999px;padding:9px 13px}
nav a[aria-current]{font-weight:700}
.btn{display:inline-flex;justify-content:center;align-items:center;gap:6px;background:var(--acc);color:white;border:1px solid var(--acc);border-radius:11px;font-size:.88rem;font-weight:700;transition:transform .15s,background .15s,box-shadow .15s}
.btn:hover{background:#d84e15;box-shadow:0 7px 18px rgba(235,94,32,.18);transform:translateY(-1px)}
.btn.ghost{background:#fff;color:var(--ink);border-color:var(--line)}
.btn.ghost:hover{color:var(--acc);background:var(--acc2);box-shadow:none}
main{max-width:1240px;padding-top:34px}
.card,.tray,.stage{box-shadow:var(--shadow);border:1px solid var(--line)}
.card{border-radius:18px}
.hero h1{letter-spacing:-1.8px}
.hero .btn{padding:12px 20px}
.editor-view{animation:editor-in .25s ease both}
@keyframes editor-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.editor-intro{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:4px 0 23px}
.eyebrow{font-size:.68rem;font-weight:800;letter-spacing:1.6px;color:var(--acc)}
.editor-intro h2{font-size:clamp(2rem,3.4vw,3rem);letter-spacing:-1.2px;margin:7px 0}
.editor-intro p{color:var(--mut);margin:0;font-size:.93rem}
.orange-dot{color:var(--acc)}
.editor-status{display:flex;align-items:center;gap:8px;border:1px solid #d7ede3;background:#f1fbf6;border-radius:99px;padding:9px 14px;font-size:.78rem;color:#237753;white-space:nowrap}
.status-dot{width:7px;height:7px;background:#22a36b;border-radius:50%;box-shadow:0 0 0 3px #d6f2e2}
.ed{grid-template-columns:245px minmax(0,1fr);gap:18px;align-items:start}
.tray{padding:19px;border-radius:18px;max-height:800px;position:sticky;top:100px}
.tray-heading h3{font-size:1.5rem;margin:2px 0 17px;letter-spacing:-.4px}
.tray-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.tray-tabs .btn{width:100%;padding:10px 7px}
.tray-tabs .btn.on{background:var(--acc2);color:var(--acc);border-color:#ffd0b4}
#tf>label{display:flex!important;flex-direction:column;align-items:center;gap:3px;padding:20px 8px!important;border:1.5px dashed #f0a677!important;background:#fff8f2!important;color:var(--acc)!important;border-radius:13px!important;cursor:pointer}
.upload-symbol{display:grid;place-items:center;width:33px;height:33px;border-radius:10px;background:#ffe3d0;font-size:1.6rem;font-weight:400;line-height:1}
#tf>label small{color:var(--mut);font-size:.66rem;font-weight:400}
.tray-subtitle{color:var(--mut);font-weight:800;font-size:.66rem;letter-spacing:1.1px;margin:19px 0 10px}
#tray{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.tray .ph{margin:0;aspect-ratio:1.08;border:3px solid #fff;outline:1px solid var(--line);box-shadow:0 2px 8px rgba(0,0,0,.05);border-radius:9px;transition:transform .15s,outline-color .15s}
.tray .ph:hover{transform:scale(1.04);outline-color:var(--acc)}
.stage{min-width:0;border-radius:18px;padding:20px}
.stage-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding-bottom:17px;border-bottom:1px solid var(--line)}
.stage-title{display:flex;align-items:center;gap:12px;margin-top:4px}
.stage-title b{font:600 1.27rem Fraunces,serif}
.stage-hint{color:var(--mut);font-size:.76rem}
.stage-options{font-size:.76rem;gap:10px}
.stage-options label{font-size:.75rem;color:var(--mut)}
input[type=checkbox]{accent-color:var(--acc)}
.stage-options .btn{padding:9px 12px}
.canvas-workspace{background:#f9f2eb;border:1px solid #f0e5d9;border-radius:16px;padding:16px;margin:17px 0 15px;overflow:hidden;background-image:radial-gradient(#eddfd0 0.8px,transparent .8px);background-size:17px 17px}
.canvas-label{font-weight:800;font-size:.68rem;letter-spacing:1.1px;color:#a08776;display:flex;justify-content:space-between;gap:6px;margin-bottom:10px}
.canvas-label span{font-weight:500;letter-spacing:normal;font-size:.72rem}
.cw{align-items:center;gap:14px;margin:0}
.spread{border-radius:3px;box-shadow:0 12px 35px rgba(87,55,34,.18),0 1px 4px rgba(87,55,34,.1)}
.cell.sel{outline:3px solid var(--acc)}
.mid{border-left:1px solid rgba(235,94,32,.48)}
.safe{border-color:rgba(235,94,32,.55)}
.spread.cz{outline:9px solid rgba(235,94,32,.17)}
.hd{border-color:var(--acc)}
.rt{gap:8px;min-width:67px}
.rt button{background:#fff;color:var(--ink);border:1px solid #ebded3;border-radius:10px;min-width:64px;padding:10px 5px;font-size:.66rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;box-shadow:0 3px 8px rgba(71,33,15,.04)}
.rt button span{font-size:1.25rem;line-height:1.2;color:var(--acc)}
.rt button:hover{background:var(--acc2);border-color:#f4b491}
.panel{background:#fffaf6;border:1px solid var(--line);padding:13px 14px;border-radius:12px;gap:12px;font-size:.73rem}
.panel b{color:var(--ink);white-space:nowrap;font-size:.82rem}
.panel label{color:var(--mut);font-weight:500;gap:7px}
.panel input[type=range]{width:80px;accent-color:var(--acc)}
.strip-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:19px 0 7px}
.strip-heading b{font:600 1.1rem Fraunces,serif}
.strip-heading span{font-size:.73rem;color:var(--mut)}
.strip{padding:9px 3px 16px;gap:9px}
.strip button{min-width:83px;height:63px;border:1px solid #ebded3;border-radius:10px;font-size:.77rem;position:relative}
.strip button::before{content:'▧';display:block;font-size:1.25rem;line-height:1.1;color:#d9a17b}
.strip button.on{border:2px solid var(--acc);background:var(--acc2);box-shadow:0 3px 9px rgba(235,94,32,.09)}
.editor-actions{padding-top:14px;border-top:1px solid var(--line);gap:7px}
.editor-actions .btn{padding:10px 12px;font-size:.76rem}
.editor-actions #finish{font-size:.82rem;padding:12px 14px}
.stage>p.muted{font-size:.73rem!important;line-height:1.65;margin-top:15px;padding:12px;background:#fffaf6;border-radius:10px;border:1px solid var(--line)}
.tag{background:var(--acc2)}
dialog{box-shadow:0 30px 80px rgba(37,21,10,.25);border:1px solid var(--line);border-radius:20px;padding:24px}
.gl{border-radius:12px}.gl:hover{border-color:var(--acc)}
.wheel::after{background:var(--wc,#fff1e6)}
.stack .g1{background:linear-gradient(135deg,#e95c20,#ffc28f)!important}
.stack .g2{background:linear-gradient(135deg,#a83c12,#ef9d66)!important}
.stack .g3{background:linear-gradient(135deg,#ff9d55,#ffdab9)!important}
@media(max-width:1050px){.ed{grid-template-columns:205px minmax(0,1fr)}.stage-options{width:100%}.editor-actions #finish{margin-left:0!important}}
@media(max-width:760px){header{padding:10px 14px}.logo{margin-right:auto}.brand-text{font-size:1.2rem}nav{order:3;width:100%;overflow:auto;flex-wrap:nowrap;padding-bottom:2px}nav a{white-space:nowrap;font-size:.77rem;padding:7px 10px}main{padding:20px 12px 50px}.editor-intro{align-items:flex-start;flex-direction:column;gap:12px}.ed{grid-template-columns:1fr}.tray{position:static;max-height:none}.tray #tray{display:flex;overflow-x:auto;gap:9px}.tray .ph{min-width:85px;width:85px}.stage{padding:13px}.stage-title{flex-wrap:wrap}.canvas-workspace{padding:11px}.canvas-label span{display:none}.cw{flex-direction:column}.spread{width:100%}.rt{flex-direction:row;width:100%;justify-content:center}.rt button{flex:1;max-width:110px}.stage-options{gap:8px}.panel{gap:9px}.strip-heading{flex-direction:column;gap:2px}.editor-actions .btn{flex:1}.editor-actions #finish{width:100%}}


.stack .g1{background:linear-gradient(135deg,#1f4e79,#7fb0e0)}.stack .g2{background:linear-gradient(135deg,#7a3b2e,#e0a87f)}.stack .g3{background:linear-gradient(135deg,#2f4a3a,#a9c9a0)}

/* Editor v2: capa independente, biblioteca com exclusão e controles de orientação */
.photo-tile{position:relative;min-width:0}
.photo-tile .ph{width:100%;height:100%;min-height:88px}
.photo-delete{position:absolute;top:5px;left:5px;z-index:4;display:grid;place-items:center;width:25px;height:25px;padding:0;border:1px solid #f7d6c4;border-radius:50%;background:#fff;color:#b43b16;font-size:20px;font-weight:700;line-height:1;cursor:pointer;box-shadow:0 2px 8px #2f150b22}
.photo-delete:hover{background:#eb5e20;color:white}
.tray .ph.used::after{right:5px;top:5px}
.cell{overflow:hidden;isolation:isolate}
.cell.sel{overflow:visible}
.photo-visual{position:absolute;inset:0;background-position:center;background-repeat:no-repeat;pointer-events:none;transform-origin:center center;transition:transform .17s ease}
.cell-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:26px;color:#cc845e;pointer-events:none}
.cell-placeholder small{font-size:10px;color:#9a7767}
.cover-back{position:absolute;left:0;top:0;width:50%;height:100%;background:linear-gradient(155deg,#f6e4d6,#e8bda5);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#8b482b;letter-spacing:2px;text-align:center;font-size:11px}
.cover-back small{font-size:9px;opacity:.75}
.cover-front{position:absolute;left:50%;top:0;width:50%;height:100%;background:linear-gradient(145deg,#fff8f1,#f9d9c3);border-left:1px solid #e1ad8f;pointer-events:none}
.cover-eyebrow{position:absolute;top:5%;left:0;right:0;text-align:center;font:700 9px 'DM Sans',sans-serif;letter-spacing:1.8px;color:#a35b35}
.cover-title{position:absolute;bottom:9%;left:54%;width:42%;font:600 clamp(12px,2.3vw,24px) Fraunces,Georgia,serif;text-align:center;line-height:1.13;color:#703a25;pointer-events:none;word-break:break-word;text-shadow:0 1px 2px #ffffffa9}
.cover-bottom{position:absolute;bottom:3%;right:0;width:50%;text-align:center;color:#b26842;font:700 8px 'DM Sans',sans-serif;letter-spacing:1.8px;pointer-events:none}
.spread:has(.cover-back){box-shadow:0 14px 34px #80462b30}
.strip button.cover-tab{min-width:91px}
.strip button.cover-tab::before{content:'▣';color:#eb5e20}
.rt{min-width:74px}
.rt button{min-height:52px}
@media(max-width:760px){.photo-tile{min-width:85px;width:85px}.photo-delete{top:2px;left:2px}.rt{flex-wrap:wrap}.rt button{min-width:72px;max-width:115px}.cover-title{font-size:14px}.cover-back{font-size:8px}.cover-bottom{font-size:6px}}

.cell.sel{overflow:hidden}

/* === ESTÚDIO LA CASA | workflow inspirado em editores profissionais de álbum === */
body:has(#v-editor.on){background:#f3f2f0}
body:has(#v-editor.on) header{background:#fff;box-shadow:0 1px 10px #3428200a}
body:has(#v-editor.on) main{max-width:100%;padding:24px clamp(16px,2.8vw,54px) 48px}
.editor-intro{margin-bottom:18px;align-items:center}
.editor-intro h2{font-family:'DM Sans',sans-serif;font-size:clamp(1.6rem,2.3vw,2.3rem);font-weight:800;letter-spacing:-1.2px;margin:4px 0 2px}
.editor-intro p{font-size:.86rem}
.studio-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid #e4e1de;border-radius:14px;background:#fff;box-shadow:0 6px 20px #24201c0b;padding:12px 19px;margin-bottom:16px;flex-wrap:wrap}
.project-info{display:flex;flex-direction:column;line-height:1.4;min-width:150px}
.project-info strong{font-size:.96rem;color:#2d2a28}
.project-kicker{font-size:.61rem;color:#9a8c85;letter-spacing:1.1px;font-weight:800}
.project-meta{font-size:.72rem;color:#897b72}.dot-sep{padding:0 3px}
.studio-modes{display:flex;gap:5px;padding:4px;background:#f3f1ee;border-radius:11px}
.mode-btn{font-family:inherit;font-size:.84rem;font-weight:700;color:#766e67;background:transparent;border:0;border-radius:8px;padding:10px 18px;cursor:pointer}
.mode-btn.active{background:#fff;color:#e95b20;box-shadow:0 2px 9px #33231512}
.mode-btn:hover{color:#e95b20}
.studio-commands{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.mini-command{border:1px solid #e9e3df;border-radius:9px;background:#fff;color:#564c47;padding:10px 12px;font:600 .8rem 'DM Sans',sans-serif;cursor:pointer}
.mini-command:hover{background:#fff1e7;border-color:#f2c3a6}
.studio-commands .btn{padding:11px 16px}
.ed{display:flex;flex-direction:column;gap:14px}
.ed>.stage{order:1}.ed>.tray{order:2}.ed>.planner-view{order:1}
.stage{border:1px solid #e4e1de;border-radius:14px;box-shadow:0 8px 20px #24201c09;background:#fff;padding:18px 20px}
.stage-top{padding:0 0 14px;gap:14px}
.stage-title b{font-family:'DM Sans',sans-serif;font-size:1.15rem;letter-spacing:-.4px}
.stage-hint{display:none}
.stage-options .btn{font-size:.76rem}
.canvas-workspace{margin:13px 0 13px;background:#eae9e7;border:1px solid #dedad5;border-radius:12px;min-height:385px;padding:18px clamp(16px,3vw,45px) 24px;background-image:radial-gradient(#d5d1cd .7px,transparent .7px);background-size:18px 18px}
.canvas-label{color:#938982;font-size:.67rem;margin-bottom:18px}
.canvas-label span{color:#857e77}
.cw{max-width:1120px;margin:10px auto;gap:18px;align-items:center}
.cw>.spread{max-width:980px;min-width:0;box-shadow:0 5px 7px #0000000b,0 18px 50px #42372b25;border:1px solid #e3d8ce}
.spread .cell.sel{outline-color:#f06a33}
.spread .hd{border-color:#f06a33}
.rt{display:grid;grid-template-columns:repeat(2,68px);gap:8px;min-width:144px}
.rt button{min-height:54px;min-width:0;border-radius:9px;box-shadow:0 1px 3px #00000009;border-color:#ded9d4;background:#fff;font-size:.66rem}
.rt button span{color:#ea6129;font-size:1.36rem}
.rt button:hover{background:#fff2e9}
.panel{background:#faf9f7;border:1px solid #ebe6e1;border-radius:10px;gap:15px;padding:10px 16px}
.panel b{font-size:.79rem}
.panel label{font-size:.73rem;color:#69615b;gap:7px}
.panel input[type=range]{accent-color:#ea6129;width:85px}
.strip-heading{margin:20px 0 8px}
.strip-heading b{font:700 1rem 'DM Sans',sans-serif}
.strip{display:flex;gap:12px;overflow-x:auto;padding:7px 3px 18px;min-height:112px;scrollbar-width:thin}
.strip .page-thumb{width:146px;min-width:146px;height:auto;display:flex;flex-direction:column;gap:7px;align-items:stretch;justify-content:flex-start;border:2px solid transparent;border-radius:10px;background:transparent;padding:6px;box-shadow:none;color:#62574f}
.strip .page-thumb::before{display:none}
.strip .page-thumb.on{border-color:#ec6028;background:#fff2e9}
.page-thumb-preview{display:block;aspect-ratio:2/1;overflow:hidden;position:relative;background:white;box-shadow:0 2px 8px #40230b1f;pointer-events:none}
.page-thumb-preview .spread{display:block;width:100%;height:100%;margin:0;max-width:none;border:0;box-shadow:none;pointer-events:none}
.page-thumb-preview .cover-title{font-size:5px}.page-thumb-preview .cover-back{font-size:4px}.page-thumb-preview .cover-bottom{font-size:3px}.page-thumb-preview .cover-eyebrow{font-size:3px}
.page-thumb-title{display:block;font-size:.74rem;font-weight:750}
.editor-actions{padding-top:14px;gap:9px}
.tray{position:static;max-height:none;overflow:visible;background:#fff;border:1px solid #e4e1de;border-radius:14px;padding:17px 20px;box-shadow:0 7px 20px #24201c09;display:block}
.tray-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:10px}
.tray-heading h3{font:800 1.08rem 'DM Sans',sans-serif;letter-spacing:-.4px;margin:3px 0}
.photo-count{font:600 .73rem 'DM Sans',sans-serif;color:#94867e;padding-left:8px}
.image-well-info{font-size:.75rem;color:#8c8079}
.tray-tabs{display:flex!important;justify-content:flex-start;gap:7px;margin:0 0 12px!important}
.tray-tabs .btn{width:auto;min-width:105px;padding:8px 15px}
#tf{display:grid;grid-template-columns:174px minmax(0,1fr);gap:10px 19px;align-items:center}
#tf>label{grid-row:1 / span 2;display:flex!important;flex-direction:column;justify-content:center;align-items:center;height:110px;border:1px dashed #f0ad87!important;background:#fff7f1!important;padding:12px!important;margin:0!important;color:#d75a25!important}
#tf>label .upload-symbol{font-size:1.7rem}
#tf>label strong{font-size:.8rem}
#tf>label small{font-size:.64rem}
.tray-subtitle{margin:0;align-self:end;font-size:.65rem}
#usageCount{font-size:.65rem;font-weight:600;color:#a39b94;margin-left:9px;letter-spacing:0}
.tray #tray{display:flex;gap:11px;overflow-x:auto;overflow-y:hidden;padding:4px 5px 9px;scrollbar-width:thin;min-height:109px}
.photo-tile{width:112px;min-width:112px;flex:0 0 112px}
.tray .ph{width:108px;height:100px;aspect-ratio:1.08;min-width:0;border-radius:7px}
.photo-tile .use-number{position:absolute;bottom:7px;left:7px;z-index:2;padding:1px 6px;background:#ffffffdc;border-radius:5px;font-size:.63rem;color:#403830;font-weight:800;pointer-events:none}
.tray .ph.photo-active{outline:3px solid #f05d24!important;outline-offset:1px}
.tray .ph.used::after{background:#ec662d}
#tb:not([hidden]){display:flex;flex-wrap:wrap;gap:16px;align-items:center}
#tb .wheel{margin:0}
.planner-view{background:#fff;border:1px solid #e4e1de;border-radius:14px;box-shadow:0 8px 20px #24201c09;padding:24px}
.planner-view[hidden],.stage[hidden]{display:none!important}
.planner-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px;flex-wrap:wrap}
.planner-head h3{font:800 1.35rem 'DM Sans',sans-serif;letter-spacing:-.5px;margin:3px 0}
.planner-head p{font-size:.8rem;margin:0;color:#8f8079}
.planner-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:19px;background:#efeeec;border:1px solid #e6e3df;border-radius:12px;padding:24px}
.planner-card{appearance:none;border:2px solid transparent;background:transparent;border-radius:9px;padding:8px;text-align:left;cursor:pointer;color:#51463e;font:inherit;transition:background .15s,border-color .15s}
.planner-card:hover{background:#fff9f4;border-color:#e9beaa}
.planner-card.selected{border-color:#ee672e;background:#fff8f2}
.planner-spread{display:block;position:relative;aspect-ratio:2/1;box-shadow:0 4px 14px #2c241c22;background:white;overflow:hidden;pointer-events:none}
.planner-spread>.bgl,.planner-spread>.cell,.planner-spread>.mid,.planner-spread>.cover-back,.planner-spread>.cover-front,.planner-spread>.cover-title,.planner-spread>.cover-bottom,.planner-spread>.cap2{pointer-events:none}
.planner-card-label{display:flex;justify-content:space-between;align-items:center;padding:10px 2px 3px;font-weight:800;font-size:.78rem}
.planner-card-label small{font-weight:500;color:#9a8d84}
.planner-spread .cover-title{font-size:11px}.planner-spread .cover-back{font-size:6px}.planner-spread .cover-bottom{font-size:5px}
#gal{width:min(1010px,96vw);background:#fff;border:1px solid #e7dfda;box-shadow:0 20px 60px #241a1650}
#gal>.row{margin-bottom:15px}#gal .gg{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:15px}
#gal .gl{padding:10px;border-radius:12px}#gal .gl:hover{border-color:#eb602a;background:#fff2e9}
@media(max-width:1100px){.studio-commands{order:3;width:100%;justify-content:center}.studio-modes{margin-left:auto}.canvas-workspace{min-height:310px}.rt{grid-template-columns:repeat(4,1fr);min-width:0}.cw{flex-direction:column}.cw>.spread{width:100%}.rt{width:100%}}
@media(max-width:760px){body:has(#v-editor.on) main{padding:18px 12px 32px}.studio-bar{padding:12px;gap:10px}.studio-modes{width:100%;justify-content:center;margin:0;order:3}.studio-commands{order:4}.mode-btn{flex:1}.stage{padding:12px}.canvas-workspace{padding:12px 8px;min-height:0}.rt{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.rt button{min-width:0;min-height:49px;font-size:.57rem}.rt button span{font-size:1.05rem}.panel{gap:7px}.panel label{flex-wrap:nowrap}.strip .page-thumb{width:114px;min-width:114px}.tray{padding:12px}.tray-heading{gap:3px}.image-well-info{display:none}#tf{display:flex;flex-direction:column;align-items:stretch}#tf>label{height:78px} .tray #tray{width:100%}.photo-tile{width:90px;min-width:90px;flex-basis:90px}.tray .ph{width:86px;height:86px;min-width:0}.planner-grid{grid-template-columns:1fr;padding:12px;gap:8px}.planner-view{padding:12px}}

/* =============================================================
   ESTÚDIO v4 — biblioteca lateral sempre próxima da diagramação
   ============================================================= */
body:has(#v-editor.on) main{max-width:1760px;padding:20px clamp(12px,2.25vw,38px) 54px}
.brand-image{width:46px;height:46px;object-fit:contain;display:block;flex:none;filter:drop-shadow(0 4px 7px rgba(235,94,32,.18))}
.editor-intro{margin:4px 0 14px}
.editor-intro h2{font-size:clamp(1.5rem,2vw,2rem)}
.editor-intro p{font-size:.8rem}
.studio-bar{margin:0 0 12px;padding:11px 16px}
/* The sidebar takes the first column and stays beside both views */
.ed.editor-studio-layout{display:grid;grid-template-columns:minmax(242px,288px) minmax(0,1fr);gap:14px;align-items:start}
.editor-studio-layout>.tray{grid-column:1;grid-row:1;position:sticky;top:92px;max-height:calc(100dvh - 108px);overflow-y:auto;overflow-x:hidden;order:unset;padding:16px;min-width:0;scrollbar-width:thin}
.editor-studio-layout>.stage,.editor-studio-layout>.planner-view{grid-column:2;grid-row:1;order:unset;min-width:0}
.editor-studio-layout>.tray .tray-heading{display:block;margin-bottom:12px}
.editor-studio-layout>.tray .tray-heading h3{font-size:1.1rem;margin:4px 0 3px}
.editor-studio-layout>.tray .image-well-info{font-size:.71rem;line-height:1.45}
.editor-studio-layout>.tray .tray-tabs{display:grid!important;grid-template-columns:1fr 1fr;margin-bottom:12px!important}
.editor-studio-layout>.tray .tray-tabs .btn{min-width:0;width:100%}
.editor-studio-layout #tf{display:flex;flex-direction:column;align-items:stretch;gap:10px}
.editor-studio-layout #tf>label{height:112px;width:100%;flex:none;display:flex!important;gap:4px}
.editor-studio-layout .tray-subtitle{align-self:stretch;margin:4px 0 0}
.editor-studio-layout .tray #tray{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;overflow:visible;padding:3px 2px 12px;min-height:0}
.editor-studio-layout .photo-tile{width:auto;min-width:0;flex:initial;aspect-ratio:1.03}
.editor-studio-layout .tray .ph{width:100%;height:100%;min-height:0;aspect-ratio:1.03}
.editor-studio-layout .photo-delete{z-index:5}
.editor-studio-layout #tb:not([hidden]){display:flex;flex-direction:column;align-items:stretch;gap:10px}
.editor-studio-layout #tb .wheel{margin:0 auto}
.editor-studio-layout .swb{width:38px;height:38px}
.editor-studio-layout .canvas-workspace{min-height:330px;padding:14px 20px 24px}
.editor-studio-layout .cw{max-width:none}
.editor-studio-layout .cw>.spread{max-width:none}
.editor-studio-layout .rt{grid-template-columns:repeat(2,minmax(56px,68px));min-width:0}
.editor-studio-layout .rt button{min-height:51px}
.editor-studio-layout .stage{padding:16px}
.editor-studio-layout .stage-top{gap:10px}
.editor-studio-layout .planner-view{min-height:470px}
/* The existing responsive rules do not apply to the new grid layout. */
@media(max-width:1150px){
  .ed.editor-studio-layout{grid-template-columns:minmax(218px,244px) minmax(0,1fr);gap:10px}
  .editor-studio-layout .cw{flex-direction:column}
  .editor-studio-layout .rt{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%}
  .editor-studio-layout .canvas-workspace{padding:12px}
}
@media(max-width:780px){
  .ed.editor-studio-layout{display:flex;flex-direction:column;gap:12px}
  .editor-studio-layout>.tray{position:static;max-height:none;overflow:visible;order:1;width:100%}
  .editor-studio-layout>.stage,.editor-studio-layout>.planner-view{order:2;width:100%}
  .editor-studio-layout>.tray .tray-heading{display:flex;align-items:center;justify-content:space-between}
  .editor-studio-layout #tf>label{height:75px}
  .editor-studio-layout .tray #tray{display:flex;overflow-x:auto;overflow-y:hidden;gap:10px;min-height:104px;padding:3px 4px 12px}
  .editor-studio-layout .photo-tile{width:95px;min-width:95px;flex:0 0 95px;height:95px}
  .editor-studio-layout .tray .ph{height:91px;width:91px}
  .editor-studio-layout .rt{grid-template-columns:repeat(4,minmax(0,1fr))}
  .editor-studio-layout .stage{padding:11px}
  body:has(#v-editor.on) main{padding:12px 10px 35px}
}

/* v5: identidade visual oficial enviada pela empresa */
.logo .official-logo{width:62px;height:62px;object-fit:contain;border-radius:50%;filter:drop-shadow(0 4px 8px rgba(0,0,0,.12))}
.editor-brand-group{display:flex;align-items:center;gap:15px}
.editor-brand-logo{width:66px;height:66px;object-fit:contain;flex:none;border-radius:50%;filter:drop-shadow(0 5px 10px rgba(0,0,0,.12))}
@media(max-width:760px){.logo .official-logo{width:46px;height:46px}.editor-brand-logo{width:52px;height:52px}.editor-brand-group{gap:9px}}

/* V7: capas alternáveis e textos editáveis diretamente */
#spread .editable-cover-text{pointer-events:auto;display:inline-block;max-width:100%;cursor:text;min-width:16px;border-radius:4px;outline:1px dashed transparent;padding:2px 4px;position:relative;z-index:8}
#spread .editable-cover-text:hover{outline-color:#ed6a32;background:#fff6}
#spread .editable-cover-text:focus{outline:2px solid #ec5a1c;background:#fffaf2;color:#592c1c;user-select:text}
#spread .cover-title,#spread .cover-bottom,#spread .cover-eyebrow,#spread .cover-back{pointer-events:none;z-index:4}
#spread .cover-back .editable-cover-text,#spread .cover-front .editable-cover-text{pointer-events:auto}
.cover-option{display:flex;flex-direction:column;gap:9px;text-align:center}.cover-option strong{color:#693820;font-size:14px}.cover-option.chosen{border-color:#ec5a1c;box-shadow:0 0 0 2px #ec5a1c33}
.cover-design{position:absolute;inset:0;pointer-events:none}
.spread:has(.cover-layout-1) .cover-back{background:linear-gradient(140deg,#f3c5a7,#b85d3b)}
.spread:has(.cover-layout-1) .cover-front{background:#faf3ed}
.spread:has(.cover-layout-1) .cover-title{bottom:16%;color:#fff;background:#6b2e1db8;padding:5px}
.spread:has(.cover-layout-1) .cover-bottom{bottom:6%;color:#fff;background:#6b2e1da8;padding:4px}
.spread:has(.cover-layout-2) .cover-back{background:linear-gradient(145deg,#f8e6dc,#f3d5c6)}
.spread:has(.cover-layout-2) .cover-front{background:linear-gradient(145deg,#fff9f5,#f7eee5)}
.spread:has(.cover-layout-2) .cover-title{bottom:18%;font-family:Fraunces,Georgia,serif;font-style:italic}
.spread:has(.cover-layout-2) .cover-bottom{bottom:8%}
.spread:has(.cover-layout-3) .cover-back{background:#432c29;color:#fce1c8}
.spread:has(.cover-layout-3) .cover-front{background:#fbf5ed}
.spread:has(.cover-layout-3) .cover-title{bottom:13%;color:#3c2c27;text-transform:uppercase;font-size:clamp(11px,2vw,20px)}
.spread:has(.cover-layout-3) .cover-bottom{bottom:6%;letter-spacing:1px}
.spread:has(.cover-layout-4) .cover-back{background:linear-gradient(145deg,#b66f4c,#e4b699);color:#fff}
.spread:has(.cover-layout-4) .cover-front{background:#fbece3}
.spread:has(.cover-layout-4) .cover-title{bottom:5%;left:54%;width:42%;color:#7b3f25;background:#fffbf1ad}
.spread:has(.cover-layout-4) .cover-bottom{top:11%;bottom:auto;color:#9d4a23}
/* O layout da capa usa uma foto fixa; o modelo troca sua posição visual */

/* Edição livre v8 — fotos e textos têm movimentos independentes */
#spread .cell[data-c]{cursor:grab;touch-action:none}
#spread .cell[data-c]:active{cursor:grabbing}
#spread .photo-visual{transition:none;will-change:transform}
#spread .movable-text{position:absolute;z-index:12;transform:translate(-50%,-50%);text-align:center;min-width:36px;max-width:46%;pointer-events:auto;display:flex;align-items:center;justify-content:center;gap:3px}
#spread .movable-text.text-backBrand,#spread .movable-text.text-backCaption{max-width:44%;color:#8b482b}
#spread .movable-text.text-brand{font:700 9px 'DM Sans',sans-serif;letter-spacing:1.8px;color:#965131;white-space:normal}
#spread .movable-text.text-title{font:600 clamp(13px,2vw,25px) Fraunces,Georgia,serif;color:#743a24;max-width:42%;width:42%;line-height:1.15}
#spread .movable-text.text-subtitle{font:700 8px 'DM Sans',sans-serif;letter-spacing:1.8px;color:#a85a37;max-width:45%}
#spread .movable-text.text-page{max-width:80%;font:600 17px Fraunces,Georgia,serif;color:#6d3726}
#spread .movable-text .editable-cover-text{overflow-wrap:anywhere;white-space:normal;outline:1px dashed transparent;pointer-events:auto;min-width:15px;cursor:text}
#spread .movable-text .text-move-handle{position:absolute;left:-23px;top:50%;transform:translateY(-50%);width:23px;height:23px;padding:0;border:1px solid #e96a31;border-radius:6px;background:#fff7ef;color:#c7511b;cursor:move;touch-action:none;font-size:16px;display:none;z-index:18}
#spread .movable-text:hover .text-move-handle,#spread .movable-text:focus-within .text-move-handle{display:block}
#spread .movable-text.text-backBrand,#spread .movable-text.text-backCaption{font-size:10px;letter-spacing:1px}
#spread .movable-text.text-backCaption{font-size:9px;opacity:.8}
/* Readonly previews do not need handles */
.page-thumb-preview .movable-text,.planner-spread .movable-text,#bk .movable-text,#gg .movable-text{position:absolute;transform:translate(-50%,-50%);text-align:center;z-index:10;pointer-events:none;max-width:44%;font:600 7px Fraunces,Georgia,serif;color:#743a24}
@media(max-width:760px){#spread .movable-text.text-title{font-size:12px}#spread .movable-text .text-move-handle{display:block}}


.spread:has(.cover-layout-5) .cover-back,.spread:has(.cover-layout-5) .cover-front{background:transparent}
.spread:has(.cover-layout-5) .cover-front{border-left:1px solid rgba(225,173,143,.75)}
.spread:has(.cover-layout-5) .cell.cover-full{border:0;background:transparent}
.spread:has(.cover-layout-5) .cell.cover-full .photo-visual{box-shadow:none}
.spread:has(.cover-layout-5) .movable-text.text-title{left:75%;top:86%;width:40%;max-width:40%;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.35)}
.spread:has(.cover-layout-5) .movable-text.text-subtitle{left:75%;top:93%;max-width:40%;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.35)}
.page-thumb-preview .cell.cover-full,.planner-spread .cell.cover-full,#bk .cell.cover-full,#gg .cell.cover-full{border:0;background:transparent}

/* V11: fotografias demonstrativas locais e substituíveis */
.stack{isolation:isolate}
.stack div{background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important;border-color:#fff;box-shadow:0 20px 35px rgba(67,38,22,.2)}
.stack .g1{background-image:url("assets/img/destaque-01.webp")!important}
.stack .g2{background-image:url("assets/img/destaque-02.webp")!important}
.stack .g3{background-image:url("assets/img/destaque-03.webp")!important}
.product-card{overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}
.product-card:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(83,52,31,.11)}
.product-photo{aspect-ratio:4/3;border-radius:11px;overflow:hidden;margin-bottom:14px;background:#f1e7de}
.product-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .28s ease}
.product-card:hover .product-photo img{transform:scale(1.04)}
@media(max-width:760px){.stack{height:290px}.product-photo{aspect-ratio:3/2}}
@media(prefers-reduced-motion:reduce){.product-card,.product-photo img{transition:none}}

/* Estúdio v12 — personalização independente das cores dos textos */
.text-color-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:10px 0 20px;padding:14px 16px;background:#fff8f3;border:1px solid #f2d9ca;border-radius:13px;color:#54382a}
.text-color-heading{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px;flex-basis:100%}
.text-color-heading strong{font-size:14px}
.text-color-heading span{font-size:12px;color:#8b7163}
.text-color-toolbar>label{margin:0;font-size:12px;font-weight:700}
.text-color-toolbar select{width:min(220px,100%);background:white}
.text-color-toolbar input[type=color]{width:45px;height:39px;padding:4px;border:1px solid #e6cbbd;cursor:pointer;background:white}
.text-color-swatches{display:flex;gap:5px;flex-wrap:wrap}
.text-color-swatch{width:27px;height:27px;border-radius:50%;border:2px solid white;box-shadow:0 0 0 1px #d8c2b5;cursor:pointer}
.text-color-swatch:hover{box-shadow:0 0 0 2px #e85a1c}
.text-color-toolbar .btn{font-size:12px;padding:8px 11px}
@media(max-width:760px){.text-color-toolbar{gap:8px}.text-color-toolbar select{width:100%;flex:1}}

/* V13 — Enquadramento e dimensões independentes */
.editor-mode-panel{margin:13px 0 10px;padding:12px 14px;border:1px solid #f0d7c8;border-radius:12px;background:#fff9f4}
.editor-mode-buttons{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.edit-mode{border:1px solid #eac8b5;background:#fff;color:#713e29;border-radius:9px;padding:9px 14px;cursor:pointer;font:600 13px 'DM Sans',sans-serif}
.edit-mode.is-active{background:#ed5b20;border-color:#ed5b20;color:#fff}
.editor-mode-panel p{font-size:12px;margin:8px 0 0;color:#886e60}
#spread .cell.sel{overflow:visible}#spread .photo-window{position:absolute;inset:0;overflow:hidden;pointer-events:none;background:#e8e5e0}
#spread .photo-window .photo-visual{position:absolute;inset:0;background-position:center;background-repeat:no-repeat}
.spread:not(#spread) .photo-window{position:absolute;inset:0;overflow:hidden;background:#e8e5e0}
.spread:not(#spread) .photo-window .photo-visual{position:absolute;inset:0}
#spread .frame-handle{position:absolute;z-index:20;width:12px;height:12px;background:#fff;border:2px solid #eb5e20;border-radius:3px;box-shadow:0 1px 4px #0003;touch-action:none}
#spread .fh-nw{left:-6px;top:-6px;cursor:nwse-resize}#spread .fh-ne{right:-6px;top:-6px;cursor:nesw-resize}
#spread .fh-sw{left:-6px;bottom:-6px;cursor:nesw-resize}#spread .fh-se{right:-6px;bottom:-6px;cursor:nwse-resize}
#spread .fh-n{left:calc(50% - 6px);top:-6px;cursor:ns-resize}#spread .fh-s{left:calc(50% - 6px);bottom:-6px;cursor:ns-resize}
#spread .fh-e{right:-6px;top:calc(50% - 6px);cursor:ew-resize}#spread .fh-w{left:-6px;top:calc(50% - 6px);cursor:ew-resize}
#spread.frame-active .cell[data-c]{cursor:move}
.checkout-dialog{max-width:680px;width:min(680px,94vw);border:0;border-radius:20px;background:#fffaf7;color:#332a25;padding:24px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 80px #24150b55}
.checkout-header{display:flex;justify-content:space-between;align-items:center;gap:20px}.checkout-header h2{margin:3px 0 12px;font-size:28px}
.checkout-demo-banner{padding:10px 13px;background:#fff0e4;color:#a94716;border:1px solid #f5c8aa;border-radius:10px;margin:9px 0 18px;font-size:12px;font-weight:700;letter-spacing:.4px}
.cart-line{display:grid;grid-template-columns:1fr auto auto auto;gap:10px;align-items:center;padding:14px 0;border-bottom:1px solid #eedad0}
.cart-line small{display:block;color:#9c8275;font-size:12px}.cart-qty{display:flex;align-items:center;gap:9px}.cart-qty button{background:#fff;border:1px solid #eddbd0;border-radius:7px;padding:3px 9px;cursor:pointer}
.cart-remove{background:transparent;border:0;color:#a74722;font-size:23px;cursor:pointer}
.cart-total{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0;font-size:18px}.cart-total strong{color:#d9561b;font-size:22px}
.checkout-footnote{font-size:12px;color:#846e60}.checkout-primary{width:100%;padding:13px;text-align:center;margin-top:10px;cursor:pointer}.checkout-primary:disabled{opacity:.45;cursor:not-allowed}
.mp-demo{display:flex;gap:14px;background:#e8f6fc;padding:17px;border-radius:12px;align-items:center;margin-top:18px}.mp-demo small{display:block;color:#516c79}.mp-mark{font-size:30px;color:#079ee0}
#paymentStep label{margin-top:14px}.success-demo-icon{display:grid;place-items:center;background:#dff6e7;color:#278545;border-radius:50%;width:56px;height:56px;font-size:32px;margin:15px auto}.checkout-dialog #paymentSuccess{text-align:center}.demo-email-preview{text-align:left;border:1px solid #edd8ca;background:white;border-radius:11px;padding:15px}
@media(max-width:600px){.cart-line{grid-template-columns:1fr auto}.cart-line>.cart-remove{justify-self:end}.checkout-dialog{padding:15px}}