/* =====================================================================
   MIRAGEM · camada de visual (groovy, redondo, retrô)
   Carregada depois de style.css. Não altera o 3D (model3d.js, canvas,
   #hero-product, #product, tamanhos e proporções do palco).
   ===================================================================== */
:root{
  --display:'Bagel Fat One','Arial Rounded MT Bold','Trebuchet MS',system-ui,sans-serif;
  --body-font:'DM Sans','Miragem Sans',system-ui,-apple-system,'Segoe UI',Helvetica,Arial,sans-serif;
  --panel:color-mix(in srgb,var(--ink) 7%,var(--paper));
  --line2:color-mix(in srgb,var(--ink) 18%,transparent);
  --ring2:0 0 0 3px var(--paper),0 0 0 6px var(--ink);
}
body{font-family:var(--body-font);font-size:17px;line-height:1.55}
button,input,textarea,select,option{font-family:inherit}
:where(a,button,input,textarea,select,summary):focus-visible{outline:none;box-shadow:var(--ring2)}

/* Títulos: fonte grossa, arredondada e retrô */
h1,h2,h3,.model-cards h3,.price-line strong,.home-features h2,.home-final h2,.models-heading h2,.editor-heading h2,#studio .editor-heading h2,#customizer-page .intro h1,dialog h2{
  font-family:var(--display)!important;font-weight:400!important;letter-spacing:.005em!important}
.eyebrow{font-weight:700;font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}

/* Cabeçalho */
header{position:sticky;top:0;z-index:50;max-width:none;margin:0;min-height:84px;padding:10px 5.5%;background:color-mix(in srgb,var(--paper) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line2)}
nav{gap:6px}
nav a{padding:10px 18px;border-radius:999px;font-size:16px;font-weight:500;transition:background .25s}
nav a:hover,nav a.active{background:var(--panel)}
nav a.active:after{display:none}
.theme-toggle{width:44px;height:44px;border:2px solid var(--line2);border-radius:50%;background:transparent;transition:background .25s,border-color .25s}
.theme-toggle:hover{background:var(--panel);border-color:var(--ink)}
@media(min-width:781px){header .logo-swap{width:200px;height:50px}header .logo-symbol{width:64px}header .logo-wordmark{inset:8px 0}}
@media(max-width:780px){header{position:static}}

/* Botões */
.primary,.outline-button{border-width:2px;font-weight:700;border-radius:999px;transition:transform .25s ease,background .25s,color .25s}
.primary:hover,.outline-button:hover{transform:translateY(-2px) rotate(-.6deg);box-shadow:none}
.outline-button:hover{background:var(--panel)}
.primary:active,.outline-button:active{transform:none}
#studio .primary{border-radius:999px}
.secondary{border:2px solid var(--line2);border-radius:999px;background:transparent;font-weight:700;transition:background .25s,border-color .25s}
.secondary:hover{background:var(--panel);border-color:var(--ink)}

/* Início: faixas ondulares no fundo e título */
#home-page{position:relative}
.hero-deco{position:absolute;left:0;right:0;top:0;height:820px;overflow:hidden;pointer-events:none;z-index:0}
.hero-deco svg{width:100%;height:100%;display:block}
.hero-deco path{fill:none;stroke:var(--ink);stroke-width:34;stroke-linecap:round;opacity:.07}
.home-hero{position:relative;z-index:1}
.hero-copy .eyebrow{display:block;border:0;border-radius:0;padding:0;margin:0 0 18px;font-size:.8rem;letter-spacing:.16em}
.hero-copy h1{font-size:clamp(46px,6.2vw,96px);line-height:.98;margin:0 0 24px;white-space:normal}
.hero-copy h1 .headline-vibe{color:var(--ink);text-decoration:underline wavy;text-decoration-thickness:.05em;text-underline-offset:.12em}
.hero-subtitle{color:var(--muted);font-size:1.28rem;line-height:1.5;max-width:32ch}
.starting-price{color:var(--muted)}
/* O espelho fica sem fundo: some o recorte orgânico e a marca d'água atrás do palco */
#home-page svg.hero-organic-panel,.hero-organic-panel{display:none}
#home-page .hero-product-stage:before{display:none}

/* Diferenciais */
.home-features{background:transparent;color:var(--ink);margin-top:0;padding:8px 0 70px}
.home-features .section-wave,.home-final .section-wave{display:none}
.home-features h2{color:var(--ink);font-size:clamp(2rem,4.4vw,3.2rem);margin:0 0 26px}
.home-features h2 span{font-family:inherit;color:var(--ink)}
.feature-cards article{border:2px solid var(--line2);border-radius:36px 36px 36px 10px;padding:22px 24px;min-height:0;gap:18px;transition:transform .35s cubic-bezier(.3,1.5,.5,1),border-color .25s}
.feature-cards article:hover{transform:rotate(-1.2deg) translateY(-4px);border-color:var(--ink)}
.feature-symbol{flex:none;width:56px;height:56px;min-width:56px;border-radius:50% 50% 50% 14%;background:var(--ink);color:var(--paper);font-family:var(--display);font-size:1.6rem}
.feature-cards p{border:0;padding:0;margin:0;font-family:var(--display);font-size:1.3rem;line-height:1.12}

/* Tamanhos em faixa com ondas */
.wave{display:block;width:100%;height:70px;color:var(--panel)}
.wave path{fill:currentColor}
.wave-flip{transform:scaleY(-1)}
.band-wrap{background:var(--panel)}
.home-models{padding-top:56px;padding-bottom:64px;scroll-margin-top:90px}
.models-heading h2{font-size:clamp(2.2rem,4.6vw,3.6rem);line-height:1.02}
.model-cards article{border:2px solid var(--line2);border-radius:36px 36px 36px 10px;background:var(--paper);box-shadow:none;overflow:hidden}
.model-cards article:hover{transform:rotate(-1deg) translateY(-6px);border-color:var(--ink);box-shadow:none}
.model-number{border:0;background:var(--ink);color:var(--paper);border-radius:50% 50% 50% 14%;width:42px;height:42px;line-height:42px;font-family:var(--display);font-size:1rem}
.model-cards h3{font-size:1.9rem}
.model-cards h3 small{font-family:var(--body-font)}
.model-cards strong{font-family:var(--display);font-weight:400;font-size:1.9rem}
.sil{position:absolute;right:24px;top:22px;width:calc(var(--w)*.7px);height:calc(var(--h)*.7px);border:3px solid var(--ink);border-radius:22%/11%;background:color-mix(in srgb,var(--ink) 8%,transparent);transition:transform .4s cubic-bezier(.3,1.5,.5,1)}
.sil:before{content:"";position:absolute;top:3%;left:50%;width:26%;height:2%;transform:translateX(-50%);border-radius:99px;background:var(--ink)}
.model-cards article:hover .sil{transform:rotate(-3deg)}

