:root{color:#edf1f6;font-synthesis:none;background:#08090c;font-family:SFMono-Regular,SF Mono,Roboto Mono,ui-monospace,monospace}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}button,input,a{font:inherit}button,a{color:inherit}.sword-lab{background:radial-gradient(circle at 50% 42%,#586d8e33,#0000 31%),radial-gradient(circle at 18% 82%,#6a351c1a,#0000 28%),linear-gradient(150deg,#12151c 0%,#090b10 52%,#050609 100%);width:100%;min-width:720px;height:100%;min-height:580px;position:relative;overflow:hidden}.sword-lab:before,.sword-lab:after{content:"";pointer-events:none;position:absolute}.sword-lab:before{background:linear-gradient(90deg,#0000 49.94%,#c7d7ec0b 50%,#0000 50.06%) 0 0/100% 100%,linear-gradient(#ffffff05 1px,#0000 1px) 0 0/100% 64px;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 20% 78%,#0000);mask-image:linear-gradient(#0000,#000 20% 78%,#0000)}.sword-lab:after{background:linear-gradient(90deg,#0000,#b7cdeb2e,#0000);height:1px;bottom:148px;left:4%;right:27%;box-shadow:0 0 60px 15px #59759a14}#sword-canvas{z-index:1;cursor:grab;touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}#sword-canvas:active{cursor:grabbing}.lab-header{z-index:3;pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:absolute;top:26px;left:30px;right:30px}.lab-title{align-items:center;gap:13px;display:flex}.lab-mark{clip-path:polygon(0 0,100% 14%,100% 100%,0 86%);background:linear-gradient(#f4f8ff,#7892b6);width:7px;height:39px;box-shadow:0 0 22px #a4c4ec8c}.lab-title p,.panel-heading p{color:#748196;letter-spacing:.18em;margin:0 0 5px;font-size:9px}.lab-title h1{text-shadow:0 2px 14px #000000b8;letter-spacing:-.035em;margin:0;font-family:Inter,SF Pro Display,system-ui,sans-serif;font-size:24px;font-weight:570}.lab-header__actions{pointer-events:auto;align-items:center;gap:10px;display:flex}.lab-header__actions a,#device-state{color:#8794a8;letter-spacing:.11em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#05070bb8;border:1px solid #adc1dd33;min-height:34px;padding:9px 12px;font-size:9px;text-decoration:none}#device-state[data-state=ready]{color:#c8ddf6;border-color:#a6c7ee75}.study-note{z-index:3;pointer-events:none;text-shadow:0 1px 8px #f4f8ff9e;gap:6px;max-width:470px;display:grid;position:absolute;top:96px;left:31px}.study-note span{color:#9db5d4;letter-spacing:.16em;font-size:9px}.study-note p{color:#626d7e;margin:0;font-family:Inter,SF Pro Text,system-ui,sans-serif;font-size:12px}.material-panel{z-index:4;-webkit-backdrop-filter:blur(18px)saturate(1.06);backdrop-filter:blur(18px)saturate(1.06);background:#080a0fcc;border:1px solid #b5c9e529;border-radius:5px;width:280px;padding:18px;position:absolute;top:96px;right:30px;box-shadow:0 26px 70px #00000057}.panel-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.panel-heading h2{margin:0;font-family:Inter,SF Pro Display,system-ui,sans-serif;font-size:18px;font-weight:560}button{color:#aab4c3;letter-spacing:.07em;cursor:pointer;background:#04050894;border:1px solid #b5c9e538;border-radius:2px;min-height:32px;padding:0 11px;font-size:9px}button:hover{color:#f5f8fd;border-color:#accdf69e}button[aria-pressed=true]{color:#10151d;background:#c3d7ef;border-color:#a9c7eb}.lab-control{color:#8d99aa;gap:8px;margin:0 0 15px;font-size:9px;display:grid}.lab-control span{justify-content:space-between;gap:10px;display:flex}.lab-control output{color:#d6e2f1;font-variant-numeric:tabular-nums}input[type=range]{appearance:none;background:linear-gradient(90deg, #a8c5e8 var(--range-progress,50%), #9cb0cc29 var(--range-progress,50%));width:100%;height:2px;margin:4px 0}input[type=range]::-webkit-slider-thumb{appearance:none;cursor:ew-resize;background:#0a0d13;border:1px solid #dbe8f8;border-radius:50%;width:10px;height:10px}.panel-section-label{color:#596578;letter-spacing:.16em;border-top:1px solid #b5c9e517;margin:18px 0 10px;padding-top:13px;font-size:8px}.view-presets{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.topology-toggle{width:100%}.material-key{border-top:1px solid #b5c9e517;grid-template-columns:repeat(3,1fr);gap:5px;margin:18px 0 15px;padding-top:15px;display:grid}.material-key span{color:#647084;letter-spacing:.1em;justify-items:center;gap:6px;font-size:7px;display:grid}.material-key i{width:100%;height:3px}.material-key__steel{background:linear-gradient(90deg,#354152,#d5e6fb,#566477)}.material-key__bronze{background:linear-gradient(90deg,#4e2411,#d59a4e,#6d3817)}.material-key__leather{background:linear-gradient(90deg,#2a0b08,#823625,#32100c)}.lod-grid{z-index:3;pointer-events:none;grid-template-columns:repeat(2,1fr);gap:34px;display:grid;position:absolute;bottom:28px;left:14%;right:34%}.lod-grid article{text-align:center;border-top:1px solid #b5c9e52e;justify-items:center;gap:5px;min-width:0;padding-top:13px;display:grid}.lod-grid span{color:#b5cce8;letter-spacing:.18em;font-size:9px}.lod-grid strong{color:#dce8f6;font-size:11px;font-weight:520}.lod-grid small{color:#596578;text-overflow:ellipsis;white-space:nowrap;max-width:270px;font-family:Inter,SF Pro Text,system-ui,sans-serif;font-size:10px;overflow:hidden}.unsupported{z-index:8;background:#140809f0;border:1px solid #e7747461;width:min(440px,100vw - 40px);padding:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.unsupported strong{color:#ffb3b3}.unsupported p{color:#c98e8e;margin:9px 0 0;font-size:11px;line-height:1.6}@media (width<=980px){.material-panel{width:250px;top:88px;right:18px}.study-note{display:none}.lab-header{left:20px;right:20px}.lod-grid{gap:18px;left:12%;right:32%}}@media (width<=720px),(height<=580px){.sword-lab{min-width:0;min-height:0}.lab-header{top:calc(14px + env(safe-area-inset-top));right:calc(14px + env(safe-area-inset-right));left:calc(14px + env(safe-area-inset-left))}.lab-title{gap:9px}.lab-mark{width:5px;height:30px}.lab-title p{font-size:7px}.lab-title h1{font-size:18px}.lab-header__actions a{display:none}#device-state{min-height:28px;padding:7px 9px;font-size:7px}.material-panel{top:auto;right:calc(12px + env(safe-area-inset-right));bottom:calc(12px + env(safe-area-inset-bottom));left:calc(12px + env(safe-area-inset-left));overscroll-behavior:contain;width:auto;max-height:min(42vh,330px);padding:13px;overflow-y:auto}.panel-heading{margin-bottom:11px}.panel-heading h2{font-size:16px}.panel-section-label{margin:12px 0 8px;padding-top:10px}.material-key{margin:12px 0 10px;padding-top:10px}.lod-grid{top:calc(78px + env(safe-area-inset-top));right:calc(12px + env(safe-area-inset-right));bottom:auto;left:calc(12px + env(safe-area-inset-left));gap:12px}.lod-grid article{padding-top:8px}.lod-grid small{display:none}}