.product-wizard{background:#fffdf9;border:1px solid #ded2c3;border-radius:22px;overflow:hidden;box-shadow:0 18px 50px #25151212}.wizard-steps{background:#0a0a0c;border-bottom:1px solid #e6ddd1;grid-template-columns:repeat(5,1fr);padding:18px 24px;display:grid}.wizard-steps button{color:#827b75;text-align:left;background:0 0;border:0;align-items:center;gap:9px;min-width:0;padding:0;display:flex;position:relative}.wizard-steps button:not(:last-child):after{content:"";background:#332b2d;height:1px;position:absolute;top:15px;left:38px;right:10px}.wizard-steps b{z-index:2;background:#171214;border:1px solid #4a3e40;border-radius:10px;flex:none;place-items:center;width:31px;height:31px;font-size:10px;display:grid;position:relative}.wizard-steps span{z-index:2;letter-spacing:.04em;text-transform:uppercase;background:#0a0a0c;padding-right:7px;font-size:9px;font-weight:800;position:relative}.wizard-steps button.active{color:#ede4d3}.wizard-steps button.active b{color:#fff;background:#d42b2b;border-color:#d42b2b;box-shadow:0 0 0 5px #d42b2b24}.wizard-steps button.done{color:#d9cfc0;cursor:pointer}.wizard-steps button.done b{color:#fff;background:#7f1c23;border-color:#7f1c23}.wizard-body{min-height:500px;padding:34px}.wizard-section{gap:27px;max-width:990px;margin:0 auto;display:grid}.wizard-section>header{max-width:680px}.wizard-section>header small,.product-wizard-success>small{color:#b31f27;letter-spacing:.13em;text-transform:uppercase;font-size:8px;font-weight:900}.wizard-section>header h2,.product-wizard-success h2{color:#181314;font:800 27px/1.05 var(--font-display);letter-spacing:-.03em;margin:6px 0 8px}.wizard-section>header p,.product-wizard-success p{color:#786e67;font-size:11px;line-height:1.55}.wizard-fields{gap:16px;display:grid}.wizard-fields.two{grid-template-columns:1fr 1fr}.wizard-fields.three{grid-template-columns:repeat(3,1fr)}.wizard-fields .wide{grid-column:1/-1}.wizard-fields label,.area-controls label{color:#655a55;letter-spacing:.03em;text-transform:uppercase;gap:7px;font-size:8px;font-weight:850;display:grid}.wizard-fields input,.wizard-fields textarea,.wizard-fields select,.area-controls input,.area-controls select{color:#20191a;text-transform:none;background:#fff;border:1px solid #dcd1c5;border-radius:11px;outline:none;width:100%;min-height:44px;padding:0 12px;font-size:10px}.wizard-fields textarea{resize:vertical;min-height:104px;padding-block:12px}.wizard-fields input:focus,.wizard-fields textarea:focus,.wizard-fields select:focus,.area-controls input:focus,.area-controls select:focus{border-color:#d42b2b;box-shadow:0 0 0 3px #d42b2b14}.wizard-switch,.wizard-publish{cursor:pointer;background:#faf6ef;border:1px solid #ddd2c6;border-radius:12px;align-items:center;min-height:58px;padding:10px 13px;gap:11px!important;display:flex!important}.wizard-switch input,.wizard-publish input{accent-color:#d42b2b;width:17px;height:17px;min-height:auto}.wizard-switch span,.wizard-publish span{gap:4px;display:grid}.wizard-switch b,.wizard-publish b{color:#2a2021;text-transform:none;font-size:9px}.wizard-switch small,.wizard-publish small{color:#847972;text-transform:none;font-size:8px;font-weight:600}.wizard-list{background:#fff;border:1px solid #e1d7cb;border-radius:15px;overflow:hidden}.wizard-list-head{background:#faf7f1;border-bottom:1px solid #e9e1d7;justify-content:space-between;align-items:center;gap:15px;padding:14px 16px;display:flex}.wizard-list-head>div{gap:4px;display:grid}.wizard-list-head strong{color:#2b2221;font-size:10px}.wizard-list-head small{color:#8b8179;font-size:8px}.wizard-list-head button{color:#fff;cursor:pointer;background:#9e1620;border:0;border-radius:8px;min-height:31px;padding:0 10px;font-size:8px;font-weight:800}.wizard-color-row{border-bottom:1px solid #eee7df;grid-template-columns:36px 1fr auto 32px;align-items:center;gap:11px;padding:10px 15px;display:grid}.wizard-color-row:last-child{border-bottom:0}.wizard-color-row input[type=color]{background:#fff;border:1px solid #dcd2c8;border-radius:10px;width:36px;height:36px;padding:3px}.wizard-color-row input:not([type=color]){border:1px solid #e0d7ce;border-radius:9px;min-height:36px;padding:0 10px}.wizard-color-row code{color:#7c716a;font-size:8px}.wizard-color-row button{color:#9e1620;cursor:pointer;background:#fff7f7;border:1px solid #efd0d0;border-radius:8px;width:30px;height:30px}.wizard-color-row button:disabled{opacity:.35}.wizard-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.wizard-photo-grid label{cursor:pointer;background:#f8f3eb;border:1px dashed #cdbfb2;border-radius:18px;grid-template-rows:270px auto;display:grid;position:relative;overflow:hidden}.wizard-photo-grid label>span{color:#b6a79c;place-items:center;font-size:38px;display:grid}.wizard-photo-grid img{object-fit:contain;background:#eee7dd;width:100%;height:270px}.wizard-photo-grid label>div{background:#fff;border-top:1px solid #e5dacd;gap:5px;padding:14px;display:grid}.wizard-photo-grid b{color:#282020;text-transform:capitalize;font-size:10px}.wizard-photo-grid small{color:#887d75;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.wizard-photo-grid input{opacity:0;cursor:pointer;position:absolute;inset:0}.wizard-photo-grid label.filled{border-style:solid;border-color:#d42b2b;box-shadow:0 0 0 3px #d42b2b0f}.wizard-tip{color:#6e6259;background:#f7f0e7;border-left:3px solid #d42b2b;grid-template-columns:130px 1fr;gap:15px;padding:15px 17px;font-size:9px;line-height:1.5;display:grid}.wizard-tip b{color:#2f2422}.area-designer{grid-template-columns:190px minmax(300px,1fr) 250px;align-items:start;gap:16px;display:grid}.area-designer>aside,.area-controls{background:#fff;border:1px solid #e0d5c9;border-radius:15px;overflow:hidden}.area-designer>aside>button{color:#675d56;text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #eee7df;gap:4px;width:100%;padding:12px 14px;display:grid}.area-designer>aside>button.active{color:#fff;background:#9e1620}.area-designer>aside>button span{font-size:9px;font-weight:850}.area-designer>aside>button small{text-transform:capitalize;opacity:.74;font-size:7px}.area-stage{aspect-ratio:4/5;background-color:#eee7dc;background-position:50%;background-repeat:no-repeat;background-size:contain;border:1px solid #ded4ca;border-radius:20px;position:relative;overflow:hidden;box-shadow:inset 0 0 70px #1f141114}.area-stage:after{content:"Produto real";color:#fff;letter-spacing:.08em;text-transform:uppercase;background:#0a0a0cbf;border-radius:8px;padding:7px 9px;font-size:7px;font-weight:850;position:absolute;top:12px;left:12px}.area-overlay{z-index:2;color:#fff;background:#d42b2b3d;border:2px dashed #e8302f;border-radius:8px;align-content:center;place-items:center;gap:4px;display:grid;position:absolute;box-shadow:0 0 0 999px #0a0a0c1f}.area-overlay b{font-size:9px}.area-overlay small{font-size:7px}.area-controls{gap:12px;padding:15px;display:grid}.area-controls .two{grid-template-columns:1fr 1fr;gap:8px;display:grid}.area-controls input[type=range]{accent-color:#d42b2b;min-height:26px;box-shadow:none;border:0;padding:0}.area-controls .area-remove{color:#9e1620;cursor:pointer;background:#fff5f3;border:1px solid #edcccc;border-radius:9px;min-height:37px;font-size:8px;font-weight:800}.wizard-review{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.wizard-review article{background:linear-gradient(145deg,#fff,#faf6ef);border:1px solid #e0d6cb;border-radius:15px;gap:7px;min-height:122px;padding:18px;display:grid}.wizard-review span{color:#ae2027;letter-spacing:.08em;text-transform:uppercase;font-size:8px;font-weight:850}.wizard-review strong{color:#241b1c;align-self:end;font-size:12px}.wizard-review small{color:#81766f;font-size:8px;line-height:1.5}.wizard-publish{max-width:520px}.wizard-message{color:#842027;background:#fff4f2;border:1px solid #efc4c4;border-radius:11px;margin:0 34px 18px;padding:12px 14px;font-size:9px;font-weight:750}.wizard-footer{background:#faf7f1;border-top:1px solid #e6ddd2;grid-template-columns:140px 1fr 180px;align-items:center;gap:15px;padding:16px 24px;display:grid}.wizard-footer>span{color:#8a7e76;text-align:center;font-size:8px;font-weight:750}.wizard-footer .button,.wizard-footer .wizard-secondary{width:100%;min-height:42px}.wizard-secondary{color:#4a3d3a;cursor:pointer;background:#fff;border:1px solid #d9cec2;border-radius:11px;justify-content:center;align-items:center;padding:0 16px;font-size:9px;font-weight:800;display:inline-flex}.wizard-secondary:disabled{opacity:.35;cursor:not-allowed}.product-wizard-success{text-align:center;place-items:center;min-height:530px;padding:50px;display:grid}.product-wizard-success>span{color:#fff;background:#d42b2b;border-radius:22px;place-items:center;width:70px;height:70px;margin-bottom:17px;display:grid;box-shadow:0 16px 35px #d42b2b40}.product-wizard-success>span svg{width:32px}.product-wizard-success p{max-width:560px}.product-wizard-success>div{gap:10px;margin-top:19px;display:flex}.product-wizard-success .button,.product-wizard-success .wizard-secondary{width:auto;min-width:160px}@media (max-width:1080px){.area-designer{grid-template-columns:170px 1fr}.area-controls{grid-column:1/-1;grid-template-columns:repeat(2,1fr)}.area-controls .two{grid-column:1/-1}}@media (max-width:760px){.wizard-steps{padding:14px 11px}.wizard-steps button{justify-content:center}.wizard-steps span{display:none}.wizard-steps button:not(:last-child):after{left:calc(50% + 18px);right:calc(18px - 50%)}.wizard-body{padding:24px 16px}.wizard-fields.two,.wizard-fields.three,.wizard-photo-grid,.wizard-review,.area-designer{grid-template-columns:1fr}.area-controls{grid-column:auto;grid-template-columns:1fr}.area-stage{order:-1}.wizard-footer{grid-template-columns:1fr 1fr;padding:14px 16px}.wizard-footer>span{display:none}.product-wizard-success{padding:35px 20px}.product-wizard-success>div{flex-direction:column;width:100%}.product-wizard-success .button,.product-wizard-success .wizard-secondary{width:100%}}
