/* 77 Marketing product workspace. Shared structure, own visual identity. */
.creator-page{background:#f5f5f2}
.creator-page .studio-header{height:68px;padding:0 24px}
.creator-page .editor-top{padding:14px 24px;background:white}
.creator-page .editor-title h1{font-size:23px}
.creator-page .editor-layout{grid-template-columns:72px 250px minmax(280px,1fr) 274px;min-height:calc(100vh - 151px);align-items:stretch}
.creator-rail{background:white;border-right:1px solid var(--line);padding:20px 7px;display:flex;flex-direction:column;gap:16px}
.creator-rail button{background:transparent;border-radius:9px;font-size:10px;padding:12px 0;min-height:62px}
.creator-rail button:hover{background:#f9e9f1;color:#b40060}
.creator-rail span{display:block;font:500 26px Gabarito;margin-bottom:6px}
.creator-page .tool-panel,.creator-page .spec-panel{padding:24px 19px;min-width:0}
.creator-page .tool-tabs{gap:2px;margin-bottom:26px}
.creator-page .tool-tabs button{padding:10px;font-size:11px}
.creator-page .tool-panel h2{font-size:27px;line-height:1.1;letter-spacing:-.8px}
.creator-page .upload-box{background:#fafaf8;border:1px dashed #9a969b;border-radius:12px;padding:30px 12px}
.creator-page .upload-box .plus{color:var(--pink)}
.creator-page .studio-stage-area{background:#f2f2ef;padding:18px 20px 24px;gap:10px;justify-content:flex-start}
.canvas-toolbar{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;z-index:2}
.canvas-label{font-size:9px;letter-spacing:.15em;color:#767670}
.mode-switch{display:flex;background:white;padding:4px;border:1px solid #dededa;border-radius:8px}
.mode-switch button{padding:9px 18px;background:transparent;border-radius:5px;font-size:11px}
.mode-switch button.active{background:#17171c;color:white}
.canvas-viewport{width:100%;height:clamp(350px,58vh,670px);overflow:auto;display:block;position:relative}
.creator-page .stage-wrap{width:100%;max-width:none;margin:auto;aspect-ratio:5/6}
.creator-page .view-tabs{flex-wrap:wrap;justify-content:center;max-width:100%;margin:0;border:0;background:transparent;border-radius:0;padding:0}
.creator-page .view-tabs button{background:white;border:1px solid #deded8;padding:8px 12px;font-size:10px;white-space:nowrap}
.creator-page .view-tabs button.active{background:#17171c;color:white;border-color:#17171c}
.zoom-controls{display:flex;align-items:center;gap:3px;border:1px solid #dfdfda;border-radius:7px;background:white;padding:3px;margin-top:2px}
.zoom-controls button{background:transparent;border-radius:4px;min-width:32px;height:30px;font-size:14px}
.zoom-controls button:hover{background:#efefeb}.zoom-controls output{width:45px;text-align:center;font-size:11px}
.creator-page .area-caption{margin:0;font-size:8px;letter-spacing:.12em;color:#6b6b65;text-align:center}
.creator-page .editor-note{font-size:9px;max-width:440px;line-height:1.5;margin-top:0}
.creator-page .print-area{border:1px dashed #777;background:#ffffff18}
.creator-page .placeholder-label{font-size:11px;color:#62625b}
.creator-page .panel-heading{padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:20px}
.creator-page .spec-panel h2{font-size:21px;line-height:1.15}
.creator-page .editor-help{background:white}.creator-page .site-footer{background:white}
.is-preview .print-area{border-color:transparent;background:transparent}
.is-preview .print-layer,.is-preview .print-layer.selected{outline:none!important;border-color:transparent!important;pointer-events:none}
.is-preview .placeholder-label{visibility:hidden}
.is-preview .print-area::after{display:none}
.is-preview .print-layer.selected{background:transparent}
.is-preview .tool-panel{opacity:.45}
.creator-page .btn{border-radius:7px}
.catalogue-page .shop-hero{padding:36px 5%;background:#f4f4f0;grid-template-columns:1.5fr 1fr;gap:20px}
.catalogue-page .shop-hero h1{font-size:clamp(42px,5vw,68px);margin:12px 0}
.catalogue-page .shop-hero p{font-size:13px;line-height:1.7}
.catalogue-page .shop-art{height:225px;background:url('assets/brand-showcase/dtf-shirt-editorial.webp') center 50%/cover;border-radius:12px;overflow:hidden}
.catalogue-page .shop-art>*{display:none}
.catalogue-page .steps-strip{justify-content:flex-start;gap:50px;background:white;padding-block:17px}
.catalogue-page .catalogue-layout{padding-top:30px;grid-template-columns:190px minmax(0,1fr)}
.catalogue-page .product-image{background:#f3f3f0;border:1px solid #e9e9e3;aspect-ratio:1/1}
.catalogue-page .product-body h3{font-size:21px}
.catalogue-page .product-body .category-name{letter-spacing:.06em;text-transform:uppercase}
.catalogue-page .category-buttons button.active{background:#17171c;color:white}
.catalogue-page .category-buttons button.active span{color:#ddd}
@media(min-width:1450px){.creator-page .editor-layout{grid-template-columns:76px 275px minmax(400px,1fr) 300px}.creator-page .stage-wrap{max-width:660px}.canvas-viewport{height:62vh}}
@media(max-width:1100px){.creator-page .editor-layout{grid-template-columns:60px 210px minmax(260px,1fr)}.creator-page .spec-panel{grid-column:2/-1;display:grid;grid-template-columns:1fr 1fr;gap:20px}.creator-page .spec-panel .panel-heading{grid-column:1/-1}.canvas-label{display:none}}
@media(max-width:700px){.creator-page .studio-header{padding:0 16px;height:64px}.creator-page .studio-logo{font-size:20px}.creator-page .editor-top{position:relative;flex-wrap:wrap;padding:12px 16px}.creator-page .editor-top-actions{width:100%;justify-content:space-between}.creator-page .editor-title h1{font-size:21px}.creator-page .editor-layout{display:flex;flex-direction:column}.creator-rail{order:0;flex-direction:row;justify-content:space-around;padding:4px 8px;gap:4px;border-bottom:1px solid var(--line)}.creator-rail button{min-height:52px;padding:6px 12px}.creator-rail span{font-size:21px;margin-bottom:1px}.creator-page .studio-stage-area{order:1;padding:14px}.canvas-viewport{height:390px}.creator-page .stage-wrap{max-width:400px}.creator-page .tool-panel{order:2}.creator-page .spec-panel{order:3;display:block}.creator-page .view-tabs button{padding:8px 10px}.catalogue-page .shop-hero{grid-template-columns:1fr;padding:30px 5%}.catalogue-page .shop-art{display:none}.catalogue-page .steps-strip{gap:12px}.catalogue-page .catalogue-layout{display:flex}.catalogue-page .product-body h3{font-size:17px}}
@media(prefers-reduced-motion:reduce){.creator-page *{transition:none!important;scroll-behavior:auto!important}}