@layer reset,base,layout;@layer components{.sim{--accent:var(--brand);margin:2.4rem 0}@media (width>=1480px){.sim--wide{margin-inline:-100px}}.sim__frame{border-radius:var(--radius-l);background:linear-gradient(180deg, var(--panel-top), var(--panel-bottom));box-shadow:inset 0 1px 0 0 var(--panel-highlight), 0 2px 6px #04060a8c, 0 26px 60px -26px #04060af2;padding:10px;position:relative}.sim__stage{min-height:120px;aspect-ratio:var(--aspect,16 / 9);border-radius:calc(var(--radius-l) - 6px);touch-action:pan-y;background:radial-gradient(circle at 50% 42%,#1a2431 0%,#161e2a 18%,#121922 36%,#0e141c 55%,#0b0f16 76%,#090c12 100%);position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #9aa0a614}.sim[data-state=ready] .sim__stage{aspect-ratio:auto}.sim__canvas{cursor:default;-webkit-user-select:none;user-select:none;width:100%;margin-inline:auto;display:block}.sim__canvas[data-draggable]{cursor:grab;touch-action:none}.sim__canvas[data-draggable]:active{cursor:grabbing}.sim__placeholder{place-items:center;display:grid;position:absolute;inset:0}.sim__spinner{border:2px solid #d9a44133;border-top-color:var(--brand);border-radius:50%;width:26px;height:26px;animation:.9s linear infinite sim-spin}@keyframes sim-spin{to{transform:rotate(360deg)}}.sim__error{color:#ffc9c9;font-family:var(--sans);background:#ff6b6b1a;border-radius:10px;padding:12px 14px;font-size:.9rem;position:absolute;inset:auto 16px 16px}.sim__readouts{flex-wrap:wrap;justify-content:center;gap:6px 28px;padding:14px 12px 4px;display:flex}.sim__readouts:empty{display:none}.sim__controls{flex-wrap:wrap;align-items:flex-end;gap:14px 22px;padding:14px 12px 10px;display:flex}.sim__controls:empty{display:none}.sim__readouts:not(:empty)+.sim__controls{border-top:0}.sim__controls:before{content:"";background:linear-gradient(90deg,#0000,#9aa0a624 15%,#9aa0a638 50%,#9aa0a624 85%,#0000);flex-basis:100%;height:1px;margin:-6px 0 2px}.sim__caption{color:var(--muted);text-align:center;text-wrap:balance;margin-top:12px;padding-inline:6px;font-size:.95rem;line-height:1.5}.sim-readout{--accent:var(--ink);text-align:center;flex-direction:column;align-items:center;min-width:92px;display:flex}.sim-readout__value{font-family:var(--serif);color:var(--accent);font-variant-numeric:lining-nums tabular-nums;text-shadow:0 0 22px color-mix(in srgb, var(--accent) 35%, transparent);white-space:nowrap;font-size:clamp(1.25rem,1.05rem + .8vw,1.7rem);line-height:1.15}.sim-readout__label{font-family:var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--faint);font-size:.72rem;font-weight:600}.sim-readout--wide .sim-readout__value{white-space:normal}.sim-slider{--accent:var(--brand);min-width:160px;max-width:420px;font-family:var(--sans);flex:200px;gap:6px;display:grid}.sim-slider__head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.sim-slider__label{color:var(--muted);font-size:.8rem;font-weight:600}.sim-slider__value{font-family:var(--serif);color:var(--ink);font-variant-numeric:lining-nums tabular-nums;font-size:1.02rem}.sim-slider__input{--fill:50%;-webkit-appearance:none;appearance:none;cursor:pointer;background:0 0;width:100%;height:22px;margin:0}.sim-slider__input::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--accent) 0 var(--fill), #9aa0a638 var(--fill) 100%);border-radius:99px;height:4px}.sim-slider__input::-moz-range-track{background:#9aa0a638;border-radius:99px;height:4px}.sim-slider__input::-moz-range-progress{background:var(--accent);border-radius:99px;height:4px}.sim-slider__input::-webkit-slider-thumb{-webkit-appearance:none;background:radial-gradient(circle at 40% 38%, #fff 0 22%, var(--accent) 60%);width:18px;height:18px;box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 26%, transparent), 0 0 16px color-mix(in srgb, var(--accent) 70%, transparent);transition:transform var(--t-fast) var(--ease-pop);border:0;border-radius:50%;margin-top:-7px}.sim-slider__input::-moz-range-thumb{background:radial-gradient(circle at 40% 38%, #fff 0 22%, var(--accent) 60%);width:18px;height:18px;box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 26%, transparent), 0 0 16px color-mix(in srgb, var(--accent) 70%, transparent);border:0;border-radius:50%}.sim-slider__input:active::-webkit-slider-thumb{transform:scale(1.15)}.sim-slider__input:focus-visible{outline:none}.sim-slider__input:focus-visible::-webkit-slider-thumb{outline:2px solid var(--gold);outline-offset:3px}.sim-slider__input:focus-visible::-moz-range-thumb{outline:2px solid var(--gold);outline-offset:3px}.sim-segmented{font-family:var(--sans);gap:6px;display:grid}.sim-segmented__label{color:var(--muted);font-size:.8rem;font-weight:600}.sim-segmented__group{box-shadow:inset 0 0 0 1px var(--line);background:#090c128c;border-radius:12px;flex-wrap:wrap;gap:4px;padding:4px;display:inline-flex}.sim-segmented__option{color:var(--muted);transition:color var(--t-fast) var(--ease-in), background-color var(--t-fast) var(--ease-in);background:0 0;border:0;border-radius:9px;padding:7px 12px;font-size:.84rem;font-weight:600}.sim-segmented__option:hover{color:var(--ink)}.sim-segmented__option[aria-checked=true]{color:var(--ink);background:linear-gradient(180deg, var(--panel-top), #1b2533);box-shadow:inset 0 1px 0 var(--panel-highlight), 0 0 0 1px #d9a44173, 0 4px 12px -4px #04060acc}.sim-toggle{--accent:var(--brand);font-family:var(--sans);color:var(--muted);background:0 0;border:0;align-items:center;gap:10px;padding:6px 4px;font-size:.86rem;font-weight:600;display:inline-flex}.sim-toggle__knob{width:38px;height:22px;transition:background-color var(--t-med) var(--ease-in);background:#9aa0a638;border-radius:99px;position:relative}.sim-toggle__knob:after{content:"";background:var(--ink);width:16px;height:16px;transition:transform var(--t-med) var(--ease-pop);border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #04060a99}.sim-toggle[aria-checked=true]{color:var(--ink)}.sim-toggle[aria-checked=true] .sim-toggle__knob{background:color-mix(in srgb, var(--accent) 70%, #000);box-shadow:0 0 14px color-mix(in srgb, var(--accent) 45%, transparent)}.sim-toggle[aria-checked=true] .sim-toggle__knob:after{transform:translate(16px)}.sim-button{min-height:38px;font-family:var(--sans);color:var(--ink);background:linear-gradient(180deg, var(--panel-top), #1a2331);box-shadow:inset 0 1px 0 var(--panel-highlight), 0 0 0 1px var(--line), 0 6px 14px -8px #04060ae6;transition:transform var(--t-fast) var(--ease-in), filter var(--t-fast) var(--ease-in);border:0;border-radius:999px;align-items:center;gap:8px;padding:8px 15px;font-size:.86rem;font-weight:600;display:inline-flex}.sim-button:hover{filter:brightness(1.15)}.sim-button:active{transform:translateY(1px)}.sim-button svg{width:16px;height:16px}.sim-button--primary{color:#1a1407;background:linear-gradient(180deg, var(--brand-light), var(--brand));box-shadow:inset 0 1px #fff0c899,0 8px 18px -8px #d9a44199}.sim-button--ghost{box-shadow:inset 0 0 0 1px var(--line-strong);color:var(--muted);background:0 0}.sim-buttons{flex-wrap:wrap;gap:8px;display:flex}.sim-group{flex-wrap:wrap;flex:100%;align-items:flex-end;gap:12px 20px;display:flex}.sim-group__title{font-family:var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--faint);flex-basis:100%;font-size:.7rem;font-weight:700}.sim-legend{font-family:var(--sans);color:var(--muted);flex-wrap:wrap;gap:6px 16px;margin:0;padding:0;font-size:.8rem;list-style:none;display:flex}.sim-legend__item{align-items:center;gap:7px;display:inline-flex}.sim-legend__swatch{background:var(--accent);width:9px;height:9px;box-shadow:0 0 8px var(--accent);border-radius:50%}.sim-legend__item--line .sim-legend__swatch{border-radius:2px;width:16px;height:3px}.sim-legend__item--dash .sim-legend__swatch{border-top:2px dashed var(--accent);width:16px;height:0;box-shadow:none;background:0 0;border-radius:0}.sim-note{color:var(--muted);flex-basis:100%;font-size:.92rem;line-height:1.5}.sim-note b{color:var(--ink)}.sim-input{font-family:var(--sans);flex:260px;gap:6px;display:grid}.sim-input__label{color:var(--muted);font-size:.8rem;font-weight:600}.sim-input__field{width:100%;box-shadow:inset 0 0 0 1px var(--line);font-family:var(--mono);color:var(--ink);resize:vertical;background:#090c12a6;border:0;border-radius:10px;padding:10px 12px;font-size:.9rem}.sim-input__field:focus{outline:none;box-shadow:inset 0 0 0 1px #d9a44199}.sim-input--select{flex:0 220px}.sim-input--select .sim-input__field{appearance:none;font-family:var(--sans);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23d9a441' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:12px 8px;padding-right:34px}.sim-input--select option{color:var(--ink);background:#141c26}}@layer utilities;