.project-image-library{padding:18px 0;border-top:1px solid #e0e4da}.project-image-library h3{font-size:14px;margin:0 0 6px}.project-image-library>p{font-size:11px;color:#718067}.image-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;margin:16px 0}.library-image{display:flex;flex-direction:column;align-items:stretch;text-align:left;background:#fff;border:1px solid #d6ded0;border-radius:10px;padding:9px;gap:6px;min-width:0}.library-image:hover,.library-image:focus-visible{border-color:#df542f;box-shadow:0 0 0 2px #df542f20}.library-image img{width:100%;height:100px;object-fit:contain;background:repeating-conic-gradient(#f1f2ec 0% 25%,#fff 0% 50%) 50% / 14px 14px;border-radius:5px}.library-image strong{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-image small{font-size:10px;color:#78846c}.library-image>span{font-size:12px;color:#c54828;font-weight:700;min-height:34px;display:flex;align-items:center}.library-upload{min-height:44px;justify-content:center}.project-image-library .image-library-grid{grid-template-columns:1fr 1fr}.project-image-library .library-image img{height:72px}@media(max-width:900px){#imageLibraryGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-upload{width:100%}.library-image img{height:110px}.library-image>span{min-height:40px}}

.production-approval{padding:20px;border:1px solid #d5dacd;border-radius:12px;background:#f5f7f0;margin:24px 0}.production-approval h2{font-size:20px}.approval-check{display:flex;gap:12px;align-items:flex-start;line-height:1.6;cursor:pointer;padding:14px 0}.approval-check input{width:24px;height:24px;min-width:24px;margin-top:2px;accent-color:#e4512b}.review-quality .dpi-status{line-height:1.6;padding:12px}.production-approval p{line-height:1.6}

.variant-review .review-preview.review-all-areas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;position:static;background:transparent;padding:0;align-items:start}.review-area{margin:0;min-width:0;padding:10px;border:1px solid var(--line);border-radius:10px;background:#f0f2e9}.review-area figcaption{font-size:13px;font-weight:700;padding:4px 0 10px}.review-area-open{display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in}.review-all-areas .review-area .garment-wrap{width:100%;height:auto;aspect-ratio:1;margin:0}.review-area small{display:block;text-align:center;font-size:10px;padding-top:8px}.review-area:only-child{grid-column:1/-1}@media(max-width:650px){.variant-review .review-preview.review-all-areas{grid-template-columns:1fr}.review-area figcaption{font-size:15px}}

.purchase-issues{padding:20px;background:#fff3df;border:1px solid #e5b96c;border-radius:10px;margin:16px 0}.purchase-issues[hidden]{display:none}.purchase-issues h2{font-size:18px}.purchase-issues p{line-height:1.7}.purchase-issues button{margin-bottom:10px;min-height:44px}

.review-info .production-notes{display:block;margin:24px 0 12px;font-size:13px;font-weight:600;color:var(--ink)}.review-info .production-notes small{font-size:11px;font-weight:400;color:#748068}.review-info .production-notes textarea{display:block;box-sizing:border-box;width:100%;min-height:120px;margin-top:10px;padding:14px;font:inherit;font-size:13px;font-weight:400;line-height:1.6;color:var(--ink);background:#fff;border:1px solid #cdd4c4;border-radius:8px;resize:vertical}.review-info .production-notes textarea:focus{outline:2px solid #de633f;outline-offset:2px}.review-edit-actions{display:flex;justify-content:flex-end;margin:12px 0 24px}.review-edit-actions button{min-height:44px;padding:10px 18px}

.studio-footer .variants-bar #variantTabs{gap:8px;align-items:center}.studio-footer .variant-tab{display:flex;flex:0 0 62px;flex-direction:column;align-items:center;gap:2px;width:62px;max-width:none;padding:3px;border-radius:8px;overflow:hidden}.studio-footer .variant-thumb{display:block;position:relative;width:42px;height:38px;overflow:hidden;background:#eef0e8;border-radius:5px}.studio-footer .variant-thumb .photo-mockup{position:absolute;inset:0}.studio-footer .variant-thumb img{width:100%;height:100%;object-fit:contain}.studio-footer .variant-caption{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:9px;line-height:1.1}.studio-footer .variants-bar #addVariant{display:flex;align-items:center;justify-content:center;gap:6px;width:auto;height:auto;min-height:48px;padding:5px 9px;font-size:10px;line-height:1.1;text-align:left;border:1px dashed #849574}.studio-footer .variants-bar #addVariant span:first-child{font-size:22px}.studio-footer .variants-bar #addVariant:after{content:none}@media(max-width:480px){.studio-footer .variant-tab{flex-basis:48px;width:48px}.studio-footer .variant-thumb{width:37px;height:32px}.studio-footer .variants-bar #addVariant{font-size:9px;min-width:83px;min-height:44px;padding:4px 6px}.studio-footer .variants-bar #removeVariant{min-height:44px;min-width:30px}}
@media(max-width:900px){body:not(.review-mode){grid-template-rows:52px 38px minmax(0,1fr) 84px}.studio-footer{grid-template-rows:48px 20px}.studio-footer .variants-bar{min-width:0}.studio-footer .variant-tab{box-sizing:border-box}}
@media(max-width:900px){body:not(.review-mode){grid-template-rows:52px 38px minmax(0,1fr) 142px}.studio-footer{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:70px 48px;gap:4px 10px;padding:8px 12px}.studio-footer .variants-bar{grid-column:1/-1;grid-row:1;min-width:0;gap:8px;align-items:center}.studio-footer .variants-bar #variantTabs{min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}.studio-footer .variants-bar #variantTabs::-webkit-scrollbar{display:none}.studio-footer .variant-tab{flex:0 0 58px;width:58px;padding:4px}.studio-footer .variant-thumb{width:42px;height:38px}.studio-footer .variant-caption{font-size:10px}.studio-footer .variants-bar #addVariant{flex:0 0 auto;min-width:98px;min-height:48px;font-size:10px}.studio-footer .variants-bar #removeVariant{flex:0 0 40px;min-width:40px;min-height:48px;font-size:20px}.studio-footer .price-block{grid-column:1;grid-row:2;min-width:0;align-self:center}.studio-footer .price-block>div{display:flex;flex-direction:column;gap:1px}.studio-footer .price-block>div>span{font-size:10px}.studio-footer .price-block strong{font-size:17px}.studio-footer>.primary{grid-column:2;grid-row:2;width:auto;min-width:145px;height:48px;padding:10px 14px;align-self:center}.studio-footer>.primary span{margin-left:8px}}

.studio-footer .variants-scroll{position:relative;display:flex;flex:1 1 auto;min-width:0;align-items:center}.studio-footer .variants-scroll #variantTabs{width:100%;min-width:0;scroll-behavior:smooth;overscroll-behavior-x:contain}.studio-footer .variants-arrow{position:absolute;z-index:4;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:32px;height:44px;border:0;border-radius:7px;background:#fff;color:#26392e;font-size:25px;line-height:1;box-shadow:0 1px 8px #0003;cursor:pointer}.studio-footer .variants-arrow[hidden]{display:none}.studio-footer .variants-prev{left:0}.studio-footer .variants-next{right:0}.studio-footer .variants-scroll.has-overflow #variantTabs{scroll-padding:32px}.studio-footer .variants-scroll #variantTabs:focus-visible{outline:2px solid #e2532e;outline-offset:1px}

#modal .catalog-intro{margin:8px 0 20px;color:#687266;line-height:1.5}#modal #er-catalog{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}#modal #er-catalog .product-card{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:12px;text-align:left;border:1px solid #dfe4d8;border-radius:12px;background:#fff;min-width:0}#modal #er-catalog .product-card:hover,#modal #er-catalog .product-card:focus-visible{border-color:#d95a35;box-shadow:0 0 0 2px #d95a3525}#modal .catalog-picture{display:grid;place-items:center;width:100%;height:180px;flex:none;border-radius:8px;background:#f1f3ec;overflow:hidden}#modal .catalog-picture img{width:100%;height:100%;object-fit:contain}#modal .catalog-info{display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:14px 3px 3px;min-width:0}#modal .catalog-info strong{font-size:15px;line-height:1.35}#modal .catalog-price{font-size:14px;font-weight:700}#modal .catalog-info small{font-size:11px;line-height:1.4;color:#6f7b6b}#modal .catalog-select{font-size:12px;font-weight:700;color:#c94d2c;margin-top:4px}@media(max-width:650px){#modal #er-catalog{grid-template-columns:1fr;gap:10px}#modal #er-catalog .product-card{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:14px;padding:10px;min-height:132px}#modal .catalog-picture{width:112px;height:112px}#modal .catalog-info{gap:5px;padding:0}#modal .catalog-info strong{font-size:14px}#modal .catalog-price{font-size:13px}#modal .catalog-select{min-height:30px;display:flex;align-items:center}}
@media(min-width:651px){#modal #er-catalog .catalog-picture{position:relative;display:block;height:210px;min-height:210px}#modal #er-catalog .catalog-picture img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center}}

/* Controles do canvas: locais, zoom e histórico. */
.canvas-section .canvas-top{min-height:42px;padding-top:3px;padding-bottom:3px}.canvas-top .history{display:flex;align-items:center;gap:4px}.canvas-top .history button{min-width:36px;min-height:36px;border:1px solid #d6ded1;border-radius:7px;background:#fff;font-size:19px;line-height:1}.canvas-top .history button:hover,.canvas-top .history button:focus-visible{border-color:#607b62;background:#edf3ea}.canvas-bottom .side-switch{display:flex;justify-content:flex-start;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;gap:3px;padding:3px;min-width:0}.canvas-bottom .side-switch button{flex:0 0 auto;min-height:38px;padding:7px 12px;font-size:12px;line-height:1.2;border-radius:6px;white-space:nowrap}.canvas-bottom .side-switch button.active{font-weight:700}.canvas-bottom .zoom{border:1px solid #d6ded1;border-radius:8px;background:#fff;padding:3px;gap:2px}.canvas-bottom .zoom button{width:auto;min-width:36px;min-height:36px;padding:0 7px;font-size:17px}.canvas-bottom .zoom #zoomLabel{font-size:11px;min-width:46px}.canvas-bottom .zoom #zoomFit,.canvas-bottom .zoom #zoomOverview{min-width:44px;font-size:11px;font-weight:700}.canvas-bottom .preview-btn{min-height:42px;font-size:12px;padding:8px 12px}.canvas-note{font-size:10px}@media(min-width:901px){.canvas-section{grid-template-rows:44px minmax(0,1fr) 54px 27px}}@media(max-width:900px){.canvas-section{grid-template-rows:44px minmax(0,1fr) 156px 22px}.canvas-section .canvas-top{padding-left:10px;padding-right:10px}.canvas-top .history button{min-width:38px;min-height:38px}.canvas-bottom .side-switch{width:100%;justify-content:flex-start;scrollbar-width:thin}.canvas-bottom .side-switch button{min-height:42px;font-size:11px;padding:8px 11px}.canvas-bottom .zoom button{min-width:40px;min-height:40px}.canvas-bottom .zoom #zoomFit,.canvas-bottom .zoom #zoomOverview{min-width:48px}.canvas-bottom .zoom #zoomLabel{font-size:11px;min-width:46px}.canvas-bottom .preview-btn,.canvas-bottom .adjust-toggle{font-size:12px;min-height:44px}.canvas-note{font-size:9px}}

.layers-explainer{margin:0 0 18px;color:#647063;font-size:13px;line-height:1.6}.attachment-heading h3{line-height:1.35}.attachments-empty{font-size:12px;line-height:1.6}.tool-rail [data-tool="layers"]{font-size:10px;line-height:1.15;text-align:center}.tool-rail [data-tool="layers"] svg{display:block;margin:auto}

.mobile-zoom-toggle{display:none}@media(max-width:900px){.canvas-section{grid-template-rows:44px minmax(0,1fr) 100px 0}.canvas-section .canvas-note{display:none}.canvas-bottom{position:relative;display:grid!important;grid-template-columns:minmax(0,.75fr) minmax(0,1fr) minmax(0,1.35fr);grid-template-rows:44px 44px;gap:5px!important;padding:3px 10px!important}.canvas-bottom .side-switch{grid-column:1/-1;grid-row:1;width:100%;scrollbar-width:none;overflow-x:auto;mask-image:linear-gradient(to right,#000 0%,#000 92%,transparent 100%)}.canvas-bottom .side-switch::-webkit-scrollbar{display:none}.canvas-bottom .side-switch button{min-height:40px}.canvas-bottom .mobile-zoom-toggle{display:flex;grid-column:1;grid-row:2;align-items:center;justify-content:center;min-width:0;width:100%;height:44px;border:1px solid #d6ded1;border-radius:8px;background:#fff;font-size:12px;font-weight:700}.canvas-bottom .preview-btn{grid-column:2;grid-row:2}.canvas-bottom .adjust-toggle{grid-column:3;grid-row:2}.canvas-bottom .zoom{display:none!important;position:absolute;left:10px;bottom:52px;z-index:15;box-shadow:0 4px 18px #0003;padding:5px;background:#fff}.mobile-zoom-open .canvas-bottom .zoom{display:flex!important}.canvas-bottom .zoom button{min-height:44px}.canvas-bottom .zoom #zoomLabel{font-size:11px}}
#modal .library-upload{max-width:none;width:100%;min-height:48px;display:flex;align-items:center;justify-content:center;margin-top:18px}
#modal #imageLibraryGrid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;margin:16px 0 0}
#modal #imageLibraryGrid .library-image{min-width:0;padding:10px;gap:6px}
#modal #imageLibraryGrid .library-image img{height:105px;object-fit:contain}
#modal #imageLibraryGrid .library-image strong{font-size:12px}
#modal #imageLibraryGrid .library-image>span{display:flex;align-items:center;min-height:38px;font-size:12px;font-weight:700}
@media(max-width:650px){#modal #imageLibraryGrid{grid-template-columns:repeat(2,minmax(0,1fr))}#modal #imageLibraryGrid .library-image img{height:90px}#modal #libraryDestination{font-size:13px;line-height:1.55}#modal #imageLibraryGrid .library-image small{font-size:11px}}



#printArea .empty-area-upload{position:absolute;inset:0;width:100%;height:100%;z-index:5;padding:0;border:0;background:transparent;cursor:pointer;touch-action:manipulation}#printArea .empty-area-label{position:absolute;left:50%;top:50%;display:inline-flex;align-items:center;gap:5px;padding:7px 10px;border:1px solid #e55b35;border-radius:8px;background:#fff;color:#b83d1d;font-size:12px;font-weight:700;line-height:1.2;white-space:nowrap;transform:translate(-50%,-50%) scale(calc(1 / var(--camera-scale,1)));transform-origin:center;box-shadow:0 2px 8px #0002}#printArea .empty-area-label span{font-size:17px;line-height:1}#printArea .empty-area-upload:focus-visible{outline:2px solid #087cf0;outline-offset:-2px}

#printArea .empty-area-label{gap:3px;padding:5px 6px;font-size:11px}#printArea .empty-area-label span{font-size:14px}

.tool-rail [data-tool="upload"] small{font-size:9px;line-height:1.15;font-weight:600;display:block;text-align:center}

.contextual-actions{min-width:0;flex:1;display:flex;align-items:center;gap:8px}.contextual-actions[hidden],.contextual-actions [hidden]{display:none!important}.has-selected-art .studio-footer .variants-bar{display:none}.contextual-scroll{min-width:0;flex:1;display:flex;align-items:center;gap:6px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;padding:3px 0}.contextual-title{flex:none;color:#596958;font-size:11px;font-weight:700;white-space:nowrap}.contextual-actions button{flex:none;min-height:42px;border:1px solid #d6ded1;border-radius:7px;background:#fff;color:#26392e;font-size:12px;font-weight:600;padding:7px 10px;white-space:nowrap;cursor:pointer}.contextual-actions button[data-command="background"]{background:#e65330;color:white;border-color:#e65330}.contextual-actions button[data-command="delete"]{color:#ad3d28}.contextual-actions .contextual-done{background:#26392e;border-color:#26392e;color:white}.contextual-actions button:focus-visible{outline:2px solid #1376d9;outline-offset:2px}
@media(max-width:900px){.studio-footer .contextual-actions{grid-column:1/-1;grid-row:1;width:100%;min-width:0}.contextual-scroll{scrollbar-width:thin}.contextual-actions button{min-height:44px;font-size:11px;padding:7px 9px}.contextual-title{font-size:10px}.contextual-actions .contextual-done{padding:7px 9px}}

#stageGarment .object-delete,#stageGarment .object-done{width:calc(30px / var(--camera-scale,1));height:calc(30px / var(--camera-scale,1));border:0;border-radius:50%;color:#fff;display:grid;place-items:center;cursor:pointer}#stageGarment .object-delete svg{width:65%;height:65%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}#stageGarment .object-done{right:calc(-40px / var(--camera-scale,1));top:0;transform:translate(50%,-50%);background:#247c50;font-size:calc(20px / var(--camera-scale,1));font-weight:700;line-height:1}#stageGarment .object-delete:before,#stageGarment .object-done:before{inset:calc(-4px / var(--camera-scale,1))}
body:not(.has-selected-art) .details .selection-controls{display:none!important}

#stageGarment .object-delete svg,#stageGarment .object-done svg{display:block;width:60%;height:60%;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}

.side-nav-arrow{display:none}.canvas-bottom .side-switch button:not(.active){color:#45564a}.canvas-bottom .side-switch button:focus-visible{outline:2px solid #e65330;outline-offset:-2px}
@media(max-width:900px){.canvas-bottom .side-switch{mask-image:none;scroll-padding:34px;gap:5px}.canvas-bottom .side-switch button{border:1px solid #e2e7de;background:#f8faf6;font-weight:600}.canvas-bottom .side-switch button.active{background:#26392e;border-color:#26392e;color:#fff}.canvas-bottom .side-nav-arrow:not([hidden]){display:grid;place-items:center;position:absolute;z-index:12;top:5px;width:28px;height:40px;padding:0;border:1px solid #d6ded1;border-radius:7px;background:#fff;color:#26392e;box-shadow:0 1px 8px #0003;font-size:24px;line-height:1;cursor:pointer}.canvas-bottom .side-nav-previous{left:10px}.canvas-bottom .side-nav-next{right:10px}}

.bg-removal h2{margin:5px 0 16px}.bg-compare{display:grid;grid-template-columns:1fr 1fr;gap:14px}.bg-compare h3{font-size:11px;color:#61705c;margin:0 0 6px}.bg-checker{height:clamp(150px,28vh,280px);display:flex;align-items:center;justify-content:center;border:1px solid #dfe4db;border-radius:8px;overflow:hidden;background-color:#fff;background-image:linear-gradient(45deg,#e7eadf 25%,transparent 25%),linear-gradient(-45deg,#e7eadf 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e7eadf 75%),linear-gradient(-45deg,transparent 75%,#e7eadf 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.bg-checker canvas{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.bg-before canvas{cursor:crosshair;touch-action:manipulation}.bg-controls{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;margin-top:18px}.bg-color-label{display:flex;align-items:center;gap:10px;font-size:13px}.bg-color-label input{width:42px;height:38px;border:1px solid #d6ded1;border-radius:6px;background:white;padding:3px}.bg-controls #bgDetect{justify-self:start;min-height:40px}.bg-slider{grid-column:1/-1;display:grid;grid-template-columns:120px minmax(0,1fr) 28px;align-items:center;gap:10px;font-size:13px}.bg-slider input{width:100%;accent-color:#e65330}.bg-inside{grid-column:1/-1;display:flex;align-items:flex-start;gap:8px;font-size:13px;line-height:1.4}.bg-inside input{accent-color:#e65330;flex:none}.bg-removal #bgNote{margin:12px 0}.bg-actions{display:flex;justify-content:flex-end;gap:8px}.bg-actions button{min-height:44px;padding:10px 20px;border-radius:7px}.bg-actions .primary{width:auto;min-width:110px;margin:0;justify-content:center}.bg-actions .secondary,.bg-controls .secondary{border:1px solid #ccd7c6;background:#fff;color:#26392e}.bg-actions button:disabled{opacity:.5;cursor:wait}@media(max-width:600px){.bg-compare{gap:8px}.bg-compare h3{font-size:10px;min-height:26px}.bg-checker{height:clamp(120px,23vh,180px)}.bg-controls{gap:10px;margin-top:12px}.bg-slider{grid-template-columns:98px minmax(0,1fr) 22px;font-size:12px}.bg-inside{font-size:12px}.bg-actions button{flex:1}}