@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700&display=swap";:root{--bg-dark: #0f1115;--bg-panel: #181b21;--text-primary: #e0e0e0;--text-secondary: #a0a0a0;--accent-primary: #00d4ff;--accent-secondary: #ff0055;--border-color: #2a2e36;--font-family: "Outfit", sans-serif}body{margin:0;background-color:var(--bg-dark);color:var(--text-primary);font-family:var(--font-family);font-weight:300;overflow:hidden;height:100vh;display:flex;flex-direction:column}header{height:60px;background:var(--bg-panel);border-bottom:1px solid var(--border-color);display:flex;align-items:center;padding:0 20px;flex-shrink:0}.logo{font-weight:700;font-size:1.5rem;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.panel{background:#ffffff08;border:1px solid var(--border-color);border-radius:8px;padding:15px;display:flex;flex-direction:column;gap:15px}.panel h3{margin-top:0;margin-bottom:5px;font-size:1rem;color:var(--accent-primary);text-transform:uppercase;letter-spacing:1px}.control-group{display:flex;flex-direction:column;gap:5px}.control-group label{font-size:.85rem;color:var(--text-secondary);display:flex;justify-content:space-between}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:16px;width:16px;border-radius:50%;background:#fff;box-shadow:0 0 4px #00000080;cursor:pointer;margin-top:-6px}input[type=range]::-webkit-slider-runnable-track{width:100%;height:4px;cursor:pointer;background:var(--border-color);border-radius:2px}.custom-select{position:relative;width:100%}.select-trigger{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background-color:transparent;border:1px solid var(--border-color);border-radius:4px;color:#fff;cursor:pointer;font-family:var(--font-family);font-size:.9rem;-webkit-user-select:none;user-select:none}.select-arrow{font-size:.8rem;color:var(--text-secondary)}.select-options{display:none;position:absolute;top:100%;left:0;right:0;background-color:var(--bg-panel);border:1px solid var(--border-color);border-radius:4px;z-index:10;margin-top:4px;max-height:200px;overflow-y:auto}.select-options.open{display:block}.select-option{padding:8px 12px;cursor:pointer;color:var(--text-secondary);font-size:.9rem}.select-option:hover{background-color:#ffffff0d;color:#fff}.select-option.selected{color:var(--accent-primary);background:#00d4ff1a}.toggles{display:flex;flex-wrap:wrap;gap:15px;margin-top:10px}.toggle-control{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.9rem}.toggle-control input[type=checkbox]{accent-color:var(--accent-primary);width:16px;height:16px;cursor:pointer}main{flex:1;display:flex;overflow:hidden}aside{width:320px;background:#0003;border-right:1px solid var(--border-color);padding:20px;display:flex;flex-direction:column;gap:20px;overflow-y:auto}.canvas-container{flex:1;position:relative;overflow:hidden;background:radial-gradient(circle at center,#1b2028,#0f1115);display:flex;align-items:center;justify-content:center}.results-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;gap:40px;align-items:center;z-index:5;pointer-events:none}.result-box{text-align:center;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);padding:30px;border-radius:12px;min-width:150px}.result-box h4{margin:0 0 10px;color:var(--text-secondary);font-weight:400;text-transform:uppercase;font-size:.8rem;letter-spacing:1px}.psi-value{font-size:4rem;font-weight:700;line-height:1;background:linear-gradient(135deg,#fff,var(--text-secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";width:4.5ch;margin:0 auto;text-align:right}.unit{font-size:1rem;color:var(--accent-secondary);font-weight:600}.mode-toggle-container{display:flex;justify-content:center;margin:10px 0 15px}.mode-toggle{position:relative;display:flex;background:var(--bg-dark);border-radius:20px;border:1px solid var(--border-color);padding:2px;width:100%}.mode-toggle input[type=radio]{display:none}.mode-toggle label{flex:1;z-index:2;text-align:center;padding:6px 10px;font-size:.8rem;cursor:pointer;color:var(--text-secondary);transition:color .3s ease;font-weight:600;display:flex;justify-content:center;align-items:center}.mode-toggle input[type=radio]:checked+label{color:#fff}.toggle-slider{position:absolute;top:2px;bottom:2px;left:2px;width:calc(50% - 2px);background:var(--accent-primary);border-radius:18px;transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:1;opacity:.8}#modeAdvanced:checked~.toggle-slider{transform:translate(100%);background:var(--accent-secondary)}#modeBasic:checked~.toggle-slider{transform:translate(0)}#unitIN:checked~.toggle-slider{transform:translate(100%)!important;background:var(--accent-secondary)!important}#unitMM:checked~.toggle-slider{transform:translate(0)!important;background:var(--accent-primary)!important}