.pm-page{--pm-line:#dfe8ee;--pm-primary:var(--brand);--pm-navy:#10283f}
.pm-page.is-embedded{padding:0}
.pm-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:16px}
.pm-heading h1{margin:2px 0 4px;font-size:28px;color:var(--pm-navy)}.pm-page.is-embedded .pm-heading h1{font-size:22px}
.pm-heading p{margin:0;color:#5d7083;max-width:760px}
.pm-actions{display:flex;gap:10px;flex-wrap:wrap}
.pm-scopes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px}
.pm-scopes button{display:flex;align-items:center;gap:12px;text-align:left;padding:12px 14px;border:1px solid var(--pm-line);border-radius:12px;background:#fff;font:inherit;cursor:pointer;color:var(--pm-navy)}
.pm-scopes button>span{width:38px;height:38px;border-radius:10px;background:#f1f6f9;display:grid;place-items:center;color:var(--pm-primary);flex:none}
.pm-scopes button div{display:flex;flex-direction:column;min-width:0}.pm-scopes button small{color:#6b8192;font-size:12px}
.pm-scopes button>svg{margin-left:auto;color:var(--pm-primary)}
.pm-scopes button.active{border-color:#9fd3df;background:#f2fafc;background:color-mix(in srgb, var(--brand) 5%, #fff);box-shadow:0 0 0 1px #9fd3df inset}
.pm-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,400px);gap:16px;align-items:start}
.pm-stage{background:#fff;border:1px solid var(--pm-line);border-radius:14px;overflow:hidden;position:sticky;top:12px}
.pm-stage>header{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--pm-line);color:var(--pm-navy)}
.pm-stage>header small{color:#6b8192}.pm-live{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#17694f}.pm-live i{width:7px;height:7px;border-radius:50%;background:#17694f}
.pm-canvas{background:#e9eef2;padding:18px;height:calc(100vh - 230px);min-height:520px;overflow:auto;display:flex;justify-content:center;align-items:flex-start}
.pm-paper{flex:none;position:relative;overflow:hidden;box-shadow:0 10px 30px -12px #10283f55;background:#fff}
.pm-canvas iframe{border:0;background:#fff;transform-origin:0 0;position:absolute;left:0;top:0}
.pm-side{display:flex;flex-direction:column;gap:14px}
.pm-card{background:#fff;border:1px solid var(--pm-line);border-radius:14px;padding:14px}
.pm-card h2{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:15px;color:var(--pm-navy)}
.pm-card h2 span{width:22px;height:22px;border-radius:7px;background:#e6f4f7;background:color-mix(in srgb, var(--brand) 10%, #fff);color:var(--pm-primary);display:grid;place-items:center;font-size:12px}
.pm-hint{margin:-4px 0 10px;font-size:12.5px;color:#6b8192}
.pm-papers{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.pm-papers button{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:10px;border:1px solid var(--pm-line);border-radius:10px;background:#fff;font:inherit;cursor:pointer;color:var(--pm-navy)}
.pm-papers button small{font-size:11px;color:#6b8192}.pm-papers button.active{border-color:var(--pm-primary);background:#f2fafc;background:color-mix(in srgb, var(--brand) 5%, #fff)}
.pm-seg{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:10px;padding:4px;background:#eef3f6;border-radius:10px}
.pm-seg button{border:0;background:transparent;border-radius:8px;padding:8px;font:inherit;font-weight:600;color:#5d7083;cursor:pointer}.pm-seg button.active{background:#fff;color:var(--pm-primary);box-shadow:0 2px 6px -3px #10283f55}
.pm-range{display:flex;flex-direction:column;gap:6px;margin-top:12px;font-size:13px;color:#40566a}.pm-range input{accent-color:var(--pm-primary)}
.pm-blocks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.pm-block{border:1px solid var(--pm-line);border-radius:10px;background:#fff;transition:box-shadow .15s,border-color .15s}
.pm-block.off{background:#f7f9fa;background:color-mix(in srgb, var(--brand) 1%, color-mix(in srgb, #fff 98%, #10283f))}.pm-block.off .pm-block-name b{color:#8a9aa8;text-decoration:line-through}
.pm-block.drag-over{border-color:var(--pm-primary);box-shadow:0 0 0 2px #9fd3df}
.pm-block-head{display:flex;align-items:center;gap:6px;padding:7px 8px}
.pm-grip{color:#9aabb8;cursor:grab;flex:none}
.pm-block-name{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;border:0;background:none;padding:0;font:inherit;text-align:left;cursor:pointer;color:var(--pm-navy)}
.pm-block-name b{font-size:13.5px}.pm-block-name small{font-size:11.5px;color:#7b8fa1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.pm-block-tools{display:flex;align-items:center;gap:3px;flex:none}
.pm-block-tools button{width:26px;height:26px;border:1px solid var(--pm-line);border-radius:7px;background:#fff;display:grid;place-items:center;color:#4c6475;cursor:pointer;padding:0}
.pm-block-tools button:disabled{opacity:.35;cursor:default}.pm-block-tools svg.up{transform:rotate(180deg)}
.pm-switch{position:relative;width:34px;height:20px;margin:0 2px;cursor:pointer}.pm-switch input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.pm-switch i{position:absolute;inset:0;border-radius:99px;background:#cfd9e0;transition:background .15s}.pm-switch i:after{content:'';position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .15s;box-shadow:0 1px 3px #0003}
.pm-switch input:checked+i{background:var(--pm-primary)}.pm-switch input:checked+i:after{transform:translateX(14px)}
.pm-block-body{display:flex;flex-direction:column;gap:10px;padding:10px 12px 12px;border-top:1px dashed var(--pm-line)}
.pm-field{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:600;color:#40566a}
.pm-field input,.pm-field textarea,.pm-labels input{font:inherit;font-size:13.5px;font-weight:400;border:1px solid #cfdbe3;border-radius:8px;padding:8px 10px;color:var(--pm-navy)}
.pm-fields,.pm-columns,.pm-labels{display:flex;flex-direction:column;gap:5px;font-size:13px;color:#2a3d52}
.pm-fields>span,.pm-columns>span,.pm-labels>span{font-size:12px;font-weight:600;color:#40566a}
.pm-fields label,.pm-col label{display:flex;align-items:center;gap:7px;cursor:pointer}.pm-fields input,.pm-col input{accent-color:var(--pm-primary);width:15px;height:15px}
.pm-col{display:flex;align-items:center;justify-content:space-between;padding:4px 8px;border-radius:7px;background:#f5f8fa}.pm-col.on{background:#eef8fb;background:color-mix(in srgb, var(--brand) 6%, #fff)}
.pm-col span{display:flex;gap:3px}.pm-col button{width:24px;height:22px;border:1px solid var(--pm-line);border-radius:6px;background:#fff;display:grid;place-items:center;cursor:pointer;padding:0}
.pm-col button:disabled{opacity:.35}
.pm-labels div{display:flex;gap:6px}.pm-labels div input{flex:1}.pm-labels div button{width:32px;border:1px solid var(--pm-line);border-radius:8px;background:#fff;color:#ae333a;cursor:pointer}
.pm-remove{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;border:1px solid #efc4c7;background:#fff;color:#ae333a;border-radius:8px;padding:6px 10px;font:inherit;font-size:12.5px;cursor:pointer}
.pm-block-add{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px}
@media(max-width:1100px){.pm-workspace{grid-template-columns:1fr}.pm-stage{position:static}.pm-canvas{height:auto;max-height:70vh}}
@media(max-width:700px){.pm-scopes{grid-template-columns:1fr}}

.pm-canvas{scrollbar-gutter:stable;overflow-anchor:none;overflow-y:scroll}
.pm-stage>header{flex-wrap:wrap;row-gap:4px}.pm-stage>header b{white-space:nowrap}.pm-stage>header .pm-live{margin-left:auto;white-space:nowrap}

.pm-commercial-options>label{display:flex;align-items:flex-start;gap:9px;margin:12px 0;font-size:12px;line-height:1.5}.pm-commercial-options input{accent-color:var(--brand,#078da8);margin-top:3px}.pm-commercial-options .ops-text-button{margin:8px 0}

.pm-style{border:1px solid var(--border,#d6e4ec);border-radius:8px;padding:10px;margin-bottom:12px}.pm-style summary{cursor:pointer;font-weight:600}.pm-style-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pm-style-grid label{font-size:11px;display:grid;gap:5px}.pm-style-grid input,.pm-style-grid select{width:100%;min-width:0;padding:7px}.pm-col>span{display:flex;flex-wrap:wrap;gap:4px}.pm-col>span input{width:90px;min-width:0;padding:5px;font-size:11px}

.pm-page{container-type:inline-size}.pm-col>span input{height:30px;border:1px solid var(--pm-line);border-radius:5px;background:#fff}.pm-col{flex-wrap:wrap;gap:7px}.pm-style-grid input,.pm-style-grid select{border:1px solid var(--pm-line);border-radius:6px;font:inherit;height:34px}.pm-style-grid input[type=color]{padding:3px}
@container(max-width:900px){.pm-page .pm-workspace{grid-template-columns:minmax(0,1fr)}.pm-page .pm-stage{position:static}.pm-page .pm-canvas{height:auto;max-height:65vh}.pm-page .pm-heading{flex-wrap:wrap}.pm-page .pm-scopes{gap:8px}}

.pm-page .pm-col>span input{height:30px;width:90px}.pm-page .pm-style-grid{min-width:0}.pm-page .pm-style-grid>*{min-width:0}