:root{--p31-bg:#f5f6f8;--p31-panel:#fff;--p31-text:#171923;--p31-muted:#697386;--p31-line:#e4e7ec;--p31-accent:#6d3df2;--p31-accent-soft:#f0ebff;--p31-shadow:0 8px 28px rgba(18,24,40,.08)}
body:has(.poster-studio-shell){overflow:hidden;background:var(--p31-bg)}
body:has(.poster-studio-shell)>.app-shell-nav,body:has(.poster-studio-shell)>.app-footer{display:none!important}
.poster-studio-shell{height:100vh!important;background:var(--p31-bg)!important;color:var(--p31-text);overflow:hidden!important}
.p31-topbar{height:64px!important;padding:0 18px!important;display:grid!important;grid-template-columns:minmax(240px,1fr) auto minmax(240px,1fr);align-items:center;gap:16px;background:rgba(255,255,255,.96)!important;border-bottom:1px solid var(--p31-line)!important;box-shadow:none!important;position:relative;z-index:80}
.p31-topbar-left,.p31-topbar-center,.p31-topbar-actions{display:flex;align-items:center;gap:8px}.p31-topbar-actions{justify-content:flex-end}.p31-back{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--p31-line);border-radius:10px;color:var(--p31-text);font-size:18px;text-decoration:none;background:#fff}.p31-file-block{display:grid;gap:1px;min-width:0}.p31-file-block input{border:0!important;background:transparent!important;padding:0!important;font-size:14px!important;font-weight:750!important;max-width:260px;min-width:180px;height:auto!important}.p31-file-block span{font-size:11px;color:var(--p31-muted)}
.p31-icon-button,.p31-compact-button{height:36px;border:1px solid var(--p31-line);background:#fff;border-radius:10px;padding:0 12px;font-weight:700;color:#344054;display:inline-flex;align-items:center;justify-content:center;gap:6px}.p31-icon-button{width:36px;padding:0;font-size:18px}.p31-icon-button:hover,.p31-compact-button:hover,.p31-back:hover{background:#f8f9fb;border-color:#cfd4dc}.p31-primary{background:var(--p31-accent)!important;border-color:var(--p31-accent)!important;box-shadow:0 6px 16px rgba(109,61,242,.22)}
.p31-tools-menu{position:relative}.p31-tools-popover{position:absolute;top:44px;left:50%;transform:translateX(-50%);width:290px;background:#fff;border:1px solid var(--p31-line);border-radius:14px;box-shadow:0 18px 48px rgba(16,24,40,.16);padding:8px;z-index:100}.p31-tools-popover button{width:100%;border:0;background:transparent;border-radius:10px;display:flex;gap:12px;text-align:left;padding:11px;color:var(--p31-text)}.p31-tools-popover button:hover{background:#f7f5ff}.p31-tools-popover button>span{width:32px;height:32px;border-radius:9px;background:var(--p31-accent-soft);color:var(--p31-accent);display:grid;place-items:center}.p31-tools-popover div{display:grid}.p31-tools-popover strong{font-size:13px}.p31-tools-popover small{font-size:11px;color:var(--p31-muted);margin-top:2px}
.poster-workspace{height:calc(100vh - 118px)!important;display:grid!important;grid-template-columns:76px minmax(0,1fr) 300px!important;gap:0!important;background:var(--p31-bg)!important;overflow:hidden}
.p30-left-panel{width:auto!important;height:100%!important;display:grid!important;grid-template-columns:76px 0;transition:grid-template-columns .22s ease;border-right:1px solid var(--p31-line)!important;background:#fff!important;overflow:visible!important;position:relative;z-index:40}.p30-left-panel.p31-open{grid-template-columns:76px 320px}.p30-editor-tabs{width:76px!important;display:flex!important;flex-direction:column!important;gap:4px!important;padding:12px 8px!important;border:0!important;background:#fff;overflow-y:auto}.p30-editor-tabs button{width:60px!important;min-height:54px!important;padding:7px 3px!important;display:grid!important;place-items:center!important;gap:3px!important;border-radius:10px!important;font-size:10px!important;color:#667085!important;border:0!important}.p30-editor-tabs button span{font-size:19px!important}.p30-editor-tabs button.active{background:var(--p31-accent-soft)!important;color:var(--p31-accent)!important}.p30-panel-body,.p30-panel-footer{position:absolute;left:76px;width:320px;background:#fff;border-right:1px solid var(--p31-line);opacity:0;pointer-events:none;transform:translateX(-10px);transition:.18s ease;box-shadow:10px 0 30px rgba(16,24,40,.05)}.p30-panel-body{top:0;bottom:70px;max-height:none!important;padding:20px!important;overflow:auto!important}.p30-panel-footer{bottom:0;height:70px;padding:12px 20px}.p30-left-panel.p31-open .p30-panel-body,.p30-left-panel.p31-open .p30-panel-footer{opacity:1;pointer-events:auto;transform:none}.p30-panel-head h3{font-size:20px!important;margin:4px 0 16px}.p30-panel-head .eyebrow{font-size:10px;letter-spacing:.12em;color:var(--p31-muted)}.p30-template-search input,.p30-inline-search input,.poster-stock-search input,.p30-panel-body select{border-radius:10px!important;border:1px solid var(--p31-line)!important;min-height:42px!important}.p30-upload-zone{border:1.5px dashed #cbd2dc!important;background:#fafbfc!important;border-radius:14px!important;min-height:150px!important}.p30-upload-zone:hover{background:#f7f5ff!important;border-color:#a78bfa!important}.p30-element-grid{grid-template-columns:repeat(3,1fr)!important;gap:8px!important}.p30-element-grid button{border-radius:10px!important;border:1px solid #edf0f4!important;background:#fff!important}.p30-asset-grid{grid-template-columns:repeat(2,1fr)!important}
.poster-stage-wrap{min-width:0!important;height:100%!important;padding:0!important;background:#eef0f4!important;display:grid!important;grid-template-rows:48px minmax(0,1fr) auto!important;overflow:hidden!important;position:relative}.poster-stage-controls{height:48px!important;margin:0!important;padding:0 16px!important;border-bottom:1px solid #dde1e7!important;background:rgba(255,255,255,.78)!important;backdrop-filter:blur(10px);display:flex!important;align-items:center;justify-content:space-between!important;box-shadow:none!important}.poster-stage-controls>div:first-child{display:none}.poster-stage-controls #posterDimensions{font-size:12px;color:var(--p31-muted);font-weight:650}.p30-zoom{background:#fff;border:1px solid var(--p31-line);border-radius:10px;padding:3px}.p30-zoom button{border:0!important;width:28px!important;height:28px!important}.poster-canvas-frame{min-height:0!important;height:100%!important;overflow:auto!important;padding:32px 64px 48px!important;display:grid!important;place-items:start center!important;background-color:#eef0f4!important;background-image:radial-gradient(#d6dae2 .7px,transparent .7px)!important;background-size:14px 14px!important}.poster-canvas-frame #posterCanvas{box-shadow:0 18px 50px rgba(16,24,40,.16)!important;border-radius:2px}.imara-assistant{margin:0!important;max-width:none!important;border-radius:0!important;border:0!important;border-top:1px solid var(--p31-line)!important;box-shadow:none!important;padding:10px 16px!important;display:grid!important;grid-template-columns:auto minmax(180px,1fr) auto!important;align-items:center;gap:8px;background:#fff!important}.imara-assistant>span{color:var(--p31-accent)}.imara-assistant input{height:38px;border-radius:10px!important;background:#f7f8fa!important;border:1px solid var(--p31-line)!important}.imara-assistant>button{height:38px;border-radius:10px!important}.imara-assistant small,.assistant-suggestions{display:none!important}
.p30-right-panel{width:auto!important;height:100%!important;border-left:1px solid var(--p31-line)!important;background:#fff!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;z-index:30}.p30-right-tabs{margin:12px!important;padding:4px!important;border-radius:11px!important;background:#f2f4f7!important;display:grid!important;grid-template-columns:1fr 1fr!important;position:sticky;top:0}.p30-right-tabs button{height:34px;border:0!important;border-radius:8px!important;background:transparent!important;font-size:12px!important}.p30-right-tabs button.active{background:#fff!important;box-shadow:0 1px 3px rgba(16,24,40,.08)!important}.p30-right-panel>[data-right-panel]{padding:4px 16px 20px!important}.poster-inspector label{font-size:11px!important;margin-bottom:14px!important}.poster-inspector input,.poster-inspector select,.poster-inspector textarea{min-height:40px!important;border-radius:10px!important}.p30-page-tools{display:none!important}.p30-right-footer{margin-top:auto!important;padding:14px 16px!important;background:#fff!important}.p30-right-footer textarea{min-height:52px!important}.p31-mobile-inspector{display:none}
.p31-page-filmstrip{height:54px;position:fixed;left:76px;right:300px;bottom:0;z-index:45;background:rgba(255,255,255,.96);border-top:1px solid var(--p31-line);display:flex;align-items:center;padding:7px 14px;gap:8px;backdrop-filter:blur(12px)}.p31-page-filmstrip .p30-page-tools{display:flex!important;width:100%;border:0!important;padding:0!important;align-items:center;gap:10px}.p31-page-filmstrip .simple-editor-heading{display:none}.p31-page-filmstrip .project-pages{display:flex!important;gap:8px;overflow-x:auto;flex:1}.p31-page-filmstrip .project-pages button{min-width:94px;height:38px;border:1px solid var(--p31-line);border-radius:9px;background:#fff;padding:0 12px}.p31-page-filmstrip .project-pages button.active{border-color:var(--p31-accent);box-shadow:0 0 0 2px rgba(109,61,242,.12)}.p31-page-filmstrip #duplicateProjectPage{width:auto!important;white-space:nowrap;height:38px}.p31-page-filmstrip:empty{display:none}.p31-page-filmstrip:not(:empty)~*{}
@media(max-width:1180px){.p31-topbar{grid-template-columns:1fr auto}.p31-topbar-center{display:none}.poster-workspace{grid-template-columns:72px minmax(0,1fr)!important}.p30-left-panel{grid-template-columns:72px 0}.p30-right-panel{position:fixed;right:0;top:64px;bottom:54px;width:320px!important;transform:translateX(100%);transition:transform .22s ease;box-shadow:-14px 0 40px rgba(16,24,40,.14)}.p30-right-panel.p31-visible{transform:none}.p31-mobile-inspector{display:block;position:fixed;right:16px;bottom:70px;z-index:60;border:1px solid var(--p31-line);background:#fff;border-radius:10px;padding:10px 14px;font-weight:700;box-shadow:var(--p31-shadow)}.p31-page-filmstrip{left:72px;right:0}}
@media(max-width:760px){body:has(.poster-studio-shell){overflow:hidden}.p31-topbar{height:58px!important;padding:0 10px!important;grid-template-columns:minmax(0,1fr) auto}.p31-file-block input{min-width:0;max-width:150px}.p31-file-block span,.p31-topbar-actions .p31-compact-button,.p31-topbar-actions #savePoster{display:none}.poster-workspace{height:calc(100vh - 108px)!important;grid-template-columns:58px minmax(0,1fr)!important}.p30-left-panel{grid-template-columns:58px 0}.p30-left-panel.p31-open{grid-template-columns:58px min(310px,calc(100vw - 58px))}.p30-editor-tabs{width:58px!important;padding:8px 4px!important}.p30-editor-tabs button{width:50px!important;min-height:49px!important;font-size:9px!important}.p30-panel-body,.p30-panel-footer{left:58px;width:min(310px,calc(100vw - 58px))}.poster-stage-controls{padding:0 8px!important}.poster-canvas-frame{padding:20px 24px 58px!important}.imara-assistant{grid-template-columns:auto 1fr auto!important;padding:8px!important}.p31-page-filmstrip{left:58px;height:50px;padding:6px 8px}.p30-right-panel{top:58px;bottom:50px;width:min(320px,calc(100vw - 20px))!important}.p31-mobile-inspector{bottom:62px;right:10px}.p31-primary{padding:0 13px!important}}