:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#111827;background:#f3f4f6;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.45}*{box-sizing:border-box}body{margin:0}#root{min-height:100vh}a{color:#1d4ed8}.app-shell{gap:1rem;max-width:1200px;margin:0 auto;padding:1.25rem;display:grid}.header,.panel,.tool-card{background:#fff;border:1px solid #d1d5db;border-radius:.75rem;padding:1rem 1.2rem}.header h1,.panel h2,.tool-card h2{margin:0 0 .35rem}.header p,.panel-subtitle,.muted{color:#4b5563;margin:0}.nav-row,.share-row,.button-row{flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:.7rem;display:flex}button,.button-link{color:#1d4ed8;font-weight:600;font:inherit;cursor:pointer;background:#eff6ff;border:1px solid #2563eb;border-radius:.5rem;padding:.35rem .7rem;text-decoration:none;display:inline-block}button:hover,.button-link:hover{background:#dbeafe}button.secondary{color:#374151;background:#f9fafb;border-color:#9ca3af}.share-note,.small-note{color:#6b7280;font-size:.88rem}.share-status{color:#1d4ed8;margin:.45rem 0 0;font-size:.88rem}.warning-item{color:#991b1b;background:#fef2f2;border:1px solid #fca5a5;border-radius:.5rem;margin:0;padding:.7rem .8rem}.field{gap:.3rem;display:grid}.field-title{font-weight:600}.field-title em{color:#2563eb;font-style:normal}.field-row{grid-template-columns:1fr auto;align-items:center;gap:.5rem;display:grid}.field-row.coords{grid-template-columns:auto 1fr auto 1fr}.slider-row{grid-template-columns:1fr 5.5rem auto;align-items:center;gap:.5rem;display:grid}input[type=number],select{width:100%;font:inherit;background:#fff;border:1px solid #9ca3af;border-radius:.5rem;padding:.4rem .5rem}.units{color:#374151;font-weight:600}.metrics p{margin:.25rem 0}.button-link.secondary{color:#374151;background:#f9fafb;border-color:#9ca3af}.layout-grid,.output-grid{gap:1rem;display:grid}.layout-grid{grid-template-columns:340px 1fr}.force-card{border:1px solid #e5e7eb;border-radius:.5rem;gap:.55rem;padding:.7rem;display:grid}.force-card-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.force-swatch{vertical-align:-.05rem;border-radius:999px;width:.7rem;height:.7rem;margin-right:.4rem;display:inline-block}.output-grid{grid-template-columns:1fr 1fr}.input-grid{gap:.75rem;margin-top:.85rem;display:grid}.panel-canvas{min-width:0}.canvas-wrap{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;margin-top:.6rem;overflow:hidden}.canvas-wrap canvas{touch-action:none;cursor:grab;width:100%;height:520px;display:block}.canvas-wrap.static canvas{cursor:default}.header h1{font-size:1.5rem}.result-table{border-collapse:collapse;width:100%;margin-top:.5rem}.result-table th,.result-table td{text-align:right;border:1px solid #d1d5db;padding:.4rem .55rem;font-size:.9rem}.result-table th:first-child,.result-table td:first-child{text-align:left}.result-table .given{background:#eff6ff;font-weight:600}@media (width<=1024px){.layout-grid,.output-grid{grid-template-columns:1fr}}