:root{color:#182033;background:#eef2f7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}button,.fileButton{border:1px solid #c9d2df;border-radius:7px;background:#fff;color:#182033;cursor:pointer;font:inherit;font-size:13px;font-weight:650;height:36px;padding:0 12px;white-space:nowrap}button:hover,.fileButton:hover{border-color:#92a2b8;background:#f6f8fb}.appShell{display:flex;flex-direction:column;gap:14px;min-height:100vh;padding:20px}.toolbar,.statusBar,.inputPanel,.treePanel,.detailPanel{border:1px solid #d7dee9;border-radius:8px;background:#fff;box-shadow:0 12px 30px #1a223314}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px}.eyebrow{margin:0 0 4px;color:#627088;font-size:12px;font-weight:700;text-transform:uppercase}h1{margin:0;font-size:24px;line-height:1.2}.actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.fileButton{display:inline-flex;align-items:center;position:relative;overflow:hidden}.fileButton input{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer;opacity:0}.workspace{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(320px,1.15fr) minmax(280px,.85fr);gap:14px;min-height:0;flex:1}.inputPanel,.treePanel,.detailPanel{display:flex;min-height:560px;overflow:hidden;flex-direction:column}.panelTitle{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;border-bottom:1px solid #e1e7f0;padding:0 14px;color:#627088;font-size:13px;font-weight:700}textarea{width:100%;flex:1;resize:none;border:0;outline:0;padding:14px;color:#172033;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.55}.treePanel{padding-bottom:10px}.treePanel>.panelTitle{flex:0 0 auto}.treePanel>file-tree-container{flex:1}.segmented{display:flex;border:1px solid #c9d2df;border-radius:7px;overflow:hidden}.segmented button{height:30px;border:0;border-radius:0;box-shadow:none}.segmented button+button{border-left:1px solid #c9d2df}.metaGrid{display:grid;gap:10px;margin:0;padding:14px}.metaGrid div{border:1px solid #e1e7f0;border-radius:7px;padding:10px}dt{color:#627088;font-size:11px;font-weight:800;text-transform:uppercase}dd{margin:4px 0 0;overflow-wrap:anywhere;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px}.valuePreview{flex:1;margin:0;border-top:1px solid #e1e7f0;background:#f8fafc;color:#172033;overflow:auto;padding:14px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.55}.statusBar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;color:#627088;font-size:13px;font-weight:700}.statusBar span{border-right:1px solid #d7dee9;padding-right:10px}.statusBar button{margin-left:auto}.errorText{margin:0;border-top:1px solid #fecaca;background:#fff1f2;color:#b91c1c;padding:10px 14px;font-size:13px;font-weight:650}@media(max-width:1100px){.workspace{grid-template-columns:1fr}.inputPanel,.treePanel,.detailPanel{min-height:420px}}@media(max-width:680px){.appShell{padding:12px}.toolbar{align-items:stretch;flex-direction:column}.actions,.statusBar{justify-content:stretch}.actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.actions button,.actions .fileButton,.statusBar button{flex:1}.actions button,.actions .fileButton{justify-content:center;min-width:0;padding:0 8px;font-size:12px}}