.truss-app{display:flex;flex-direction:column;height:calc(100vh - 100px);min-height:400px;overflow:hidden;background:var(--bg);font-family:var(--font-heading);-webkit-user-select:none;user-select:none}.tr-toolbar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:4px solid var(--black);background:var(--surface);z-index:10;position:relative;flex-shrink:0}.tr-toolbar-left{display:flex;align-items:center;gap:10px}.tr-badge{font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;background:var(--lime);border:2px solid var(--black);padding:3px 8px;display:inline-flex;align-items:center;gap:5px}.tr-badge:before{content:"";width:5px;height:5px;background:var(--black);animation:tr-pulse 2s ease-in-out infinite}@keyframes tr-pulse{0%,to{opacity:1}50%{opacity:.2}}.tr-title{font-family:var(--font-heading);font-size:15px;font-weight:700;letter-spacing:-.5px;text-transform:uppercase}.tr-version{font-family:var(--font-mono);font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:4px 10px;border:2px solid var(--black);background:var(--lime)}.tr-app{display:flex;flex:1;min-height:0;position:relative;z-index:1}.tr-sidebar{width:300px;min-width:300px;background:var(--surface);border-right:4px solid var(--black);overflow-y:auto;display:flex;flex-direction:column}.tr-sidebar::-webkit-scrollbar{width:6px}.tr-sidebar::-webkit-scrollbar-thumb{background:var(--black)}.tr-sidebar::-webkit-scrollbar-track{background:var(--bg)}.tr-panel{border-bottom:3px solid var(--black)}.tr-panel__header{display:flex;align-items:center;gap:8px;padding:12px 14px;cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--bg);transition:background .08s ease}.tr-panel__header:hover{background:#eaeae6}.tr-panel__number{font-family:var(--font-mono);font-size:9px;font-weight:700;background:var(--black);color:#fff;padding:3px 6px;letter-spacing:.5px}.tr-panel__title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;flex:1}.tr-panel__toggle{font-family:var(--font-mono);font-size:10px;font-weight:700;transition:transform .2s ease}.tr-panel.collapsed .tr-panel__toggle{transform:rotate(-90deg)}.tr-panel__body{padding:14px}.tr-panel.collapsed .tr-panel__body{display:none}.tr-control{margin-bottom:14px}.tr-control:last-child{margin-bottom:0}.tr-control__label{font-family:var(--font-mono);font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#666;margin-bottom:6px;display:flex;justify-content:space-between}.tr-control__value{font-weight:700;color:var(--black);background:var(--yellow);padding:1px 5px}.tr-type-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.tr-type-btn{font-family:var(--font-heading);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;padding:10px 6px;border:2px solid var(--black);background:var(--surface);cursor:pointer;transition:all .08s ease;text-align:center;box-shadow:2px 2px 0 var(--black);color:var(--black)}.tr-type-btn:hover{background:var(--bg);transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--black)}.tr-type-btn.active{background:var(--yellow-hot);box-shadow:0 0 0 var(--black);transform:translate(2px,2px)}.truss-app input[type=range]{-webkit-appearance:none;width:100%;height:6px;background:var(--black);outline:none;cursor:pointer}.truss-app input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background:var(--yellow-hot);border:3px solid var(--black);cursor:pointer}.truss-app input[type=range]::-moz-range-thumb{width:18px;height:18px;background:var(--yellow-hot);border:3px solid var(--black);cursor:pointer;border-radius:0}.tr-checkbox-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.tr-checkbox-row input[type=checkbox]{display:none}.tr-checkbox-box{width:18px;height:18px;border:2px solid var(--black);background:var(--surface);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .08s ease}.tr-checkbox-row input:checked+.tr-checkbox-box{background:var(--lime)}.tr-checkbox-box:after{content:"✓";font-size:12px;font-weight:700;display:none}.tr-checkbox-row input:checked+.tr-checkbox-box:after{display:block}.tr-checkbox-row label{font-family:var(--font-mono);font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer}.tr-color-row{display:flex;gap:6px;flex-wrap:wrap}.tr-color-swatch{width:28px;height:28px;border:2px solid var(--black);cursor:pointer;box-shadow:2px 2px 0 var(--black);transition:all .08s ease}.tr-color-swatch:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--black)}.tr-color-swatch.active{box-shadow:0 0 0 var(--black);transform:translate(2px,2px);outline:2px solid var(--yellow-hot);outline-offset:2px}.tr-spline-editor{position:relative;width:100%;aspect-ratio:1 / 1;background:#1a1a1a;border:3px solid var(--black);cursor:crosshair;overflow:hidden;margin-bottom:10px}.tr-spline-editor canvas{width:100%;height:100%;display:block}.tr-spline-hint{position:absolute;bottom:4px;left:6px;font-family:var(--font-mono);font-size:8px;color:#ffffff59;text-transform:uppercase;letter-spacing:.5px;pointer-events:none}.tr-spline-presets{display:flex;gap:4px;margin-bottom:8px;flex-wrap:wrap}.tr-preset-btn{font-family:var(--font-mono);font-size:8px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;padding:4px 8px;border:2px solid var(--black);background:var(--surface);cursor:pointer;box-shadow:2px 2px 0 var(--black);transition:all .08s ease;color:var(--black)}.tr-preset-btn:hover{background:var(--bg);transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--black)}.truss-app .tr-btn{font-family:var(--font-heading);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:10px 16px;border:3px solid var(--black);background:var(--surface);box-shadow:4px 4px 0 var(--black);cursor:pointer;transition:all .08s ease;width:100%;color:var(--black)}.truss-app .tr-btn:hover{background:var(--bg);transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--black)}.truss-app .tr-btn:active{box-shadow:0 0 0 var(--black);transform:translate(4px,4px)}.truss-app .tr-btn.primary{background:var(--yellow-hot)}.truss-app .tr-btn.lime{background:var(--lime)}.truss-app .tr-btn.pink{background:var(--pink)}.truss-app .tr-btn.small{font-size:9px;padding:7px 12px;box-shadow:2px 2px 0 var(--black)}.truss-app .tr-btn.small:hover{box-shadow:3px 3px 0 var(--black)}.tr-viewport{flex:1;position:relative;background:#111;overflow:hidden;touch-action:none}.tr-viewport canvas{display:block}.tr-viewport__info{position:absolute;bottom:16px;left:16px;display:flex;gap:8px;flex-wrap:wrap}.tr-info-tag{font-family:var(--font-mono);font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:5px 10px;background:#000c;color:#fff;border:1px solid rgba(255,255,255,.15)}.tr-info-tag span{color:var(--lime)}.tr-viewport__controls{position:absolute;top:16px;right:16px;display:flex;gap:6px}.tr-view-btn{font-family:var(--font-mono);font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:6px 12px;background:#000c;color:#fff;border:1px solid rgba(255,255,255,.15);cursor:pointer;transition:all .1s ease}.tr-view-btn:hover{background:#ffffff26}.tr-view-btn.active{background:var(--yellow-hot);color:var(--black);border-color:var(--yellow-hot)}.tr-viewport__hint{position:absolute;top:16px;left:16px;font-family:var(--font-mono);font-size:9px;font-weight:500;color:#ffffff4d;text-transform:uppercase;letter-spacing:1px}.tr-export-bar{padding:10px 14px;border-top:2px solid var(--black);background:var(--bg);margin-top:auto}.tr-export-bar .tr-btn{margin-bottom:6px}.tr-export-bar .tr-btn:last-child{margin-bottom:0}@media(max-width:768px){.tr-app{flex-direction:column}.tr-sidebar{width:100%;min-width:unset;max-height:45vh;border-right:none;border-bottom:4px solid var(--black)}.tr-viewport{min-height:45vh}}