/* Identidade Photor: dourado e azul-marinho. */
.credit-card{display:flex;align-items:center;justify-content:space-between;gap:16px;width:fit-content;max-width:100%;min-width:220px;padding:10px 14px;margin:10px 0 14px;border:1px solid var(--line2);border-radius:10px;background:var(--gold4);color:var(--gold-txt);text-decoration:none;transition:border-color .18s,background .18s}
.credit-card strong{display:block;font-size:12px;font-weight:600;line-height:1.5}.credit-card small{display:block;font-size:10px;color:var(--ink2);line-height:1.6}.credit-card:hover{border-color:var(--gold)}.credit-card:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
:root{--r:16px;--paper:#f5f3ee;--paper2:#fffefa;--paper3:#eae7df;--ink:#182525;--ink2:#53605e;--ink3:#68736e;--gold:#c3a15a;--gold-txt:#785c25;--gold4:#f4eddd;--line:rgba(35,48,45,.12);--line2:rgba(35,48,45,.24)}
[data-theme="dark"]{--paper:#10191d;--paper2:#172226;--paper3:#253237;--ink:#f0eee7;--ink2:#b4c0be;--ink3:#95a6a4;--gold:#d0af6d;--gold2:#b49250;--gold-txt:#dfc48d;--gold4:#272b25;--line:rgba(211,222,215,.10);--line2:rgba(211,222,215,.22);--on-gold:#192022}
body{background:radial-gradient(ellipse at 15% 15%,rgba(171,144,81,.055),transparent 55%),var(--paper)}
.faixa-teste{padding:8px 24px;border-bottom:1px solid var(--line);background:var(--paper);font-size:10px;letter-spacing:.13em;display:flex;align-items:center;justify-content:center;gap:9px}
.local-dot{width:5px;height:5px;border-radius:50%;background:var(--gold)}
.local-detail{letter-spacing:.02em;color:var(--ink3);margin-left:14px}
.hd{padding:19px max(28px,calc((100vw - 1280px)/2));background:var(--paper);position:relative;gap:24px}
.logo-word{height:29px}.logo-mark{display:none}.hd-right{gap:9px}
.gallery-btn{border-color:var(--line);border-radius:8px;padding:9px 13px;color:var(--ink2);font-size:12px;letter-spacing:0}
.pill-toggle{padding:4px;border-radius:8px;background:var(--paper2)}.pill-btn{border-radius:5px;letter-spacing:0;height:27px}
.wrap{max-width:1328px;padding:47px 28px 24px}
.hero{text-align:left;position:relative;margin-bottom:34px}.eyebrow{font-size:10px;font-weight:500;letter-spacing:.22em;color:var(--gold-txt);margin-bottom:14px}
.hero-title{max-width:none;margin:0;font-size:clamp(36px,4.2vw,57px);font-weight:400;letter-spacing:-.035em;line-height:1.15}.hero-title em{font-weight:400;color:var(--gold-txt)}
.hero-sub{margin:14px 0 0;max-width:none;font-size:14px;color:var(--ink3)}
.workflow{display:flex;align-items:center;gap:16px;margin-top:30px;font-size:11px;color:var(--ink3)}.workflow b{color:var(--gold-txt);font-weight:500;margin-right:7px}.workflow i{height:1px;width:34px;background:var(--line2)}
.grid{grid-template-columns:minmax(0,1.65fr) minmax(340px,1fr);gap:24px}.card{padding:25px;box-shadow:0 6px 30px rgba(0,0,0,.025)}
.sec-label{justify-content:space-between;margin-bottom:22px}.sec-name{font-family:'Work Sans',sans-serif;font-size:14px;font-weight:500;display:flex;align-items:center;gap:10px}.step-no{font-size:10px;font-weight:500;color:var(--gold-txt);border:1px solid var(--line2);width:25px;height:25px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.sec-hint{font-size:10px}
.drop{min-height:418px;border:1px dashed var(--line2);background:linear-gradient(140deg,rgba(176,159,110,.045),transparent),var(--paper);padding:32px;gap:16px;position:relative}.drop:before{content:'';width:80px;height:80px;border:1px solid var(--line);border-radius:24px;position:absolute;top:calc(50% - 95px);transform:rotate(-8deg);pointer-events:none}.drop svg{margin-bottom:18px;width:32px;height:32px}.drop strong{font-size:25px}.drop span{max-width:310px;font-size:12px;line-height:1.8}.drop:hover{border-color:var(--gold);transform:translateY(-1px)}
.field{margin-bottom:20px}.field>label{font-size:11px;font-weight:500;color:var(--ink2);margin-bottom:9px}.seg{gap:8px}.seg button{font-size:12px;border-color:var(--line);border-radius:9px;padding:11px 8px}.seg button.on{box-shadow:inset 0 0 0 1px var(--gold);border-color:var(--gold);background:var(--gold4)}.seg small{display:block;font-size:10px;font-weight:400;color:var(--ink3);margin-top:3px}.nota{line-height:1.65;font-size:11px}
.fx{border-color:var(--line);border-radius:10px;margin-bottom:20px}.fx-head{padding:13px}.fx-title{font-size:12px}.ta,.sel,.inp{border-color:var(--line2);border-radius:9px;font-size:12px;padding:12px}.ta{min-height:86px}.btn-gerar{border-radius:10px;letter-spacing:.025em;padding:15px;font-size:13px;font-weight:600;background:linear-gradient(110deg,var(--gold),#ddc18a)}.btn-gerar:disabled{opacity:.42}.btn{border-radius:8px;font-size:12px}.studio-footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:36px;padding-top:20px;color:var(--ink3);font-size:10px;letter-spacing:.03em}.studio-footer b{font-weight:400;color:var(--gold-txt);margin-left:8px;letter-spacing:.15em}
.modal-box{border-radius:18px;border:1px solid var(--line2);box-shadow:0 30px 100px rgba(0,0,0,.4)}.modal-title{font-size:26px}.acct-sec{border-color:var(--line)}.modal-sub{line-height:1.75}.res{border-radius:16px}.stage{max-width:100%;width:fit-content;margin:auto}.stage img{max-width:100%;width:auto;max-height:74vh}.tour-banner{border-radius:12px}.timer{font-variant-numeric:tabular-nums}
button:disabled{cursor:not-allowed}.card[aria-busy="true"] .field{opacity:.65}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
/* Comparação por coordenadas normalizadas: mesmas bordas, sem corte ou margens.
   Só a exibição usa ajuste à moldura; o arquivo gerado permanece intacto. */
.sl-wrap{--compare-ratio:1.777778;width:min(100%,calc(82vh * var(--compare-ratio)));aspect-ratio:var(--compare-ratio);margin-inline:auto}
.sl-wrap img{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:fill;object-position:center}
@media(min-width:981px){#cardOrigem{min-height:518px}}
@media(max-width:980px){.grid{grid-template-columns:minmax(0,1fr)}.wrap{padding-top:30px}.drop{min-height:310px}.hero-title{font-size:43px}}
@media(max-width:600px){.hd{padding:18px 18px;align-items:flex-start;flex-direction:column;gap:16px}.hd-right{justify-content:flex-start;gap:6px}.gallery-btn{padding:8px 10px;font-size:11px}.logo-word{height:25px}.wrap{padding:28px 16px 20px}.hero-title{font-size:36px}.hero-sub{font-size:12px;max-width:280px}.eyebrow{font-size:8px}.workflow{font-size:9px;gap:7px;justify-content:space-between}.workflow i{width:13px}.workflow b{margin-right:3px}.card{padding:18px}.drop{min-height:290px;padding:22px}.drop strong{font-size:23px}.local-detail{display:none}.studio-footer{font-size:9px}.dr-head{flex-wrap:wrap}.modal-box{padding:22px}.sec-hint{font-size:9px}}

[hidden]{display:none!important}#openaiSelection{color:var(--gold-txt)}

/* Superfícies, contornos luminosos e foco: versão azul-marinho. */
:root{
  --paper:#f3f6fc;--paper2:#ffffff;--paper3:#e7edf8;
  --ink:#0b2044;--ink2:#415574;--ink3:#5c6d89;
  --line:rgba(20,55,108,.17);--line2:rgba(20,55,108,.28);
  --edge:#244d87;--glow:rgba(64,120,226,.12);--surface-glow:rgba(107,151,230,.065);
  --gold:#c9a24b;--gold2:#b18c37;--gold-txt:#795b1b;--gold4:#f5efdf;--on-gold:#0b1a33;
  --shadow:0 18px 50px rgba(17,44,88,.08);
}
[data-theme="dark"]{
  color-scheme:dark;--paper:#071630;--paper2:#0d2143;--paper3:#18345c;
  --ink:#eff4ff;--ink2:#b6c7e3;--ink3:#93abcd;
  --line:rgba(119,166,234,.20);--line2:rgba(132,180,248,.33);
  --edge:#6ca9f7;--glow:rgba(75,146,255,.15);--surface-glow:rgba(91,157,254,.065);
  --gold:#d3b36c;--gold2:#b99b54;--gold-txt:#e1c788;--gold4:#192944;--on-gold:#081a36;
  --shadow:0 20px 56px rgba(2,10,27,.24);
}
[data-theme="light"]{color-scheme:light}
body{background:radial-gradient(ellipse at 88% 5%,var(--glow),transparent 48%),radial-gradient(ellipse at 2% 55%,var(--surface-glow),transparent 55%),var(--paper)}
.hd{border-bottom:1px solid var(--line2);box-shadow:0 1px 18px var(--glow);background:var(--paper);padding-top:22px;padding-bottom:22px}
.logo-brand{gap:13px;flex-shrink:0}.logo-mark{display:block;width:40px;height:40px;filter:drop-shadow(0 0 9px rgba(201,162,75,.13))}.logo-mark rect{stroke:rgba(133,173,235,.35)}.logo-word{height:29px}
.gallery-btn,.pill-toggle,.btn,.seg button,.fx,.inp,.ta,.sel,.credit-card{border-color:var(--line2)}
.gallery-btn,.btn,.seg button{transition:border-color .18s,box-shadow .18s,background .18s,transform .18s}
.gallery-btn:hover,.btn:hover:not(:disabled),.seg button:hover:not(:disabled){border-color:var(--edge);box-shadow:0 0 0 1px var(--glow),0 0 16px var(--glow);background:var(--paper3)}
.pill-toggle{background:var(--paper2);box-shadow:inset 0 0 8px var(--surface-glow)}.pill-btn.on{color:var(--ink);background:var(--paper3);box-shadow:0 0 0 1px var(--line2),0 0 10px var(--glow)}
.wrap{padding-top:44px}.eyebrow{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--ink2);font-weight:500}.eyebrow:before{content:'';width:6px;height:6px;border-radius:50%;background:var(--edge);box-shadow:0 0 10px var(--glow)}
.hero-title{font-size:clamp(36px,4.1vw,57px);letter-spacing:-.035em}.hero-sub{color:var(--ink2);line-height:1.7}
.workflow{color:var(--ink2);gap:18px}.workflow b{display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;border:1px solid var(--line2);border-radius:8px;background:var(--paper2);font-size:10px;color:var(--gold-txt);box-shadow:0 0 10px var(--surface-glow)}.workflow i{background:linear-gradient(90deg,var(--line2),transparent);width:40px}
.card{border:1px solid var(--line2);border-radius:18px;background:linear-gradient(145deg,var(--surface-glow),transparent 55%),var(--paper2);box-shadow:0 0 0 1px var(--surface-glow),0 0 22px var(--glow),var(--shadow)}
.sec-label{padding-bottom:16px;border-bottom:1px solid var(--line);margin-bottom:20px}.step-no{border-radius:8px;background:var(--paper);border-color:var(--line2)}
.drop{border-color:var(--line2);background:linear-gradient(135deg,var(--surface-glow),transparent 55%),var(--paper);box-shadow:inset 0 0 30px var(--surface-glow);min-height:395px}
.drop:before{border-color:var(--line2);box-shadow:0 0 25px var(--glow);border-radius:23px}.drop:hover,.drop.over{border-color:var(--edge);background:var(--paper3);box-shadow:inset 0 0 35px var(--glow),0 0 15px var(--glow)}
.drop svg{filter:drop-shadow(0 0 7px rgba(201,162,75,.16))}.drop strong{font-size:24px}.drop span{color:var(--ink2)}
.seg button{min-height:44px;border-radius:10px}.seg button.on{border-color:var(--gold);background:var(--gold4);box-shadow:inset 0 0 0 1px var(--gold),0 0 13px rgba(201,162,75,.07);color:var(--gold-txt)}
.field>label{font-size:12px;margin-bottom:10px}.ta,.inp,.sel{background:var(--paper);box-shadow:inset 0 1px 7px var(--surface-glow)}.ta::placeholder,.inp::placeholder{color:var(--ink3);opacity:1}.ta:focus,.inp:focus,.sel:focus{border-color:var(--edge);box-shadow:0 0 14px var(--glow)}
.fx{background:var(--paper);border-radius:10px}.fx-head{min-height:47px}.btn-gerar{min-height:49px;box-shadow:0 5px 22px rgba(201,162,75,.13);letter-spacing:.03em}.btn-gerar:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 7px 26px rgba(201,162,75,.22)}.btn-gerar:disabled{box-shadow:none}
.modal-box,.drawer{background:var(--paper2);border-color:var(--line2)}.res{border:1px solid var(--line2);box-shadow:0 0 24px var(--glow)}.credit-card{box-shadow:0 0 10px var(--surface-glow)}.studio-footer{border-color:var(--line2)}
:focus-visible{outline:2px solid var(--edge);outline-offset:4px}
@media(max-width:600px){.hd{padding:17px 18px;gap:15px}.logo-mark{width:34px;height:34px}.logo-word{height:25px}.hd-right{width:100%;gap:6px}.gallery-btn{min-height:38px}.pill-btn{height:28px}.wrap{padding-top:30px}.hero-title{font-size:36px}.hero-sub{max-width:330px}.workflow{gap:5px}.workflow b{width:20px;height:20px;font-size:9px;margin-right:4px}.workflow i{width:12px}.eyebrow{font-size:9px}.card{padding:18px;border-radius:15px}.drop{min-height:285px}.drop strong{font-size:22px}.sec-label{gap:8px}.sec-hint{font-size:10px}}

.studio-footer{align-items:center;gap:16px;flex-wrap:wrap}.footer-rights{display:block;margin-top:8px;line-height:1.6;letter-spacing:.02em}@media(max-width:600px){.studio-footer{align-items:flex-start;flex-direction:column;gap:12px}}

