*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{color:#20242b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:0}button,input{font:inherit}.app-shell{display:flex;width:100%;height:100vh;overflow:hidden;background:#eef2f6}.sidebar{display:flex;flex:0 0 224px;flex-direction:column;min-height:0;padding:18px 14px;overflow:hidden;color:#233033;background:#dfeee9;border-right:1px solid #c5d5d0}.brand{display:flex;align-items:center;gap:10px;min-width:0;padding:0 4px 18px}.brand-mark{display:grid;width:32px;height:32px;flex:0 0 32px;place-items:center;color:#fff;background:#24705f;border-radius:6px}.brand-title{overflow:hidden;font-size:14px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.brand-meta,.nav-section{font-size:12px;color:#66736f}.nav-section{padding:10px 8px 8px;font-weight:700}.object-nav{display:flex;flex:1;flex-direction:column;gap:4px;min-height:0;overflow-y:auto}.nav-item{display:flex;align-items:center;width:100%;height:36px;padding:0 10px;overflow:hidden;color:#263330;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:transparent;border:0;border-radius:6px}.nav-item.active{color:#fff;background:#24705f}.workspace{display:flex;flex:1;flex-direction:column;min-width:0;min-height:0;overflow:hidden}.workspace-header{display:flex;flex:0 0 56px;align-items:center;justify-content:space-between;padding:0 22px;background:#fff;border-bottom:1px solid #dde3ea}.workspace-header h1{margin:0;font-size:18px;font-weight:700}.icon-button,.tool-button,.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;padding:0 12px;cursor:pointer;background:#fff;border:1px solid #cfd7df;border-radius:6px}.icon-button{width:34px;padding:0}.primary-button{color:#fff;background:#24705f;border-color:#24705f}.schema-alert{display:flex;flex:0 0 auto;align-items:center;gap:8px;padding:8px 22px;color:#7a3a00;background:#fff4dd;border-bottom:1px solid #efd6aa}.content{display:flex;flex:1;flex-direction:column;min-width:0;min-height:0;padding:16px 18px 18px;overflow:hidden}.toolbar{display:flex;flex:0 0 auto;align-items:center;gap:8px;padding-bottom:12px}.search-box{display:flex;align-items:center;width:min(360px,48vw);height:34px;gap:8px;padding:0 10px;background:#fff;border:1px solid #cfd7df;border-radius:6px}.search-box input{width:100%;min-width:0;border:0;outline:0}.table-host{position:relative;flex:1;min-width:0;min-height:0;overflow:hidden;background:#fff;border:1px solid #d8e0e7;border-radius:6px}.canvas-host{width:100%;height:100%;min-height:300px}.table-fallback{position:absolute;right:10px;bottom:10px}.table-fallback button{height:30px;color:#24705f;cursor:pointer;background:#fff;border:1px solid #bcd0ca;border-radius:6px}.drawer{position:fixed;top:0;right:0;display:flex;width:min(60vw,720px);height:100vh;flex-direction:column;background:#fff;border-left:1px solid #d9e1e7;box-shadow:-12px 0 24px #151e261f}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid #e2e8ee}.drawer-header h2{margin:0;font-size:16px}.drawer-body{flex:1;min-height:0;overflow-y:auto}.detail-row{display:grid;grid-template-columns:132px 1fr;gap:12px;padding:12px 18px;border-bottom:1px solid #edf1f5}.detail-row span{color:#69737d}.detail-row strong{min-width:0;overflow-wrap:anywhere;font-weight:500}.state-screen{display:flex;width:100%;height:100vh;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#20242b;background:#eef2f6}.state-screen h1{margin:0;font-size:22px}.state-screen p{margin:0;color:#69737d}@media(max-width:760px){.app-shell{flex-direction:column}.sidebar{flex:0 0 auto;width:100%;max-height:160px;border-right:0;border-bottom:1px solid #c5d5d0}.object-nav{flex-direction:row;overflow-x:auto}.nav-item{width:auto;min-width:86px}.toolbar{flex-wrap:wrap}.search-box{width:100%}.drawer{width:100vw}}