/* Como funciona */
.home-steps{padding-top:72px;padding-bottom:24px}
.home-steps h2{font-size:clamp(2.2rem,5vw,3.6rem);margin:12px 0 40px;line-height:1.02}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;counter-reset:s;list-style:none;padding:0;margin:0}
.steps li{counter-increment:s}
.steps li:before{content:counter(s);display:grid;place-items:center;width:56px;height:56px;border-radius:50% 50% 50% 12%;background:var(--ink);color:var(--paper);font-family:var(--display);font-size:1.6rem;margin-bottom:16px}
.steps h3{font-size:1.7rem;margin:0 0 8px}
.steps p{margin:0;color:var(--muted);max-width:30ch}
.promise{margin:36px 0 0;padding:18px 22px;border-radius:22px;background:var(--panel);max-width:64ch}
.fine{color:var(--muted);font-size:.92rem;max-width:64ch;margin:20px 0 0}

/* Fechamento */
.home-final{background:transparent;color:var(--ink);margin-top:0;padding:64px 0 88px}
.home-final .eyebrow{color:var(--muted);opacity:1}
.home-final h2{font-size:clamp(2.4rem,6vw,4.8rem);line-height:1.02}
.home-final .primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}
footer{border-top:1px solid var(--line2)}

/* Personalizador */
#customizer-page .intro h1{font-size:clamp(2rem,4vw,3.2rem);line-height:1.02}
#customizer-page .intro .eyebrow{display:block}
#studio .preview,#studio .editor{border:2px solid var(--line2);border-radius:36px 36px 36px 10px}
#studio .editor{padding:28px}
#studio .editor-heading h2{font-size:1.7rem;margin:0 0 6px}
#studio .tabs{background:transparent;padding:0;gap:8px;margin:22px 0 24px}
#studio .tabs button{border:2px solid var(--line2);border-radius:999px;padding:10px 6px;font-weight:700;font-size:.9rem;color:var(--ink);transition:background .25s,color .25s,border-color .25s}
#studio .tabs button:hover{border-color:var(--ink)}
#studio .tabs button.active{background:var(--ink);color:var(--paper);border-color:var(--ink);box-shadow:none}
input,textarea,select,.input-wrap{border:2px solid var(--line2);border-radius:16px;background:transparent;transition:border-color .25s,box-shadow .25s}
input:hover,textarea:hover,select:hover,.input-wrap:hover{border-color:var(--muted)}
.input-wrap input{border:0;box-shadow:none;background:transparent}
.input-wrap:focus-within,input:focus-visible,textarea:focus-visible,select:focus-visible{border-color:var(--ink);box-shadow:var(--ring2)}
.input-wrap input:focus,.input-wrap input:focus-visible{box-shadow:none}
#studio input,#studio textarea,#studio select,#studio .input-wrap{border-radius:16px}
#studio .input-wrap input{border-radius:16px}
#studio .upload-card{border:2px dashed var(--line2);border-radius:20px;background:transparent}
.color-choice,.custom-color,.light-swatches button,.style-option-cards button{border:2px solid var(--line2);border-radius:18px;background:transparent;font-weight:700;transition:background .25s,color .25s,border-color .25s}
#studio .color-choice{border-radius:18px}
.color-choice:hover,.custom-color:hover,.light-swatches button:hover,.style-option-cards button:hover{border-color:var(--ink)}
.color-choice.active,.light-swatches button.active,.style-option-cards button.active{background:var(--ink);color:var(--paper);border-color:var(--ink);box-shadow:none}
.color-choice.active .option-price{color:inherit}
.style-option-cards .option-price{background:var(--panel)}
#studio .view-controls button{border:2px solid transparent;border-radius:999px;font-weight:700}
#studio .view-controls button.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}
#studio .view-controls .rotation-control{border:2px solid var(--line2)}
#studio .view-controls .rotation-control[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.switch-row input{flex:0 0 52px;width:52px;height:30px;border-radius:99px;background:var(--line2)}
.switch-row input:before{width:24px;height:24px;left:3px;top:3px;background:var(--paper);box-shadow:inset 0 0 0 2px var(--ink);transition:transform .3s cubic-bezier(.3,1.5,.5,1)}
.switch-row input:checked{background:var(--ink)}
.switch-row input:checked:before{transform:translateX(22px);box-shadow:none;background:var(--paper)}
.switch-row input:focus-visible{box-shadow:var(--ring2)}
.price-line strong{font-size:1.9rem}

/* Janelas e aviso */
dialog{border:2px solid var(--line2);border-radius:36px 36px 36px 10px;padding:36px}
.close{border:2px solid var(--line2);border-radius:50%;width:40px;height:40px;display:grid;place-items:center;padding:0;font-size:22px;line-height:1}
.production-deadline{border-radius:18px;background:var(--panel)}
#toast{border:0;border-radius:999px;background:var(--ink);color:var(--paper);font-weight:700}

/* Celular */
@media(max-width:1000px){.steps{grid-template-columns:1fr;gap:28px}}
@media(max-width:780px){
  .hero-deco{height:900px}
  .home-features{padding-bottom:44px}
  .feature-symbol{width:48px;height:48px;min-width:48px;font-size:1.35rem}
  .feature-cards p{font-size:1.15rem}
  .home-models{padding-top:36px;padding-bottom:44px}
  .sil{width:calc(var(--w)*.5px);height:calc(var(--h)*.5px);right:22px;top:22px}
  .wave{height:44px}
  .home-final{padding:44px 0 64px}
  .home-steps{padding-top:48px}
  dialog{padding:30px 20px}
}
@media(prefers-reduced-motion:reduce){.primary:hover,.outline-button:hover,.model-cards article:hover,.feature-cards article:hover{transform:none}}

