.cmp{position:fixed;top:var(--pp-topnav-h,0);right:0;bottom:0;left:0;display:flex;flex-direction:column;background:#0f131b;color:#98a1b3;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}.cmp__bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:8px 12px;background:#171d28;border-bottom:1px solid #2b3342;color:#fff;font-size:12px}.cmp__brand{font-size:12px;letter-spacing:.12em;text-transform:uppercase}.cmp__select{font:inherit;padding:5px 8px;border-radius:4px;background:#232a3a;color:#fff;max-width:320px}.cmp__seg,.cmp__select{border:1px solid #3a4356}.cmp__seg{display:inline-flex;border-radius:4px;overflow:hidden}.cmp__seg button{font:inherit;padding:5px 10px;background:transparent;color:#c7cddb;border:0;cursor:pointer}.cmp__seg button+button{border-left:1px solid #3a4356}.cmp__seg button[data-on=true]{background:#7a2426;color:#fff}.cmp__paths{margin-left:auto;color:#98a1b3}.cmp__paths code{color:#fff}.cmp__panes{flex:1;display:grid;gap:8px;padding:8px;min-height:0}.cmp__panes--side{grid-template-columns:1fr 1fr}.cmp__panes--stack{grid-template-rows:1fr 1fr}.cmp__pane{display:flex;flex-direction:column;min-height:0;min-width:0;background:#0f131b;border:1px solid #2b3342;border-radius:6px;overflow:hidden}.cmp__pane-head{display:flex;align-items:center;gap:8px;padding:7px 10px;border-bottom:1px solid #2b3342;font-size:11px;letter-spacing:.04em;color:#8a93a6;background:#171d28}.cmp__w{flex:none;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-variant-numeric:tabular-nums;padding:2px 7px;border-radius:3px;background:#232a3a;border:1px solid #3a4356;color:#e6ebf5}.cmp__url{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:#aab3c5;user-select:all}.cmp__copy{flex:none;font:inherit;font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;border-radius:3px;border:1px solid #3a4356;background:#232a3a;color:#c2cadb;cursor:pointer}.cmp__copy:hover{background:#2d3648;color:#fff}.cmp__pane-head a{flex:none;color:#c2cadb;text-decoration:none}.cmp__pane-head a:hover{color:#fff;text-decoration:underline}.cmp__tag{font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:10px;padding:2px 6px;border-radius:3px}.cmp__tag--old{background:#4a4334;color:#e3dcc7}.cmp__tag--new{background:#7a2426;color:#fff}.cmp__frame-wrap{flex:1;min-height:0;overflow:auto;background:#0b0e14}.cmp__frame-wrap iframe{display:block;width:100%;height:100%;min-height:100%;border:0;background:#fff}.cmp__empty{margin:0;padding:40px 20px;text-align:center;color:#767e90;font-size:13px}