@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Spline+Sans+Mono:wght@400;600&display=swap);*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0f131a;color:#e8ecf2;font-family:Space Grotesk,Trebuchet MS,Segoe UI,sans-serif;margin:0}code{font-family:Spline Sans Mono,SFMono-Regular,Consolas,monospace}.App{background:radial-gradient(circle at top,#4e586b73,#0000 60%),linear-gradient(135deg,#0b0f16,#151c28);min-height:100vh}.App-header{display:flex;flex-direction:column;gap:32px;margin:0 auto;padding:48px 0 64px;width:min(1200px,92vw)}.App-title{align-items:flex-end;display:flex;gap:24px;justify-content:space-between}.App-title h1{font-size:clamp(2.2rem,3vw,3.2rem);letter-spacing:-.02em;margin:6px 0 8px}.App-title p{color:#b6c0d1;margin:0;max-width:520px}.App-eyebrow{color:#7f8ea3;font-size:.85rem;letter-spacing:.18em;text-transform:uppercase}.App-badge{background:#1f2b3d;border:1px solid #788caa73;border-radius:999px;color:#c8d2e3;font-size:.85rem;padding:10px 16px;white-space:nowrap}.App-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:minmax(0,320px) minmax(0,1fr)}.Controls-panel,.Preview-panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#121822e6;border:1px solid #788caa40;border-radius:20px;box-shadow:0 20px 40px #00000059;padding:20px}.Panel-header{align-items:baseline;border-bottom:1px solid #788caa33;display:flex;justify-content:space-between;margin-bottom:18px;padding-bottom:12px}.Panel-header h2{font-size:1.1rem;margin:0}.Panel-header span{color:#7f8ea3;font-size:.8rem}.Control-row{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.Control-row label{align-items:center;color:#b6c0d1;display:flex;font-size:.85rem;gap:8px}.Control-row input,.Control-row select{background:#101722;border:1px solid #788caa66;border-radius:12px;color:#f0f4f9;font-size:.95rem;padding:10px 12px}.Control-row input:focus,.Control-row select:focus{border-color:#9fb7d6;box-shadow:0 0 0 3px #5a82af40;outline:none}.Control-row input:focus-visible,.Control-row select:focus-visible,.Panel-actions button:focus-visible,.Viewport-toolbar button:focus-visible{outline:2px solid #f7c948;outline-offset:2px}.Panel-footer{grid-gap:12px;border-top:1px solid #788caa33;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));padding-top:8px}.Metric{color:#9fb0c6;display:flex;flex-direction:column;font-size:.85rem;gap:4px}.Metric strong{color:#f7f9fc;font-size:1.1rem}.Control-group{border-top:1px dashed #788caa33;margin-top:6px;padding-top:6px}.Control-group h3{color:#7f8ea3;font-size:.8rem;letter-spacing:.18em;margin:6px 0 12px;text-transform:uppercase}.Control-input{align-items:center;display:flex;gap:8px}.Unit{color:#7f8ea3;font-size:.8rem}.Panel-actions{display:flex;justify-content:flex-end;margin-top:14px}.Panel-actions button{background:#788caa26;border:1px solid #788caa59;border-radius:999px;color:#f0f4f9;cursor:pointer;font-size:.85rem;padding:8px 14px}.Panel-actions button:hover{border-color:#a4bee0a6}.Preview-frame{background:linear-gradient(180deg,#0c1018e6,#161e2cf2);border:1px solid #788caa59;border-radius:18px;box-shadow:inset 0 0 0 1px #ffffff08;height:520px;overflow:hidden;position:relative}.Help{align-items:center;background:#788caa33;border-radius:999px;color:#f7c948;cursor:help;display:inline-flex;font-size:12px;height:18px;justify-content:center;position:relative;width:18px}.Help:after{background:#1b2332;border-radius:8px;bottom:130%;box-shadow:0 12px 30px #00000059;color:#f2f6fb;content:attr(data-help);font-size:12px;left:50%;line-height:1.4;opacity:0;padding:8px 10px;pointer-events:none;position:absolute;transform:translateX(-50%) translateY(8px);transition:opacity .2s ease,transform .2s ease;width:220px;z-index:10}.Help:hover:after{opacity:1;transform:translateX(-50%) translateY(0)}.TrussViewport{height:100%;position:relative;width:100%}.Viewport-toolbar{display:flex;gap:8px;position:absolute;right:12px;top:12px;z-index:2}.Viewport-toolbar button{background:#121822e6;border:1px solid #788caa59;border-radius:999px;color:#e7edf6;cursor:pointer;font-size:12px;padding:6px 12px}.Viewport-toolbar button:hover{border-color:#a4bee0a6}@media (max-width:960px){.App-grid{grid-template-columns:1fr}.App-title{align-items:flex-start;flex-direction:column}.Preview-frame{height:420px}}
/*# sourceMappingURL=main.2d70a8a4.css.map*/