*,:after,:before{box-sizing:border-box}:root{color-scheme:light;--bg:#eef3f9;--bg-soft:#f7f9fc;--panel:hsla(0,0%,100%,.88);--panel-strong:#fff;--panel-border:rgba(134,151,173,.2);--text:#112033;--muted:#64748b;--muted-strong:#475569;--brand:#0f8b6d;--brand-deep:#0d6f58;--accent:#1d4ed8;--danger:#c2410c;--danger-soft:#fff1eb;--warning:#9a6700;--warning-soft:#fff7db;--shadow:0 24px 70px rgba(15,23,42,.08)}body,html{margin:0;padding:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top left,rgba(29,78,216,.12),transparent 32%),radial-gradient(circle at right 20%,rgba(15,139,109,.14),transparent 28%),linear-gradient(180deg,#f5f8fc,#eef3f9 48%,#e9eef6)}body,html{color:var(--text)}a{color:inherit}button,input,select,textarea{font:inherit}img{max-width:100%}@keyframes ui-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.admin-shell{display:grid;grid-template-columns:290px minmax(0,1fr);min-height:100vh}.admin-sidebar{position:-webkit-sticky;position:sticky;top:0;display:flex;flex-direction:column;gap:1.5rem;min-height:100vh;padding:2rem 1.4rem;background:linear-gradient(180deg,rgba(10,17,30,.96),rgba(15,23,42,.92)),radial-gradient(circle at top,rgba(29,78,216,.24),transparent 28%);color:#f8fafc}.admin-brand{display:flex;align-items:center;gap:1rem}.brand-mark{display:grid;place-items:center;width:3rem;height:3rem;border-radius:1rem;background:linear-gradient(135deg,#31c48d,#1d4ed8);font-size:1.25rem;font-weight:800;color:#fff;box-shadow:0 18px 40px rgba(29,78,216,.3)}.admin-sidebar-copy p{margin:0;font-size:.95rem;line-height:1.7;color:rgba(226,232,240,.78)}.admin-sidebar-nav{display:flex;flex-direction:column;gap:.7rem}.admin-nav-item{display:flex;flex-direction:column;gap:.35rem;width:100%;padding:1rem 1.05rem;border:1px solid rgba(148,163,184,.14);border-radius:1rem;background:hsla(0,0%,100%,.03);color:rgba(226,232,240,.78);text-align:left;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background-color .18s ease}.admin-nav-item span{font-weight:700;font-size:.98rem;color:#f8fafc}.admin-nav-item small{font-size:.82rem}.admin-nav-item.active,.admin-nav-item:hover{transform:translateY(-1px);border-color:rgba(91,192,190,.4);background:rgba(15,139,109,.12)}.admin-status-card{display:flex;align-items:flex-start;gap:.85rem;margin-top:auto;padding:1rem;border:1px solid rgba(148,163,184,.16);border-radius:1rem;background:hsla(0,0%,100%,.04)}.admin-status-card strong{display:block;margin-bottom:.25rem}.admin-status-card p{margin:0;font-size:.86rem;line-height:1.55;color:rgba(226,232,240,.72)}.status-dot{width:.75rem;height:.75rem;margin-top:.35rem;border-radius:999px;background:#f59e0b;box-shadow:0 0 0 6px rgba(245,158,11,.15)}.status-dot.is-live{background:#10b981;box-shadow:0 0 0 6px rgba(16,185,129,.16)}.admin-main{min-width:0;padding:2rem}.admin-hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.9fr);grid-gap:1.4rem;gap:1.4rem;margin-bottom:1.5rem}.admin-hero-copy,.admin-hero-stats,.catalog-card,.inline-alert,.metric-card,.panel-banner,.panel-empty,.selected-product-banner,.sequence-row,.surface-card{border:1px solid var(--panel-border);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.admin-hero-copy{padding:1.6rem 1.7rem;border-radius:1.7rem}.admin-hero-copy h1{margin-top:.4rem;margin-bottom:.85rem;font-size:clamp(2rem,3vw,3.35rem);letter-spacing:-.04em}.admin-hero-copy p{margin:0;max-width:62ch;color:var(--muted-strong);line-height:1.7}.hero-kicker,.panel-kicker{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;border-radius:999px;background:rgba(15,139,109,.12);color:var(--brand-deep);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.hero-meta{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.15rem}.hero-meta span{padding:.55rem .75rem;border-radius:999px;background:hsla(0,0%,100%,.7);color:var(--muted-strong);font-size:.87rem}.admin-hero-stats{display:grid;grid-gap:1rem;gap:1rem;padding:1rem;border-radius:1.7rem}.hero-stat{padding:1rem;border-radius:1.1rem;background:hsla(0,0%,100%,.66)}.hero-stat span{display:block;color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.hero-stat strong{display:block;margin-top:.3rem;font-size:1.5rem;letter-spacing:-.03em}.hero-stat p{margin:.45rem 0 0;color:var(--muted-strong);line-height:1.6;font-size:.92rem}.admin-content,.editor-shell,.panel-stack{display:flex;flex-direction:column;gap:1.3rem}.editor-toolbar,.panel-banner{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;padding:1.4rem 1.5rem;border-radius:1.4rem}.editor-toolbar h2,.panel-banner h2{margin-top:.5rem;margin-bottom:.65rem}.editor-toolbar p,.panel-banner p{margin:0;color:var(--muted-strong);line-height:1.7;max-width:64ch}.editor-toolbar-actions,.panel-banner-actions{display:flex;flex-direction:column;align-items:flex-end;gap:.75rem;color:var(--muted);white-space:nowrap}.stats-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:1rem;gap:1rem}.metric-card{padding:1.15rem 1.2rem;border-radius:1.2rem}.metric-card span{display:block;color:var(--muted);font-size:.82rem;text-transform:uppercase;letter-spacing:.08em}.metric-card strong{display:block;margin-top:.35rem;font-size:2rem;letter-spacing:-.04em}.metric-card p{margin:.45rem 0 0;color:var(--muted-strong);line-height:1.6}.inline-alert{display:flex;flex-direction:column;gap:.2rem;padding:1rem 1.15rem;border-radius:1.1rem}.inline-alert strong{font-size:.95rem}.inline-alert span{color:var(--muted-strong);line-height:1.6}.inline-alert.is-warning{background:var(--warning-soft)}.inline-alert.is-danger{background:var(--danger-soft)}.panel-empty{display:flex;flex-direction:column;align-items:center;gap:.45rem;padding:2rem 1.25rem;border-radius:1.3rem;text-align:center}.panel-empty.is-large{padding:3rem 1.4rem}.panel-empty strong{font-size:1.05rem}.panel-empty span{max-width:42ch;color:var(--muted-strong);line-height:1.7}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:1rem;gap:1rem}.catalog-card{display:flex;flex-direction:column;gap:1rem;min-height:100%;padding:.1rem;border:none;background:transparent;box-shadow:none}.catalog-card-media{border-radius:1rem;overflow:hidden;background:linear-gradient(135deg,#dbeafe,#ecfeff);aspect-ratio:16/10}.catalog-card-media img{width:100%;height:100%;object-fit:cover}.catalog-card-fallback{display:grid;place-items:center;width:100%;height:100%;color:var(--muted-strong);font-weight:600}.catalog-card-copy{display:flex;flex-direction:column;gap:.65rem}.catalog-card-copy p{margin:0;color:var(--muted-strong);line-height:1.6}.catalog-card-header{display:flex;justify-content:space-between;gap:.75rem;align-items:center}.catalog-card-tags,.zone-legend{display:flex;flex-wrap:wrap;gap:.55rem}.catalog-card-actions{display:flex;gap:.7rem;margin-top:auto}.product-pill,.sequence-chip,.zone-chip{display:inline-flex;align-items:center;justify-content:center;padding:.35rem .72rem;border-radius:999px;background:#e2e8f0;color:#1e293b;font-size:.78rem;font-weight:700}.product-pill.is-live{background:rgba(15,139,109,.14);color:var(--brand-deep)}.zone-chip.is-texto{background:rgba(29,158,117,.12);color:#0f766e}.zone-chip.is-imagem{background:rgba(55,138,221,.12);color:#1d4ed8}.zone-chip.is-produto_pai{background:rgba(127,119,221,.14);color:#6d28d9}.sequence-chip{background:rgba(15,23,42,.06);color:var(--muted-strong)}.editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:1rem;gap:1rem}.editor-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(340px,.7fr);grid-gap:1rem;gap:1rem}.editor-side-panel{min-width:0}.surface-card{padding:1.2rem 1.25rem;border-radius:1.35rem}.surface-card-header{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1rem}.surface-card-header.is-inline{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:1rem}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:1rem;gap:1rem}.field-stack{gap:1rem}.field-block,.field-stack{display:flex;flex-direction:column}.field-block{gap:.45rem}.field-block span{color:var(--muted);font-size:.83rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.color-input,.field-input{width:100%;min-height:42px;border:1px solid rgba(148,163,184,.35);border-radius:.95rem;background:hsla(0,0%,100%,.95);color:var(--text);padding:.78rem .9rem;outline:none}.color-input:focus,.field-input:focus{border-color:rgba(29,78,216,.35);box-shadow:0 0 0 4px rgba(29,78,216,.08)}.field-span-2{grid-column:span 2}.upload-stage{display:flex;flex-direction:column;gap:1rem}.image-preview-card,.image-preview-placeholder{border-radius:1.2rem;overflow:hidden;background:linear-gradient(135deg,rgba(191,219,254,.5),rgba(236,254,255,.72));min-height:240px}.image-preview-card img{display:block;width:100%;max-height:440px;object-fit:cover}.image-preview-placeholder{display:grid;place-items:center;text-align:center;padding:2rem}.image-preview-placeholder span{max-width:36ch;color:var(--muted-strong);line-height:1.7}.segmented-actions{display:flex;flex-wrap:wrap;gap:.65rem}.coords-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:.85rem;gap:.85rem}.checkbox-row,.choice-card,.option-card-actions,.product-picker-toolbar,.selected-product-banner,.sequence-row,.toggle-row{display:flex;align-items:center;gap:.8rem}.checkbox-row{color:var(--muted-strong)}.toggle-row{justify-content:space-between;padding:.95rem 1rem;border-radius:1rem;background:rgba(15,23,42,.04)}.toggle-row p{margin:.25rem 0 0;color:var(--muted);line-height:1.6}.choice-list,.sequence-list{display:flex;flex-direction:column;gap:.75rem}.choice-card{justify-content:flex-start;padding:.95rem 1rem;border:1px solid rgba(148,163,184,.2);border-radius:1rem;background:hsla(0,0%,100%,.7);cursor:pointer}.choice-card span{display:block;color:var(--muted);margin-top:.2rem}.selected-product-banner{justify-content:space-between;padding:.9rem 1rem;border-radius:1rem}.selected-product-banner span{display:block;color:var(--muted)}.sequence-row{justify-content:space-between;padding:.95rem 1rem;border-radius:1rem}.sequence-row p{margin:.2rem 0 0;color:var(--muted)}.sequence-index{display:grid;place-items:center;width:2rem;height:2rem;border-radius:999px;background:rgba(15,139,109,.12);color:var(--brand-deep);font-weight:800}.drag-hint{color:var(--muted);font-size:.86rem;text-transform:uppercase;letter-spacing:.08em}.option-card{display:flex;flex-direction:column;gap:1rem;padding:1rem;border-radius:1rem;background:rgba(15,23,42,.04)}.option-card-actions{flex-wrap:wrap}.option-thumb{width:72px;height:72px;border-radius:.9rem;object-fit:cover}.product-picker{position:relative}.product-picker-input-wrap{display:flex;flex-direction:column;gap:.6rem}.product-picker-current{display:inline-flex;flex-direction:column;align-items:flex-start;gap:.15rem;width:-moz-fit-content;width:fit-content;padding:.75rem .9rem;border:1px solid rgba(15,139,109,.18);border-radius:1rem;background:rgba(15,139,109,.08);color:var(--brand-deep);cursor:pointer}.product-picker-current span{font-size:.74rem;text-transform:uppercase;letter-spacing:.08em}.product-picker-panel{position:absolute;z-index:20;top:calc(100% + .6rem);left:0;right:0;display:flex;flex-direction:column;gap:.9rem;padding:.9rem;border-radius:1.1rem;border:1px solid rgba(148,163,184,.2);background:hsla(0,0%,100%,.96);box-shadow:0 24px 60px rgba(15,23,42,.16)}.product-picker-toolbar{justify-content:space-between}.product-picker-list{display:flex;flex-direction:column;gap:.65rem;max-height:340px;overflow-y:auto}.product-picker-card{display:grid;grid-template-columns:54px minmax(0,1fr) auto;grid-gap:.85rem;gap:.85rem;align-items:center;width:100%;padding:.8rem;border:1px solid rgba(148,163,184,.18);border-radius:1rem;background:#fff;cursor:pointer;text-align:left}.product-picker-card.is-active{border-color:rgba(15,139,109,.35);background:rgba(15,139,109,.05)}.product-picker-thumb{display:grid;place-items:center;width:54px;height:54px;border-radius:.9rem;overflow:hidden;background:linear-gradient(135deg,#dbeafe,#ecfeff);color:var(--accent);font-weight:800}.product-picker-thumb img{width:100%;height:100%;object-fit:cover}.product-picker-copy{display:flex;flex-direction:column;gap:.2rem;min-width:0}.product-picker-copy span,.product-picker-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-picker-copy span{color:var(--muted);font-size:.85rem}.product-picker-fallback{display:flex;flex-direction:column;gap:.55rem}.upload-btn-wrapper{position:relative;overflow:hidden;display:inline-flex}.upload-btn-wrapper input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}.zone-editor-container{position:relative;display:inline-block;width:100%;line-height:0;border:1px solid rgba(148,163,184,.2);border-radius:1.1rem;overflow:hidden;background:hsla(0,0%,100%,.9);cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.zone-editor-container img{display:block;max-width:100%;height:auto;pointer-events:none}.zone-overlay{position:absolute;border-width:2px;border-style:solid;border-radius:.5rem;cursor:move;display:flex;align-items:flex-start;justify-content:flex-start;padding:.2rem .35rem}.zone-overlay.selected{box-shadow:0 0 0 2px hsla(0,0%,100%,.95)}.zone-label{font-size:10px;font-weight:700;color:#fff;background:rgba(0,0,0,.45);border-radius:999px;padding:.08rem .38rem;pointer-events:none;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.zone-handle{position:absolute;width:12px;height:12px;background:#fff;border:2px solid;border-radius:999px}.zone-handle.nw{top:-6px;left:-6px;cursor:nw-resize}.zone-handle.ne{top:-6px;right:-6px;cursor:ne-resize}.zone-handle.sw{bottom:-6px;left:-6px;cursor:sw-resize}.zone-handle.se{bottom:-6px;right:-6px;cursor:se-resize}@media (max-width:1200px){.admin-hero,.editor-grid,.editor-layout,.stats-row{grid-template-columns:1fr}}@media (max-width:980px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{position:static;min-height:auto}.admin-main{padding:1rem}.editor-toolbar,.panel-banner,.product-picker-toolbar,.surface-card-header.is-inline{flex-direction:column;align-items:stretch}.editor-toolbar-actions,.panel-banner-actions{align-items:stretch;white-space:normal}.coords-grid,.form-grid{grid-template-columns:1fr}.field-span-2{grid-column:auto}}