:root{font:16px Inter,system-ui;color:#222330;background:#f5f5f8;--v:#7138f5;--b:#e3e2e8;--m:#707582}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0}
button,input,select{font:inherit}
button{border:0;border-radius:10px;padding:11px 16px;background:var(--v);color:#fff;font-weight:800;cursor:pointer}
.button{display:inline-grid;place-items:center;border-radius:10px;padding:11px 16px;background:var(--v);color:#fff;font-weight:800;text-decoration:none}
.light{background:#fff;color:#4a405c;border:1px solid #d8d3e1}
.ghost{background:transparent;color:#666}
.center{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at top,#e9e1ff,#f7f7f9 60%)}
.panel{background:#fff;border:1px solid var(--b);border-radius:22px;padding:28px;box-shadow:0 24px 70px #28194a18}
.auth{width:min(420px,100%);display:grid;gap:16px}
.public-tool{display:block;padding-top:3px;color:var(--v);font-size:13px;font-weight:800;text-align:center;text-decoration:none}
.auth i,header i{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:var(--v);color:#fff;font-style:normal;font-weight:900}
.auth small,.title small,.modal>small{color:var(--v);font-weight:900;letter-spacing:.12em}
.auth h1,.title h1{margin:0}
.auth p,.title p,.modal p{color:var(--m);margin:0}
label{display:grid;gap:7px;font-size:13px;font-weight:750}
input:not([type=checkbox]):not([type=radio]):not([type=color]),select{height:44px;border:1px solid #d8d6df;border-radius:10px;padding:0 12px}
em{font-style:normal;padding:10px;border-radius:9px;background:#fff0f3;color:#9b2640}
header{height:68px;display:flex;align-items:center;gap:14px;padding:0 max(18px,calc((100% - 1200px)/2));background:#fff;border-bottom:1px solid var(--b);position:sticky;top:0;z-index:5}
header b{display:flex;align-items:center;gap:10px;margin-right:auto}
header i{width:38px;height:38px}
.page{width:min(1200px,calc(100% - 30px));margin:auto;padding:32px 0}
.title{display:flex;justify-content:space-between;align-items:end;gap:20px}
.title>div:last-child{display:flex;gap:8px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:24px 0 14px}
.stats article{display:grid;gap:7px;padding:17px;background:#fff;border:1px solid var(--b);border-radius:15px;color:var(--m)}
.stats strong{font-size:26px;color:#222}
.filters{display:grid;grid-template-columns:1fr 220px 220px;gap:10px;padding:14px;background:#fff;border:1px solid var(--b);border-radius:15px}
.bulk{display:flex;align-items:center;gap:8px;margin-top:10px;padding:10px 14px;background:#eee8ff;border-radius:13px}
.bulk b{margin-right:auto}
.selectall{display:flex;align-items:center;gap:8px;margin:18px 3px 10px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
.card{padding:16px;background:#fff;border:1px solid var(--b);border-radius:17px}
.card.selected{outline:3px solid #7138f522;border-color:#9a79e8}
.cardtop{display:flex;justify-content:space-between;gap:8px}
.cardtop label{display:flex;min-width:0}
.cardtop h3{margin:0;font-size:15px}
.code{font-size:11px;color:var(--m)}
.badge{padding:5px 8px;border-radius:999px;font-size:10px;font-weight:900;background:#eee8ff;color:#6034bd}
.badge.active{background:#e5f7ef;color:#087b52}
.badge.available{background:#fff3c4;color:#725900}
.badge.paused{background:#ffe9ee;color:#992b43}
.cardbody{display:grid;grid-template-columns:105px 1fr;gap:12px;align-items:center;margin:15px 0}
.cardbody canvas{width:105px;height:105px;border:1px solid #eee;border-radius:11px}
.meta{font-size:11px;color:var(--m);display:grid;gap:6px}
.dest{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;border-top:1px solid #eee;padding-top:11px}
.actions button{padding:9px 6px;font-size:11px}
.actions .reset-action{grid-column:1/-1;background:#fff8e7;color:#77520a;border:1px solid #efd28d}
.actions .reset-action:hover{background:#fff0c8}
.danger{background:#fff;color:#a52a45;border:1px solid #eccbd3}
.empty{text-align:center;padding:45px;background:#fff;border:1px dashed #ccc;border-radius:16px}
nav{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:20px}
dialog{border:0;padding:0;border-radius:22px;width:min(850px,calc(100% - 22px));background:transparent}
dialog::backdrop{background:#21193488}
.modal{position:relative}
.modal.small{width:min(460px,100%);margin:auto}
.batch-modal{width:min(760px,100%);margin:auto}
.modal>.close:first-child{position:absolute;right:18px;top:18px;background:#f2f1f5;color:#555;font-size:20px}
.editor{display:grid;grid-template-columns:1fr 300px;gap:25px;margin-top:20px}
.editor section{display:grid;gap:16px}
.editor aside{display:grid;place-items:center;align-content:center;gap:9px;padding:16px;background:#f5f3f8;border-radius:17px}
.editor canvas{width:270px;height:270px;max-width:100%}
.editor code{max-width:100%;overflow:hidden;text-overflow:ellipsis}
fieldset{display:flex;gap:14px;border:0;padding:0}
legend{font-size:13px;font-weight:800;margin-bottom:8px}
.colors{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.modal footer{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}
#toast{position:fixed;right:20px;bottom:20px;padding:12px 16px;background:#25222d;color:#fff;border-radius:10px}
@media(max-width:850px){.grid{grid-template-columns:repeat(2,1fr)}
.editor{grid-template-columns:1fr}
.editor aside{order:-1}
}
@media(max-width:620px){.title{align-items:stretch;flex-direction:column}
.title>div:last-child{display:grid}
.stats{grid-template-columns:1fr 1fr}
.filters{grid-template-columns:1fr}
.grid{grid-template-columns:1fr}
.bulk{align-items:flex-start;flex-wrap:wrap}
.bulk b{width:100%}
.page{width:calc(100% - 18px)}
header span{display:none}
}
.update-modal{width:min(640px,100%);margin:auto;display:grid;gap:18px}
.version-card{display:flex;align-items:center;justify-content:space-between;padding:15px 17px;border:1px solid var(--b);border-radius:13px;background:#faf9fc}
.version-card strong{font-size:20px;color:var(--v)}
#uploadForm{display:grid;gap:12px;padding:18px;border:1px solid var(--b);border-radius:14px}
#uploadForm input{padding:9px;height:auto}
.warning{padding:12px;border-radius:10px;background:#fff4d7;color:#735500!important}
.pending-update{display:grid;gap:10px;padding:18px;border:1px solid #cfc1f5;border-radius:14px;background:#f7f3ff}
.pending-update h3,.update-history h3{margin:0}
.pending-update ul{margin:0;padding-left:20px;color:#56505f}
.muted{font-size:13px;color:var(--m)!important}
.update-history{display:grid;gap:10px}
.history-item{display:grid;grid-template-columns:1fr auto;gap:5px 12px;padding:13px 0;border-top:1px solid var(--b)}
.history-item span{font-size:12px;color:var(--m)}
.history-item p{grid-column:1/-1}
button:disabled{cursor:not-allowed;opacity:.55}
.template-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0 12px}
.template-picker legend{grid-column:1/-1}
.template-option{position:relative;display:grid;grid-template-columns:auto 72px 1fr;align-items:center;gap:10px;padding:10px;border:2px solid var(--b);border-radius:14px;cursor:pointer;background:#fff}
.template-option:has(input:checked){border-color:var(--v);background:#f6f2ff;box-shadow:0 0 0 3px #7138f516}
.template-option input{margin:0}
.template-option img{width:72px;height:72px;object-fit:cover;border-radius:9px;border:1px solid #ddd}
.template-option span{display:grid;gap:4px}
.template-option small{color:var(--m);font-weight:600}
.art-count{padding:11px 13px;border-radius:10px;background:#f4f1fb;color:#4a405c!important;font-weight:750}
.inline-reseller{margin-top:14px;padding:13px;border:1px solid var(--b);border-radius:12px;background:#faf9fc}.inline-reseller summary{cursor:pointer;color:var(--v);font-weight:850}.inline-reseller>div{margin-top:12px}.inline-reseller>small{display:block;margin-top:8px;color:var(--m)}
.art-modal{width:min(1040px,100%);margin:auto}
.art-workspace{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:22px;align-items:center;margin-top:20px}
.art-workspace>canvas{display:block;width:100%;max-height:68vh;object-fit:contain;background:#eee;border:1px solid var(--b);border-radius:15px;box-shadow:0 12px 35px #24184220}
.art-workspace>aside{display:grid;gap:12px;align-content:center}
.art-workspace>aside>span{color:var(--m);font-size:13px}
.art-nav{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.art-nav button{padding:9px 7px;font-size:12px}
@media(max-width:760px){.template-picker{grid-template-columns:1fr}.art-workspace{grid-template-columns:1fr}.art-workspace>aside{grid-template-columns:1fr 1fr}.art-workspace>aside>b,.art-workspace>aside>span{grid-column:1/-1}}
.app-shell{min-height:100vh;padding-left:245px}
.sidebar{position:fixed;z-index:20;inset:0 auto 0 0;width:245px;display:flex;flex-direction:column;padding:22px 16px;background:#21183a;color:#fff;box-shadow:10px 0 35px #28194a12}
.brand{display:flex;align-items:center;gap:11px;padding:0 8px 24px;font-size:18px}
.brand i{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:var(--v);font-style:normal;font-weight:900}
.side-nav{display:grid;gap:7px}
.side-nav button,.side-nav a{display:flex;align-items:center;gap:12px;width:100%;padding:13px 14px;border-radius:10px;background:transparent;color:#cbc4db;text-align:left;text-decoration:none;font-weight:800}
.side-nav button span,.side-nav a span{width:20px;font-size:18px;text-align:center}
.side-nav button:hover,.side-nav button.active,.side-nav a:hover,.side-nav a.active{background:#ffffff16;color:#fff}
.side-nav button.active,.side-nav a.active{box-shadow:inset 3px 0 var(--v)}
.sidebar-version{margin-top:auto;padding:12px 14px;color:#8f88a2}
.workspace{min-width:0}
.topbar{padding:0 28px;height:72px}
.topbar>strong{font-size:17px}
.account-button{display:grid;gap:2px;margin-left:auto;padding:8px 13px;background:#f3f0f8;color:#352d45;text-align:right}
.account-button small{font-size:10px;color:var(--m);font-weight:600}
.mobile-menu{display:none;padding:8px 11px;background:#f3f0f8;color:#4a405c;font-size:19px}
.admin-account-link{text-decoration:none}.admin-page{display:grid;gap:22px}.store-form{display:grid;gap:15px;padding:22px}.store-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.store-grid .wide{grid-column:1/-1}.store-form textarea{min-height:110px;padding:12px;border:1px solid #d8d6df;border-radius:10px;font:inherit;resize:vertical}.store-products{display:grid;gap:12px}.store-product{display:grid;grid-template-columns:100px 1fr auto;gap:15px;align-items:center;padding:14px}.store-product img,.store-product .no-image{width:100px;height:80px;object-fit:contain;border-radius:10px;background:#f1edf8}.store-product .no-image{display:grid;place-items:center;color:var(--v);font-weight:900}.store-product h3{margin:0}.store-product p{margin:4px 0;color:var(--m);font-size:13px}.store-product .badges{display:flex;gap:6px;flex-wrap:wrap}.store-product .badges span{padding:4px 7px;border-radius:7px;background:#f1edf8;font-size:11px}.store-actions{display:grid;gap:6px}.notice-ok{padding:12px;border-radius:10px;background:#e5f7ef;color:#087b52}.logo-guidance{display:grid;grid-template-columns:180px 1fr;gap:16px;align-items:center;padding:14px;border:1px solid var(--b);border-radius:13px;background:#faf9fc}.logo-guidance-preview{display:grid;place-items:center;height:76px;padding:10px;border-radius:10px;background:linear-gradient(135deg,#e8e4ee,#fff)}.logo-guidance-preview img{display:block;max-width:160px;max-height:56px;object-fit:contain}.logo-guidance-preview span{color:var(--m);font-size:12px;font-weight:800}.logo-guidance p{margin:0;color:var(--m);font-size:13px}.logo-guidance b{display:block;margin-bottom:4px}.reseller-layout{display:grid;grid-template-columns:380px 1fr;gap:22px;align-items:start}.reseller-form{display:grid;gap:14px;padding:22px}.reseller-list{display:grid;gap:11px}.reseller-card{display:grid;grid-template-columns:1fr auto;gap:12px;padding:18px}.reseller-card h3{margin:0}.reseller-card p{margin:5px 0;color:var(--m)}.reseller-meta{display:flex;gap:7px;flex-wrap:wrap}.reseller-meta span{padding:5px 8px;border-radius:8px;background:#f1edf8;font-size:11px}.page-title-actions{display:flex;gap:8px;align-items:center}
.view-page{display:block}
.panel-lite{background:#fff;border:1px solid var(--b);border-radius:17px}
.print-access{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:24px 0;padding:20px}
.print-access h2{margin:5px 0 6px}
.print-access p{margin:0;color:var(--m);max-width:700px}
.print-access small{color:var(--v);font-weight:900;letter-spacing:.1em}
.orders-list{display:grid;gap:12px}
.batch-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px}.batch-card{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:17px;align-items:center;min-height:154px;padding:15px;background:#fff;border:1px solid var(--b);border-radius:18px;box-shadow:0 8px 24px #28194a0b}.batch-art-preview{position:relative;display:grid;place-items:center;align-self:stretch;min-height:122px;overflow:hidden;border:1px solid #ddd8e6;border-radius:14px;background:linear-gradient(135deg,#f3f0f8,#eae5f3)}.batch-art-preview canvas{display:block;width:100%;height:100%;max-height:138px;object-fit:contain;opacity:0;transition:opacity .2s}.batch-art-preview>span{position:absolute;inset:auto 8px 8px;padding:5px 7px;border-radius:7px;background:#fffddd;color:var(--m);font-size:10px;font-weight:800;text-align:center}.batch-art-preview.loaded canvas{opacity:1}.batch-art-preview.loaded>span{display:none}.batch-art-preview.failed>span{background:#fff;color:#766e81}.batch-art-preview.failed>span{font-size:0}.batch-art-preview.failed>span:after{content:'Prévia indisponível';font-size:10px}.batch-icon{display:grid;place-items:center;width:88px;height:88px;border-radius:17px;background:#eee8ff;color:var(--v);font-size:17px;font-weight:900}.batch-info{min-width:0}.batch-card h2{margin:3px 0 5px;font-size:19px}.batch-card p{margin:0;color:var(--m);overflow-wrap:anywhere}.batch-card>div>small{color:var(--v);font-size:10px;font-weight:900;letter-spacing:.08em}.batch-actions{display:grid;gap:7px}.batch-actions button{white-space:nowrap;padding:9px 11px;font-size:11px}.batch-detail-title{align-items:start;margin-bottom:4px}.batch-detail-title>div{display:block!important}.batch-detail-title .ghost{display:block;padding:0;margin-bottom:14px}.batch-detail-title h1{margin:5px 0}
.order-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:20px;background:#fff;border:1px solid var(--b);border-radius:17px}
.order-card h3{margin:0 0 6px;font-size:18px}
.order-card p{margin:0;color:var(--m)}
.order-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.order-meta span{padding:6px 9px;border-radius:8px;background:#f4f1f8;color:#554d61;font-size:12px;font-weight:750}
.order-actions{display:flex;align-items:center;gap:8px}
.inline-check{display:flex;grid-template-columns:auto 1fr;align-items:center;gap:8px}
.danger-text{color:#a52a45}
#accountForm,#printAccessForm{display:grid;gap:14px}
.models-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,1fr);gap:24px;align-items:start;margin-top:24px}.template-form{display:grid;gap:16px;padding:20px}.template-form h2,.models-layout>section>h2{margin:4px 0}.template-form p{margin:0;color:var(--m)}.template-form>div>small{color:var(--v);font-weight:900;letter-spacing:.1em}.model-measures{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:10px}.template-form input[type=file]{height:auto!important;padding:10px}.template-form input[type=range]{height:auto!important;padding:0}.image-info{padding:10px 12px!important;border-radius:10px;background:#eee8ff;color:#4a405c!important;font-size:12px;font-weight:750}.template-edit-warning{padding:11px 13px!important;border:1px solid #f2d18a;border-radius:10px;background:#fff8e7;color:#76520a!important;font-size:12px;font-weight:750}.template-form-actions{display:flex;justify-content:flex-end;gap:10px}.template-stage{position:relative;overflow:hidden;width:100%;min-height:320px;border:1px solid var(--b);border-radius:15px;background:#eee;touch-action:none}.template-stage>img{display:block;width:100%;height:auto}.template-stage.empty-stage{display:grid;place-items:center;background:#f5f4f7;border-style:dashed;color:var(--m)}.template-stage.empty-stage>img,.template-stage.empty-stage>#templateMarkers,.template-stage.empty-stage>#templateIdMarker,.template-stage.empty-stage>#templateTextMarker{display:none}.template-marker{position:absolute;z-index:2;display:block;aspect-ratio:1/1;height:auto;padding:0;overflow:hidden;border:2px solid #fff;border-radius:6px;background:transparent;box-shadow:0 0 0 2px #7138f5;cursor:move}.template-marker canvas{display:block;width:100%;height:100%}.template-marker span{position:absolute;right:4px;top:4px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--v);color:#fff;font-size:11px}.template-id-marker,#templateIdMarker,#templateTextMarker{position:absolute;z-index:3;display:grid;place-items:center;margin:0;padding:2px 5px;overflow:hidden;border:2px dashed #271c35;border-radius:4px;text-align:center;font-size:clamp(8px,1.1vw,14px);font-weight:900;white-space:nowrap;cursor:move}.template-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;padding:14px;border:1px solid var(--b);border-radius:13px;background:#faf9fc}.template-controls legend{padding:0 7px;color:#4a405c}.template-controls .wide-control{grid-column:1/-1}.template-controls input[type=color]{width:100%;height:42px;padding:3px;border:1px solid #d8d6df;border-radius:9px}.template-controls .inline-check{align-self:end;min-height:42px;padding:8px;border:1px solid #ddd7e8;border-radius:9px;background:#fff}.template-list{display:grid;gap:14px;margin-top:16px}.template-card{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:15px;align-items:center;padding:15px;background:#fff;border:1px solid var(--b);border-radius:16px}.template-card>img{width:150px;height:120px;object-fit:contain;background:#f3f2f5;border-radius:11px;border:1px solid #ddd}.template-card>div{display:grid;gap:5px;min-width:0}.template-card span{font-size:12px;color:var(--m)}.template-card small{margin-top:3px;color:var(--v);font-size:9px;font-weight:900;letter-spacing:.08em}.template-card-actions{display:grid!important;gap:8px!important}.template-card button{align-self:center;padding:8px 10px}
@media(max-width:850px){.app-shell{padding-left:0}.sidebar{transform:translateX(-105%);transition:transform .2s}.app-shell.menu-open .sidebar{transform:translateX(0)}.app-shell.menu-open:after{content:'';position:fixed;z-index:15;inset:0;background:#21193488}.mobile-menu{display:block}.topbar{padding:0 16px}.page{padding-top:22px}.print-access{align-items:flex-start;flex-direction:column}.order-card{grid-template-columns:1fr}.order-actions{justify-content:flex-start}.batch-list{grid-template-columns:1fr}}
@media(max-width:980px){.models-layout{grid-template-columns:1fr}}
@media(max-width:780px){.reseller-layout{grid-template-columns:1fr}}
@media(max-width:680px){.store-grid{grid-template-columns:1fr}.store-grid .wide{grid-column:auto}.store-product{grid-template-columns:72px 1fr}.store-product img,.store-product .no-image{width:72px;height:72px}.store-actions{grid-column:1/-1;grid-template-columns:1fr 1fr}.logo-guidance{grid-template-columns:1fr}.page-title-actions{width:100%;display:grid}}
@media(max-width:520px){.account-button span{font-size:12px}.account-button small{max-width:150px;overflow:hidden;text-overflow:ellipsis}.order-actions{display:grid}.order-actions button{width:100%}.topbar>strong{display:none}.model-measures,.template-controls{grid-template-columns:1fr}.template-controls .wide-control{grid-column:auto}.template-form-actions{display:grid}.template-form-actions button{width:100%}.template-card{grid-template-columns:100px 1fr}.template-card>img{width:100px;height:90px}.template-card-actions{grid-column:1/-1!important;grid-template-columns:1fr 1fr}.template-card-actions button{width:100%}.batch-card{grid-template-columns:104px minmax(0,1fr);align-items:start;min-height:0;padding:12px}.batch-art-preview{min-height:104px;align-self:start}.batch-icon{width:72px;height:72px}.batch-actions{grid-column:1/-1;grid-template-columns:1fr}.batch-actions button{width:100%}}
.template-stage.has-image{min-height:0;aspect-ratio:var(--template-aspect);border:0;outline:1px solid var(--b)}
.template-stage.has-image>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.recovery-modal{width:min(680px,100%);margin:auto;display:grid;gap:15px}.recovery-modal>p{margin:0;color:var(--m);line-height:1.55}.recovery-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.recovery-preview{display:grid;gap:13px;padding:16px;border:1px solid #d8d0ee;border-radius:14px;background:#faf8ff}.recovery-preview>strong{font-size:17px}.recovery-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.recovery-numbers span{display:grid;gap:3px;padding:11px;border-radius:10px;background:#fff;color:var(--m);font-size:12px}.recovery-numbers b{color:var(--v);font-size:23px}.recovery-preview ul{margin:0;padding-left:20px;color:#4f465b}.recovery-preview .warning{margin:0;padding:10px 12px;border-radius:9px;background:#fff3d6;color:#77520a;font-size:12px}
@media(max-width:520px){.recovery-fields,.recovery-numbers{grid-template-columns:1fr}.recovery-modal footer{display:grid}.recovery-modal footer button{width:100%}}