:root{--pb-navy:#062941;--pb-navy-2:#0c3c58;--pb-gold:#b88732;--pb-cream:#f6f2e9;--pb-line:#d7d4cd;--pb-ink:#152430;--pb-muted:#66727b;--pb-good:#2f6b55;--pb-warn:#8a5a13;--pb-bad:#9b3b3b}
*{box-sizing:border-box}.pb-shell{max-width:1600px;margin:0 auto;padding:34px 28px 80px}.pb-header{display:flex;justify-content:space-between;gap:28px;align-items:flex-start;margin-bottom:22px}.pb-header h1{margin:.25rem 0 .45rem;color:var(--pb-navy);font-size:clamp(2rem,3vw,3.25rem)}.pb-header p{max-width:920px;color:var(--pb-muted);font-size:1.03rem}.pb-header-actions,.pb-card-actions,.pb-actions-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.pb-card-actions{justify-content:space-between;align-items:flex-start}.pb-context{position:sticky;top:0;z-index:7;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#cfd5d8;border:1px solid #cfd5d8;box-shadow:0 8px 24px rgba(6,41,65,.1);margin-bottom:22px}.pb-context>div{background:#fff;padding:13px 16px;min-width:0}.pb-context span,.pb-context small{display:block;color:var(--pb-muted);font-size:.73rem;text-transform:uppercase;letter-spacing:.08em}.pb-context strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--pb-navy);margin:3px 0}.pb-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:24px}.pb-steps{position:sticky;top:104px;align-self:start;border:1px solid var(--pb-line);background:#fff}.pb-steps button{width:100%;border:0;border-bottom:1px solid var(--pb-line);background:#fff;text-align:left;padding:15px;display:grid;grid-template-columns:32px 1fr;column-gap:10px;cursor:pointer}.pb-steps button:last-child{border-bottom:0}.pb-steps button b{grid-row:1/3;background:var(--pb-navy);color:#fff;width:28px;height:28px;border-radius:50%;display:grid;place-items:center}.pb-steps button span{font-weight:800;color:var(--pb-navy)}.pb-steps button small{color:var(--pb-muted)}.pb-steps button.active{background:var(--pb-cream);box-shadow:inset 4px 0 var(--pb-gold)}.pb-steps button:disabled{opacity:.45;cursor:not-allowed}.pb-step{display:none}.pb-step.active{display:block}.pb-step-heading{display:flex;justify-content:space-between;gap:22px;align-items:flex-start;margin-bottom:18px}.pb-step-heading h2{margin:.2rem 0;color:var(--pb-navy);font-size:2rem}.pb-step-heading p{color:var(--pb-muted);max-width:900px}.pb-grid{display:grid;gap:18px}.pb-grid-property{grid-template-columns:minmax(300px,.7fr) minmax(500px,1.3fr)}.pb-card{background:#fff;border:1px solid var(--pb-line);padding:20px;margin-bottom:18px;box-shadow:0 6px 18px rgba(6,41,65,.045)}.pb-card h3{margin:0 0 12px;color:var(--pb-navy)}.pb-card p{color:var(--pb-muted)}.pb-field,.pb-form-grid label,.pb-filter-row label,.pb-preview-audience label{display:grid;gap:6px;color:var(--pb-navy);font-size:.85rem;font-weight:700}.pb-field input,.pb-field textarea,.pb-form-grid input,.pb-form-grid select,.pb-filter-row input,.pb-filter-row select,.pb-module-create input,.pb-module-create textarea,.pb-preview-audience select,#pb-prohibited-changes{width:100%;border:1px solid #bfc6ca;border-radius:4px;background:#fff;padding:10px;font:inherit;color:var(--pb-ink)}.pb-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.pb-filter-row{display:grid;grid-template-columns:minmax(250px,1fr) repeat(3,minmax(130px,.25fr));gap:12px;margin-bottom:18px}.pb-browser-list{display:grid;gap:8px;max-height:520px;overflow:auto;margin-top:12px}.pb-property-option{border:1px solid var(--pb-line);background:#fff;padding:12px;text-align:left;cursor:pointer}.pb-property-option:hover,.pb-property-option.selected{border-color:var(--pb-gold);background:var(--pb-cream)}.pb-property-option strong{display:block;color:var(--pb-navy)}.pb-property-option small{display:block;color:var(--pb-muted);margin-top:3px}.pb-empty{padding:28px;border:1px dashed #bfc6ca;background:#fafafa;color:var(--pb-muted);text-align:center}.pb-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.pb-summary-grid div{border:1px solid var(--pb-line);padding:12px}.pb-summary-grid span{display:block;color:var(--pb-muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.07em}.pb-summary-grid strong{display:block;color:var(--pb-navy);margin-top:4px}.pb-asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}.pb-asset-card{border:1px solid var(--pb-line);background:#fff;overflow:hidden;position:relative}.pb-asset-card.selected{border:2px solid var(--pb-gold)}.pb-asset-preview{height:140px;background:#edf0f1;display:grid;place-items:center;overflow:hidden}.pb-asset-preview img{width:100%;height:100%;object-fit:cover}.pb-asset-preview a{color:var(--pb-navy);font-weight:700;padding:12px;text-align:center}.pb-asset-copy{padding:10px}.pb-asset-copy strong{display:block;color:var(--pb-navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pb-asset-copy small{display:block;color:var(--pb-muted);margin:3px 0 8px}.pb-asset-controls{display:grid;gap:6px;font-size:.76rem}.pb-asset-controls label{display:flex;gap:6px;align-items:center}.pb-check-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px}.pb-check-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.pb-check-grid label{border:1px solid var(--pb-line);padding:10px;display:flex;gap:8px;align-items:flex-start;background:#fff}.pb-plan-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.pb-plan-card{border:1px solid var(--pb-line);background:#fff;overflow:hidden}.pb-plan-card.selected{border:2px solid var(--pb-gold)}.pb-plan-image{height:170px;background:#edf0f1;display:grid;place-items:center;color:var(--pb-muted)}.pb-plan-image img{width:100%;height:100%;object-fit:cover}.pb-plan-copy{padding:14px}.pb-plan-copy h3{margin:2px 0 8px}.pb-plan-meta{display:flex;flex-wrap:wrap;gap:5px}.pb-plan-meta span{background:#edf2f4;padding:4px 7px;font-size:.75rem}.pb-match{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.pb-match strong{font-size:1.25rem;color:var(--pb-navy)}.pb-module-list{display:grid;gap:8px}.pb-module-row{border:1px solid var(--pb-line);padding:12px;display:grid;grid-template-columns:24px 1fr auto;gap:10px;align-items:start}.pb-module-row small{display:block;color:var(--pb-muted)}.pb-module-create{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:14px;background:var(--pb-cream);margin-bottom:14px}.pb-module-create label{display:grid;gap:5px;font-size:.8rem;font-weight:700}.pb-module-create .wide{grid-column:1/-1}.pb-staging-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.pb-stage-card{background:#fff;border:1px solid var(--pb-line);padding:17px}.pb-stage-card h3{margin:0 0 10px}.pb-stage-list{display:grid;gap:7px}.pb-stage-item{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #eee;padding-bottom:6px}.pb-stage-item span{color:var(--pb-muted)}.pb-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.pb-choice-grid.audiences{grid-template-columns:repeat(2,minmax(0,1fr))}.pb-choice{border:1px solid var(--pb-line);padding:20px;background:#fff;display:flex;gap:12px;cursor:pointer}.pb-choice:has(input:checked){border:2px solid var(--pb-gold);background:var(--pb-cream)}.pb-choice strong,.pb-choice small{display:block}.pb-choice strong{color:var(--pb-navy);font-size:1.08rem}.pb-choice small{color:var(--pb-muted);margin-top:5px}.pb-two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:18px 0}.pb-preview-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.55fr);gap:18px}.pb-preview-layout iframe{width:100%;height:820px;border:1px solid var(--pb-line);background:#fff}.pb-generate-actions{display:grid;gap:8px;margin:15px 0}.pb-output-history{display:grid;gap:8px}.pb-output-item{border:1px solid var(--pb-line);padding:10px}.pb-output-item strong,.pb-output-item small{display:block}.pb-output-item a{font-size:.8rem}.pb-warning{border-left:4px solid var(--pb-warn);background:#fff7e8;padding:10px;margin-bottom:8px}.pb-good{border-left:4px solid var(--pb-good);background:#edf8f3;padding:10px;margin-bottom:8px}.pb-bad{border-left:4px solid var(--pb-bad);background:#fff0f0;padding:10px;margin-bottom:8px}.pb-help{font-size:.86rem}.pb-actions-row{margin-top:14px}
@media(max-width:1100px){.pb-layout{grid-template-columns:1fr}.pb-steps{position:static;display:grid;grid-template-columns:repeat(4,1fr)}.pb-steps button{border-right:1px solid var(--pb-line)}.pb-grid-property,.pb-preview-layout{grid-template-columns:1fr}.pb-context{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.pb-shell{padding:22px 14px 60px}.pb-header,.pb-step-heading{display:block}.pb-header-actions{margin-top:14px}.pb-context{grid-template-columns:1fr 1fr}.pb-steps{grid-template-columns:1fr 1fr}.pb-form-grid,.pb-filter-row,.pb-choice-grid,.pb-choice-grid.audiences,.pb-two-col,.pb-staging-grid,.pb-summary-grid{grid-template-columns:1fr}.pb-step-heading>.btn{margin-top:12px;width:100%}}
.pb-property-option{display:grid;grid-template-columns:72px minmax(0,1fr);gap:11px;align-items:center}.pb-property-option img,.pb-property-placeholder{width:72px;height:52px;object-fit:cover;background:var(--pb-navy);color:#fff;display:grid;place-items:center;font-weight:800;letter-spacing:.08em}.pb-property-option>span:last-child{min-width:0}