/* Troca do ícone pelo nome MIRAGEM: dissolve com blur mais evidente (0,5 s) */
.logo-swap>span{transition:opacity .5s ease-in-out,filter .5s ease-in-out,transform .5s ease-in-out!important}
.logo-symbol{filter:blur(0)!important;opacity:1}
.logo-wordmark{filter:blur(14px)!important;opacity:0}
.logo-swap:hover .logo-symbol,.logo-swap:focus-visible .logo-symbol{filter:blur(14px)!important;opacity:0}
.logo-swap:hover .logo-wordmark,.logo-swap:focus-visible .logo-wordmark{filter:blur(0)!important;opacity:1}
@media(prefers-reduced-motion:reduce){.logo-swap>span{transition:none!important}}

/* Transição do símbolo para o nome MIRAGEM */
.logo-swap>span{transition:opacity .6s ease-in-out,filter .6s ease-in-out,transform .6s ease-in-out!important}.logo-symbol{transform:scale(1);filter:blur(0)!important}.logo-wordmark{transform:scale(.97);filter:blur(14px)!important}.logo-swap:hover .logo-symbol,.logo-swap:focus-visible .logo-symbol{transform:scale(1.04);filter:blur(14px)!important;opacity:0}.logo-swap:hover .logo-wordmark,.logo-swap:focus-visible .logo-wordmark{transform:scale(1);filter:blur(0)!important;opacity:1}@media(prefers-reduced-motion:reduce){.logo-swap>span{transition:none!important;transform:none!important}}

#comment{resize:none;overflow:hidden;min-height:78px;box-sizing:border-box}#profile>.switch-row{margin:0 0 20px;padding:12px 0 18px;border-top:0;border-bottom:1px solid var(--line)}.hero-copy h1 .headline-vibe{text-decoration:none!important}.hero-copy h1{font-size:clamp(64px,8.4vw,132px);line-height:1.04;margin:0 0 30px;letter-spacing:-.015em!important}.hero-copy{padding-top:30px;padding-bottom:30px}.hero-subtitle{margin-top:0}@media(max-width:780px){.hero-copy h1{font-size:clamp(58px,12.8vw,96px)}.hero-copy{padding-top:16px;padding-bottom:16px}}@media(max-width:380px){.hero-copy h1{font-size:clamp(46px,12.4vw,58px)}}

