:root{font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;color:#182026;background:#f8fafc}*{box-sizing:border-box}body{margin:0}.top-nav{display:flex;gap:1rem;padding:.75rem 1.25rem;border-bottom:1px solid #d0dae5;background:#fff}.top-nav a{color:#234a77;font-weight:600;text-decoration:none}.container{max-width:960px;margin:0 auto;padding:2rem 1.25rem 4rem}.card-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.card{border:1px solid #d0dae5;border-radius:10px;background:#fff;padding:1rem}.editor-shell-root{height:100vh;display:grid;grid-template-rows:56px 1fr 42px;background:#eef3f8}.editor-toolbar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid #cfd8e3;background:#fff}.tool-group{display:flex;gap:.5rem}.tool-btn{border:1px solid #b7c6d8;background:#f6f9fc;padding:.35rem .65rem;border-radius:6px;cursor:pointer}.tool-btn.active{background:#dbeafe;border-color:#7aa3d7}.icon-btn{display:inline-flex;align-items:center;gap:.32rem;white-space:nowrap}.icon-btn svg{flex:0 0 auto}.editor-main-grid{min-height:0;display:grid;grid-template-columns:220px 1fr 240px}.panel{border-right:1px solid #d0dae5;background:#fff;padding:1rem;min-height:0;overflow:auto}.right-panel{border-left:1px solid #d0dae5;border-right:none}.canvas-wrap{min-width:0;min-height:0;background:#f4f7fb;overflow:hidden}.matrix-preview-shell{position:relative;width:100%;height:100%}.matrix-preview-overlay{position:absolute;top:12px;left:12px;z-index:2;display:flex;gap:.5rem;align-items:center}.matrix-zoom-badge{display:inline-flex;align-items:center;min-width:64px;justify-content:center;padding:.35rem .55rem;border:1px solid rgba(148,163,184,.45);border-radius:6px;background:#0f172ac7;color:#e2e8f0;font-size:.9rem}.text-input{width:100%;padding:.45rem .55rem;border:1px solid #c5d0dd;border-radius:6px}.doc-json-box{height:100%;padding:.75rem;overflow:auto}.doc-json-box pre{margin:0;border:1px solid #d0dae5;border-radius:6px;background:#fff;padding:.75rem}.editor-canvas{width:100%;height:100%;display:block;touch-action:none;cursor:crosshair}.editor-canvas.is-panning{cursor:grabbing}.status-bar{display:flex;gap:1rem;align-items:center;border-top:1px solid #cfd8e3;background:#fff;padding:.5rem .75rem;font-size:.9rem}.entity-list{margin:0;padding-left:1rem}.command-log-scroll{max-height:280px;overflow-y:auto;border:1px solid #d0dae5;border-radius:6px;padding:.5rem;background:#f8fafc}.empty-canvas{height:100%;display:grid;place-items:center;color:#4b5563;font-weight:600}h1,h2,h3{margin-top:0}ul{padding-left:1.25rem}.legend-list{list-style:none;padding:0;margin:0}.legend-list li{display:flex;align-items:center;gap:.5rem;margin:.25rem 0}.legend-line{display:inline-block;width:30px;border-bottom:3px solid}.result-btn{width:100%;text-align:left;border:1px solid #d0dae5;background:#fff;border-radius:6px;padding:.4rem .5rem;cursor:pointer}.error-text{color:#b42318;font-weight:600}.preview3d-host{height:100%;padding:.75rem}.preview3d-canvas{width:100%;height:100%;display:block;border:1px solid #cfd8e3;border-radius:8px;background:#f4f7fb;touch-action:none}.preview3d-floating{position:fixed;right:20px;bottom:62px;width:min(520px,48vw);height:min(420px,52vh);background:#fff;border:1px solid #cfd8e3;border-radius:10px;box-shadow:0 10px 30px #0f172a2e;z-index:30;display:grid;grid-template-rows:auto 1fr}.preview3d-floating.collapsed{height:auto}.preview3d-floating-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem .6rem;border-bottom:1px solid #e2e8f0;background:#f8fafc;border-top-left-radius:10px;border-top-right-radius:10px}.preview3d-floating-body{min-height:0;padding:.5rem;display:flex;flex-direction:column;gap:.5rem;overflow:hidden}.preview3d-stage{flex:1;min-height:0;overflow:hidden}.demo-root{height:100vh;display:grid;grid-template-rows:56px 1fr 40px;background:#f4f7fb}.demo-actionbar{display:flex;gap:.5rem;align-items:center;padding:.6rem .8rem;background:#fff;border-bottom:1px solid #d0dae5;overflow:auto}.demo-layout{min-height:0;display:grid;grid-template-columns:250px 1fr 320px}.demo-left,.demo-right{background:#fff;padding:.9rem;overflow:auto}.demo-left{border-right:1px solid #d0dae5}.demo-right{border-left:1px solid #d0dae5}.demo-canvas-wrap{min-width:0;min-height:0;background:#eef3f8}.demo-sample-item{display:flex;align-items:center;gap:.5rem;margin:.35rem 0}.demo-muted{color:#516171;font-size:.9rem}.matrix-foldout{margin:1rem 0}.matrix-foldout summary{cursor:pointer;font-weight:600;margin-bottom:.4rem}.demo-validation-list{display:grid;gap:.4rem}.demo-statusbar{white-space:nowrap;overflow:auto}.demo-action-msg{font-weight:600;color:#1d4ed8}@media (max-width: 1200px){.demo-layout{grid-template-columns:220px 1fr 280px}}@media (max-width: 980px){.demo-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}.demo-left,.demo-right{border:none;border-bottom:1px solid #d0dae5}}