:root{
  --p33-rail:72px;
  --p33-drawer:236px;
  --p33-inspector:252px;
  --p33-filmstrip:56px;
  --p33-topbar:64px;
  --p33-line:#e7eaf0;
  --p33-muted:#667085;
  --p33-accent:#6d3df2;
}

/* 10/10 workspace proportions */
.poster-workspace{
  grid-template-columns:var(--p33-rail) minmax(0,1fr) var(--p33-inspector)!important;
  height:calc(100vh - var(--p33-topbar) - var(--p33-filmstrip))!important;
}
.poster-workspace.p32-left-open{
  grid-template-columns:calc(var(--p33-rail) + var(--p33-drawer)) minmax(0,1fr) var(--p33-inspector)!important;
}
.p30-left-panel{grid-template-columns:var(--p33-rail) 0!important}
.p30-left-panel.p31-open{grid-template-columns:var(--p33-rail) var(--p33-drawer)!important}
.p30-editor-tabs{width:var(--p33-rail)!important;padding:12px 6px!important}
.p30-editor-tabs button{width:60px!important}
.p30-panel-body,.p30-panel-footer{left:var(--p33-rail)!important;width:var(--p33-drawer)!important}
.p30-panel-body{padding:16px!important;scrollbar-width:thin;scrollbar-color:#c8ced8 transparent}
.p30-panel-body::-webkit-scrollbar,.p30-right-panel [data-right-panel]::-webkit-scrollbar,.project-pages::-webkit-scrollbar{width:6px;height:6px}
.p30-panel-body::-webkit-scrollbar-thumb,.p30-right-panel [data-right-panel]::-webkit-scrollbar-thumb,.project-pages::-webkit-scrollbar-thumb{background:#c8ced8;border-radius:999px}
.p30-panel-body::-webkit-scrollbar-track,.p30-right-panel [data-right-panel]::-webkit-scrollbar-track,.project-pages::-webkit-scrollbar-track{background:transparent}

/* Background tabs always fit without clipping */
.p30-subtabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important;overflow:visible!important}
.p30-subtabs button{min-width:0!important;padding:8px 4px!important;font-size:11px!important;white-space:nowrap!important}
.p30-color-grid{gap:7px!important}
.p30-custom-color{gap:8px!important}.p30-custom-color input{min-width:74px!important}

/* Single, calm canvas toolbar */
.poster-stage-wrap{grid-template-rows:48px minmax(0,1fr) 56px!important}
.poster-stage-controls{justify-content:center!important;padding:0 14px!important}
.poster-stage-controls #posterDimensions{display:none!important}
.poster-stage-controls .im-editor-status,.poster-stage-controls .im-editor-zoom{display:none!important}
.poster-stage-controls .p30-zoom{margin:0!important;box-shadow:0 1px 2px rgba(16,24,40,.04)!important}
.p33-canvas-size{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 10px;border:1px solid var(--p33-line);border-radius:9px;background:#fff;color:#475467;font-size:11px;font-weight:750;white-space:nowrap}
.p33-canvas-size span{color:#98a2b3;font-weight:600}

/* Larger, cleaner canvas zone */
.poster-canvas-frame{padding:18px 24px 32px!important;place-items:center!important;scroll-padding:24px}
.poster-canvas-frame #posterCanvas{box-shadow:0 18px 44px rgba(16,24,40,.14)!important}
.p30-right-panel{width:var(--p33-inspector)!important}
.p30-right-tabs{margin:10px!important}
.p30-right-panel>[data-right-panel]{padding:6px 12px 16px!important;scrollbar-width:thin;scrollbar-color:#c8ced8 transparent}
.p32-project-heading h3{font-size:17px!important}
.p32-project-heading p{font-size:11px!important}

/* Softer layer presentation */
.poster-layers{gap:6px!important}
.poster-layers button,.poster-layers .poster-layer,.poster-layers [data-layer-id]{min-height:38px!important;border-radius:9px!important;font-size:11px!important}

/* Compact filmstrip: pages and duplicate stay together */
.p31-page-filmstrip{
  height:var(--p33-filmstrip)!important;
  padding:7px 12px 7px calc(var(--p33-rail) + 12px)!important;
  right:var(--p33-inspector)!important;
  align-items:center!important;
  box-shadow:0 -1px 0 var(--p33-line)!important;
}
.poster-workspace.p32-left-open~.p31-page-filmstrip{padding-left:calc(var(--p33-rail) + var(--p33-drawer) + 12px)!important}
.p31-page-filmstrip .p30-page-tools{width:auto!important;max-width:100%!important;justify-content:flex-start!important;gap:7px!important}
.p31-page-filmstrip .project-pages{flex:0 1 auto!important;max-width:min(560px,65vw)!important;padding:0!important;gap:7px!important}
.p31-page-filmstrip .project-pages>*{min-width:94px!important;height:38px!important;border-radius:9px!important}
.p31-page-filmstrip #duplicateProjectPage{height:38px!important;padding:0 12px!important;font-size:11px!important;margin:0!important}

/* More breathing room and less visual noise */
.p31-topbar{padding:0 16px!important;gap:12px!important}
.p31-file-block input{max-width:230px!important}
.imara-assistant{padding:8px 14px!important}

@media(max-width:1280px){
  :root{--p33-drawer:218px;--p33-inspector:238px}
  .poster-canvas-frame{padding:16px 18px 28px!important}
}
@media(max-width:1100px){
  .poster-workspace,.poster-workspace.p32-left-open{grid-template-columns:var(--p33-rail) minmax(0,1fr)!important}
  .p30-right-panel{width:292px!important;bottom:var(--p33-filmstrip)!important}
  .p31-page-filmstrip,.poster-workspace.p32-left-open~.p31-page-filmstrip{right:0!important;padding-left:calc(var(--p33-rail) + 10px)!important}
}
@media(max-width:760px){
  :root{--p33-rail:58px;--p33-drawer:calc(100vw - 58px);--p33-filmstrip:52px}
  .p30-editor-tabs{width:var(--p33-rail)!important}
  .p30-editor-tabs button{width:50px!important}
  .poster-workspace{height:calc(100vh - 58px - var(--p33-filmstrip))!important}
  .poster-canvas-frame{padding:12px 12px 24px!important}
  .p31-page-filmstrip{height:var(--p33-filmstrip)!important;padding:6px 8px 6px calc(var(--p33-rail) + 8px)!important}
  .p31-page-filmstrip .project-pages{max-width:calc(100vw - 130px)!important}
  .p31-page-filmstrip #duplicateProjectPage{width:38px!important;padding:0!important;font-size:0!important}
  .p31-page-filmstrip #duplicateProjectPage::after{content:'+';font-size:18px}
  .p33-canvas-size{display:none!important}
}