@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/n3-lib/demos/inspector/assets/ibm-plex-sans-latin-400-normal-CDDApCn2.woff2) format("woff2"),url(/n3-lib/demos/inspector/assets/ibm-plex-sans-latin-400-normal-CYLoc0-x.woff) format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/n3-lib/demos/inspector/assets/ibm-plex-sans-latin-600-normal-CuJfVYMP.woff2) format("woff2"),url(/n3-lib/demos/inspector/assets/ibm-plex-sans-latin-600-normal-Cu4Hd6ag.woff) format("woff")}:root{font-family:IBM Plex Sans,sans-serif;font-size:14px;color:#262c2a;background:#f8faf9;color-scheme:light;font-synthesis:none}*{box-sizing:border-box;letter-spacing:0}body{margin:0}button,input,select,textarea{font:inherit}button,select{border:1px solid #d7dfdc;border-radius:4px;background:#fff;color:inherit}button{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:34px;padding:6px 9px}button:hover{background:#edf3ef}button:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #19845f;outline-offset:2px}button:disabled{opacity:.45;cursor:default}svg{flex-shrink:0}a{color:#26775c;text-decoration:none}.header{height:72px;display:flex;align-items:center;gap:28px;padding:0 26px;border-bottom:1px solid #d7dfdc;background:#fff}.wordmark{display:flex;align-items:baseline;gap:20px;font-size:28px;font-weight:600}.wordmark span{font-size:11px;font-weight:400;color:#7a8580}.header a{font-size:13px;margin-left:auto}.local{font-size:10px;color:#67806f;white-space:nowrap}.shell{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:calc(100dvh - 72px)}.sidebar{border-right:1px solid #d7dfdc;display:flex;flex-direction:column;background:#f1f5f2;min-width:0}.section-head{padding:22px 16px 14px;display:flex;align-items:center;justify-content:space-between}.section-head h2,.details h2{font-size:13px;font-weight:600;margin:0}.section-head button{width:34px}.asset-list{padding:0 10px;display:flex;flex-direction:column;gap:6px}.asset{justify-content:flex-start;width:100%;min-width:0;text-align:left;background:transparent;border-color:transparent;height:48px}.asset span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.asset small{font-size:10px;color:#7b8680;white-space:nowrap}.asset.selected{background:#fff;border-color:#cbd8d0;box-shadow:0 1px 2px #17271e08}.asset.selected svg{color:#16815c}.sidebar-footer{margin-top:auto;padding:20px 16px;display:flex;justify-content:space-between;color:#7a8580;font-size:11px}main{min-width:0;background:#fff}.toolbar{display:flex;align-items:center;gap:12px;border-bottom:1px solid #d7dfdc;padding:17px 24px;min-height:76px}.asset-heading{min-width:0;flex:1}h1{font-size:16px;font-weight:600;line-height:1.4;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-heading>span{font-size:11px;color:#7d8782}.modes{display:flex;flex:none;border:1px solid #d7dfdc;border-radius:4px;overflow:hidden}.modes button{border:0;border-radius:0;font-size:12px;padding:6px 10px}.modes button[aria-selected=true]{background:#e9f1ec;color:#176546}.content{display:grid;grid-template-columns:minmax(0,1fr) 230px}.workspace{min-width:0}.stage{height:calc(100dvh - 236px);min-height:380px;max-height:900px;position:relative;background:#f5f7f7}.stage>div,.stage>textarea{position:absolute;inset:0;width:100%;height:100%}.stage>[hidden],[hidden]{display:none!important}#mesh-stage canvas{display:block;width:100%;height:100%;touch-action:none}#texture-stage{display:flex;align-items:center;justify-content:center;padding:28px;background-color:#f3f5f4;background-image:linear-gradient(45deg,#e1e7e4 25%,transparent 25%),linear-gradient(-45deg,#e1e7e4 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e1e7e4 75%),linear-gradient(-45deg,transparent 75%,#e1e7e4 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}#texture-canvas{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;image-rendering:pixelated;min-width:220px}#empty-stage{display:grid;place-items:center;color:#7a8580}#editor{resize:none;border:0;border-radius:0;padding:22px;font:12px/1.65 SFMono-Regular,Consolas,monospace;background:#fafcfb;color:#27483a;tab-size:2;white-space:pre;overflow:auto}.view-controls{padding:12px 18px;display:flex;align-items:center;gap:12px;min-height:60px;border-top:1px solid #d7dfdc}.view-controls>div{display:flex;align-items:center;flex-wrap:wrap;gap:14px}.view-controls label{display:inline-flex;align-items:center;gap:5px;font-size:12px;white-space:nowrap}input[type=checkbox]{accent-color:#178059;width:14px;height:14px}#view-label{margin-left:auto;font-size:9px;color:#8c9590;white-space:nowrap}.details{padding:24px 20px;border-left:1px solid #d7dfdc;min-width:0}.details h2{margin-bottom:24px}dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:13px 12px;font-size:12px;margin:0 0 26px}dt{color:#7d8782}dd{margin:0;text-align:right;overflow-wrap:anywhere}.field-label{display:block;color:#7d8782;font-size:11px;margin:20px 0 7px}.details select,.details button{width:100%;min-height:36px}select{padding:5px 8px;max-width:100%;font-size:12px}#encode{margin-top:12px;font-size:12px}footer{min-height:46px;padding:12px 24px;border-top:1px solid #d7dfdc;display:flex;gap:16px;align-items:center;font-size:11px;flex-wrap:wrap}#status{color:#23714f;white-space:nowrap}#error{color:#a74635;overflow-wrap:anywhere;min-width:0}@media(max-width:1100px){.shell{grid-template-columns:195px minmax(0,1fr)}.content{grid-template-columns:minmax(0,1fr) 190px}.toolbar{padding:14px 16px}.details{padding:20px 14px}.wordmark span,#view-label,.asset small{display:none}}@media(max-width:760px){.header{height:60px;padding:0 16px;gap:16px}.wordmark{font-size:24px}.local{display:none}.shell{display:block;min-height:calc(100dvh - 60px)}.sidebar{border-right:0;border-bottom:1px solid #d7dfdc}.section-head{padding:10px 14px}.asset-list{flex-direction:row;overflow:auto;padding:0 10px 10px;gap:6px}.asset{width:180px;flex:none;height:40px}.sidebar-footer{display:none}.toolbar{gap:8px;padding:12px}.modes button{font-size:11px;padding:6px}.modes button svg{display:none}h1{font-size:14px}.content{display:block}.stage{height:380px;min-height:380px}.details{border-left:0;border-top:1px solid #d7dfdc;padding:18px}.details h2{margin-bottom:16px}dl{grid-template-columns:auto 1fr auto 1fr;gap:12px;margin-bottom:18px}dd{padding-right:10px}.field-label{margin-top:12px}.view-controls{padding:10px 12px}.view-controls>div{gap:10px}#mesh-texture{max-width:130px}footer{padding:12px 16px}#texture-stage{padding:20px}}