:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Hiragino Sans,Yu Gothic,sans-serif;font-size:13px;color:#d8e2e7;background:#080f17;color-scheme:dark;font-synthesis:none;--mint:#91e8cf;--muted:#8395a2;--line:#25323e;--panel:#111b25}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden}body{height:100dvh}button,input,select{font:inherit}button,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled,input:disabled,select:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--mint);outline-offset:2px}button svg{width:16px;height:16px;flex-shrink:0}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.workspace{width:100%;height:100%;display:grid;grid-template-columns:minmax(0,1fr) 272px;min-height:0}.viewport{position:relative;min-width:0;min-height:0;background:#070c13;overflow:hidden}canvas{width:100%;height:100%;position:absolute;inset:0;display:block;touch-action:none;cursor:grab}canvas.over-object,canvas.moving{cursor:move}canvas.orbiting{cursor:grabbing}.scene-top{position:absolute;top:14px;left:16px;right:16px;display:flex;justify-content:space-between;align-items:center;gap:12px;pointer-events:none}.scene-label{display:flex;align-items:center;gap:7px;color:#8da4ae;font-size:11px}.live-dot{width:5px;height:5px;border-radius:50%;background:var(--mint)}.live-dot.paused{background:#b5a983}.domain-label{font-size:11px;color:#6f8593;font-variant-numeric:tabular-nums}.transport{position:absolute;bottom:14px;left:14px;display:flex;align-items:center;gap:6px;padding:6px;background:#101b25eb;border:1px solid #293943;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.transport button{height:32px;border-radius:4px;padding:0 9px;display:flex;gap:5px;align-items:center;font-size:12px;white-space:nowrap}.primary{background:var(--mint);border:1px solid var(--mint);color:#112b28}.primary:hover{background:#aff4df}.subtle{background:transparent;border:1px solid transparent;color:#b5c5ce}.subtle:hover{background:#263541}.time{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;color:#8fa4af;padding:0 5px}.controls-help{position:relative}.controls-help summary{list-style:none;width:26px;height:30px;display:grid;place-items:center;color:#8fa4af;cursor:pointer;border-radius:4px}.controls-help summary::-webkit-details-marker{display:none}.controls-help summary:hover{background:#263541}.controls-help>div{position:absolute;bottom:42px;right:-6px;width:240px;padding:12px;background:#172530;border:1px solid #3a4d5a;border-radius:6px;font-size:12px;line-height:2;color:#c1d0d6;box-shadow:0 5px 20px #0004}.speed-legend{position:absolute;right:16px;bottom:18px;width:98px;font-size:10px;color:#8296a2;pointer-events:none}.speed-legend>div{display:flex;justify-content:space-between;gap:8px}.speed-legend .gradient{height:3px;margin-bottom:6px;background:linear-gradient(90deg,#295992,#47e0d3,#ffbf5c);border-radius:2px}.panel{min-height:0;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;background:var(--panel);border-left:1px solid var(--line)}.panel-section{padding:14px;border-bottom:1px solid var(--line);flex-shrink:0}.section-header{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:20px}.section-header h2,.section-header>label{font-size:12px;font-weight:500;margin:0}.wind-value{display:flex;align-items:baseline;gap:5px;font-variant-numeric:tabular-nums}.wind-value output{font-size:18px;line-height:1.2}.wind-value>span{font-size:11px;color:var(--muted)}.wind-section input{display:block;width:100%;accent-color:var(--mint);cursor:pointer;height:20px;margin:9px 0 0}.count{font-size:11px;color:#7e94a1;font-variant-numeric:tabular-nums}.obstacles-section{flex:1}.add-row{display:flex;gap:6px;margin:10px 0}.add{display:flex;align-items:center;gap:7px;flex:1;border:1px solid #32434b;background:#18242e;border-radius:4px;color:#c8d5d8;padding:8px;font-size:12px;min-height:34px}.add:hover{background:#223640;border-color:#668c8e}.add>span{color:#93a8b1;margin-left:auto}.object-list{display:flex;flex-direction:column;gap:4px;max-height:min(22dvh,176px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#334e59 transparent}.object-item{flex-shrink:0;min-height:33px;border:1px solid transparent;border-radius:4px;background:transparent;color:#94aab6;display:flex;align-items:center;gap:9px;text-align:left;padding:7px 9px;min-width:0;font-size:12px}.object-item>svg{width:15px;height:15px;color:#7f939b}.object-item:hover{background:#ffffff06}.object-item.selected{background:#91e8cf0a;border-color:#91e8cf35;color:#dceee9}.object-item.selected>svg{color:var(--mint)}.object-index{color:#8ba0a9;margin-left:5px;font-variant-numeric:tabular-nums}.selection-dot{width:4px;height:4px;border-radius:50%;background:transparent;margin-left:auto}.selected .selection-dot{background:var(--mint)}#inspector{margin-top:12px;padding-top:10px;border-top:1px solid #ffffff0b}.inspector-heading{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#879da9}.delete{border:0;background:none;color:#9dafb8;font-size:11px;display:flex;align-items:center;gap:5px;padding:4px 0}.delete svg{width:13px;height:13px}.delete:hover{color:#efb2a9}.field-caption{font-size:11px;color:#a1b2bb;margin:12px 0 8px}.fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.fields.two-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.fields>label{font-size:11px;color:#8097a5;display:flex;flex-direction:column;gap:5px;white-space:nowrap}.number-field{display:block}.number-field input{width:100%;height:32px;min-width:0;background:#0b141e;border:1px solid #2a3a46;border-radius:4px;padding:0 7px;font-size:13px;color:#c4d5db;font-variant-numeric:tabular-nums;appearance:textfield;-moz-appearance:textfield}.number-field input::-webkit-inner-spin-button{appearance:none}.empty-selection{font-size:12px;color:#78909d;margin:10px 0}.error{font-size:11px;color:#e9b59f;margin:10px 0 0;line-height:1.6}.error:empty{display:none}.panel-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;flex-shrink:0}.panel-footer label{display:flex;align-items:center;gap:8px;font-size:11px;color:#869da9}.panel-footer select{font-size:12px;min-height:30px;border:1px solid #30414d;border-radius:4px;background:#0c1720;color:#c9d8dc;padding:3px 20px 3px 7px}#performance{font-size:11px;color:#698390;font-variant-numeric:tabular-nums;white-space:nowrap}.loading,.unavailable{position:absolute;inset:0;z-index:3;background:#0b141eeb;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;gap:14px}.loading{color:#8aa0ad;font-size:12px}.unavailable strong{font-size:14px;font-weight:500}.unavailable p{font-size:12px;color:#8aa0ad;max-width:360px;line-height:1.9}.spinner{border:1px solid #91e8cf30;border-top-color:var(--mint);width:24px;height:24px;border-radius:50%;animation:spin 1.2s linear infinite}.failure-mark{font-size:38px;color:var(--mint)}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:900px){.workspace{grid-template-columns:minmax(0,1fr) 248px}.panel-section{padding:12px}.panel-footer{padding:10px 12px}.speed-legend{top:44px;bottom:auto;right:14px;width:86px}.transport{bottom:12px;left:12px}.transport button{font-size:11px;padding:0 7px}.time{font-size:10px;padding:0 2px}.controls-help summary{width:22px}}@media(max-width:650px){.workspace{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(210px,1fr) auto}.panel{max-height:44dvh;border-left:0;border-top:1px solid var(--line)}.panel-section{padding:10px 14px}.wind-section .section-header{min-height:22px}.wind-section input{margin-top:5px}.wind-value output{font-size:17px}.obstacles-section{flex:none}.obstacles-section>.section-header{float:left;gap:10px;min-height:36px}.add-row{margin:0 0 10px auto;width:174px}.add{min-height:36px;padding:6px 8px;font-size:12px}.object-list{clear:both;max-height:92px}.object-item{min-height:36px}.panel-footer{padding:10px 14px}.fields>label{font-size:12px}.number-field input{height:36px;font-size:16px}.scene-top{top:11px;left:12px;right:12px}.scene-label,.domain-label{font-size:10px}.transport{left:10px;bottom:10px;padding:5px;gap:3px}.transport button{height:32px;font-size:11px}.time{font-size:10px}.speed-legend{top:37px;right:12px;width:82px}.controls-help>div{width:230px;right:-6px;font-size:11px}.panel-footer select{min-height:34px}}@media(prefers-reduced-motion:reduce){.spinner{animation:none}}.scene-actions{display:flex;align-items:center;gap:12px}.settings-toggle{pointer-events:auto;min-height:30px;padding:4px 10px;border:1px solid #2a3a46;border-radius:4px;background:#101b25ce;color:#a3b6c0;font-size:11px}.settings-toggle:hover{background:#22333e}.settings-toggle[aria-expanded=false]{border-color:#526f74;color:var(--mint)}.workspace.panel-collapsed{grid-template-columns:minmax(0,1fr)}.transport .icon-button{padding:0;width:30px;justify-content:center}.controls-help>div{width:270px}.qa-mode,.qa-mode body{height:auto;overflow:auto}.qa-mode #app{height:100dvh}@media(max-width:650px){.workspace{grid-template-rows:minmax(140px,1fr) auto}.workspace.panel-collapsed{grid-template-rows:minmax(0,1fr)}.scene-actions{gap:8px}.settings-toggle{min-height:30px;padding:3px 8px}.transport .icon-button{width:28px}.controls-help>div{right:-8px;width:268px}}.controls-help>div{max-height:min(260px,30dvh);overflow:auto}