/* Mesmas dimensões, marca, navegação e superfícies em toda a suíte. */
.ep-shell .topbar,.ep-shell #bar{height:60px;min-height:60px;padding:0 14px;gap:8px;background:var(--surface);border-bottom:1px solid var(--line);box-shadow:none;display:flex;align-items:center;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}
.ep-shell .suite-brand{display:flex!important;align-items:center;gap:9px;flex:none;min-width:190px;max-width:290px;padding:0 12px 0 0!important;margin:0 5px 0 0!important;border:0!important;border-right:1px solid var(--line)!important;text-decoration:none;color:var(--ink);height:60px}.suite-mark{color:var(--gold);font:38px Georgia;line-height:1}.suite-brand-copy{display:flex;flex-direction:column;min-width:0;line-height:1.2}.suite-brand-copy strong{font:600 15px var(--display,Georgia);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suite-brand-copy small{font:700 9px var(--ui,Arial);letter-spacing:1.2px;color:var(--gold);margin-top:3px}
.ep-shell .topbar>nav,.ep-shell .topbar>#switch-studio,.ep-shell .topbar>#help-studio,.ep-shell #mobile-menu,.ep-shell .ep-studio-nav,.ep-shell #ep-switch-suite{display:none!important}.suite-shell-nav{margin-left:auto;display:flex;gap:7px;align-items:center;flex:none}.suite-shell-nav button,.ep-shell .topbar .intro-actions button{height:34px;min-height:34px;padding:7px 10px;font:13px var(--ui,Arial);border-radius:7px;border:1px solid var(--line);background:var(--surface);color:var(--ink)}.suite-shell-nav button:hover{border-color:var(--brand);background:var(--surface-2)}
.ep-shell.studio-app main{height:calc(100dvh - 60px)}.ep-shell.studio-app>footer{display:none}.ep-shell .workspace{grid-template-columns:322px minmax(0,1fr) 300px}.ep-shell .controls{display:flex;overflow:hidden;padding:0;background:var(--paper)}.ep-shell .tabs{display:flex;flex-direction:column;position:static;flex:none;width:76px;padding:10px 6px;gap:3px;border:0;border-right:1px solid var(--line);overflow:auto;align-self:stretch}.ep-shell .tabs button{flex:none;min-height:56px;border:0;border-radius:9px;font-size:11px;padding:9px 3px;overflow-wrap:anywhere}.ep-shell .tabs .active{background:var(--brand-soft);color:var(--brand)}.suite-panes{flex:1;overflow:auto;min-width:0}.ep-shell .suite-panes .panel{padding:15px}.suite-inspector{padding:16px;min-width:0;overflow:auto;background:var(--paper);border-left:1px solid var(--line)}.suite-inspector h2{font:600 17px var(--display,Georgia);margin:0 0 15px}.ep-shell .premium-card{margin:0 12px 14px}.ep-shell .stage{background:var(--stage)}.ep-shell .preview{background-image:none}.ep-shell .stage-bar{background:var(--surface-2)}
.ep-shell #app{--railw:76px;--panew:246px;--rightw:300px}.ep-shell.onboarding #app{grid-template-rows:60px 1fr}.ep-shell.onboarding #bar{overflow:auto;border-bottom:1px solid var(--line)}
.suite-shared-dialog{width:calc(100% - 30px);max-width:760px;padding:0;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--ink);box-shadow:0 20px 70px #0006}.suite-shared-dialog::backdrop{background:#101c1b99}.suite-shared-head{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line);gap:12px}.suite-shared-head h2{font:600 21px var(--display,Georgia);margin:0}.suite-shared-head button,.suite-shared-body button{border:1px solid var(--line);border-radius:7px;background:var(--surface-2);color:var(--ink);padding:10px;font:13px var(--ui,Arial)}.suite-shared-body{padding:20px;display:grid;gap:8px;max-height:70dvh;overflow:auto}.suite-shared-body a{padding:12px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:var(--surface-2);text-decoration:none;font:13px var(--ui,Arial)}.suite-shared-body a:hover,.suite-shared-body a[aria-current=page]{border-color:var(--brand);background:var(--brand-soft)}.suite-tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(min-width:821px){.ep-shell #app:not(.zen):not(.hide-left):not(.hide-right):not(:has(#empty:not([hidden]))){grid-template-rows:60px 1fr}}
@media(max-width:1100px) and (min-width:821px){.ep-shell .workspace{grid-template-columns:280px minmax(0,1fr) 270px}.ep-shell #app{--panew:204px;--rightw:270px}.ep-shell .suite-brand{min-width:160px;max-width:230px}.ep-shell .topbar .intro-actions button{font-size:11px;padding:6px}}
@media(max-width:820px){.ep-shell .topbar,.ep-shell #bar{height:60px;min-height:60px;gap:6px;padding:0 10px}.ep-shell .suite-brand{min-width:0;max-width:none;flex:1;height:60px}.suite-brand-copy strong{font-size:14px}.ep-shell .topbar>.intro-actions{display:none!important}.suite-shell-nav button{font-size:12px;padding:7px 9px}.ep-shell.studio-app main{height:auto;min-height:calc(100dvh - 60px)}.ep-shell .workspace{display:flex;flex-direction:column;overflow:visible}.ep-shell .stage{order:0}.ep-shell .controls{order:1;display:block;overflow:visible}.ep-shell .tabs{position:sticky;top:60px;flex-direction:row;width:auto;padding:0 10px;border-right:0;border-bottom:1px solid var(--line);background:var(--paper)}.ep-shell .tabs button{flex:1;min-height:44px}.suite-panes{overflow:visible}.suite-inspector{order:2;border-left:0;border-top:1px solid var(--line);padding:16px;scroll-margin-top:70px}.suite-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ep-shell .panel{scroll-margin-top:110px}.ep-shell .suite-brand{padding-right:5px!important;margin-right:0!important}.suite-mark{font-size:30px}}
.ep-shell .preview svg.art,.ep-shell .preview svg.sheet{background:transparent;box-shadow:none}
@media(max-width:820px){body.ep-shell.studio-app{height:auto;overflow:auto;min-height:100%}html:has(body.ep-shell.studio-app){height:auto;overflow:auto}}