:root{
  --p342-panel:272px;
  --p342-inspector:286px;
  --p342-purple:#6c3cf0;
  --p342-ink:#172033;
  --p342-muted:#667085;
  --p342-line:#e7e9ef;
  --p342-soft:#f7f8fb;
  --p342-shadow:0 24px 70px rgba(20,27,45,.18);
}
body:has(.poster-studio-shell){background:#f1f3f7!important}
.poster-workspace{grid-template-columns:72px minmax(0,1fr) var(--p342-inspector)!important}
.poster-workspace.p32-left-open{grid-template-columns:calc(72px + var(--p342-panel)) minmax(0,1fr) var(--p342-inspector)!important}
.p30-left-panel.p31-open{grid-template-columns:72px var(--p342-panel)!important}
.p30-panel-body,.p30-panel-footer{left:72px!important;width:var(--p342-panel)!important}
.p30-panel-body{padding:18px!important;scrollbar-width:thin;scrollbar-color:#c9cfda transparent}
.p30-panel-body::-webkit-scrollbar,.p30-right-panel::-webkit-scrollbar,.p31-tools-popover::-webkit-scrollbar{width:7px;height:7px}
.p30-panel-body::-webkit-scrollbar-thumb,.p30-right-panel::-webkit-scrollbar-thumb,.p31-tools-popover::-webkit-scrollbar-thumb{background:#c9cfda;border-radius:999px}
.p30-panel-head h3{font-size:22px!important;letter-spacing:-.025em!important;margin-bottom:14px!important}
.p30-upload-zone{min-height:126px!important;background:linear-gradient(180deg,#fff,#fafaff)!important;border-color:#cfc7f8!important}
.p30-upload-zone span{width:38px;height:38px;border-radius:12px;background:#eee9ff;color:var(--p342-purple);display:grid;place-items:center;margin:auto}
.p30-asset-grid{gap:10px!important}
.p342-upload-card{display:grid!important;grid-template-rows:92px auto!important;padding:5px!important;border:1px solid var(--p342-line)!important;border-radius:13px!important;background:#fff!important;overflow:hidden!important;text-align:left!important}
.p342-upload-card img{width:100%!important;height:92px!important;object-fit:cover!important;border-radius:9px!important;background:#f2f4f7!important}
.p342-upload-card span{padding:7px 4px 3px!important;font-size:10px!important;color:#475467!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.p30-cutout-actions{margin-top:16px;padding:14px;border:1px solid #ece9ff;border-radius:15px;background:#faf9ff}
.p30-cutout-actions .button{min-height:42px}.button.is-loading{position:relative;opacity:.78;cursor:wait}

.poster-stage-wrap{background:#f3f5f8!important}
.poster-stage-controls{background:rgba(255,255,255,.94)!important;border-bottom:1px solid var(--p342-line)!important}
.poster-canvas-frame{
  position:relative!important;
  display:block!important;
  padding:28px!important;
  overflow:auto!important;
  background-color:#f2f4f7!important;
  background-image:radial-gradient(#d5dae3 .7px,transparent .7px)!important;
  background-size:16px 16px!important;
}
.poster-canvas-frame::before{content:"";display:block;width:var(--scaled-canvas-width,540px);height:var(--scaled-canvas-height,540px);margin:auto;pointer-events:none}
.poster-canvas-frame #posterCanvas{position:absolute!important;left:50%!important;top:28px!important;margin-left:calc(var(--scaled-canvas-width,540px) / -2)!important;max-width:none!important;transform-origin:top left!important;box-shadow:0 20px 56px rgba(23,32,51,.18)!important}
.p30-zoom{min-width:226px;justify-content:center!important;padding:4px 6px!important;border-radius:13px!important;box-shadow:0 4px 16px rgba(20,27,45,.06)}
.p30-zoom select{min-width:82px!important;background:#fff!important;border:1px solid #e3e6ec!important}
.p30-zoom button{border-radius:8px!important}.p30-zoom strong{font-size:13px!important;color:#263044!important}
.p34-guides{display:none!important}.poster-canvas-frame:active .p34-guides{display:block!important}

.p30-right-panel{width:var(--p342-inspector)!important;background:#fff!important}
.p30-right-tabs{grid-template-columns:repeat(3,1fr)!important;gap:4px!important;border:1px solid #edf0f4!important;background:#f7f8fb!important}
.p30-right-panel>[data-right-panel]{padding:8px 16px 22px!important;overflow:auto!important}
.poster-layers button,.poster-layers .poster-layer,.poster-layers [data-layer-id]{background:#fff!important;border:1px solid #e7eaf0!important;border-radius:11px!important;color:#263044!important;box-shadow:none!important;margin-bottom:7px!important}
.poster-layers button:hover{border-color:#bca9ff!important;background:#faf9ff!important}

.p31-tools-popover.p342-tools-popover{width:340px!important;min-width:340px!important;padding:10px!important;border-radius:18px!important;border:1px solid rgba(228,231,238,.9)!important;box-shadow:0 24px 70px rgba(20,27,45,.2)!important;background:rgba(255,255,255,.98)!important;backdrop-filter:blur(18px)!important}
.p342-tools-popover button{min-height:56px!important;padding:10px 12px!important;border:1px solid transparent!important;transition:.16s ease!important}
.p342-tools-popover button:hover{transform:translateX(2px);border-color:#e7e0ff!important;background:#faf8ff!important}
.p342-tools-popover button>span{flex:0 0 34px!important;width:34px!important;height:34px!important;border-radius:11px!important}
.p342-tools-popover strong{font-size:13px!important}.p342-tools-popover small{font-size:11px!important;line-height:1.35!important}

.p34-modal{padding:24px!important;background:rgba(14,20,34,.38)!important;backdrop-filter:blur(10px)!important}
.p34-backdrop{background:transparent!important;backdrop-filter:none!important}
.p34-modal>section.p342-tool-dialog{width:min(860px,calc(100vw - 40px))!important;max-height:min(84vh,760px)!important;padding:0!important;border:1px solid rgba(255,255,255,.75)!important;border-radius:24px!important;overflow:hidden!important;box-shadow:var(--p342-shadow)!important;transform:translateY(12px) scale(.985);opacity:0;transition:.18s ease;background:#fff!important}
.p34-modal>section.p342-tool-dialog.is-visible{transform:none;opacity:1}
.p342-tool-dialog>header{position:sticky;top:0;z-index:4;margin:0!important;padding:20px 22px!important;background:linear-gradient(180deg,#fff,#fbfbfe)!important;border-bottom:1px solid var(--p342-line)!important}
.p342-tool-dialog>header h2{font-size:24px!important;letter-spacing:-.03em;margin:3px 0 0!important}
.p342-tool-dialog>header button{width:40px!important;height:40px!important;border:1px solid #e5e8ef!important;background:#fff!important;cursor:pointer!important}
.p342-tool-dialog #p34Body{padding:22px!important;overflow:auto!important;max-height:calc(84vh - 84px)!important}
.p34-grid,.p34-action-grid,.p34-resize-grid{gap:14px!important}
.p34-action-grid button,.p34-resize-grid button,.p34-component-grid button{min-height:74px!important;padding:15px!important;border:1px solid #e5e8ef!important;border-radius:15px!important;background:linear-gradient(180deg,#fff,#fafbfc)!important;transition:.16s ease!important}
.p34-action-grid button:hover,.p34-resize-grid button:hover,.p34-component-grid button:hover{border-color:#bdaaff!important;box-shadow:0 10px 25px rgba(92,50,214,.1)!important;transform:translateY(-1px)}
.p34-grid input,.p34-grid select,.p34-ai textarea,.p34-version-head input{border:1px solid #dfe3eb!important;border-radius:12px!important;background:#fff!important;box-shadow:0 1px 2px rgba(16,24,40,.03)!important}
.p34-version-list article{border-radius:15px!important;background:#fafbfc!important}

.p342-notice{position:fixed;right:22px;bottom:22px;z-index:2000;width:min(390px,calc(100vw - 30px));display:grid;grid-template-columns:40px 1fr 28px;gap:11px;align-items:center;padding:13px 14px;border:1px solid #e4e7ec;border-radius:16px;background:rgba(255,255,255,.98);box-shadow:0 20px 60px rgba(20,27,45,.18);backdrop-filter:blur(14px)}
.p342-notice[hidden]{display:none}.p342-notice>span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#f0ebff;color:#6537e8;font-weight:900}.p342-notice>div{display:grid;gap:2px}.p342-notice strong{font-size:13px;color:#1d2939}.p342-notice small{font-size:11px;color:#667085;line-height:1.4}.p342-notice button{border:0;background:transparent;color:#98a2b3;font-size:18px}.p342-notice[data-type="success"]>span{background:#eafbf1;color:#087a45}.p342-notice[data-type="error"]>span{background:#fff0f0;color:#c62828}.p342-notice[data-type="warning"]>span{background:#fff7e8;color:#a15c00}.p342-notice[data-type="progress"]>span{animation:p342pulse 1.1s ease-in-out infinite}@keyframes p342pulse{50%{transform:scale(.9);opacity:.65}}

@media(max-width:1200px){:root{--p342-panel:252px;--p342-inspector:264px}.p31-tools-popover.p342-tools-popover{left:auto!important;right:0!important;transform:none!important}}
@media(max-width:900px){.poster-workspace,.poster-workspace.p32-left-open{grid-template-columns:64px minmax(0,1fr)!important}.p30-left-panel.p31-open{grid-template-columns:64px min(290px,calc(100vw - 64px))!important}.p30-panel-body,.p30-panel-footer{left:64px!important;width:min(290px,calc(100vw - 64px))!important}.poster-canvas-frame{padding:18px!important}.poster-canvas-frame #posterCanvas{top:18px!important}.p30-zoom{min-width:190px}.p34-modal{padding:10px!important}.p34-modal>section.p342-tool-dialog{width:100%!important;max-height:92vh!important;border-radius:20px!important}.p34-grid,.p34-action-grid,.p34-resize-grid,.p34-component-grid{grid-template-columns:1fr!important}}