.sim-page{padding-top:24px;padding-bottom:40px}.sim-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.sim-header h1{font-size:32px;letter-spacing:-.05em;font-weight:500;margin:8px 0;line-height:1.15}.sim-header p:not(.eyebrow){font-size:12px;color:var(--graphite)}.sim-studio{border:1px solid var(--linen);background:var(--card);border-radius:8px;overflow:hidden}.sim-toolbar{padding:12px 18px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--linen);min-height:58px}.sim-toolbar>div,.sim-toolbar>span{display:flex;align-items:center;gap:10px;font-size:12px}.sim-toolbar select{width:170px;font-size:12px;padding:8px 10px}.sim-body{display:grid;grid-template-columns:minmax(0,1fr) 300px;height:clamp(440px,calc(100svh - 280px),680px)}.sim-world{position:relative;min-height:0;overflow:hidden;background:var(--mist)}.simulation-canvas{width:100%;height:100%;position:absolute;inset:0;touch-action:none}.sim-loading{height:100%;display:grid;place-items:center;font-size:13px;color:var(--graphite)}.sim-inspector{border-left:1px solid var(--linen);display:flex;flex-direction:column;min-height:0}.sim-controls{padding:22px;display:grid;grid-gap:22px;gap:22px;overflow-y:auto;scrollbar-width:thin;flex:1 1}.control-caption p{font-size:12px;color:var(--graphite);margin-top:7px}.control-caption .eyebrow{font-size:10px}.drive-pad{display:grid;grid-template-columns:repeat(3,44px);grid-gap:7px;gap:7px;margin:-5px auto 0}.drive-key{height:44px;border:1px solid var(--linen);border-radius:6px;display:grid;place-items:center;background:var(--mist);touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.drive-key:active{background:var(--lemon)}.drive-key.stop{background:var(--card);color:var(--steel);font-size:11px}.keyboard-hint{font-size:10px;color:var(--graphite);text-align:center;margin-top:-10px}.keyboard-hint kbd{font:9px var(--mono);border:1px solid var(--linen);border-radius:3px;padding:2px 4px;margin-left:3px}.sim-controls .field,.sim-controls .field select{font-size:12px}.sim-controls input[type=range]{accent-color:var(--ember);width:100%}.telemetry{border-top:1px solid var(--linen);padding-top:20px;display:grid;grid-gap:11px;gap:11px}.telemetry>.eyebrow{font-size:9px;margin-bottom:4px}.telemetry>div{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--graphite)}.telemetry>div>span:last-child{font:11px var(--mono);color:var(--ink)}.world-label{position:absolute;top:20px;left:20px;background:var(--card);border:1px solid var(--linen);border-radius:4px;padding:8px 10px;font:10px var(--mono);pointer-events:none}.world-label>span:last-child{margin-left:20px;color:var(--steel)}.world-hint{bottom:19px;left:20px;color:var(--graphite)}.world-axis,.world-hint{position:absolute;font:9px var(--mono);pointer-events:none}.world-axis{bottom:20px;right:20px;width:50px;height:50px}.world-axis span{position:absolute}.world-axis span:first-child{top:0;left:18px;color:var(--signal)}.world-axis span:nth-child(2){bottom:0;left:0;color:var(--graphite)}.world-axis span:nth-child(3){bottom:0;right:0;color:var(--ember)}.sim-status{align-items:center;gap:10px;padding:11px 18px;border-top:1px solid var(--linen);font:10px var(--mono);background:var(--canvas)}.sim-reality,.sim-status{display:flex;color:var(--graphite)}.sim-reality{align-items:flex-start;gap:15px;margin-top:25px;max-width:900px;font-size:11px;line-height:1.9}.sim-reality strong{color:var(--ink);font-weight:500}.sim-reality svg{flex-shrink:0;margin-top:4px}.program-editor{width:100%;height:210px;resize:vertical;background:var(--forge);color:#e1e8d8;border:0;border-radius:6px;padding:15px;font:12px/1.8 var(--mono);-moz-tab-size:2;tab-size:2}.program-help{font-size:11px;color:var(--graphite);line-height:1.8}.sim-inspector .panel-heading{display:flex;justify-content:space-between;align-items:center;height:50px;min-height:50px;padding:0 20px;border-bottom:1px solid var(--linen)}.sim-inspector .panel-tabs{height:100%;display:flex;gap:25px}.sim-inspector .panel-tabs button{border:0;border-bottom:2px solid transparent;padding:0;background:transparent;font-size:12px;color:var(--graphite)}.sim-inspector .panel-tabs button.active{border-bottom-color:var(--ink);color:var(--ink)}@media (max-width:800px){.sim-body{grid-template-columns:1fr 250px}.sim-world{min-height:0}.sim-header h1{font-size:32px}.sim-controls{padding:18px;gap:18px}.sim-header>.btn{font-size:10px}.world-hint{max-width:200px;line-height:1.8}}@media (max-width:600px){.sim-page{padding-top:26px}.sim-header{display:block}.sim-header h1{font-size:32px;max-width:280px}.sim-header>.btn{margin-top:18px}.sim-toolbar{flex-wrap:wrap;padding:12px}.sim-toolbar>div{width:100%}.sim-toolbar select{flex:1 1}.sim-body{display:flex;flex-direction:column;height:auto}.sim-world{height:390px;min-height:390px}.sim-inspector{border-left:0;border-top:1px solid var(--linen)}.sim-controls{padding:20px;overflow:visible}.sim-controls .drive-pad{grid-template-columns:repeat(3,48px)}.drive-key{height:48px}.world-hint{font-size:7px;max-width:240px}.world-label{font-size:7px;left:12px}.sim-status{font-size:8px}.sim-reality{font-size:10px}.program-editor,.telemetry>div{font-size:12px}.sim-controls .field{font-size:13px}}