.plp{display:flex;height:100vh;overflow:hidden;font-family:system-ui,-apple-system,sans-serif;background:#fff}.plp--embedded{height:100%}.plp--embedded .plp__sidebar{width:380px;min-width:300px}.plp__sidebar{width:450px;min-width:360px;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;overflow:hidden;background:#f8f9fa;flex-shrink:0}.plp__sidebar-head{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid #e0e0e0;background:#fff;flex-shrink:0}.plp__back-btn{background:none;border:1px solid #ccc;border-radius:4px;padding:.25rem .6rem;font-size:.82rem;cursor:pointer;color:#555;white-space:nowrap;transition:background .15s}.plp__back-btn:hover{background:#f0f0f0}.plp__title{font-size:.95rem;font-weight:600;color:#333}.plp__total-cost{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1rem;border-bottom:1px solid #e0e0e0;background:#fff;flex-shrink:0}.plp__section-label{font-size:.78rem;font-weight:700;color:#666;text-transform:uppercase;letter-spacing:.04em}.plp__label-breakdown{border-bottom:1px solid #e0e0e0;padding:.3rem 0;background:#fff;flex-shrink:1;max-height:40%;overflow-y:auto}.plp__label-row{display:flex;align-items:center;justify-content:space-between;padding:.3rem 1rem;font-size:.8rem}.plp__label-name{display:flex;align-items:center;gap:.35rem;color:#007bff;font-weight:500}.plp__label-count{font-size:.72rem;font-weight:600;color:#fff;background:#007bff;border-radius:10px;padding:0 .4rem;line-height:1.5}.plp__label-cost-wrap{display:flex;align-items:center;gap:.4rem}.plp__label-pct{font-size:.76rem;color:#888;white-space:nowrap}.plp__log-list{flex:1 1 50%;min-height:50%;overflow-y:auto;display:flex;flex-direction:column}.plp__turn-group{border-bottom:2px solid #e0e0e0}.plp__turn-header{padding:.3rem 1rem;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#888;background:#f0f2f5;position:sticky;top:0;z-index:1}.plp__log-item{display:flex;flex-direction:column;gap:.25rem;padding:.6rem 1rem;border-bottom:1px solid #f0f0f0;border-left:3px solid transparent;cursor:pointer;text-align:left;background:transparent;width:100%;box-sizing:border-box;transition:background .12s}.plp__log-item:hover{background:#f0f4ff}.plp__log-item.is-selected{background:#e8f0fe;border-left-color:#007bff}.plp__log-item-top{display:flex;align-items:center;gap:.5rem}.plp__log-label{font-size:.82rem;font-weight:600;color:#007bff}.plp__log-model{font-size:.75rem;background:#e9ecef;padding:.1rem .4rem;border-radius:3px;color:#495057}.plp__log-item-bottom{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.plp__log-item-meta{display:flex;align-items:center;gap:.4rem}.plp__log-elapsed{font-size:.72rem;color:#7950f2;font-variant-numeric:tabular-nums}.plp__pane-header-elapsed{font-weight:400;font-size:.85rem;color:#7950f2;margin-left:.5rem;font-variant-numeric:tabular-nums}.plp__log-time{font-size:.72rem;color:#868e96}.plp-cost{font-size:.8rem;color:#333;white-space:nowrap}.plp-cost-gross{color:#aaa}.plp-cost-net{color:#28a745;font-weight:600}.plp-cost-pct{color:#007bff;font-size:.76rem}.plp-cost-cached{color:#00897b;font-weight:600}.plp-cost-na{color:#bbb;font-size:.8rem}.plp__state{padding:1rem;color:#666;font-size:.9rem;text-align:center}.plp__state--error{color:#d32f2f}.plp__main{flex:1;display:flex;overflow:hidden}.plp__no-select{flex:1;display:flex;align-items:center;justify-content:center;color:#bbb;font-size:.9rem}.plp__pane--user{flex:1;border-right:1px solid #e0e0e0}.plp__pane-col{flex:1;display:flex;flex-direction:column;overflow:hidden}.plp__pane{display:flex;flex-direction:column;overflow:hidden}.plp__pane--response{flex:1;border-bottom:1px solid #e0e0e0}.plp__pane--system{flex:1}.plp__pane-header{display:flex;align-items:center;justify-content:space-between;padding:.45rem 1rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#555;border-bottom:1px solid #e0e0e0;background:#f8f9fa;flex-shrink:0}.plp__pane-header-sub{font-weight:400;text-transform:none;letter-spacing:0;color:#888}.plp__system-btn{background:none;border:1px solid #ccc;border-radius:4px;padding:.15rem .55rem;font-size:.72rem;font-weight:600;text-transform:none;letter-spacing:0;color:#555;cursor:pointer;transition:background .12s}.plp__system-btn:hover{background:#e8f0fe;border-color:#007bff;color:#007bff}.plp__modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:72px;background:#00000073;z-index:100;display:flex;align-items:center;justify-content:center}.chat-home.is-sidebar-open .plp__modal-backdrop{left:270px}.plp__modal{background:#fff;border-radius:0;box-shadow:none;width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.plp__modal-header{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1rem;border-bottom:1px solid #e0e0e0;background:#f8f9fa;font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#555;flex-shrink:0}.plp__modal-close{background:none;border:none;font-size:1rem;color:#888;cursor:pointer;padding:.1rem .35rem;border-radius:4px;line-height:1}.plp__modal-close:hover{background:#f0f0f0;color:#333}.plp__modal-body{flex:1;min-height:0;overflow:hidden;background:#fff}.plp__pane-body{flex:1;overflow-y:auto;margin:0;background:#fff}.plp__pane-body--error{padding:1rem;font-size:.84rem;color:#d32f2f}.plp__pane-body pre{margin:0!important;overflow:visible!important}.plp__log-item--prompt{border-left-color:#007bff}.plp__log-item--system{border-left-color:#28a745;background:#f4faf6}.plp__log-item--system:hover{background:#e8f5ec}.plp__log-item--system.is-selected{background:#e8f0fe}.plp__log-item--action{border-left-color:#7950f2;background:#fbf9ff}.plp__log-item--action:hover{background:#f3edff}.plp__log-item--action.is-selected{background:#e8f0fe}.plp__log-type-badge{font-size:.68rem;font-weight:700;text-transform:uppercase;padding:.1rem .35rem;border-radius:3px;color:#fff;letter-spacing:.03em}.plp__log-type-badge--prompt{background:#007bff}.plp__log-type-badge--system{background:#28a745}.plp__log-type-badge--action{background:#7950f2}.plp__filter-controls{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:#fff;border-bottom:1px solid #e0e0e0;flex-shrink:0}.plp__filter-label{display:flex;align-items:center;gap:.3rem;font-size:.76rem;font-weight:600;color:#555;cursor:pointer;-webkit-user-select:none;user-select:none}.plp__filter-label input{cursor:pointer;margin:0}.plp__pane--full{flex:1}.plp__pane-header-time{font-size:.75rem;color:#888;font-weight:400;text-transform:none}.json-tree-root{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.8rem;line-height:1.55;color:#2c3e50;padding:.75rem 1rem}.json-tree-node{margin:1px 0}.json-tree-node-header{display:flex;align-items:center;padding:2px 4px;border-radius:4px;-webkit-user-select:none;user-select:none;gap:6px;transition:background-color .1s ease}.json-tree-node-header:hover{background-color:#0000000a}.json-tree-arrow{display:inline-block;font-size:.65rem;color:#888;width:12px;text-align:center;transition:transform .12s ease}.json-tree-arrow.is-open{transform:rotate(90deg)}.json-tree-key{font-weight:600;color:#34495e}.json-tree-meta{color:#95a5a6;font-size:.72rem;margin-left:2px}.json-tree-val{word-break:break-all}.json-tree-val--string{color:#27ae60}.json-tree-val--number{color:#d35400}.json-tree-val--boolean{color:#2980b9}.json-tree-val--null{color:#c0392b;font-style:italic}.json-tree-children{margin-top:1px;margin-bottom:1px}.json-tree-key.is-highlighted{background-color:#ffeb3b;color:#000;border-radius:2px;padding:0 3px;box-shadow:0 0 2px #0003}.plp__tree-search-bar{padding:.5rem 1rem;background:#f8f9fa;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;flex-shrink:0}.plp__tree-search-input{width:100%;max-width:280px;padding:.35rem .75rem;font-size:.8rem;border:1px solid #cbd5e0;border-radius:4px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.plp__tree-search-input:focus{border-color:#3182ce;box-shadow:0 0 0 3px #3182ce26}