/* LED lateral: uma opção por linha em telas pequenas. */
@media(max-width:600px){#side-led+.style-option-cards{grid-template-columns:minmax(0,1fr)}#side-led+.style-option-cards button{min-width:0;min-height:66px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px}#side-led+.style-option-cards .option-name{min-width:0;flex:1;overflow-wrap:anywhere}#side-led+.style-option-cards .option-price{flex:0 0 auto;max-width:100%;font-size:13px;white-space:nowrap;margin:0}#side-led+.style-option-cards .option-check{top:2px;right:5px}}@media(max-width:340px){#side-led+.style-option-cards button{flex-direction:column;align-items:flex-start;gap:8px}#side-led+.style-option-cards .option-price{white-space:normal}}
.mobile-editor-tools,.mobile-zoom-reset{display:none}.mobile-theme-section,.mobile-light-section{display:contents}
@media(max-width:780px){
#customizer-page .intro{padding:18px 0 12px}#customizer-page .intro h1{font-size:28px}#customizer-page .intro .eyebrow{display:none}#customizer-page .intro #about{font-size:12px;padding:8px 12px}
#studio{display:flex;flex-direction:column;gap:0;background:transparent;border:0;box-shadow:none}#studio .preview{position:sticky;top:0;z-index:10;background:var(--paper);border:0;border-radius:0;padding:8px 0}#studio .stage{height:clamp(270px,43dvh,440px);overflow:hidden;margin:0;touch-action:none}#studio #model3d{touch-action:none}#studio .vertical-note,#studio .stage-tag,#studio .preview-top>span{display:none}#studio .preview-top{justify-content:flex-end}#studio .view-controls{flex-wrap:wrap;justify-content:center;gap:3px;padding-top:6px}#studio .view-controls button{font-size:12px;padding:6px 8px}#studio .preview-note{font-size:11px;margin:6px 0}#studio .editor{border:0;border-radius:24px 24px 0 0;padding:14px;background:var(--surface)}#studio .editor-heading,#studio .tabs{display:none}.mobile-editor-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;position:sticky;top:0;background:var(--surface);padding:4px 0 12px;z-index:2}.mobile-editor-tools button{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 2px;border:1px solid var(--line);border-radius:14px;background:transparent;font-size:12px;min-width:0}.mobile-editor-tools button span{font-size:23px;line-height:1}.mobile-editor-tools button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}#studio .tab-panel{min-height:0;max-height:34dvh;overflow-y:auto;overscroll-behavior:contain;padding:4px 4px 14px;scroll-padding:10px}#style[data-mobile-tool=theme] .mobile-light-section,#style[data-mobile-tool=lights] .mobile-theme-section{display:none}.mobile-theme-section,.mobile-light-section{display:block}.mobile-zoom-reset{display:block}#studio .editor-footer{margin-top:10px;padding-top:12px}#studio .editor-footer>div:not(.price-line),#studio .footer-note{display:none}#studio .editor-footer>.primary{margin-top:8px}.feature-cards p{word-spacing:.04em}
}
@media(max-width:780px){
html.mobile-editor-open,html.mobile-editor-open body{height:100%;overflow:hidden;overscroll-behavior:none}
.mobile-editor-open body>header{position:fixed;top:0;left:0;right:0;z-index:60}
.mobile-editor-open #customizer-page{position:fixed;top:var(--mobile-header-height,84px);left:0;right:0;bottom:0;height:calc(100dvh - var(--mobile-header-height,84px));max-width:none;padding:0 12px;overflow:hidden;display:flex;flex-direction:column;background:var(--paper)}
.mobile-editor-open #customizer-page>.intro,.mobile-editor-open #customizer-page>.benefits,.mobile-editor-open #customizer-page>footer{display:none}
.mobile-editor-open #studio{display:grid;grid-template-rows:minmax(0,46%) minmax(0,54%);flex:1;min-height:0;margin:0;gap:0;overflow:hidden}
.mobile-editor-open #studio .preview{position:relative;top:auto;min-height:0;display:flex;flex-direction:column;padding:0 0 4px;overflow:hidden}
.mobile-editor-open #studio .preview-top{flex:none;padding:0;height:25px}.mobile-editor-open #studio .preview-top button{font-size:11px;padding:2px 5px}
.mobile-editor-open #studio .stage{flex:1;min-height:0;height:auto;margin:0}
.mobile-editor-open #studio .view-controls{flex:none;margin:0;padding-top:3px;gap:2px}.mobile-editor-open #studio .view-controls button{font-size:11px;padding:4px 6px}
.mobile-editor-open #studio .preview-note{flex:none;font-size:10px;line-height:1.3;margin:3px 0}.mobile-editor-open #studio .remove-reflection{padding:2px;font-size:11px}
.mobile-editor-open #studio .editor{display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:8px 10px max(8px,env(safe-area-inset-bottom));border-radius:20px 20px 0 0}
.mobile-editor-open .mobile-editor-tools{position:relative;top:auto;flex:none;margin:0;padding:0 0 8px}.mobile-editor-open .mobile-editor-tools button{padding:6px 2px;min-height:52px}
.mobile-editor-open #studio .tab-panel{flex:1;min-height:0;max-height:none;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:4px 4px 12px;scrollbar-width:thin}
.mobile-editor-open #studio .editor-footer{flex:none;margin:0;padding-top:7px;border-top:1px solid var(--line)}.mobile-editor-open #studio .price-note{display:none}.mobile-editor-open #studio .price-line strong{font-size:23px}.mobile-editor-open #studio .price-line span{font-size:12px}.mobile-editor-open #studio .editor-footer>.primary{padding:10px 14px;margin-top:5px}
}
.mobile-photo-top,.mobile-photo-price,.mobile-options-toggle{display:none}
@media(max-width:780px){
.mobile-editor-open body>header{display:none}.mobile-editor-open #customizer-page{top:0;height:100dvh;padding:0 12px;--paper:#141310;--surface:#141310;--ink:#E9E2D2;--muted:#aba699;--line:#3a3832;--line2:#3a3832;--field:#22211d;--soft:#292721;--panel:#292721;--accent:#E9E2D2;--accent-ink:#141310;color:var(--ink);background:var(--paper)}
.mobile-photo-top{display:flex;align-items:center;justify-content:space-between;height:54px;flex:none;padding:6px 4px;gap:12px}.mobile-photo-top a{font-size:35px;line-height:1;padding:4px 10px}.mobile-photo-top span{font-size:14px}.mobile-photo-top button{border:0;border-radius:999px;padding:9px 14px;background:#E9E2D2;color:#141310;font-size:13px;font-weight:600}
.mobile-editor-open #studio{grid-template-rows:minmax(0,62%) minmax(0,38%)}.mobile-editor-open #studio .preview-top{display:none}.mobile-editor-open #studio .preview{background:transparent}.mobile-editor-open #studio .stage{background:radial-gradient(ellipse at center,#39362e 0,transparent 68%)}.mobile-editor-open #studio .editor{padding:4px 4px max(8px,env(safe-area-inset-bottom));border-radius:0;background:transparent}.mobile-editor-open #studio .tab-panel{order:0;border-bottom:1px solid var(--line);padding:8px 6px;flex:1}.mobile-photo-price{display:block;order:1;flex:none;text-align:center;font-size:12px;margin:5px 0;color:var(--muted)}.mobile-options-toggle{display:block;order:2;flex:none;align-self:center;border:0;background:none;color:var(--muted);font-size:11px;padding:3px 10px}.mobile-editor-open .mobile-editor-tools{order:3;padding:7px 0 0;gap:8px;flex:none}.mobile-editor-open .mobile-editor-tools button{border:0;border-radius:14px;padding:9px 2px;min-height:58px;background:transparent}.mobile-editor-open .mobile-editor-tools button[aria-pressed=true]{background:#E9E2D2;color:#141310}.mobile-editor-open #studio .editor-footer{display:none}.mobile-editor-open #studio .style-option-cards button{min-height:62px;padding:10px}.mobile-editor-open #studio .light-swatches{grid-template-columns:repeat(4,minmax(0,1fr))}.mobile-editor-open #studio .light-swatches button{padding:7px 2px;font-size:11px;gap:4px}
.mobile-editor-open #customizer-page.options-collapsed #studio{grid-template-rows:minmax(0,1fr) 112px}.mobile-editor-open .options-collapsed #studio .tab-panel{display:none}.mobile-editor-open .options-collapsed .mobile-photo-price{margin:0}
}
@media(max-width:780px){.mobile-editor-open #studio{height:0;flex:1 1 0;align-items:stretch}.mobile-editor-open #studio .preview,.mobile-editor-open #studio .editor{align-self:stretch;width:100%;height:100%;box-sizing:border-box}.mobile-editor-open #studio .stage{flex:1 1 0;width:100%;min-height:0}.mobile-editor-open #studio #model3d{display:block;width:100%;height:100%}.mobile-editor-open #customizer-page{padding-top:env(safe-area-inset-top)}.mobile-editor-open #studio .tab-panel{flex:1 1 0}.mobile-editor-open #studio .view-controls{max-width:100%;flex-wrap:wrap}}
.hud-control-icon{display:none}
@media(max-width:780px){
.mobile-editor-open .mobile-photo-top{height:44px;padding:3px 0}.mobile-editor-open .mobile-photo-top>span{display:none}.mobile-editor-open .mobile-photo-top a{font-size:29px}.mobile-editor-open .mobile-photo-top button{display:grid;place-items:center;width:40px;height:36px;padding:4px}.mobile-editor-open #studio{grid-template-rows:minmax(0,68%) minmax(0,32%)}.mobile-editor-open #studio .editor{padding:3px 2px max(5px,env(safe-area-inset-bottom))}.mobile-editor-open .mobile-editor-tools{gap:6px;padding:4px 0 0}.mobile-editor-open .mobile-editor-tools button{font-size:0;min-height:42px;height:42px;padding:6px;gap:0;border-radius:11px}.mobile-editor-open .mobile-editor-tools button span{font-size:23px}.mobile-editor-open .mobile-photo-price{font-size:11px;margin:3px 0}.mobile-editor-open .mobile-options-toggle{font-size:0;height:22px;min-width:44px;padding:2px 12px}.mobile-editor-open .mobile-options-toggle:after{content:'⌄';font-size:22px;line-height:16px}.mobile-editor-open .mobile-options-toggle[aria-expanded=false]:after{content:'⌃'}.mobile-editor-open #studio .view-controls{gap:6px;padding:2px 0;border:0}.mobile-editor-open #studio .view-controls button{min-width:34px;height:34px;padding:5px;display:flex;align-items:center;justify-content:center}.mobile-editor-open .hud-control-text,.mobile-editor-open #expand-preview>span,.mobile-editor-open #studio .preview-note{display:none}.mobile-editor-open .hud-control-icon{display:block;font-size:22px;line-height:1}.mobile-editor-open #customizer-page.options-collapsed #studio{grid-template-rows:minmax(0,1fr) 83px}.mobile-editor-open #studio .style-option-cards button{min-height:52px;padding:8px}.mobile-editor-open #studio .light-swatches button{padding:5px 2px}.mobile-editor-open #studio .tab-panel .help{font-size:11px;margin:5px 0 10px}.mobile-editor-open #studio .field-label,.mobile-editor-open #studio label{font-size:13px}.mobile-editor-open #studio .tab-panel input:not([type=checkbox]):not([type=color]),.mobile-editor-open #studio .tab-panel textarea{font-size:16px;padding:9px}.mobile-editor-open #studio .colors{gap:6px;margin-bottom:12px}.mobile-editor-open #studio .color-choice,.mobile-editor-open #studio .custom-color{padding:8px 4px}
}

/* HUD menor e configurações mais próximas do espelho no celular. */
@media(max-width:780px){
.mobile-editor-open .mobile-photo-top{height:38px;padding:1px 0}
.mobile-editor-open .mobile-photo-top a{font-size:25px}
.mobile-editor-open .mobile-photo-top button{width:34px;height:32px}
.mobile-editor-open #studio{grid-template-rows:minmax(0,63%) minmax(0,37%)}
.mobile-editor-open #studio .editor{padding:0 2px max(3px,env(safe-area-inset-bottom))}
.mobile-editor-open #studio .tab-panel{padding:2px 4px 5px}
.mobile-editor-open .mobile-editor-tools{gap:5px;padding:2px 0 0}
.mobile-editor-open .mobile-editor-tools button{height:36px;min-height:36px;padding:4px;border-radius:9px}
.mobile-editor-open .mobile-editor-tools button span{font-size:20px}
.mobile-editor-open #studio .view-controls{gap:4px;padding:0}
.mobile-editor-open #studio .view-controls button{height:30px;min-width:30px;padding:3px}
.mobile-editor-open .hud-control-icon{font-size:19px}
.mobile-editor-open .mobile-photo-price{margin:2px 0;font-size:10px}
.mobile-editor-open .mobile-options-toggle{height:18px;padding:0 12px}
.mobile-editor-open #customizer-page.options-collapsed #studio{grid-template-rows:minmax(0,1fr) 70px}
.mobile-editor-open #studio .style-option-cards button{min-height:44px;padding:6px}
.mobile-editor-open #studio .color-choice,.mobile-editor-open #studio .custom-color{padding:6px 3px}
.mobile-editor-open #studio .light-swatches button{padding:4px 2px;gap:3px}
.mobile-editor-open #studio .colors{gap:5px;margin-bottom:8px}
.mobile-editor-open #studio .tab-panel .help{margin:3px 0 6px}
.mobile-editor-open #studio .tab-panel input:not([type=checkbox]):not([type=color]),.mobile-editor-open #studio .tab-panel textarea{padding:7px}
}
.mobile-adjustments{display:none}.mobile-adjustment{display:contents}
@media(max-width:780px){
.mobile-editor-open #customizer-page{background:#090909;--paper:#090909;--surface:#090909;--panel:#262626;--field:#262626;--line:#303030;--line2:#303030}
.mobile-editor-open #studio{grid-template-rows:minmax(0,1fr) 226px;gap:8px}
.mobile-editor-open #studio .editor{display:grid;grid-template-rows:76px 76px 18px 40px;gap:2px;align-content:start;padding:0 0 env(safe-area-inset-bottom)}
.mobile-editor-open #studio .tab-panel{grid-row:1;order:0;overflow:hidden;border:0;padding:4px 8px;margin:0;min-width:0}
.mobile-editor-open .mobile-adjustment{display:none;height:100%;align-content:center}
.mobile-editor-open .mobile-adjustment.adjustment-active{display:block}
.mobile-editor-open .mobile-adjustments{display:flex;grid-row:2;gap:8px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;padding:4px 0;min-width:0}
.mobile-editor-open .mobile-adjustments button{flex:0 0 82px;border:0;border-radius:18px;background:#262626;color:#ddd;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:6px;min-height:64px}
.mobile-editor-open .mobile-adjustments button span{font-size:25px;line-height:1}.mobile-editor-open .mobile-adjustments button small{font-size:11px;white-space:nowrap}
.mobile-editor-open .mobile-adjustments button[aria-pressed=true]{background:#ffc400;color:#17130a}
.mobile-editor-open .mobile-editor-tools{grid-row:4;display:flex;justify-content:space-around;margin:0;padding:0;gap:8px}
.mobile-editor-open .mobile-editor-tools button{flex:1;max-width:76px;height:36px}.mobile-editor-open .mobile-editor-tools button[aria-pressed=true]{background:#ffc400;color:#17130a}
.mobile-editor-open .mobile-photo-price{grid-row:3;margin:0;align-self:center;font-size:10px}.mobile-editor-open .mobile-options-toggle{display:none}
.mobile-editor-open #studio .tab-panel>.help,.mobile-editor-open #details>.field-label{display:none}
.mobile-editor-open #studio .mobile-adjustment .help,.mobile-editor-open #studio .mobile-adjustment>.field-label,.mobile-editor-open #studio .mobile-adjustment legend,.mobile-editor-open #studio .switch-copy p{display:none}
.mobile-editor-open #studio .mobile-adjustment label{margin:0 0 3px;font-size:12px}.mobile-editor-open #studio .handle-field .label-row{margin:0 0 2px}
.mobile-editor-open #studio .mobile-adjustment .colors,.mobile-editor-open #studio .mobile-adjustment .light-swatches,.mobile-editor-open #studio .mobile-adjustment .style-option-cards{display:flex;overflow-x:auto;gap:8px;margin:0;padding:2px;scrollbar-width:none}
.mobile-editor-open #studio .mobile-adjustment .colors>*{flex:0 0 88px}.mobile-editor-open #studio .mobile-adjustment .style-option-cards button{flex:0 0 125px;min-height:54px;display:flex;flex-direction:column;justify-content:center;gap:3px}
.mobile-editor-open #studio .light-swatches button{flex:0 0 34px;background:transparent;border:0;padding:4px}.mobile-editor-open #studio .light-swatches button span{display:none}.mobile-editor-open #studio .light-swatches button i{width:24px;height:24px}.mobile-editor-open #studio .light-swatches button.active{outline:2px solid #ffc400;border-radius:50%}
.mobile-editor-open #fixed-color-field{margin:0;padding:0;border:0}.mobile-editor-open #fixed-color-field:not([hidden]){display:block}.mobile-editor-open #icon-led+.style-option-cards button{min-height:30px;padding:2px 5px;flex-direction:row;flex-basis:125px}.mobile-editor-open #icon-led+.style-option-cards .option-price{font-size:10px}
.mobile-editor-open #studio .upload-card{height:58px;padding:4px 10px;margin:0;display:flex}.mobile-editor-open #studio .upload-card img{width:40px;height:40px}.mobile-editor-open #studio .upload-card p{display:none}.mobile-editor-open #studio .upload-card b{font-size:12px}.mobile-editor-open #remove-avatar{font-size:10px;padding:0}
.mobile-editor-open #comment{min-height:45px;max-height:52px;overflow-y:auto!important}.mobile-editor-open #studio .switch-row{padding:8px;margin:0;border:0}
.mobile-editor-open .mobile-photo-top{height:44px}.mobile-editor-open .mobile-photo-top button{background:#ffc400}.mobile-editor-open #studio .view-controls{padding:0 0 4px}
}

@media(max-width:780px){.mobile-editor-open #details .numbers{display:contents}}
/* Layout flexível: a prévia recebe o espaço restante e o ajuste cabe inteiro. */
@media(max-width:780px){
.mobile-editor-open #customizer-page{height:var(--editor-viewport,100dvh);bottom:auto;padding:env(safe-area-inset-top) clamp(6px,2.5vw,14px) env(safe-area-inset-bottom);width:100%;min-width:0}
.mobile-editor-open #studio,.mobile-editor-open #customizer-page.options-collapsed #studio{display:flex;flex-direction:column;gap:4px;grid-template-columns:none;grid-template-rows:none;width:100%;min-width:0;flex:1 1 0}
.mobile-editor-open #studio .preview{flex:1 1 0;height:auto;min-height:70px;padding:0;min-width:0}
.mobile-editor-open #studio .editor{display:flex;flex-direction:column;flex:0 0 auto;height:auto;width:100%;min-width:0;overflow:hidden;padding:0;gap:4px}
.mobile-editor-open #studio .tab-panel{order:0;flex:0 0 auto;height:var(--adjustment-height,96px);max-height:28dvh;min-width:0;width:100%;padding:4px;overflow-x:hidden;overflow-y:auto}
.mobile-editor-open #studio .mobile-adjustment{height:auto;min-width:0;width:100%}
.mobile-editor-open .mobile-adjustments{order:1;flex:0 0 auto;height:68px;width:100%;min-width:0;padding:2px;touch-action:pan-x}
.mobile-editor-open .mobile-adjustments button{flex-basis:clamp(66px,21vw,90px);min-height:60px;border-radius:14px}
.mobile-editor-open .mobile-photo-price{order:2;flex:0 0 auto;width:100%;height:16px;font-size:11px}
.mobile-editor-open .mobile-editor-tools{order:3;flex:0 0 auto;width:100%;height:42px;gap:4px;align-items:center}
.mobile-editor-open .mobile-editor-tools button{min-height:40px;height:40px;min-width:0}
.mobile-editor-open #studio .mobile-adjustment .style-option-cards,.mobile-editor-open #studio .mobile-adjustment .colors,.mobile-editor-open #studio .mobile-adjustment .light-swatches{width:100%;min-width:0;max-width:100%;touch-action:pan-x}
.mobile-editor-open #studio .mobile-adjustment .style-option-cards button{min-width:110px;flex-basis:clamp(110px,34vw,140px);min-height:54px;padding:6px;align-items:center}
.mobile-editor-open #studio .mobile-adjustment .option-name{font-size:12px;flex:none;white-space:nowrap}.mobile-editor-open #studio .mobile-adjustment .option-price{font-size:11px;max-width:100%;padding:3px 5px;white-space:nowrap;margin:0}
.mobile-editor-open #studio #icon-led+.style-option-cards button{min-height:42px;flex-direction:column;gap:0;min-width:100px}
.mobile-editor-open #studio .mobile-adjustment .color-choice,.mobile-editor-open #studio .mobile-adjustment .custom-color{min-width:76px;flex-basis:calc((100% - 20px)/3);padding:4px}
.mobile-editor-open #studio .mobile-adjustment .colors i{width:20px;height:20px}.mobile-editor-open #studio .mobile-adjustment .color-choice .option-name,.mobile-editor-open #studio .mobile-adjustment .custom-color .option-name{margin-top:1px}
.mobile-editor-open #studio .view-controls{flex-wrap:nowrap;justify-content:center;gap:3px;overflow-x:auto;width:100%}.mobile-editor-open #studio .view-controls button{flex:0 0 30px;min-width:30px}.mobile-editor-open #studio .reflection-btn{margin-left:0}
.mobile-editor-open #comment{max-height:100px;min-height:45px}.mobile-editor-open .mobile-photo-top{min-height:40px;height:40px}
}
@media(max-width:780px) and (max-height:500px){.mobile-editor-open .mobile-adjustments{height:50px}.mobile-editor-open .mobile-adjustments button{min-height:44px;flex-direction:row;gap:4px}.mobile-editor-open .mobile-adjustments button span{font-size:19px}.mobile-editor-open .mobile-photo-top{height:34px;min-height:34px}.mobile-editor-open #studio .tab-panel{max-height:32dvh}}
@media(max-width:780px){
.mobile-editor-open #studio .tab-panel{overflow-y:auto;scrollbar-width:none;padding:6px 4px 10px}
.mobile-editor-open #studio .mobile-adjustment .light-swatches{padding:7px 4px;gap:8px;min-height:44px;overflow-y:hidden}
.mobile-editor-open #studio .light-swatches button{height:32px;min-height:32px;flex:0 0 32px;padding:4px}
.mobile-editor-open #studio .light-swatches button i{display:block;width:24px;height:24px;flex:none}
.mobile-editor-open #studio .light-swatches button[aria-pressed=true]{outline:2px solid #ffc400;outline-offset:1px;border-radius:50%;background:transparent}
.mobile-editor-open #studio #icon-led+.style-option-cards{padding:2px 2px 5px}
.mobile-editor-open #studio #icon-led+.style-option-cards button{border-radius:14px;min-height:48px;flex:0 0 calc((100% - 20px)/3);min-width:90px}
.mobile-editor-open #studio #icon-led+.style-option-cards .option-price{font-size:10px;padding:2px 4px}
.mobile-editor-open #studio #icon-led+.style-option-cards .option-name{font-size:12px}
}
@media(max-width:780px){.mobile-editor-open #studio #reflection-button{flex:0 0 auto;width:auto;min-width:0;padding:5px 9px;font-size:11px;white-space:nowrap}.mobile-editor-open #reflection-button .hud-control-text{display:inline}.mobile-editor-open #studio .view-controls{gap:2px}}
@media(max-width:780px){
.mobile-editor-open #studio #side-led+.style-option-cards{padding:2px 2px 5px}
.mobile-editor-open #studio #side-led+.style-option-cards button{border-radius:14px;min-height:48px;flex:0 0 calc((100% - 20px)/3);min-width:90px;flex-direction:column;justify-content:center;align-items:center;gap:0;padding:6px}
.mobile-editor-open #studio #side-led+.style-option-cards .option-price{font-size:10px;padding:2px 4px}
.mobile-editor-open #studio #side-led+.style-option-cards .option-name{font-size:12px;flex:none}
.mobile-editor-open #side-color-field{margin:0;padding:0;border:0}.mobile-editor-open #side-color-field:not([hidden]){display:block}
}
@media(max-width:780px){.mobile-editor-open .mobile-editor-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));height:44px;gap:16px;justify-items:center}.mobile-editor-open .mobile-editor-tools button{width:64px;max-width:100%;height:42px;border-radius:18px;color:#E9E2D2}.mobile-editor-open .mobile-editor-tools button[aria-pressed=true]{background:#E9E2D2;color:#141310}.mobile-editor-open .mobile-editor-tools button span{display:grid;place-items:center}.mobile-editor-open .mobile-editor-tools svg{display:block;width:27px;height:27px}.mobile-editor-open .mobile-adjustments button[aria-pressed=true],.mobile-editor-open .mobile-photo-top button{background:#E9E2D2;color:#141310}.mobile-editor-open #studio .light-swatches button[aria-pressed=true]{outline-color:#E9E2D2}}
@media(max-width:780px){.mobile-editor-open .mobile-adjustments svg,.mobile-editor-open .hud-control-icon svg{display:block;width:25px;height:25px;fill:currentColor}.mobile-editor-open .mobile-adjustments button{--icon-hole:#262626}.mobile-editor-open .mobile-adjustments button[aria-pressed=true]{--icon-hole:#E9E2D2}.mobile-editor-open .mobile-editor-tools button{--icon-hole:#141310}.mobile-editor-open .mobile-editor-tools button[aria-pressed=true]{--icon-hole:#E9E2D2}}
.groovy-view-icon{display:inline-flex;align-items:center;justify-content:center}.groovy-view-icon svg{display:block;width:23px;height:23px}
@media(max-width:780px){.mobile-editor-open #expand-preview>span.groovy-view-icon{display:inline-flex}.mobile-editor-open #studio #customizer-motion,.mobile-editor-open #studio #expand-preview{padding:3px;border:0;background:transparent}.mobile-editor-open #studio #customizer-motion[aria-pressed=true]{background:#E9E2D2;color:#141310;border-radius:10px}}
@media(max-width:780px){.mobile-editor-open .mobile-editor-tools button{display:grid;place-items:center;padding:5px;line-height:1;overflow:visible}.mobile-editor-open .mobile-editor-tools button>span{width:28px;height:28px;line-height:0}.mobile-editor-open .mobile-editor-tools button svg{fill:currentColor;flex-shrink:0;overflow:visible}.mobile-editor-open .mobile-adjustments button>span{display:grid;place-items:center;width:26px;height:26px;flex:none}.mobile-editor-open .mobile-adjustments svg{fill:currentColor;flex-shrink:0;overflow:visible}}
/* Personalizador de desktop: produto à esquerda, guia fixa à direita. */
@media(min-width:781px){
html.desktop-editor-open,html.desktop-editor-open body{overflow:hidden;height:100%}
.desktop-editor-open #customizer-page{position:fixed;top:calc(var(--mobile-header-height,96px) + 12px);bottom:20px;left:3%;right:3%;width:auto;max-width:none;padding:0;display:flex;flex-direction:column;overflow:hidden}
.desktop-editor-open #customizer-page>.intro,.desktop-editor-open #customizer-page>.benefits,.desktop-editor-open #customizer-page>footer{display:none}
.desktop-editor-open #studio{display:grid;grid-template-columns:minmax(0,1fr) clamp(360px,35vw,490px);height:100%;min-height:0;gap:24px;margin:0;align-items:stretch}
.desktop-editor-open #studio .preview{position:relative;top:0;height:100%;min-height:0;display:flex;flex-direction:column;padding:20px;border-radius:32px;background:var(--soft);overflow:hidden}
.desktop-editor-open #studio .stage{flex:1;min-height:0;height:auto;width:100%;margin:0}
.desktop-editor-open #studio #model3d{width:100%;height:100%}.desktop-editor-open #studio .vertical-note,.desktop-editor-open #studio .stage-tag{display:none}
.desktop-editor-open #studio .view-controls{flex:none;justify-content:center;gap:8px;padding:12px 0 0}.desktop-editor-open #studio .reflection-btn{margin-left:0}.desktop-editor-open #studio .preview-note{margin:8px auto 0}
.desktop-editor-open #studio .hud-control-icon{display:inline-flex;align-items:center;justify-content:center}.desktop-editor-open .hud-control-icon svg{width:24px;height:24px;fill:currentColor}.desktop-editor-open #studio .view-controls button{display:flex;align-items:center;gap:7px;padding:7px 10px}
.desktop-editor-open #studio .editor{height:100%;min-height:0;display:flex;flex-direction:column;padding:22px;border-radius:32px;border:1px solid var(--line2);box-shadow:0 12px 40px var(--shadow);overflow:hidden}
.desktop-editor-open #studio .editor-heading{flex:none;margin-bottom:18px}.desktop-editor-open #studio .editor-heading h2{font-family:'Bagel Fat One',sans-serif;font-size:30px}.desktop-editor-open #studio .editor-heading p{font-size:12px}
.desktop-editor-open #studio .tabs,.desktop-editor-open .mobile-photo-top,.desktop-editor-open .mobile-photo-price,.desktop-editor-open .mobile-options-toggle{display:none}
.desktop-editor-open .mobile-editor-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;flex:none;margin:0 0 18px;padding:0;position:static;background:none;order:0}
.desktop-editor-open .mobile-editor-tools button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px 3px;border:1px solid var(--line2);border-radius:18px;background:var(--soft);color:var(--ink);font-size:11px;min-width:0;--icon-hole:var(--soft)}
.desktop-editor-open .mobile-editor-tools button[aria-pressed=true]{background:var(--ink);color:var(--paper);--icon-hole:var(--ink);border-color:var(--ink)}
.desktop-editor-open .mobile-editor-tools button span{display:grid;place-items:center;width:28px;height:28px}.desktop-editor-open .mobile-editor-tools svg{width:27px;height:27px;fill:currentColor}
.desktop-editor-open .mobile-adjustments{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;flex:none;order:1;margin:0 0 18px;padding-bottom:16px;border-bottom:1px solid var(--line2)}
.desktop-editor-open .mobile-adjustments button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;padding:8px 2px;border:0;border-radius:13px;background:transparent;color:var(--muted);--icon-hole:var(--surface)}
.desktop-editor-open .mobile-adjustments button[aria-pressed=true]{background:var(--soft);color:var(--ink);--icon-hole:var(--soft)}
.desktop-editor-open .mobile-adjustments svg{width:22px;height:22px;fill:currentColor}.desktop-editor-open .mobile-adjustments small{font-size:10px;white-space:nowrap}
.desktop-editor-open #studio .tab-panel{order:2;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:0 3px 12px;scrollbar-width:thin}
.desktop-editor-open .mobile-adjustment{display:none}.desktop-editor-open .mobile-adjustment.adjustment-active{display:block}
.desktop-editor-open #style[data-mobile-tool=theme] .mobile-light-section,.desktop-editor-open #style[data-mobile-tool=lights] .mobile-theme-section{display:none}
.desktop-editor-open #details .numbers{display:contents}.desktop-editor-open #studio .tab-panel>.help,.desktop-editor-open #details>.field-label{display:none}
.desktop-editor-open #studio .editor-footer{order:3;flex:none;margin:0;padding-top:14px;border-top:1px solid var(--line2)}.desktop-editor-open #studio .price-line strong{font-size:30px}.desktop-editor-open #studio .editor-footer>.primary{width:100%;margin-top:12px;border-radius:18px;min-height:46px}
.desktop-editor-open #studio .style-option-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.desktop-editor-open #studio .style-option-cards button{padding:12px 8px;min-height:95px;gap:10px;border-radius:16px}.desktop-editor-open #studio .option-name{font-size:12px}.desktop-editor-open #studio .option-price{font-size:11px;padding:4px}
.desktop-editor-open #studio .light-swatches{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.desktop-editor-open #studio .light-swatches button{font-size:10px;padding:8px 3px}
}
@media(min-width:781px) and (max-width:1000px){.desktop-editor-open #studio{gap:14px;grid-template-columns:minmax(0,1fr) 360px}.desktop-editor-open #studio .editor{padding:16px}.desktop-editor-open .mobile-adjustments{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:780px){
.mobile-editor-open .mobile-photo-top{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:8px;align-items:center;min-height:52px;height:52px;padding:2px 0}
.mobile-editor-open .mobile-photo-top a{justify-self:start;display:grid;place-items:center;width:40px;height:40px;padding:0;font-size:28px}
.mobile-editor-open .mobile-photo-top .mobile-photo-price{display:block;order:0;grid-row:auto;width:auto;height:auto;margin:0;min-width:0;align-self:center;text-align:center;font-family:'Bagel Fat One',sans-serif;font-size:clamp(22px,6.5vw,30px);line-height:1.1;color:#E9E2D2;white-space:nowrap;font-weight:400;letter-spacing:-.03em}
.mobile-editor-open .mobile-photo-top button{width:42px;height:42px;padding:6px;justify-self:end;border-radius:15px;background:#E9E2D2;color:#141310}
.mobile-editor-open .mobile-photo-top button svg{display:block;width:28px;height:28px}
}

@media(max-width:780px){.mobile-editor-open .mobile-photo-top button svg{width:30px;height:24px;overflow:visible}.mobile-editor-open .mobile-photo-top button{display:grid;place-items:center}}