/* Additive, namespaced styling; deployed studio v1 remains untouched. */
.ph-panel{margin:20px 0;padding:22px;border:1px solid #365691;border-radius:22px;background:linear-gradient(125deg,#101c39,#152c5c);color:#eef4ff}.ph-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.ph-panel h2,.ph-panel h3{margin:0 0 9px;color:#f7f9ff}.ph-panel p{line-height:1.7;margin:8px 0;color:#b9cae7}.ph-eyebrow{font-size:11px;letter-spacing:.12em;color:#8fc8ff;font-weight:800}.ph-button,.ph-link{display:inline-flex;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:11px 16px;border:1px solid #5275ab;border-radius:12px;background:#203e77;color:#f4f8ff;font:inherit;font-weight:700;text-decoration:none;cursor:pointer}.ph-button.ph-primary,.ph-link.ph-primary{background:#2764ee;border-color:#5081ed}.ph-button:disabled{opacity:.5;cursor:wait}.ph-button:focus-visible,.ph-link:focus-visible,.ph-panel input:focus-visible,.ph-panel select:focus-visible,.ph-panel textarea:focus-visible,.ph-dialog canvas:focus-visible{outline:3px solid #c3e7ff;outline-offset:3px}.ph-card-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.ph-card{display:flex;gap:8px;align-items:center;min-height:62px;padding:12px;border:1px solid #385582;border-radius:13px;background:#101e3c}.ph-card:has(input:checked){border-color:#80bdff;background:#1e3b6f}.ph-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:16px 0}.ph-field{display:grid;gap:7px;font-size:13px;color:#ccdaf1}.ph-field input,.ph-field select,.ph-field textarea{box-sizing:border-box;width:100%;min-height:44px;background:#0b1730;color:#f2f5ff;border:1px solid #42608d;border-radius:10px;padding:10px;font:inherit}.ph-panel details{margin:12px 0}.ph-panel summary{min-height:34px;cursor:pointer;color:#bfd7fa}.ph-actions{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0}.ph-notice{padding:11px 13px;border-left:3px solid #78b5ff;background:#0c1b38;font-size:13px}.ph-state{display:inline-block;margin:5px 0 10px;padding:5px 10px;border-radius:999px;color:#b2f5d5;background:#103d36;font-size:12px}.ph-status{min-height:24px;white-space:pre-line}.ph-error{color:#ffc5b8!important}.ph-request-card{padding:15px;border:1px solid #385582;border-radius:14px;background:#0c1932;margin:12px 0}.ph-facts{display:grid;grid-template-columns:auto 1fr;gap:8px 20px;font-size:13px;overflow-wrap:anywhere}.ph-facts dt{color:#acc1e2}.ph-facts dd{margin:0;color:#f4f7ff}.ph-brief{white-space:pre-wrap;overflow-wrap:anywhere;padding:13px;border-radius:10px;background:#09162e;font-size:13px;line-height:1.7}.ph-history{display:grid;gap:9px}.ph-history button{text-align:left;justify-content:space-between}.ph-mini{font-size:12px!important}.ph-dialog{box-sizing:border-box;width:min(840px,94vw);max-height:94dvh;border:1px solid #5275ab;border-radius:22px;padding:20px;background:#0d1a34;color:#eef4ff;overflow:auto}.ph-dialog::backdrop{background:#030a19d9}.ph-dialog .ph-tabs{display:flex;gap:8px;overflow-x:auto;padding:12px 0;scroll-snap-type:x proximity}.ph-dialog .ph-tabs button{white-space:nowrap;flex:0 0 auto;scroll-snap-align:start}.ph-dialog .ph-tabs button[aria-pressed=true]{border-color:#9ad1ff;background:#2852a0}.ph-viewport{position:relative;height:min(52vh,420px);min-height:230px;background:radial-gradient(ellipse,#203d6c,#07142b);border:1px solid #2e4c78;border-radius:16px;overflow:hidden}.ph-viewport canvas,.ph-viewport img{width:100%;height:100%;object-fit:contain}.ph-viewport canvas{touch-action:none}.ph-dialog p{color:#b9cbe7;line-height:1.65}.ph-dialog .ph-head h2{margin:0;font-size:20px}.ph-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden].ph-panel,[hidden].ph-request-card,[hidden].ph-viewport img,[hidden].ph-viewport canvas{display:none!important}
@media(max-width:600px){.ph-panel{padding:16px;border-radius:17px;margin:15px 0}.ph-panel h2{font-size:20px}.ph-head{align-items:flex-start;flex-wrap:wrap}.ph-card-row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:7px}.ph-card{flex:0 0 142px;scroll-snap-align:start}.ph-form-grid{gap:11px}.ph-actions>*{flex:1 1 155px}.ph-button,.ph-link{font-size:13px;padding:10px 12px}.ph-dialog{padding:14px}.ph-facts{gap:7px 10px}.ph-viewport{height:39vh}}
@media(prefers-reduced-motion:reduce){.ph-panel *,.ph-dialog *{scroll-behavior:auto!important}}
