.preview-column{min-width:0}.editor-panel{background:rgba(255,255,255,.98);border:1px solid #e3e8f0;border-radius:26px;padding:26px;box-shadow:var(--shadow)}.editor-intro{margin-bottom:18px}.eyebrow{display:block;color:var(--navy);font-weight:950;letter-spacing:2px;font-size:13px}.editor-intro h1{margin:7px 0 0;font-size:26px;line-height:1.18;font-weight:800;color:#43506a}.step-card{padding:18px 0;border-top:1px solid #edf0f5}.step-title{display:flex;align-items:center;gap:12px;margin-bottom:12px}.step-title>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--navy);color:#fff;font-size:16px;font-weight:950}.step-title h2{margin:0;font-size:18px}.logo-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.upload-card,.logo-preview{min-height:118px;border:1.5px dashed #ccd3df;border-radius:12px;background:#fbfcfe;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center;position:relative;overflow:hidden}.upload-card input{display:none}.upload-card{cursor:pointer}.upload-icon{font-size:30px;color:var(--navy)}.upload-card b{font-size:14px}.upload-card small{color:#8a93a2;font-size:10px}.logo-preview{border-style:solid;background:#fff}.logo-preview img{display:none;max-width:86%;max-height:92px;object-fit:contain}.logo-preview>span{font-weight:950;color:#d3a700}.logo-preview button{position:absolute;right:7px;top:7px;width:26px;height:26px;border-radius:50%;border:0;background:#f0f3f8;color:#586579;font-size:18px}.big-input,.advanced input,.advanced select,.checkout input{width:100%;border:1px solid #cfd7e3;border-radius:10px;background:#fff;padding:12px 13px;color:#17223b;outline:none}.big-input:focus,.advanced input:focus,.advanced select:focus,.checkout input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(35,100,255,.10)}.helper{margin:7px 0 0;color:#7c8799;font-size:11px;line-height:1.45}.model-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.model-option{border:1px solid #dfe5ee;border-radius:12px;background:#fff;padding:6px;text-align:left}.model-option.active{border-color:var(--blue);box-shadow:0 0 0 2px rgba(35,100,255,.12)}.model-thumb{aspect-ratio:512/445;border-radius:8px;overflow:hidden;background:#eef1f6}.model-thumb img{width:100%;height:100%;object-fit:cover;display:block}.model-option b{display:block;margin-top:6px;font-size:11px}.model-option small{display:block;color:#808a9a;font-size:9px}.swatches{display:flex;gap:12px;flex-wrap:wrap}.swatch{width:54px;height:54px;border-radius:10px;border:2px solid transparent;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);position:relative}.swatch.active{border-color:var(--blue);box-shadow:0 0 0 2px #fff,0 0 0 4px var(--blue)}.swatch.transparent{background:linear-gradient(45deg,#eee 25%,transparent 25%),linear-gradient(-45deg,#eee 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eee 75%),linear-gradient(-45deg,transparent 75%,#eee 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.color-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.color-row label{display:flex;align-items:center;justify-content:space-between;border:1px solid #e1e6ee;border-radius:10px;padding:9px 10px;font-size:11px;font-weight:800}.color-row input{width:42px;height:30px;border:0;background:none}.advanced{border:1px solid #e1e7f0;border-radius:13px;margin-top:12px;background:#fbfcff;overflow:hidden}.advanced summary{list-style:none;padding:13px 14px;font-weight:900;font-size:13px;cursor:pointer}.advanced summary::-webkit-details-marker{display:none}.advanced-body{display:grid;gap:10px;padding:0 14px 14px}.advanced-body label{display:grid;gap:5px;font-size:10px;font-weight:800;color:#4c5970}.typography{display:grid;gap:9px}.type-row{display:grid;grid-template-columns:1fr 110px;gap:8px;padding:10px;border:1px solid #e2e7ef;border-radius:10px;background:#fff}.type-row .type-title{grid-column:1/-1;display:flex;justify-content:space-between;font-size:10px;font-weight:900}.type-row select,.type-row input{min-width:0}.range-label{display:grid!important;grid-template-columns:1fr auto;gap:6px}.range-label input[type=range]{grid-column:1/-1;padding:0;border:0;box-shadow:none}.manual-actions{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.manual-actions button,.editor-tools button,.history-row button,.secondary{border:1px solid #d7dfeb;background:#fff;border-radius:9px;padding:9px;color:#27344c;font-weight:900}.editor-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.editor-tools button.active{background:#edf3ff;border-color:var(--blue);color:#1757e8}.tool-subpanel{padding:10px;border-radius:10px;background:#f2f6ff;border:1px solid #dce5f7}.history-row{display:grid;grid-template-columns:1fr 1fr;gap:7px}.history-row #autoFit{grid-column:1/-1}.buy-main{width:100%;border:0;border-radius:12px;padding:15px 16px;background:linear-gradient(90deg,#059844,#10b956);color:#fff;font-weight:950;font-size:15px;box-shadow:0 14px 28px rgba(16,166,75,.18);margin-top:16px}
.preview-column{position:sticky;top:90px}.live-badge{display:inline-flex;align-items:center;gap:7px;background:rgba(12,35,88,.90);color:#fff;border-radius:999px;padding:10px 14px;font-size:13px;font-weight:900;margin:0 0 10px 8px}.live-preview{border-radius:22px;overflow:hidden;background:#fff;border:1px solid #dbe1eb;box-shadow:var(--shadow);min-height:500px;display:grid;place-items:center;padding:20px}.mockup{position:relative;width:min(100%,620px);aspect-ratio:512/445;border-radius:16px;overflow:hidden;background:#eee}.mockup>img.physical{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.art-surface{position:absolute;overflow:hidden;z-index:2;touch-action:none}.art-surface svg{display:block;width:100%;height:100%;overflow:visible}.art-surface .selectable{cursor:move}.selection-layer{pointer-events:none}.selection-box{fill:rgba(35,100,255,.04);stroke:#2364ff;stroke-width:2;stroke-dasharray:8 5;vector-effect:non-scaling-stroke}.selection-handle{fill:#fff;stroke:#2364ff;stroke-width:3;vector-effect:non-scaling-stroke;pointer-events:all;cursor:nwse-resize}.selection-label{fill:#2364ff}.selection-label-text{fill:#fff;font-size:13px;font-weight:900;pointer-events:none}.eraser-cursor{fill:rgba(255,255,255,.25);stroke:#ff4f4f;stroke-width:2;vector-effect:non-scaling-stroke;pointer-events:none}.gallery-title{margin:14px 4px 8px}.gallery-title h2{margin:0;font-size:16px}.gallery-title p{margin:3px 0 0;color:#7c8797;font-size:10px}.model-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.gallery-card{border:1px solid #dfe5ee;border-radius:12px;background:#fff;padding:6px;text-align:left;overflow:hidden}.gallery-card.active{border-color:var(--blue);box-shadow:0 0 0 2px rgba(35,100,255,.10)}.gallery-card .mockup{width:100%;border-radius:8px}.gallery-card b{display:block;margin:6px 2px 0;font-size:10px}.gallery-card small{display:block;margin:2px;color:#7e8999;font-size:8px}
.checkout{position:fixed;inset:0;z-index:120;background:rgba(7,16,36,.55);display:grid;place-items:center;padding:18px}.checkout-card{width:min(920px,96vw);max-height:92vh;overflow:auto;background:#fff;border-radius:20px;padding:22px;box-shadow:0 28px 80px rgba(0,0,0,.28)}.checkout-head{display:flex;justify-content:space-between;align-items:start}.checkout-head h2{margin:4px 0 14px}.checkout-head button{border:0;background:#f1f4f8;border-radius:50%;width:36px;height:36px;font-size:22px}.checkout-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.checkout-grid label{display:grid;gap:5px;font-size:10px;font-weight:800}.checkout-grid .span2{grid-column:span 2}.checkout-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e5e9f0;margin-top:16px;padding-top:16px}.checkout-footer strong{display:block;font-size:26px}.checkout-footer .buy-main{width:auto;margin:0}.success{margin-top:12px;padding:12px;border-radius:10px;background:#edfff3;border:1px solid #b8e8c8;color:#14743a}
@media(max-width:1100px){.app-shell{grid-template-columns:420px minmax(0,1fr)}.editor-panel{padding:20px}.live-preview{min-height:480px}.model-selector{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.topbar nav{display:none}.top-buy{margin-left:auto}.app-shell{display:block;width:min(96vw,760px)}.editor-panel{border-radius:20px}.preview-column{position:relative;top:auto;margin-top:14px}.live-preview{min-height:420px}.model-gallery{grid-template-columns:repeat(2,1fr)}.checkout-grid{grid-template-columns:1fr 1fr}.checkout-grid .span2{grid-column:auto}}
@media(max-width:560px){.topbar{height:64px;padding:0 12px}.brand{font-size:19px}.brand-badge{min-width:42px;height:30px}.top-buy{font-size:11px;padding:10px 12px}.app-shell{margin-top:12px}.editor-panel{padding:15px}.editor-intro h1{font-size:21px}.logo-grid{grid-template-columns:1fr 1fr}.model-selector{grid-template-columns:repeat(2,1fr)}.swatch{width:46px;height:46px}.editor-tools{grid-template-columns:1fr}.live-preview{min-height:360px;padding:6px}.model-gallery{grid-template-columns:repeat(2,1fr)}.checkout-grid{grid-template-columns:1fr}.checkout-footer{align-items:stretch;flex-direction:column;gap:10px}.checkout-footer .buy-main{width:100%}}

.checkout-background-choice{margin:4px 0 16px;padding:14px;border:1px solid #dfe5ef;border-radius:14px;background:#f8faff}
.checkout-background-title{display:grid;gap:2px;margin-bottom:10px}.checkout-background-title b{font-size:13px;color:#18243c}.checkout-background-title small{font-size:10px;color:#748096}
.checkout-background-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.background-choice{border:1px solid #d5deeb;border-radius:10px;background:#fff;color:#263650;font-weight:900;padding:11px 10px}
.background-choice.active{border-color:#2364ff;background:#edf3ff;color:#1757e8;box-shadow:0 0 0 2px rgba(35,100,255,.10)}
.order-background-color{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding:9px 10px;border:1px solid #e1e6ef;border-radius:10px;background:#fff;font-size:11px;font-weight:800}
.order-background-color input{width:58px;height:34px;padding:0;border:0;background:none}
@media(max-width:560px){.checkout-background-options{grid-template-columns:1fr}.checkout-background-choice{padding:12px}}

/* Ajuste visual da área da prévia: somente o tamanho exibido é responsivo. A arte/conteúdo da placa não é alterado. */
@media(min-width:1101px){.live-preview .mockup{width:min(78%,620px)}}
@media (min-width:821px) and (max-width:1100px){
  .live-preview{min-height:430px;padding:16px}
  .live-preview .mockup{width:min(88%,470px)}
}
@media (max-width:820px){
  .live-preview{min-height:390px;padding:12px}
  .live-preview .mockup{width:min(86%,400px)}
}
@media (max-width:560px){
  .live-preview{min-height:300px;padding:8px}
  .live-preview .mockup{width:min(84%,330px)}
}

/* Editor de textos e fontes — compacto e mais fácil de usar */
#textEditor{background:#f8faff}
#textEditor>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;font-size:14px;color:#18243c}
#textEditor>summary::before{content:"Aa";display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#eaf0ff;color:#2364ff;font-size:13px;font-weight:950}
#textEditor .detail-hint{font-size:10px;font-weight:700;color:#7b879b;background:#fff;border:1px solid #e2e7ef;border-radius:999px;padding:5px 8px}
#textEditor .advanced-body{gap:8px;padding:0 10px 10px}
#textEditor .advanced-body>.helper{display:none}
.typography{gap:7px}
.compact-type{display:grid;grid-template-columns:1fr;gap:8px;padding:11px;border-radius:12px;border:1px solid #e0e6ef;background:#fff;box-shadow:0 2px 8px rgba(18,35,70,.035)}
.compact-type .type-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0}
.compact-type .type-title>div{display:grid;gap:2px}
.compact-type .type-title strong{font-size:12px;color:#25324b}
.compact-type .type-title small{font-size:9px;color:#8993a5;font-weight:600}
.compact-type .type-title output{font-size:10px;font-weight:900;color:#2364ff;background:#edf3ff;border-radius:999px;padding:4px 7px}
.type-text{display:grid!important;gap:4px!important}
.type-text>span,.type-font>span,.type-size>span{font-size:9px;font-weight:850;color:#69758a}
.type-text input,.type-font select{height:36px!important;padding:7px 9px!important;border:1px solid #d7deea!important;border-radius:9px!important;font-size:12px!important;background:#fff!important}
.type-controls{display:grid;grid-template-columns:minmax(130px,1fr) minmax(120px,1.2fr);gap:8px;align-items:end}
.type-font,.type-size{display:grid!important;gap:4px!important}
.type-size>span{display:flex;justify-content:space-between}
.type-size>span b{color:#2364ff;font-size:9px}
.type-size input[type=range]{width:100%;height:5px;padding:0!important;accent-color:#2364ff}
.compact-type .individual-color{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0;padding:7px 8px;border:1px solid #e4e8ef;border-radius:9px;background:#fafbfe;font-size:10px}
.compact-type .color-control{display:flex;align-items:center;gap:7px}
.compact-type .color-control input[type=color]{width:28px;height:24px;padding:0;border:0;background:none}
.compact-type .color-control output{font-size:8px;color:#778399;font-weight:800}
.type-color-pair{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.extra-colors{grid-template-columns:1fr 1fr}
.extra-colors .type-title,.extra-colors .helper{grid-column:1/-1}
.extra-colors .individual-color{min-width:0}
@media(max-width:560px){
  #textEditor>summary{padding:11px 12px}
  #textEditor .advanced-body{padding:0 8px 8px}
  .compact-type{padding:9px;gap:7px}
  .type-controls{grid-template-columns:1fr 1fr;gap:6px}
  .type-color-pair{grid-template-columns:1fr 1fr}
  .extra-colors{grid-template-columns:1fr}
  .extra-colors .type-title,.extra-colors .helper{grid-column:1}
}

/* Personalização simplificada: somente nome, logo e cor de fundo */
.manual-editor-hidden{display:none!important}
.simple-personalization{padding:10px}
.personal-option{display:grid;gap:9px;padding:12px;border:1px solid #e1e6ef;border-radius:12px;background:#fff}
.personal-option>div:first-child{display:grid;gap:3px}
.personal-option strong{font-size:12px;color:#25324b}
.personal-option small{font-size:10px;color:#8993a5;font-weight:600}
.background-options{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}
.bg-choice,.bg-custom{min-height:48px;border:1px solid #dfe5ee;border-radius:10px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:9px;font-weight:800;color:#56647b;cursor:pointer;padding:5px}
.bg-choice.active{border-color:#2364ff;box-shadow:0 0 0 2px rgba(35,100,255,.10);color:#2364ff}
.bg-choice i,.bg-custom i{width:20px;height:20px;border-radius:50%;border:1px solid #cbd2de;background:repeating-conic-gradient(#ddd 0 25%,#fff 0 50%) 0/8px 8px}
.bg-custom{position:relative}
.bg-custom input{position:absolute;inset:0;opacity:0;cursor:pointer}
#backgroundSwatch{background:#fff}
@media(max-width:560px){
  .background-options{grid-template-columns:repeat(2,1fr)}
  .personal-option{padding:10px}
}