.aspect-ratio-canvas{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;box-sizing:border-box;background:#05070f}.aspect-ratio-canvas__box{position:relative;aspect-ratio:16 / 9;max-width:100%;max-height:100%;box-sizing:border-box}.aspect-ratio-canvas__box>canvas,.aspect-ratio-canvas__box>*{width:100%;height:100%;display:block}.responsive-layout{display:flex;width:100%;height:100%;min-height:100vh;overflow-x:hidden;box-sizing:border-box}.responsive-layout *,.responsive-layout *:before,.responsive-layout *:after{box-sizing:border-box}.responsive-layout__controls{display:flex;flex-direction:column;background:#080d1cb8}.responsive-layout__visualization{position:relative;min-width:0;min-height:0;background:#05070f}.responsive-layout--desktop{flex-direction:row;align-items:stretch}.responsive-layout--desktop .responsive-layout__controls{flex:0 0 460px;max-width:460px;min-width:0;overflow-x:hidden;overflow-y:auto;max-height:100vh;padding:1rem;background:#080c1ceb;border-right:1px solid rgba(255,255,255,.08)}.responsive-layout__controls>*{max-width:100%;min-width:0}.responsive-layout--desktop .responsive-layout__visualization{flex:1 1 auto}.responsive-layout--mobile{flex-direction:column}.responsive-layout--mobile .responsive-layout__controls{width:100%;flex-direction:column;order:0;padding:.75rem;gap:.75rem}.responsive-layout--mobile .responsive-layout__visualization{width:100%;order:1}.responsive-layout--mobile button,.responsive-layout--mobile a[role=button],.responsive-layout--mobile input[type=button],.responsive-layout--mobile input[type=checkbox],.responsive-layout--mobile input[type=radio],.responsive-layout--mobile input[type=range],.responsive-layout--mobile select,.responsive-layout--mobile [role=button],.responsive-layout--mobile .touch-target,.touch-target{min-width:44px;min-height:44px}.responsive-layout{font-size:max(12px,1rem)}.responsive-layout--controls-collapsed.responsive-layout--desktop .responsive-layout__controls{flex:0 0 auto;max-width:280px;min-width:auto}.responsive-layout--controls-collapsed.responsive-layout--mobile .responsive-layout__controls{flex:0 0 auto;padding:.5rem .75rem}.parameter-controls-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;padding:1rem;background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 10px #0000001a;max-width:100%;margin:0 auto;box-sizing:border-box}.presets-section{margin-bottom:2rem}.presets-title{font-size:1.25rem;font-weight:600;color:#333;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.presets-title:before{content:"🌍";font-size:1.2rem}.preset-buttons{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.preset-button{background-color:#fff;border:2px solid #e0e0e0;border-radius:6px;padding:.875rem .75rem;text-align:left;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:.25rem}.preset-button:hover:not(:disabled){border-color:#4a90e2;background-color:#f0f7ff;transform:translateY(-2px);box-shadow:0 4px 8px #4a90e226}.preset-button:disabled{opacity:.5;cursor:not-allowed}.preset-button.active{border-color:#4a90e2;background-color:#e8f2ff;box-shadow:0 0 0 1px #4a90e2 inset}.preset-name{font-weight:600;color:#333;font-size:.95rem}.preset-category{font-size:.75rem;color:#666;text-transform:capitalize;background-color:#f0f0f0;padding:.125rem .375rem;border-radius:12px;align-self:flex-start}.parameters-section{margin-bottom:2rem}.parameters-title{font-size:1.25rem;font-weight:600;color:#333;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.parameters-title:before{content:"⚙️";font-size:1.2rem}.parameter-grid{display:grid;grid-template-columns:1fr;gap:1rem}.parameter-control-group{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1.25rem;transition:border-color .2s ease}.parameter-control-group.invalid{border-color:#ff6b6b;background-color:#fff5f5}.parameter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.parameter-label{font-weight:600;color:#333;font-size:1rem;user-select:none}.parameter-tooltip{position:relative;cursor:help}.tooltip-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background-color:#4a90e2;color:#fff;border-radius:50%;font-size:.75rem;font-weight:700}.parameter-tooltip:hover:before{content:attr(title);position:absolute;top:-40px;right:0;background-color:#333;color:#fff;padding:.75rem;border-radius:6px;font-size:.875rem;white-space:pre-wrap;max-width:300px;z-index:1000;box-shadow:0 4px 12px #00000026}.parameter-inputs{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.parameter-slider-input{flex:1;height:6px;border-radius:3px;background-color:#e0e0e0;outline:none;-webkit-appearance:none}.parameter-slider-input::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background-color:#4a90e2;cursor:pointer;border:2px solid white;box-shadow:0 2px 4px #0003}.parameter-slider-input::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background-color:#4a90e2;cursor:pointer;border:2px solid white;box-shadow:0 2px 4px #0003}.parameter-slider-input.invalid::-webkit-slider-thumb{background-color:#ff6b6b}.parameter-slider-input.invalid::-moz-range-thumb{background-color:#ff6b6b}.parameter-numeric-input{width:100px;padding:.5rem .75rem;border:2px solid #e0e0e0;border-radius:6px;font-size:.95rem;text-align:center;transition:border-color .2s ease}.parameter-numeric-input:focus{outline:none;border-color:#4a90e2}.parameter-numeric-input.invalid{border-color:#ff6b6b;background-color:#fff5f5;color:#d32f2f}.parameter-numeric-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.parameter-units{font-size:.875rem;color:#666;min-width:40px;text-align:center;font-weight:500}.validation-feedback{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;padding:.75rem;background-color:#fff5f5;border-radius:6px;border-left:4px solid #ff6b6b}.error-icon{color:#ff6b6b;font-size:1.1rem;flex-shrink:0}.error-message{color:#d32f2f;font-size:.875rem;line-height:1.4}.parameter-value-display{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid #f0f0f0}.value-label{font-size:.875rem;color:#666}.value-number{font-weight:600;color:#333;font-size:1.1rem}.value-units{font-size:.875rem;color:#4a90e2;font-weight:500}.validation-summary{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1.25rem}.summary-title{font-size:1rem;font-weight:600;color:#333;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.summary-title:before{content:"📊";font-size:1rem}.summary-content{display:flex;flex-direction:column;gap:.5rem}.status-indicator{padding:.5rem .75rem;border-radius:6px;font-weight:500;font-size:.95rem;display:flex;align-items:center;gap:.5rem}.status-indicator.valid{background-color:#e8f5e9;color:#2e7d32;border-left:4px solid #4caf50}.status-indicator.invalid{background-color:#fff5f5;color:#d32f2f;border-left:4px solid #ff6b6b}.invalid-count{font-size:.875rem;color:#666;padding-left:.75rem}.parameter-slider-input:focus,.parameter-numeric-input:focus,.preset-button:focus{outline:2px solid #4a90e2;outline-offset:2px}@media (prefers-color-scheme: dark){.parameter-controls-container{background-color:#1a1a1a;color:#e0e0e0}.preset-button{background-color:#2a2a2a;border-color:#404040;color:#e0e0e0}.preset-button:hover:not(:disabled){background-color:#2a3a4a;border-color:#4a90e2}.parameter-control-group{background-color:#2a2a2a;border-color:#404040;color:#e0e0e0}.parameter-control-group.invalid{background-color:#3a1a1a;border-color:#ff6b6b}.parameter-label{color:#e0e0e0}.parameter-numeric-input{background-color:#1a1a1a;border-color:#404040;color:#e0e0e0}.parameter-numeric-input.invalid{background-color:#3a1a1a;border-color:#ff6b6b;color:#f99}.validation-feedback{background-color:#3a1a1a;border-color:#ff6b6b}.error-message{color:#f99}.validation-summary{background-color:#2a2a2a;border-color:#404040}.status-indicator.valid{background-color:#1a3a1a;color:#8c8}.status-indicator.invalid{background-color:#3a1a1a;color:#f99}}.classification-section{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1.25rem;margin-bottom:1.5rem}.classification-title{font-size:1rem;font-weight:600;color:#333;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.classification-title:before{content:"🛰️";font-size:1rem}.classification-display-container{display:flex;justify-content:center;align-items:center;min-height:100px}.classification-info{font-size:.875rem;color:#666;margin-top:.75rem;padding-top:.75rem;border-top:1px solid #f0f0f0;text-align:center}@media (prefers-color-scheme: dark){.classification-section{background-color:#2a2a2a;border-color:#404040;color:#e0e0e0}.classification-section h4{color:#e0e0e0}.classification-info{color:#aaa;border-top-color:#404040}}@media (prefers-color-scheme: dark){.presets-title,.parameters-title,.classification-title,.summary-title,.preset-name,.value-number{color:#f0f0f0}.value-label,.value-units,.parameter-units,.invalid-count,.classification-info{color:#b8b8b8}.value-units{color:#6db3ff}}.angle-visibility-toggle{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid #f0f0f0;font-size:.875rem;color:#444;cursor:pointer;user-select:none}.angle-visibility-toggle input{width:16px;height:16px;cursor:pointer}@media (prefers-color-scheme: dark){.angle-visibility-toggle{color:#c8c8c8;border-top-color:#404040}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;background:radial-gradient(circle at 30% 20%,#0a1330,#05070f 70%);color:#e6e9f0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{width:100vw;height:100vh;overflow:hidden}