/* Authoring workspace: the canvas is the main object, controls remain quiet. */
.shell:has(.is-editor){grid-template-columns:64px minmax(0,1fr)}
.shell:has(.is-editor) .sidebar{padding:24px 10px}.shell:has(.is-editor) .sidebar .logo{font-size:0;margin-bottom:30px;gap:0;justify-content:center}.shell:has(.is-editor) .sidebar .tag,.shell:has(.is-editor) .sidebar .navgroup,.shell:has(.is-editor) .sidebar p,.shell:has(.is-editor) .sidebottom{display:none}
.shell:has(.is-editor) .sidebar a.nav{font-size:0;gap:0;justify-content:center;padding:12px}.shell:has(.is-editor) .sidebar a.nav svg{width:20px;height:20px}.shell:has(.is-editor) .topbar{display:none}
.shell .workspace.is-editor{padding:0;max-width:none;background:#f0f0ee;color:#222;min-height:100vh}
.builder button{border-radius:6px;transform:none}.builder button:focus-visible,.creative-view button:focus-visible,.creative-view a:focus-visible{outline-color:#7356d3}
.builder-head{height:78px;padding:14px 22px;background:#fff;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;align-items:center;gap:18px;position:sticky;top:0;z-index:20}
.builder-head>div:first-child{display:flex;align-items:center;gap:14px;min-width:0}.builder-head strong{display:block;font-size:14px;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.builder-head span{font-size:10px;color:#777}.builder-head #savestate{padding-left:15px;border-left:1px solid #ddd;max-width:140px}
.builder .secondary{background:#f0f0ee;color:#333;border:1px solid #d8d8d5}.builder .small{font-size:11px;min-height:34px;padding:8px 12px}.builder #publishmenu{background:#272823;color:#fff}.builder #backmenus{background:transparent;color:#333}.builder .editor-icon{background:none;border:1px solid #e0e0dc;color:#444;padding:6px;min-height:30px;min-width:30px}
.builder-body{display:grid;grid-template-columns:225px minmax(280px,1fr) 300px;height:calc(100vh - 78px)}
.builder-layers,.builder-inspector{background:#fff;overflow:auto;scrollbar-width:thin}.builder-layers{border-right:1px solid #ddd;display:flex;flex-direction:column}.builder-inspector{border-left:1px solid #ddd;padding:0 20px 22px}
.builder-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #ddd;padding:8px 6px;gap:2px;position:sticky;top:0;background:#fff;z-index:2}.builder-tabs button{background:none;color:#777;padding:9px 3px;font-size:10px;min-height:34px;font-weight:500}.builder-tabs button.active{background:#efedf8;color:#51349c}
#layer-list{padding:17px 10px}.layer-heading{display:flex;justify-content:space-between;align-items:center;margin:0 7px 14px}.layer-heading h3{font-size:12px;margin:0;letter-spacing:0}.layer-heading span{font-size:11px;color:#8b8b83}
.builder .editor-help{font-size:11px;line-height:1.65;color:#777;margin:0 7px 18px}.builder .layer-row{background:transparent;color:#45453e;display:flex;width:100%;text-align:left;padding:12px 9px;gap:9px;border:1px solid transparent;margin:3px 0;font-size:11px;font-weight:500;min-height:52px;justify-content:flex-start}.builder .layer-row.selected{background:#f0edf8;border-color:#ddd5f2;color:#503294}.layer-row>span:nth-child(2){flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.layer-row small{display:block;font-size:9px;font-weight:400;color:#8c8796;margin-top:5px}.layer-symbol{font-size:18px;color:#8c8796}.layer-grip{color:#a8a5ae;font-size:14px}.builder .add-layer{width:100%;background:#f6f6f3;border:1px dashed #ccc;color:#54544f;font-size:11px;margin-top:14px}
.builder-publish{margin-top:auto;padding:18px;border-top:1px solid #eee;font-size:10px;color:#777;display:grid;gap:10px}.builder-publish a{color:#333}.builder .ghost{color:#6b6b64;border:1px solid #ddd;background:none}.builder-publish button{font-size:10px;padding:5px;min-height:28px}
.builder-canvas{min-width:0;display:flex;flex-direction:column;background:#ebebe7}.canvas-toolbar{height:58px;display:flex;justify-content:space-between;align-items:center;padding:12px 22px;border-bottom:1px solid #d9d9d3;gap:8px}.canvas-toolbar>span{font-size:9px;letter-spacing:.08em;color:#85857c}.device-switch{display:flex;gap:2px;padding:3px;background:#dfdfd9;border-radius:7px}.device-switch button{background:none;color:#69695f;padding:6px 10px;min-height:26px;font-size:10px;font-weight:500}.device-switch .active{background:#fff;color:#242421}
.preview-stage{padding:24px 16px 0;flex:1;min-height:0;display:flex;justify-content:center;overflow:hidden;background-image:radial-gradient(#bfc0b8 .7px,transparent .7px);background-size:16px 16px}.canvas-frame{height:100%;overflow:hidden;background:white;border:1px solid #d4d4cc;box-shadow:0 12px 40px #00000012;border-radius:4px}.canvas-frame iframe{border:0;display:block;transform-origin:top left;max-width:none;background:#fff}.canvas-instruction{font-size:10px;text-align:center;color:#7b7b70;margin:12px 12px 15px;line-height:1.6}
.inspector-head{padding:22px 0 17px;border-bottom:1px solid #ecece7;margin-bottom:20px;position:sticky;top:0;background:#fff;z-index:2}.inspector-head span{font-size:9px;letter-spacing:.13em;color:#99968f}.inspector-head h2{font-size:15px;letter-spacing:-.02em;margin:10px 0 0}.builder #inspector-form{gap:16px}.builder label{font-size:10px;color:#65655f;line-height:1.5}.builder input,.builder textarea,.builder select{background:#fafaf8;color:#30302b;border:1px solid #deded8;border-radius:5px;font-size:11px;padding:9px;min-height:36px}.builder textarea{min-height:75px}.builder input[type=color]{padding:3px;height:36px}.builder input[type=checkbox]{width:15px;min-height:15px;accent-color:#7053ca}.builder .checklabel{display:flex;align-items:center;gap:9px;line-height:1.6}.builder .checklabel input{margin:0}
.builder h3{font-size:11px;letter-spacing:0;margin:18px 0 0}.builder #editor-error{font-size:11px;color:#b33a31;white-space:pre-line;line-height:1.6;margin:15px 0}.editor-grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.media-control{padding:12px;border:1px solid #e6e6df;background:#fbfbf9;border-radius:6px;display:grid;gap:9px}.media-control>img{width:100%;height:110px;object-fit:cover;border-radius:3px}.builder .upload-button{position:relative;border:1px dashed #aaa;padding:15px;text-align:center;cursor:pointer;border-radius:4px;color:#333;background:#f2f1eb;font-weight:600;overflow:hidden}.builder .upload-button:before{content:'↥';font-size:24px;line-height:1}.builder .upload-button:after{content:'JPG, PNG ou WebP · entrada até 12 MB';font-size:10px;font-weight:400;color:#777}.builder .upload-button:hover{border-color:#51349c;background:#efedf8}.builder .upload-button:focus-within{outline:2px solid #725af0;outline-offset:3px}.upload-button input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.builder .media-control button{font-size:10px;min-height:26px;padding:6px}
.inspector-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;border-top:1px solid #eee;padding-top:20px;margin-top:10px}.inspector-actions button,.builder #inspector-form>button{background:#f3f3ef;border:1px solid #deded6;color:#555;font-size:10px;min-height:35px;padding:9px}.inspector-actions .danger{color:#a54940;background:#fbf4f2}.gallery-item{display:grid;gap:12px;padding-bottom:15px;border-bottom:1px solid #ddd}
.inspector-models{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.builder .inspector-models button{background:#f7f7f3;color:#555;font-size:10px;display:grid;gap:8px;padding:10px 4px;border:1px solid #ddd}.inspector-models i{width:18px;height:18px;background:var(--swatch);border-radius:50%;justify-self:center}.builder .inspector-models .selected{border-color:#8064d0;background:#f3effb}.builder .category-group{margin-bottom:16px}.category-group>div{display:flex;align-items:center;gap:3px;padding:8px 5px}.category-group strong{font-size:11px;flex:1}.builder .category-group>div button{padding:4px;min-width:23px;min-height:24px;background:none;color:#777;font-size:12px}.product-layer img{width:34px;height:36px;object-fit:cover;border-radius:4px}.builder .product-layer{min-height:50px;padding:7px}.editor-map{display:grid;gap:8px}.builder .editor-map button{background:#f7f7f3;color:#555;justify-content:space-between;font-size:11px}
.insert-blocks{display:grid;grid-template-columns:1fr 1fr;gap:12px}.insert-blocks button{padding:22px;align-items:start;text-align:left;display:grid;background:#242424;color:#eee;border-radius:8px;gap:10px}.insert-blocks span{font-size:11px;font-weight:400;color:#aaa;line-height:1.6}
/* Library and project home */
.shell:has(.creative-view)>div{background:#f4f4f0}.shell:has(.creative-view) .topbar{background:#f4f4f0;border-color:#ddd;color:#333}.shell:has(.creative-view) .topbar input{color:#333}.shell:has(.creative-view) .topbar .ghost{color:#555;border-color:#ddd}.shell:has(.creative-view) .topbar .secondary{background:#e8e8e1;color:#333;border-color:#d4d4cd}
.shell .creative-view{color:#262720;background:#f4f4f0;padding:42px;max-width:1600px;min-height:calc(100vh - 72px)}.creative-view p{color:#7b7b70}.creative-view button,.creative-view .btn{border-radius:5px;background:#2c3027;color:#fff;font-size:12px;min-height:40px;font-weight:500}.creative-view .secondary{background:#e5e7df;color:#303529;border:1px solid #cfd3c5}.creative-view .ghost{background:none;color:#606455;border:1px solid #d4d7cb}.creative-view .small{font-size:10px;min-height:31px;padding:7px 10px}.studio-kicker{font-size:9px;letter-spacing:.16em;color:#838778;display:block;margin-bottom:23px}
.library-head{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:40px}.library-head h1{font-size:46px;line-height:1.05;letter-spacing:-.055em;margin-bottom:20px}.library-head p{max-width:500px;font-size:13px;line-height:1.7;margin-bottom:0}.library-count{display:flex;gap:15px;align-items:center;padding:15px 0}.library-count strong{font-size:68px;font-weight:400;letter-spacing:-.06em;color:#49543e}.library-count span{font-size:10px;color:#7a8170;line-height:1.6}
.library-controls{display:grid;grid-template-columns:220px 1fr;align-items:end;gap:28px;border-top:1px solid #d9dcd1;padding-top:25px}.template-search{font-size:10px;color:#707567}.template-search input{background:#fff;color:#333;border:1px solid #d5d9cd;font-size:12px;min-height:40px;border-radius:5px}.template-filters{display:flex;flex-wrap:wrap;gap:6px}.creative-view .template-filters button{font-size:10px;min-height:32px;padding:7px 11px;background:transparent;color:#767c6c;border:1px solid #d5dacd;border-radius:30px}.creative-view .template-filters .active{background:#35402d;color:#fff;border-color:#35402d}.library-result{font-size:10px;margin:24px 0 16px}
.template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.template-card{background:#fff;border:1px solid #dedfd7;border-radius:9px;overflow:hidden;display:flex;flex-direction:column}.template-card[hidden]{display:none}.template-preview{height:340px;background:#e7e8df;display:block;position:relative;overflow:hidden;border-bottom:1px solid #e1e2da}.template-preview iframe{width:1000px;height:1800px;border:0;transform-origin:top left;pointer-events:none;display:block}.preview-open{position:absolute;bottom:16px;right:16px;background:#fffef0ec;color:#242719;font-size:10px;padding:10px 14px;border-radius:4px;opacity:0;transform:translateY(5px);transition:.2s}.template-preview:hover .preview-open,.template-preview:focus-visible .preview-open{opacity:1;transform:none}.template-info{padding:23px;display:flex;flex:1;flex-direction:column}.template-info h2{font-size:27px;letter-spacing:-.045em;margin:8px 0 12px}.template-info>div>span{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#7c856e}.template-info p{font-size:12px;line-height:1.7}.template-tags{display:flex;gap:7px;margin:0 0 22px}.template-tags span{padding:5px 7px;border:1px solid #e1e5d9;border-radius:4px;font-size:8px!important;text-transform:none!important;letter-spacing:0!important}.template-info>.row{margin-top:auto}.library-bottom{font-size:12px;margin-top:34px;line-height:1.8;max-width:740px}
.studio-welcome{display:grid;grid-template-columns:1fr 1.1fr;gap:42px;align-items:center}.studio-welcome h1{font-size:48px;line-height:1.08;letter-spacing:-.06em}.studio-welcome p{max-width:390px;font-size:13px;line-height:1.8;margin:24px 0}.welcome-composition{background:#e0e4d4;display:grid;grid-template-columns:1fr 45%;padding:34px;gap:20px;min-height:310px;position:relative;overflow:hidden;color:#303c25}.composition-copy{position:relative;z-index:1}.composition-copy>span{font-size:8px;letter-spacing:.12em;white-space:nowrap}.composition-copy strong{font:42px/1.06 Georgia,serif;letter-spacing:-.05em;display:block;margin:27px -25px 24px 0;position:relative}.composition-copy small{font-size:9px}.welcome-composition img{width:100%;height:250px;object-fit:cover;border-radius:90px 90px 3px 3px;transform:rotate(5deg)}.composition-index{font-size:8px;letter-spacing:.1em;position:absolute;bottom:13px;right:16px;color:#6c775a}.studio-summary{display:flex;flex-wrap:wrap;gap:32px;border-bottom:1px solid #d6dccd;padding:27px 0;margin-bottom:35px;color:#7d8373;font-size:10px}.studio-summary b{font-size:17px;color:#3e4833;font-weight:500;margin-right:5px}.studio-summary>a{margin-left:auto;color:#576c3f}
.home-section{margin:35px 0 45px}.home-section-title{display:flex;align-items:baseline;justify-content:space-between;gap:18px;margin-bottom:20px}.home-section-title h2{font-size:22px;margin:0 0 8px;letter-spacing:-.04em}.home-section-title p{font-size:11px;margin:0}.home-section-title a{font-size:10px;color:#687259;white-space:nowrap}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.project-tile{border:1px solid #dcdfd4;border-radius:7px;overflow:hidden;background:#fff}.project-tile>div{padding:18px}.project-tile h3{font-size:16px;margin:0 0 9px}.project-tile p{font-size:10px}.project-tile .row{gap:6px}.creative-view .project-cover{display:block;width:100%;height:165px;position:relative;padding:0;border-radius:0;background:#e2e7d8}.project-cover img{width:100%;height:100%;object-fit:cover}.project-cover>span{position:absolute;bottom:12px;left:12px;background:#fefef6ec;color:#38412e;padding:5px 8px;border-radius:3px;font-size:9px}.project-start{min-height:270px;border:1px dashed #bac4aa;border-radius:7px;display:flex;flex-direction:column;align-items:start;justify-content:center;padding:25px;color:#5c6b4c}.project-start>span{font-size:30px}.project-start h3{margin:20px 0 8px;font-size:19px}.project-start p{font-size:11px}.project-start strong{font-size:10px;font-weight:500}.home-models{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.home-models a{padding:13px;display:flex;align-items:center;gap:13px;background:var(--tile-bg);color:var(--tile-ink);border:1px solid #0000000d;border-radius:5px}.home-models img{width:55px;height:65px;object-fit:cover;border-radius:3px}.home-models span{font-size:8px;text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:6px}.home-models strong{font-size:19px;font-weight:500}.home-models b{margin-left:auto;font-size:15px}
@media(max-width:1200px){.builder-body{grid-template-columns:190px minmax(240px,1fr) 270px}.builder-head #savestate{display:none}.shell .creative-view{padding:30px}.studio-welcome{gap:25px}.studio-welcome h1{font-size:38px}.welcome-composition{padding:24px;min-height:290px}.composition-copy strong{font-size:36px}.project-grid{grid-template-columns:1fr 1fr}.library-head h1{font-size:39px}.library-controls{grid-template-columns:1fr;gap:14px}.template-preview{height:280px}.home-models{grid-template-columns:1fr 1fr}.canvas-toolbar{padding:10px}.canvas-toolbar>span:first-child{display:none}}
@media(max-width:900px){.shell:has(.is-editor){grid-template-columns:1fr}.shell:has(.is-editor) .sidebar{display:none}.builder-body{grid-template-columns:180px minmax(220px,1fr) 250px}.builder-head{padding:12px;gap:10px}.builder-head strong{max-width:140px}.builder-head .row{gap:5px}.builder-head #editorqr{display:none}.studio-welcome{grid-template-columns:1fr}.welcome-composition{display:none}.library-count{display:none}.template-grid{gap:20px}.template-preview{height:250px}.template-info{padding:18px}.creative-view .template-info button{font-size:10px;padding:9px}.library-head h1{font-size:38px}}
@media(max-width:700px){.builder-head{height:auto;min-height:100px;flex-wrap:wrap}.builder-head>div:first-child{width:100%}.builder-head .row{width:100%;justify-content:flex-end}.builder-body{height:auto;display:grid;grid-template-columns:1fr}.builder-layers{max-height:300px;order:1;border:0}.builder-canvas{order:2;height:650px}.builder-inspector{order:3;border:0;border-top:1px solid #ddd;max-height:none}.builder-tabs{position:sticky}.builder-publish{display:none}.builder #layer-list{max-height:230px;overflow:auto}.builder .layer-row{min-height:43px}.inspector-head{position:static}.builder .inspector-actions{padding-bottom:20px}.builder input,.builder textarea,.builder select{font-size:16px;min-height:44px}.builder label{font-size:12px}.builder .editor-help{font-size:12px}.canvas-instruction{font-size:10px}.builder .device-switch button{min-height:32px;font-size:11px}.shell .creative-view{padding:25px 18px}.studio-welcome h1{font-size:39px}.studio-kicker{font-size:9px;margin-bottom:17px}.studio-summary{gap:15px;padding:23px 0}.studio-summary>a{margin-left:0}.project-grid,.home-models,.template-grid{grid-template-columns:1fr}.project-cover{height:200px!important}.project-start{min-height:170px}.home-section-title{align-items:start}.home-section-title h2{font-size:21px}.home-section-title>a{font-size:9px}.home-models{grid-template-columns:1fr 1fr;gap:9px}.home-models a{padding:9px;gap:9px}.home-models img{width:36px;height:52px}.home-models strong{font-size:16px}.home-models b{display:none}.home-models span{font-size:7px}.library-head h1{font-size:36px}.template-preview{height:310px}.template-info{padding:22px}.template-info .row{gap:8px}.library-head{margin-bottom:27px}.template-filters{gap:5px}.creative-view .template-filters button{padding:7px 10px;min-height:34px}.insert-blocks{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.builder *,.creative-view *{transition:none!important;scroll-behavior:auto!important}}

.builder-body{min-height:0;overflow:hidden;grid-template-rows:minmax(0,1fr)}.builder-canvas{min-height:0;overflow:hidden}.canvas-frame{position:relative;min-height:0}.canvas-frame iframe{position:absolute;left:0;top:0}
.library-head h1{font-size:38px}.library-head{margin-bottom:25px}.library-head .studio-kicker{margin-bottom:14px}.template-preview{height:280px}.creative-view .template-filters button{font-size:11px}.library-controls{padding-top:20px}
@media(max-width:700px){.builder-body{overflow:visible;grid-template-rows:auto}.template-preview{height:270px}.library-head h1{font-size:34px}}
.builder-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;height:auto;padding:8px}.builder .builder-tabs button{font-size:10px;padding:8px 3px;min-height:34px;justify-content:center}.builder .canvas-replay{font-size:10px;padding:6px 8px;background:#e1e1da;color:#444;min-height:30px}.builder .replay-intro{width:100%;margin:18px 0;background:#292929;color:#fff}.builder .editor-grid2{min-width:0}.builder .editor-grid2 label{min-width:0}
@media(max-width:700px){.builder-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.builder .builder-tabs button{font-size:12px;min-height:40px}.builder-canvas .canvas-toolbar{gap:6px}.builder .canvas-replay{font-size:10px}.builder #canvas-scale{display:none}}
.builder .back-to-preview{display:none}.builder .canvas-toolbar>[data-op="replay-intro"]{font-size:11px;padding:8px 12px;min-height:34px;background:#e1e1da;color:#333}
@media(max-width:700px){.builder .back-to-preview{display:inline-flex;font-size:12px;margin-top:10px;background:#efedf8;color:#51349c}.builder-inspector{scroll-margin-top:12px}}
/* Content first; advanced art direction remains available without crowding routine work. */
.builder-customize{padding:12px 14px;border-bottom:1px solid #cfd2cd;background:#e9ebe5}.builder-customize>summary{font-size:11px;color:#434b47}.builder-customize .builder-tabs{padding:13px 0 0;border:0}.builder-head #savemenu{background:#e8ebe6;color:#1b2822;border:1px solid #b4bdb5}.builder-head #publishmenu{background:#203d30;color:#fff}.library-head h1{font-size:38px;line-height:1.1;margin-bottom:14px}.library-head{padding-bottom:25px}.library-head p{max-width:600px;font-size:14px}
@media(max-width:700px){.library-head h1{font-size:28px}.builder-tabs{grid-template-columns:repeat(3,1fr)}.builder-customize .builder-tabs{grid-template-columns:repeat(2,1fr)}}

.media-library{display:grid;gap:12px;max-height:52vh;overflow:auto}.media-library article{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #444}.media-library img{width:64px;height:64px;object-fit:contain;border-radius:6px;background:#ddd}.media-library article>div{flex:1;min-width:0}.media-library small{display:block;margin-top:6px}.media-library button{white-space:normal;max-width:120px}.media-control .editor-help{font-size:12px;line-height:1.5}