@font-face{font-family:'Korolev Bold';src:url('post-editor-assets/fonts/korolev-bold.otf') format('opentype');font-style:normal;font-weight:700;font-display:block}
@font-face{font-family:'Korolev Medium';src:url('post-editor-assets/fonts/korolev-medium.otf') format('opentype');font-style:normal;font-weight:500;font-display:block}
@font-face{font-family:'Korolev Light';src:url('post-editor-assets/fonts/korolev-light.otf') format('opentype');font-style:normal;font-weight:300;font-display:block}
@font-face{font-family:'Korolev Offer';src:url('post-editor-assets/fonts/korolev-heavy-condensed.otf') format('opentype');font-style:normal;font-weight:700;font-display:block}
@font-face{font-family:'Korolev Price';src:url('post-editor-assets/fonts/korolev-heavy-condensed.otf') format('opentype');font-style:normal;font-weight:700;font-display:block}
@font-face{font-family:'Korolev Label';src:url('post-editor-assets/fonts/korolev-bold-italic.otf') format('opentype');font-style:italic;font-weight:700;font-display:block}
@font-face{font-family:'Swiss721Editor';src:url('post-editor-assets/swiss721-condensed-regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:block}
@font-face{font-family:'Swiss721Editor';src:url('post-editor-assets/swiss721-condensed-italic.ttf') format('truetype');font-style:italic;font-weight:400;font-display:block}
@font-face{font-family:'Swiss721Editor';src:url('post-editor-assets/swiss721-condensed-bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:block}
@font-face{font-family:'Swiss721Editor';src:url('post-editor-assets/swiss721-condensed-bold-italic.ttf') format('truetype');font-style:italic;font-weight:700;font-display:block}
:root{--pe-yellow:var(--accent);--pe-ink:var(--text);--pe-muted:var(--muted);--pe-line:var(--border);--pe-panel:var(--card);--pe-bg:var(--bg)}
*{box-sizing:border-box}.pe-page{min-width:0;background:var(--pe-bg);min-height:100vh;padding:28px 32px 44px;color:var(--pe-ink);font-family:var(--font-body)}
.pe-header{max-width:1600px;margin:0 auto 22px;display:flex;align-items:center;justify-content:space-between;gap:24px}.pe-kicker{display:block;color:var(--accent-ink);font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;margin-bottom:5px}.pe-header h1{font-size:27px;line-height:1.15;margin:0 0 5px}.pe-header p{margin:0;color:var(--pe-muted);font-size:14px}.pe-back{color:var(--text);text-decoration:none;border:1px solid var(--border);border-radius:9px;padding:10px 14px;background:var(--card);font-size:13px;font-weight:700}.pe-back:hover{border-color:var(--accent-ink);background:var(--accent-weak)}
.pe-layout{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:365px minmax(0,1fr);gap:20px;align-items:start}.pe-panel{background:var(--surface-muted);border:1px solid var(--border);border-radius:16px;padding:8px 12px 16px;box-shadow:var(--shadow-sm);position:sticky;top:18px;max-height:calc(100vh - 36px);overflow:auto;scrollbar-gutter:stable}
.pe-section{margin:8px 0;padding:15px;background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-sm)}.pe-step{display:flex;gap:11px;align-items:center;margin-bottom:16px}.pe-step>span{display:grid;place-items:center;width:27px;height:27px;flex:0 0 27px;border-radius:50%;background:var(--accent-weak);color:var(--accent-ink);font-size:12px;font-weight:900}.pe-step strong,.pe-step small{display:block}.pe-step strong{font-size:14px}.pe-step small{font-size:11px;color:var(--pe-muted);margin-top:2px}
.pe-panel label{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:700;color:var(--text-faint);margin:12px 0 6px}.pe-panel input:not([type=range]):not([type=file]):not([type=checkbox]),.pe-panel textarea,.pe-panel select{width:100%;border:1px solid var(--border);border-radius:9px;background:var(--card);color:var(--text);font:13px var(--font-ui);padding:9px 10px;outline:none}.pe-panel textarea{resize:vertical;min-height:64px}.pe-panel input:focus,.pe-panel textarea:focus,.pe-panel select:focus{border-color:var(--accent-ink);box-shadow:0 0 0 3px var(--accent-weak)}.pe-grid-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pe-panel output{font-weight:900;color:var(--accent-ink)}
.pe-drop{min-height:86px!important;border:1.5px dashed var(--accent-ink);border-radius:11px;padding:12px!important;margin:0 0 10px!important;display:grid!important;grid-template-columns:30px 1fr;grid-template-rows:auto auto;column-gap:9px;align-content:center;justify-content:start!important;cursor:pointer;background:var(--accent-weak)}.pe-drop:hover,.pe-drop.is-dragging{background:var(--accent-weak);border-color:var(--accent-hover)}.pe-drop input{display:none}.pe-drop-icon{grid-row:1/3;display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--pe-yellow);color:var(--on-accent);font-size:19px}.pe-drop strong{font-size:12px;color:var(--text)}.pe-drop strong em{font-weight:400;color:var(--text-faint);font-style:normal}.pe-drop small{font-weight:400;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:250px}.pe-drop-secondary{border-color:var(--border);background:var(--surface-muted)}.pe-drop-secondary .pe-drop-icon{background:var(--surface-muted);color:var(--muted)}.pe-drop.has-preview{grid-template-columns:50px 1fr}.pe-drop.has-preview .pe-drop-icon{display:none}.pe-drop-preview{grid-row:1/3;width:46px;height:46px;object-fit:contain;border:1px solid var(--border);border-radius:8px;background:#fff;padding:3px}.pe-drop-preview[hidden]{display:none}.pe-check{justify-content:flex-start!important;gap:7px!important;margin-top:4px!important;font-weight:400!important}.pe-check input{accent-color:var(--accent)}
.pe-panel input[type=range]{width:100%;accent-color:var(--accent)}.pe-actions-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.pe-actions-row button,.pe-downloads button,.pe-card-head button,.pe-segmented button{border:1px solid var(--border);background:var(--card);border-radius:8px;padding:9px 10px;font:700 11px var(--font-ui);cursor:pointer;color:var(--text)}.pe-actions-row button:hover,.pe-downloads button:hover,.pe-card-head button:hover{border-color:var(--accent-ink);background:var(--accent-weak)}
.pe-downloads{position:sticky;bottom:-1px;z-index:3;margin:8px -4px 0;padding:12px 4px 4px;background:linear-gradient(to bottom,transparent,var(--surface-muted) 13px)}.pe-downloads .pe-primary{width:100%;background:var(--pe-yellow);color:var(--on-accent);border-color:var(--accent-hover);padding:12px;font-size:13px}.pe-downloads>div{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.pe-downloads>div button{width:100%}.pe-status{display:flex;align-items:center;gap:7px;margin-top:13px;color:var(--muted);font-size:11px}.pe-status-dot{width:7px;height:7px;border-radius:50%;background:#2ba56a}.pe-status.is-busy .pe-status-dot{background:#d8a100;animation:pePulse 1s infinite}@keyframes pePulse{50%{opacity:.35}}
.pe-stage{min-width:0}.pe-stage-toolbar{height:58px;padding:0 16px;margin-bottom:12px;background:var(--card);border:1px solid var(--border);border-radius:13px;display:flex;justify-content:space-between;align-items:center}.pe-stage-toolbar strong,.pe-stage-toolbar small{display:block}.pe-stage-toolbar strong{font-size:13px}.pe-stage-toolbar small{font-size:10px;color:var(--pe-muted);margin-top:2px}.pe-segmented{background:var(--surface-muted);border-radius:8px;padding:3px;display:flex}.pe-segmented button{border:0;background:transparent;padding:7px 10px}.pe-segmented button.is-active{background:var(--card);box-shadow:var(--shadow-sm)}
.pe-previews{display:grid;grid-template-columns:minmax(320px,1fr) minmax(280px,.72fr);gap:16px;align-items:start}.pe-preview-card{background:var(--card);border:1px solid var(--border);border-radius:15px;padding:13px;min-width:0}.pe-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.pe-card-head strong,.pe-card-head small{display:block}.pe-card-head strong{font-size:13px}.pe-card-head small{font-size:10px;color:var(--pe-muted);margin-top:2px}.pe-card-head button{padding:7px 11px}.pe-canvas-wrap{position:relative;border-radius:10px;overflow:hidden;background:var(--surface-muted);box-shadow:inset 0 0 0 1px var(--border);line-height:0}.pe-canvas-wrap canvas{display:block;width:100%;height:auto;cursor:grab}.pe-canvas-wrap canvas:active{cursor:grabbing}.pe-story-card{max-width:560px}
.pe-move-flash{position:absolute;pointer-events:none;border-radius:8px;border:3px solid var(--pe-yellow);background:rgba(255,190,0,.14);opacity:0}.pe-move-flash span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);white-space:nowrap;background:var(--text);color:var(--card);font:900 12px var(--font-ui);letter-spacing:.02em;padding:6px 12px;border-radius:99px;box-shadow:var(--shadow-sm)}.pe-move-flash.is-background{border-color:#4da3ff;background:rgba(77,163,255,.12)}.pe-move-flash.is-firing{animation:peMoveFlash .9s cubic-bezier(.2,.7,.3,1) forwards}
@keyframes peMoveFlash{0%{opacity:0;transform:scale(.94)}14%{opacity:1;transform:scale(1.03)}32%{transform:scale(1)}70%{opacity:1}100%{opacity:0}}
@media(max-width:1150px){.pe-page{padding:22px}.pe-layout{grid-template-columns:330px minmax(0,1fr)}.pe-previews{grid-template-columns:1fr}.pe-story-card{max-width:520px}}
.pe-code-row{display:grid;grid-template-columns:1fr;gap:8px}.pe-code-row.is-dual{grid-template-columns:.72fr 1.28fr}.pe-code-row+.pe-code-row{margin-top:4px}.pe-code-row[hidden],.pe-code-variant[hidden]{display:none!important}

.pe-flow{max-width:1600px;margin:0 auto 20px;display:flex;align-items:center;gap:14px}.pe-flow>i{height:1px;flex:1;max-width:90px;background:var(--border)}.pe-flow-step{display:flex;align-items:center;gap:9px;color:var(--text-faint)}.pe-flow-step>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--surface-muted);color:var(--muted);font-size:12px;font-weight:900}.pe-flow-step strong,.pe-flow-step small{display:block}.pe-flow-step strong{font-size:12px}.pe-flow-step small{font-size:10px;margin-top:1px}.pe-flow-step.is-active,.pe-flow-step.is-complete{color:var(--text)}.pe-flow-step.is-active>span{background:var(--pe-yellow);color:var(--on-accent);box-shadow:0 0 0 4px var(--accent-weak)}.pe-flow-step.is-complete>span{background:var(--text);color:var(--card)}
.pe-flow-step.is-clickable{cursor:pointer;border-radius:10px;margin:-6px;padding:6px}.pe-flow-step.is-clickable:hover{background:var(--accent-weak)}.pe-flow-step.is-clickable:hover>span{box-shadow:0 0 0 4px var(--accent-weak)}

/* Modal de confirmação ao sair da etapa "Editar e baixar" sem salvar */
.pe-modal-overlay{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:rgba(10,10,10,.5);padding:20px}.pe-modal-overlay[hidden]{display:none!important}
.pe-modal{width:min(420px,100%);background:var(--card);border:1px solid var(--border);border-radius:16px;padding:24px;box-shadow:var(--shadow-md)}
.pe-modal h3{margin:0 0 10px;font-size:17px;color:var(--text)}
.pe-modal p{margin:0 0 20px;font-size:13px;line-height:1.5;color:var(--pe-muted)}
.pe-modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.pe-modal-actions button{border:1px solid var(--border);border-radius:9px;background:var(--surface-muted);color:var(--text);font:700 12px var(--font-ui);padding:11px;cursor:pointer}
.pe-modal-actions button:hover{border-color:var(--accent-ink)}
.pe-modal-actions .pe-modal-danger{background:#dc2626;border-color:#dc2626;color:#fff}
.pe-modal-actions .pe-modal-danger:hover{background:#b91c1c;border-color:#b91c1c}
.pe-chooser{max-width:1600px;margin:0 auto}.pe-chooser[hidden],#editorWorkspace[hidden]{display:none!important}.pe-chooser-card{width:min(850px,100%);margin:58px auto 0;background:var(--card);border:1px solid var(--border);border-radius:18px;padding:34px;box-shadow:var(--shadow-md)}.pe-chooser-kicker{display:block;margin-bottom:7px;color:var(--accent-ink);font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.pe-chooser-card h2{margin:0 0 7px;font-size:24px}.pe-chooser-card>p{margin:0 0 24px;color:var(--pe-muted);font-size:13px}.pe-catalog-search{height:54px;display:flex;align-items:center;gap:11px;border:1.5px solid var(--border);border-radius:12px;padding:0 14px;background:var(--card);transition:border-color .15s,box-shadow .15s}.pe-catalog-search:focus-within{border-color:var(--accent-ink);box-shadow:0 0 0 4px var(--accent-weak)}.pe-catalog-search>span{font-size:25px;line-height:1;color:var(--muted);transform:rotate(-20deg)}.pe-catalog-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:14px var(--font-ui);color:var(--text)}.pe-catalog-search kbd{border:1px solid var(--border);border-bottom-width:2px;border-radius:6px;padding:4px 7px;background:var(--surface-muted);color:var(--muted);font:10px var(--font-ui)}.pe-catalog-meta{min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--muted);font-size:11px}.pe-catalog-meta button{border:0;background:transparent;color:var(--accent-ink);font:700 11px var(--font-ui);cursor:pointer;text-decoration:underline;text-underline-offset:3px}.pe-catalog-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:360px;overflow:auto}.pe-catalog-item{display:grid;grid-template-columns:58px minmax(0,1fr) 24px;align-items:center;gap:12px;min-height:78px;padding:9px;border:1px solid var(--border);border-radius:12px;background:var(--card);cursor:pointer;text-align:left;color:var(--text)}.pe-catalog-item:hover,.pe-catalog-item.is-focused{border-color:var(--accent-ink);background:var(--accent-weak);box-shadow:var(--shadow-sm)}.pe-catalog-item img{width:58px;height:58px;object-fit:contain;border-radius:9px;background:var(--surface-muted)}.pe-catalog-item strong,.pe-catalog-item small{display:block}.pe-catalog-item strong{font-size:12px;line-height:1.3}.pe-catalog-item small{margin-top:5px;color:var(--muted);font-size:10px}.pe-catalog-item>span:last-child{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--surface-muted);font-size:15px}.pe-catalog-empty{grid-column:1/-1;padding:34px 20px;border:1px dashed var(--border);border-radius:12px;text-align:center;color:var(--muted);font-size:12px}.pe-catalog-empty strong{display:block;margin-bottom:5px;color:var(--text);font-size:13px}
.pe-selected-product{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;margin:0 0 15px;padding:9px;border:1px solid var(--border);border-radius:10px;background:var(--surface-muted)}.pe-selected-thumb{display:grid;place-items:center;width:44px;height:44px;border-radius:8px;background:var(--surface-muted);color:var(--text-faint);overflow:hidden}.pe-selected-thumb img{width:100%;height:100%;object-fit:contain;background:var(--card)}.pe-selected-product strong,.pe-selected-product small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pe-selected-product strong{font-size:11px}.pe-selected-product small{margin-top:3px;color:var(--muted);font-size:9px}.pe-selected-product button{border:1px solid var(--border);border-radius:7px;background:var(--card);padding:6px 8px;color:var(--muted);font:700 9px var(--font-ui);cursor:pointer}.pe-selected-product button:hover{border-color:var(--accent-ink);color:var(--accent-ink)}
.pe-format-zooms{display:grid;grid-template-columns:1fr;gap:2px;margin-top:4px}.pe-format-zooms>div{min-width:0}.pe-format-zooms label{margin-top:8px}

/* Sugestões de composição */
.pe-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}
.pe-section-heading strong,.pe-section-heading small{display:block}.pe-section-heading>div>strong{font-size:13px}.pe-section-heading>div>small{font-size:10px;color:var(--pe-muted);margin-top:2px}
.pe-section-heading>button{flex:0 0 auto;border:1px solid var(--accent-ink);border-radius:8px;background:var(--accent-weak);color:var(--accent-ink);padding:8px 9px;font:800 10px var(--font-ui);cursor:pointer}
.pe-composition-options{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:11px}.pe-composition-options[hidden]{display:none}
.pe-composition-options button{min-width:0;border:1px solid var(--border);border-radius:9px;background:var(--surface-muted);padding:9px 5px;text-align:center;cursor:pointer;color:var(--text);font-family:var(--font-ui)}
.pe-composition-options button:hover,.pe-composition-options button.is-active{border-color:var(--accent-ink);background:var(--accent-weak);box-shadow:0 0 0 2px var(--accent-weak)}
.pe-composition-options strong,.pe-composition-options small{display:block}.pe-composition-options strong{font-size:9px;line-height:1.2;margin-top:4px}.pe-composition-options small{font-size:8px;line-height:1.25;color:var(--muted);margin-top:2px}.pe-option-icon{display:block;font-size:18px;color:var(--accent-ink);line-height:1}
.pe-download-hint{display:block;text-align:center;color:var(--muted);font-size:9px;margin-top:5px}

/* Etapa 1 — escolha de editoria */
.pe-editoria-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:6px}
.pe-editoria-item{display:flex;align-items:center;gap:12px;min-height:64px;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:var(--card);cursor:pointer;text-align:left;color:var(--text);font-family:var(--font-ui)}
.pe-editoria-item:hover:not(:disabled){border-color:var(--accent-ink);background:var(--accent-weak);box-shadow:var(--shadow-sm)}
.pe-editoria-item strong,.pe-editoria-item small{display:block}
.pe-editoria-item strong{font-size:13px}
.pe-editoria-item small{margin-top:3px;color:var(--muted);font-size:10px}
.pe-editoria-item:disabled{cursor:not-allowed;opacity:.5}
.pe-editoria-dot{width:13px;height:13px;border-radius:50%;flex:0 0 13px}

/* Barra com a editoria escolhida, exibida nas etapas 2 e 3 */
.pe-selected-editoria{display:flex;align-items:center;gap:9px;margin:0 0 15px;padding:9px 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface-muted)}
.pe-selected-editoria .pe-editoria-dot{flex:0 0 11px;width:11px;height:11px}
.pe-selected-editoria strong{flex:1;min-width:0;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pe-selected-editoria button{border:1px solid var(--border);border-radius:7px;background:var(--card);padding:6px 8px;color:var(--muted);font:700 9px var(--font-ui);cursor:pointer}
.pe-selected-editoria button:hover{border-color:var(--accent-ink);color:var(--accent-ink)}

.pe-field-hint{display:block;margin-top:5px;color:var(--muted);font-size:10px;line-height:1.35}
#brandVariantField{margin-top:10px}
#brandLogoSummary{margin-bottom:0}
#brandLogoPicker{margin:9px 0}
#brandLogoPicker .pe-catalog-search{height:44px}
#brandLogoPicker .pe-catalog-results{grid-template-columns:1fr;max-height:260px;margin-top:9px}
#brandLogoResults .pe-catalog-item{grid-template-columns:40px minmax(0,1fr) 18px;min-height:52px;padding:6px 8px}
#brandLogoResults .pe-catalog-item img{width:40px;height:40px}
#brandLogoResults .pe-catalog-item strong{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#brandLogoThumb img{width:100%;height:100%;object-fit:contain;background:var(--card)}


#productDrop[hidden],#removeWhiteField[hidden],#selectedProductCode[hidden],#codeControls[hidden],#overlayScaleField[hidden],.pe-flow-step[hidden]{display:none!important}

#selectedProductSummary[hidden]{display:none!important}

#eventPrefixField[hidden]{display:none!important}

#eventTitleSizeField{margin-top:10px}#eventTitleSizeField label{display:flex;justify-content:space-between;align-items:center}#eventTitleSizeField output{font-weight:700;color:var(--accent-ink)}#eventTitleSizeField input{width:100%;accent-color:var(--accent)}#eventTitleSizeField[hidden]{display:none!important}

.pe-offer-import{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.pe-offer-import button,.pe-sku-options button{border:1px solid var(--accent-ink);border-radius:9px;background:var(--accent-weak);color:var(--accent-ink);font:800 11px var(--font-ui);padding:9px 10px;cursor:pointer}.pe-offer-import button:disabled{opacity:.6;cursor:wait}.pe-sku-options{display:grid;gap:8px;margin:-2px 0 16px}.pe-sku-options button{text-align:left;background:var(--surface-muted);border-color:var(--border);font-weight:600}.pe-sku-options button:hover{border-color:var(--accent-ink);background:var(--accent-weak)}.pe-sku-options strong,.pe-sku-options small{display:block}.pe-sku-options strong{font-size:13px;color:var(--text)}.pe-sku-options small{margin-top:3px;color:var(--muted);font-size:11px}.pe-modal-single{grid-template-columns:1fr}

.pe-fg-offer-import{margin:0 0 16px;padding:13px;border:1px solid var(--accent-ink);border-radius:12px;background:var(--accent-weak)}.pe-fg-offer-import label{margin:0 0 7px;font-size:11px;font-weight:800;color:var(--accent-ink)}.pe-fg-offer-import small{display:block;margin-top:6px;color:var(--muted);font-size:10px}

#catalogSearchArea[hidden],#catalogMeta[hidden],#catalogResults[hidden]{display:none!important}
.pe-fg-offer-import{padding:16px;border-color:var(--accent-ink);background:linear-gradient(135deg,var(--accent-weak),var(--surface-muted));box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}.pe-offer-import{align-items:center}.pe-offer-import input{width:100%;min-width:0;height:42px;border:1px solid var(--border);border-radius:9px;background:var(--surface-muted);color:var(--text);font:13px var(--font-ui);padding:0 12px;outline:none}.pe-offer-import input::placeholder{color:var(--muted)}.pe-offer-import input:focus{border-color:var(--accent-ink);box-shadow:0 0 0 3px var(--accent-weak)}.pe-offer-import button{min-height:42px;background:var(--accent-weak)}.pe-fg-offer-import small{color:var(--text-faint)}

#layoutModeField[hidden],#moveTargetField[hidden],#moveModeControls[hidden]{display:none!important}
