/* Desktop editors and native controls retain their existing layout. */
#pg355-ui,.pg355-edit-details{display:none!important}
dialog#pg355-colors{display:none!important}
@media screen and (max-width:900px){
body.pg355-ready{--pg355-dock:calc(62px + env(safe-area-inset-bottom,0px));--pg355-blue:#165dff}
body.pg355-ready #pg354-fontbar#pg354-fontbar,
body.pg355-ready .pg144-mobile-design,
body.pg355-ready .pg128-tabs,
body.pg355-ready .pg-mobile-editor-views,
body.pg355-ready #designToolsPanel,
body.pg355-ready .pg141-preview-top{display:none!important}
body.pg355-ready #pg355-ui{display:flex!important;flex-direction:column!important;position:fixed!important;inset:auto 0 0!important;z-index:950!important;box-sizing:border-box!important;width:100%!important;max-width:100vw!important;isolation:isolate;pointer-events:auto;font-family:inherit;background:var(--ui-panel,#fff);color:var(--ui-text,#17233d);border-top:1px solid var(--ui-line,#dce4ef)}
body.pg355-ready #pg355-ui *,dialog#pg355-colors *{box-sizing:border-box;min-width:0}
body.pg355-ready #pg355-ui :is(button,select){margin:0!important;box-shadow:none!important;font-family:inherit!important;font-size:13px!important;line-height:1.15!important;color:inherit!important;border:1px solid var(--ui-line,#dce4ef)!important;background:var(--ui-panel,#fff)!important;border-radius:8px!important;min-width:0!important;height:40px!important;min-height:40px!important;padding:5px!important;cursor:pointer;white-space:nowrap!important;display:flex!important;align-items:center!important;justify-content:center!important}
body.pg355-ready #pg355-ui select{display:block!important;font-size:16px!important;width:100%!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.pg355-ready #pg355-ui svg,dialog#pg355-colors svg,.pg355-edit-details svg{display:block;width:20px;height:20px;flex:none;pointer-events:none}
body.pg355-ready #pg355-ui .pg355-strip{display:none!important;grid-template-columns:minmax(58px,1fr) 56px repeat(5,minmax(28px,36px))!important;align-items:center;gap:4px;padding:7px 8px!important;border-bottom:1px solid var(--ui-line,#dce4ef);min-height:54px!important}
body.pg355-ready #pg355-ui[data-view=design] .pg355-strip{display:grid!important}
body.pg355-ready #pg355-ui .pg355-strip button{position:relative!important;gap:2px!important}
body.pg355-ready #pg355-ui .pg355-strip button i{position:absolute;inset-inline-end:2px;bottom:6px;display:block;width:7px;height:7px;border-radius:50%;flex:none}
body.pg355-ready #pg355-ui .pg355-strip .pg355-apply{border-radius:50%!important;background:#165dff!important;color:white!important;border-color:#165dff!important}
body.pg355-ready #pg355-ui .pg355-dock{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;padding:5px 10px calc(5px + env(safe-area-inset-bottom,0px))!important;min-height:var(--pg355-dock)!important;margin:0!important;position:static!important;width:100%!important;max-width:100%!important;background:var(--ui-panel,#fff)!important}
body.pg355-ready #pg355-ui .pg355-dock button{flex-direction:column!important;gap:3px!important;min-height:50px!important;height:auto!important;border:0!important;border-radius:11px!important;padding:5px!important;white-space:normal!important;font-size:12px!important;overflow-wrap:anywhere!important}
body.pg355-ready #pg355-ui .pg355-dock button[aria-pressed=true]{background:color-mix(in srgb,#7c3aed 12%,var(--ui-panel,#fff))!important;color:#4f3cff!important}
body.pg355-ready #previewArea#previewArea{padding-bottom:calc(var(--pg355-ui-height,132px) + 16px)!important;scroll-padding-bottom:calc(var(--pg355-ui-height,132px) + 16px)!important}
body.pg355-ready #editorSidebar{scroll-padding-bottom:calc(var(--pg355-dock) + 16px)!important;padding-bottom:calc(var(--pg355-dock) + 16px)!important}
body.pg355-ready[data-editor-view=preview] #previewArea .pg355-edit-details{display:flex!important;align-items:center!important;gap:5px!important;position:sticky!important;inset-block-start:6px!important;align-self:flex-end!important;width:max-content!important;max-width:90%!important;z-index:30!important;border:1px solid var(--ui-line,#dce4ef)!important;border-radius:20px!important;background:var(--ui-panel,#fff)!important;color:var(--ui-text,#17233d)!important;padding:7px 10px!important;margin:4px 0 8px auto!important;min-height:34px!important;font:inherit!important;font-size:12px!important;box-shadow:0 3px 14px #1123420d!important}
html body dialog#pg355-colors{position:fixed!important;inset:auto 0 auto!important;top:auto!important;left:0!important;right:0!important;bottom:var(--pg355-ui-height,calc(116px + env(safe-area-inset-bottom,0px)))!important;margin:0 auto!important;padding:12px 14px 8px!important;width:min(100%,560px)!important;max-width:100vw!important;min-width:0!important;height:auto!important;min-height:0!important;max-height:calc(var(--pg355-vh,100dvh) - var(--pg355-ui-height,116px) - 70px)!important;overflow:auto!important;border:1px solid var(--ui-line,#dce4ef)!important;border-radius:20px 20px 0 0!important;box-shadow:0 -8px 35px #14233c1a!important;background:var(--ui-panel,#fff)!important;color:var(--ui-text,#17233d)!important;font-family:inherit!important;transform:none!important}
html body dialog#pg355-colors[open]{display:flex!important;flex-direction:column!important;gap:10px!important}
html body dialog#pg355-colors::backdrop{background:#14233d0d!important;backdrop-filter:none!important}
dialog#pg355-colors .pg355-sheet-head{position:sticky!important;top:0!important;z-index:2!important;background:var(--ui-panel,#fff)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;flex:none!important}
dialog#pg355-colors h2{font-size:17px!important;font-weight:700!important;line-height:1.2!important;margin:0!important;color:inherit!important}
dialog#pg355-colors button,dialog#pg355-colors input{font:inherit!important;font-size:14px!important;min-height:36px!important;box-shadow:none!important;margin:0!important;border-radius:8px!important;box-sizing:border-box!important;color:inherit!important}
dialog#pg355-colors .pg355-close{display:grid!important;place-items:center!important;width:38px!important;min-width:38px!important;height:38px!important;padding:7px!important;border:0!important;background:var(--ui-panel2,#f4f6fc)!important;flex:none!important}
dialog#pg355-colors .pg355-color-tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;border:1px solid var(--ui-line,#dce4ef)!important;border-radius:9px!important;flex:none!important}
dialog#pg355-colors .pg355-color-tabs button{padding:5px!important;border:0!important;background:transparent!important;white-space:normal!important;font-size:12px!important;line-height:1.2!important}
dialog#pg355-colors .pg355-color-tabs button[aria-selected=true]{background:color-mix(in srgb,#7c3aed 15%,var(--ui-panel,#fff))!important;color:#4f3cff!important}
dialog#pg355-colors .pg355-palette{display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:8px!important;padding:4px 0!important;flex:none!important}
dialog#pg355-colors .pg355-palette button{width:100%!important;aspect-ratio:1!important;min-height:0!important;max-width:40px!important;max-height:40px!important;border-radius:50%!important;border:2px solid transparent!important;padding:0!important;color:#fff!important;font-size:19px!important;display:grid!important;place-items:center!important}
dialog#pg355-colors .pg355-palette button[aria-pressed=true]{outline:2px solid #165dff!important;outline-offset:2px!important;text-shadow:0 1px 3px #0009}
dialog#pg355-colors .pg355-color-fields{display:grid!important;grid-template-columns:minmax(0,1fr) 38px 82px!important;gap:10px!important;align-items:center!important;flex:none!important}
dialog#pg355-colors .pg355-color-fields input{width:100%!important;max-width:100%!important;height:38px!important;padding:6px!important;background:var(--ui-panel,#fff)!important;border:1px solid var(--ui-line,#dce4ef)!important;font-size:16px!important}
dialog#pg355-colors .pg355-color-fields input[type=color]{padding:3px!important;border-radius:50%!important;cursor:pointer}
dialog#pg355-colors .pg355-done{height:38px!important;background:#165dff!important;border:1px solid #165dff!important;color:white!important;padding:6px!important;white-space:normal!important;font-size:13px!important;line-height:1.15!important}
dialog#pg355-colors .pg355-error{margin:0!important;font-size:12px!important;line-height:1.3!important;color:#e23d52!important}
dialog#pg355-colors .pg355-error:empty{display:none!important}
#pg355-ui :focus-visible,#pg355-colors :focus-visible{outline:3px solid #92b4ff!important;outline-offset:1px!important}
}
@media print{#pg355-ui#pg355-ui,dialog#pg355-colors#pg355-colors,.pg355-edit-details{display:none!important}}

.pg355-history{display:none;gap:8px;margin-bottom:10px}@media screen and (max-width:900px){.pg355-history{display:flex}}.pg355-history button{display:flex;align-items:center;gap:6px}.pg355-history svg{width:18px;height:18px}

@media screen and (max-width:900px){
body.pg355-ready #pg355-ui select.pg355-size{appearance:none!important;-webkit-appearance:none!important;text-align:center!important;text-align-last:center!important;padding:5px 14px 5px 4px!important;font-size:16px!important;font-variant-numeric:tabular-nums!important;letter-spacing:normal!important;text-indent:0!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5'%3E%3Cpath d='m1 1 3 3 3-3' fill='none' stroke='%2364758b' stroke-width='1.3'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 4px center!important;background-size:8px 5px!important}
html[dir=rtl] body.pg355-ready #pg355-ui select.pg355-size{padding:5px 4px 5px 14px!important;background-position:left 4px center!important}
}