*{box-sizing:border-box}.pb{max-width:1200px;margin:auto;padding:18px;font-family:system-ui,Arial,sans-serif;color:#17263d}.pb a{color:#2563eb}.pb h1{font-size:clamp(1.6rem,4vw,2.4rem);margin:12px 0}.pb h2{font-size:1.15rem;margin:4px 0 12px}.pb .small{color:#58677b;font-size:.9rem}.pb .warn{background:#fff7e6;border:1px solid #f4cd70;border-radius:9px;padding:10px;margin:12px 0}.pb .layout{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:15px;align-items:start}.pb .panel{background:white;border:1px solid #d8e1ec;border-radius:12px;padding:15px;margin-bottom:14px;box-shadow:0 2px 7px #25385809}.pb label{display:block;font-size:.86rem;font-weight:650;margin-bottom:8px}.pb input,.pb select{display:block;width:100%;padding:10px;border:1px solid #abb9cb;border-radius:8px;background:white;color:#17263d;margin-top:4px;font-size:1rem}.pb .two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pb button{border:0;border-radius:8px;background:#1951b9;color:white;padding:11px 13px;font-size:.92rem;font-weight:700;cursor:pointer;margin:4px 4px 4px 0}.pb button.alt{background:#e9eff9;color:#173b70}.pb button.danger{background:#a63040}.pb button:disabled{opacity:.45}.pb .canvaswrap{overflow:auto;border:1px solid #b5c4d8;border-radius:10px;background:#f8fbff;touch-action:none}.pb #drawing{width:100%;min-width:300px;display:block;user-select:none;touch-action:none}.pb .metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.pb .metric{background:#eff5ff;padding:10px;border-radius:9px}.pb .metric strong{display:block;font-size:1.15rem}.pb .metric small{font-size:.75rem;color:#526782}.pb table{border-collapse:collapse;width:100%;font-size:.85rem}.pb th,.pb td{border-bottom:1px solid #d9e3ed;padding:9px 5px;text-align:start}.pb .scroll{overflow:auto}.pb [data-selected]{outline:2px solid #2563eb}.pb .note{font-size:.8rem;color:#64748b}.pb .pill{display:inline-block;padding:3px 8px;border-radius:99px;background:#d8edff;color:#174672;font-size:.75rem}body{background:#f4f7fa!important}@media(max-width:760px){.pb .layout{grid-template-columns:1fr}.pb{padding:12px}.pb .metrics{grid-template-columns:repeat(2,1fr)}}@media print{.pb .editorcontrols,.pb .no-print{display:none!important}.pb .layout{display:block}.pb .panel{break-inside:avoid}.pb #drawing{max-height:500px}}