:root{color-scheme:dark;--bg:#080e20;--panel:#0d172d;--panel2:#101e38;--panel3:#152746;--stroke:#263957;--muted:#8f9fbc;--text:#f3f6ff;--blue:#4c79ff;--purple:#8059ed;--green:#2bc99a;--radius:17px}*{box-sizing:border-box}html,body{min-height:100%;margin:0;background:var(--bg);font-family:Inter,"Segoe UI",system-ui,Arial,sans-serif;color:var(--text)}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #83a9ff;outline-offset:2px}svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}.app-shell{height:100dvh;min-height:640px;display:flex;flex-direction:column;background:radial-gradient(900px 500px at 100% 0%,#34225b66,transparent 70%),linear-gradient(140deg,#0a1328,#090e20 75%)}.header{height:80px;flex-shrink:0;display:flex;align-items:center;gap:22px;border-bottom:1px solid #223153;background:linear-gradient(100deg,#172a50,#111932 52%,#151430);padding:0 24px}.header-left{display:flex;gap:14px;align-items:center;flex-shrink:0}.back-link{font-size:13px;text-decoration:none;color:#a8b7d0;font-weight:650;padding-right:16px;border-right:1px solid #3a4761;white-space:nowrap}.back-link:hover{color:#fff}.brand-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,#3068f8,#7d50fa);box-shadow:0 8px 25px #3155e544}.brand-icon svg{width:23px;height:23px}.brand strong{font-weight:850;font-size:23px;white-space:nowrap;letter-spacing:-.8px}.brand strong span{color:#9cb9ff}.brand small{display:block;color:#a3b3d1;font-size:9px;letter-spacing:1.8px;font-weight:750;margin-top:2px}.project-meta{margin-left:auto;display:flex;flex-direction:column;min-width:135px;max-width:220px;flex:1}.project-meta label{font-size:10px;color:#93a7ca;margin-bottom:3px}.project-meta input{border:none;background:transparent;color:#fff;outline:none;font-size:14px;font-weight:750;width:100%;border-bottom:1px solid transparent;padding:3px 0}.project-meta input:focus{border-color:#6a91ff}.header-actions{display:flex;align-items:center;gap:8px}.save-state{color:#89a1c4;white-space:nowrap;font-size:11px;margin-right:4px}.btn{border:1px solid #2c4062;background:#1a2947;color:#eff4ff;min-height:39px;border-radius:11px;padding:9px 13px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:730;font-size:12px;transition:background .16s,transform .16s,box-shadow .16s}.btn:hover{background:#233c64;transform:translateY(-1px)}.btn.primary{background:#305ff1;border-color:#416ff6;box-shadow:0 5px 18px #2855ef28}.btn.primary:hover{background:#4475ff}.btn.play{background:linear-gradient(120deg,#2968ee,#7650f5);border:0;padding:10px 19px;color:#fff;font-size:13px;box-shadow:0 7px 26px #4b55e644}.btn.play:hover{box-shadow:0 9px 28px #5369ee66}.btn.danger{color:#ffb5c0;border-color:#69394e;background:#392133}.btn.danger:hover{background:#502b3a}.workspace{flex:1;min-height:0;padding:15px;display:grid;grid-template-columns:248px minmax(330px,1fr) 280px;gap:14px}.sidebar{border:1px solid var(--stroke);border-radius:var(--radius);background:linear-gradient(155deg,#101d35,#0d182e);min-height:0;padding:20px 17px;overflow:auto;scrollbar-width:thin;scrollbar-color:#314768 transparent}.section-label{color:#7c9be8;font-size:10px;letter-spacing:1.5px;font-weight:850}.sidebar h2{font-size:19px;letter-spacing:-.5px;margin:9px 0 7px}.subtext{font-size:12px;color:#8da1c0;line-height:1.6;margin:0 0 20px}.asset-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.asset{height:90px;background:#172741;border:1px solid #2a3e61;border-radius:13px;color:#dae5ff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;transition:border-color .15s,background .15s,transform .15s}.asset:hover{border-color:#7593eb;background:#203659;transform:translateY(-2px)}.asset b{font-size:11px;font-weight:700}.asset-art{height:30px;display:grid;place-items:center;font-size:25px;line-height:1;font-weight:900}.player-icon{color:#7eaeff}.platform-icon{color:#46d4ad}.coin-icon{color:#ffcf64}.enemy-icon{color:#ff829c}.goal-icon{color:#b69dff}.decor-icon{color:#7ce2fd}.sidebar-section{padding-top:21px;margin-top:22px;border-top:1px solid #273857}.row-section{display:flex;align-items:center;justify-content:space-between}.count-pill,.tab-count{border-radius:99px;background:#243755;color:#b7c9ee;font-size:10px;padding:4px 7px}.object-list{display:flex;flex-direction:column;gap:5px;margin-top:12px}.object-row{display:flex;align-items:center;gap:9px;background:transparent;color:#b7c8e5;padding:9px;border-radius:9px;border:1px solid transparent;text-align:left;width:100%;font-size:12px}.object-row:hover{background:#1b2c49}.object-row.active{background:#1c325a;border-color:#4969ab;color:#fff}.object-mini{width:10px;height:10px;border-radius:3px;flex-shrink:0}.object-row span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aside-bottom{margin-top:30px;background:#142541;border:1px solid #284063;border-radius:12px;display:flex;gap:10px;padding:13px;color:#9eafd0;line-height:1.55;font-size:11px}.tip-dot{height:9px;width:9px;margin-top:4px;border-radius:50%;background:#5ecaf1;flex-shrink:0;box-shadow:0 0 0 5px #5ecaf122}.main-area{min-height:0;min-width:0;display:flex;flex-direction:column;gap:12px}.scene-toolbar{height:46px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.tab-group{display:flex;background:#12213d;padding:4px;border:1px solid #253753;border-radius:12px;gap:4px}.tab{display:flex;align-items:center;gap:8px;background:transparent;border:0;padding:8px 17px;color:#96a8c8;border-radius:8px;font-size:12px;font-weight:720}.tab.active{color:#fff;background:#29416a;box-shadow:0 1px 5px #02081355}.tab svg{width:16px;height:16px}.quick-tools{display:flex;align-items:center;gap:5px}.quick-tools button{height:35px;width:35px;display:grid;place-items:center;border:1px solid #2a3e60;background:#152642;color:#9eb3d3;border-radius:9px}.quick-tools button:hover:not(:disabled){background:#243b61;color:#fff}.quick-tools button:disabled{opacity:.35;cursor:not-allowed}.separator{width:1px;height:22px;background:#2d4264;margin:0 5px}.scene-panel{flex:1;min-height:0;position:relative;border:1px solid #2b4369;border-radius:19px;overflow:hidden;background:radial-gradient(80% 95% at 50% 0%,#203b67,#10213f 70%);box-shadow:0 15px 34px #0004}.scene-top{position:absolute;z-index:2;top:15px;left:17px;right:17px;display:flex;align-items:center;justify-content:space-between;gap:8px;pointer-events:none}.world-badge{border:1px solid #3f5b7d;background:#10213cc9;color:#d7e7fa;display:flex;align-items:center;gap:8px;border-radius:9px;padding:9px 11px;font-size:11px;font-weight:700;backdrop-filter:blur(8px)}.online-dot{width:7px;height:7px;border-radius:50%;background:#47dcad}.world-hint{color:#b3c8e5;font-size:11px}.canvas-wrap{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden}.canvas-wrap canvas{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair;outline:none}.canvas-wrap canvas.dragging{cursor:grabbing}.scene-bottom{position:absolute;z-index:2;left:0;right:0;bottom:0;min-height:45px;border-top:1px solid #4861856b;background:#07172cbb;display:flex;align-items:center;justify-content:space-between;padding:9px 16px;gap:15px;color:#8fa8c9;font-size:10px;pointer-events:none}kbd{font-family:inherit;padding:2px 5px;border:1px solid #526783;border-radius:4px;color:#d9e9ff;font-size:10px;margin:0 2px}.runtime-hud{position:absolute;z-index:4;left:18px;top:65px;display:flex;gap:9px}.runtime-hud span{background:#0d1c3fe0;border:1px solid #416196;color:#fff;font-size:13px;font-weight:700;padding:10px 13px;border-radius:9px}.runtime-banner{position:absolute;z-index:6;left:50%;top:44%;transform:translate(-50%,-50%);background:#101f3df5;border:1px solid #5069a5;box-shadow:0 22px 60px #000a;border-radius:18px;padding:28px 34px;text-align:center;width:min(340px,85%)}.runtime-banner strong{font-size:30px}.runtime-banner p{color:#afc2e4;margin:10px 0 24px}.events-panel{flex:1;min-height:0;border:1px solid #263e62;border-radius:19px;background:#0f1c34;overflow:auto;padding:25px;scrollbar-width:thin}.events-heading{display:flex;gap:16px;align-items:start;justify-content:space-between;margin-bottom:27px}.events-heading h2{font-size:28px;margin:8px 0;letter-spacing:-1px}.events-heading p{margin:0;color:#a0afc8;font-size:13px;line-height:1.55}.events-list{display:flex;flex-direction:column;gap:12px}.event-card{border:1px solid #304465;background:#14243f;border-radius:13px;display:grid;grid-template-columns:1fr 30px 1fr 34px;align-items:center;gap:11px;padding:15px}.event-part{display:flex;flex-direction:column;gap:8px;min-width:0}.event-part .part-name{font-size:10px;font-weight:850;letter-spacing:1.2px;color:#64c8aa}.event-part.action .part-name{color:#83a5ff}.event-part select,.event-part input{width:100%;background:#0e1d38;border:1px solid #344c74;border-radius:8px;color:#ecf1ff;padding:9px 10px;outline:none;font-size:12px;min-width:0}.event-part select:focus,.event-part input:focus{border-color:#658ffe}.event-bridge{display:grid;place-items:center;color:#6985b6}.event-remove{background:transparent;border:0;color:#839abd;padding:6px;border-radius:9px}.event-remove:hover{background:#502c43;color:#fff}.event-helper{font-size:10px;color:#9eb3d2}.events-footer{color:#7f96b8;font-size:12px;margin-top:24px}.events-empty{text-align:center;padding:45px 20px;color:#9fb5d5;border:1px dashed #3c5276;border-radius:13px}.inspector-type{display:flex;justify-content:space-between;margin:22px 0;color:#81a5ef;font-size:11px;font-weight:700}.inspector-type span:last-child{color:#7c8ea9}.empty-inspector{margin-top:36px;border:1px dashed #344866;border-radius:15px;display:flex;align-items:center;flex-direction:column;text-align:center;gap:10px;padding:33px 16px;color:#a7b6d0}.empty-inspector svg{height:24px;width:24px;color:#82a2fa}.empty-inspector b{font-size:14px;color:#edf3ff}.empty-inspector span{font-size:12px;line-height:1.5}.form-field{display:flex;flex-direction:column;gap:7px;color:#9aaccc;font-size:11px;font-weight:680;margin-bottom:15px}.form-field input{height:40px;border-radius:9px;border:1px solid #334766;background:#142541;color:#eaf1ff;padding:0 11px;width:100%;min-width:0;outline:none}.form-field input:focus{border-color:#6b8ffd}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.color-field{flex-direction:row;align-items:center;justify-content:space-between}.color-field>span{display:flex;align-items:center;gap:10px;color:#c8d7f0}.color-field input{width:43px;height:32px;padding:3px;cursor:pointer}.inspector-actions{display:flex;gap:7px;margin-top:14px}.inspector-actions .btn{flex:1;padding:9px 6px}.inspector-help{margin-top:35px;border-top:1px solid #2a3e61;padding-top:20px;display:flex;gap:11px;color:#83a9ff}.inspector-help>svg{margin-top:2px}.inspector-help b{font-size:12px;color:#e3edff}.inspector-help p{font-size:11px;line-height:1.55;color:#91a6c5}.text-link{border:0;background:transparent;color:#91b3ff;padding:0;font-size:11px;font-weight:760}.text-link:hover{text-decoration:underline}.toast{position:fixed;z-index:30;bottom:25px;left:50%;transform:translate(-50%,12px);background:#263f78;color:#fff;box-shadow:0 16px 55px #0008;border:1px solid #5270ab;border-radius:12px;padding:12px 18px;font-size:12px;opacity:0;pointer-events:none;transition:all .2s}.toast.show{transform:translate(-50%,0);opacity:1}.dialog{border:1px solid #3b5281;background:#101f3b;color:#eff4ff;border-radius:20px;width:min(520px,calc(100vw - 32px));padding:26px;box-shadow:0 28px 80px #000a}.dialog::backdrop{background:#030916bc;backdrop-filter:blur(4px)}.dialog-heading h2{margin:8px 0;font-size:26px}.dialog-heading p{color:#a3b4d0;line-height:1.5}.template-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:23px 0}.template-card{background:#192c4c;color:#f2f5ff;border:1px solid #38547b;border-radius:13px;min-height:145px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:16px;gap:8px}.template-card:hover{border-color:#78a0ff;background:#203959}.template-icon{font-size:25px;color:#9bb4ff}.template-card b{font-size:14px}.template-card small{font-size:11px;line-height:1.5;color:#b3c3db}.dialog-cancel{margin-left:auto;display:flex}.help-list{margin:20px 0;line-height:1.7;color:#adbfda;font-size:13px}.help-list b{color:#81a9ff}.dialog #closeHelp{width:100%}
@media(max-width:1390px){.workspace{grid-template-columns:206px minmax(300px,1fr) 240px;gap:10px;padding:10px}.sidebar{padding:16px 13px}.header{padding:0 15px;gap:13px}.save-state{display:none}.asset{height:81px}.event-card{gap:6px}}@media(max-width:1100px){.header{flex-wrap:wrap;height:auto;min-height:72px;padding:10px 14px}.project-meta{margin-left:0;max-width:none}.header-actions{margin-left:auto}.workspace{grid-template-columns:180px minmax(290px,1fr);grid-template-rows:minmax(440px,1fr) auto;overflow:auto}.inspector{grid-column:1/-1;min-height:180px;display:block}.inspector-help{margin-top:15px}.inspector #objectInspector{max-width:700px}.app-shell{min-height:100vh;height:auto}.workspace{min-height:760px}.main-area{min-height:480px}}@media(max-width:700px){.header{gap:10px}.header-left{width:100%}.brand strong{font-size:21px}.project-meta{max-width:170px;flex:1}.header-actions{gap:5px}.header-actions .btn{min-width:39px;padding:8px}.header-actions .btn:not(.play) span{display:none}.workspace{display:flex;flex-direction:column;min-height:900px;padding:9px}.sidebar{overflow:visible}.library .asset-grid{grid-template-columns:repeat(6,minmax(62px,1fr));overflow-x:auto}.library .asset{height:70px}.library .subtext,.aside-bottom{display:none}.library .object-list{max-height:116px;overflow:auto}.library .object-row{padding:6px}.main-area{min-height:520px}.scene-panel{min-height:460px}.events-panel{min-height:450px;padding:15px}.events-heading{flex-direction:column}.event-card{grid-template-columns:1fr 20px 1fr 28px;padding:10px;gap:5px}.event-part select,.event-part input{padding:8px 5px;font-size:11px}.world-hint{display:none}.scene-bottom span:last-child{display:none}.inspector{min-height:160px}.header-actions .save-state{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* ARCADE_LAB_V02_ADVANCED_STUDIO START */
.scene-manager{display:flex;align-items:center;gap:9px;padding:10px 15px;background:rgba(13,28,57,.95);border:1px solid rgba(106,141,203,.25);border-radius:14px;margin-bottom:10px;flex-wrap:wrap}
.scene-manager label{font-size:12px;font-weight:800;color:#b8c9e7}
.scene-manager select{background:#15294e;border:1px solid #3b5481;border-radius:9px;color:#f3f6ff;padding:9px 12px;font-weight:700;max-width:220px;min-width:100px}
.scene-manager .scene-mini{border:1px solid #3b5481;border-radius:9px;padding:9px 11px;background:#17335e;color:#dceaff;font-weight:700;white-space:nowrap}
.scene-manager .scene-mini:hover{background:#24477e}
.scene-manager .scene-mini:disabled{opacity:.38;cursor:not-allowed}
.scene-manager .danger-text{color:#ffa4bb}
.scene-manager .scene-meta{margin-left:auto;color:#8ea7ca;font-size:11px;font-weight:800}
.sprite-settings{margin:20px 0 16px;border-top:1px solid #354a70;padding-top:16px}
.sprite-settings .section-label{color:#9cc2ff;margin-bottom:5px}
.sprite-note{color:#a2b4d2;font-size:12px;line-height:1.45}
.sprite-buttons{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}
.sprite-buttons .btn{font-size:12px;padding:8px 11px}
.sprite-settings .form-grid{margin-top:8px}
.sprite-status{font-size:11px;color:#99b7d7;margin-top:8px}
#patrolLabel{display:flex;align-items:center;justify-content:space-between;margin:12px 0;font-size:12px;color:#cbdcf9}
#patrolLabel[hidden]{display:none}
#patrolLabel input{width:18px;height:18px;accent-color:#4d7bfa}
.background-label{margin-left:8px}
@media(max-width:700px){.scene-manager{gap:7px;padding:9px}.scene-manager select{max-width:155px}.scene-manager .scene-meta{display:none}.scene-manager .scene-mini{padding:8px}}
/* ARCADE_LAB_V02_ADVANCED_STUDIO END */
/* Arcade Lab V0.3 — visual logic graph (dark Technopark) */
.graph-events-panel{padding:0!important;overflow:hidden!important;display:flex;flex-direction:column;min-height:0}
.graph-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:17px 21px 15px;background:linear-gradient(115deg,#122341,#111d36);border-bottom:1px solid #293c61;flex:none}
.graph-title h2{font-size:22px;margin:4px 0 4px;letter-spacing:-.6px;color:#f4f7ff}
.graph-title p{font-size:11px;color:#96a9c7;margin:0;line-height:1.5}
.graph-count{font-size:11px;letter-spacing:0;padding:4px 9px;border:1px solid #2e476d;border-radius:20px;color:#a6c0e7;background:#1b3154;font-weight:650;vertical-align:middle;margin-left:7px}
.graph-tools{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.graph-tools button{font-size:12px;border-radius:10px;min-height:36px;padding:8px 11px;white-space:nowrap;font-weight:750}
.graph-tools svg{width:14px;height:14px}
.graph-add-event{background:#153e3e;border:1px solid #298c7a;color:#abf4df}
.graph-add-event:hover{background:#1b554f}
.graph-add-action{background:#2f2a57;border:1px solid #685bbd;color:#d9caff}
.graph-add-action:hover{background:#403276}
.graph-viewport{position:relative;flex:1;min-height:260px;overflow:hidden;cursor:grab;background-color:#0a162d;background-image:radial-gradient(#344665 1px,transparent 1px);background-size:20px 20px;touch-action:none;outline:0}
.graph-viewport.panning{cursor:grabbing}
.graph-surface{position:absolute;left:0;top:0;width:5000px;height:5000px;transform-origin:top left;pointer-events:none}
.graph-wires{position:absolute;inset:0;width:5000px;height:5000px;overflow:visible;pointer-events:none}
.graph-nodes{position:absolute;inset:0;pointer-events:none}
.graph-wire{fill:none;stroke:#688cda;stroke-width:3.5;stroke-linecap:round;pointer-events:none;filter:drop-shadow(0 1px 4px #5786ff55)}
.graph-wire.draft{stroke:#b0cffb;stroke-dasharray:9 7;stroke-width:3}
.graph-wire-target{fill:none;stroke:transparent;stroke-width:19;pointer-events:stroke;cursor:pointer}
.graph-wire-target:hover + .graph-wire{stroke:white}
.graph-node{position:absolute;width:267px;min-height:164px;pointer-events:auto;background:#102342;border:1px solid #34547c;border-radius:15px;box-shadow:0 14px 35px #040c216c;overflow:visible;color:#f4f7ff}
.graph-node.graph-trigger{border-color:#29776a;background:linear-gradient(165deg,#163e42,#10283d 36%,#0d233c)}
.graph-node.graph-action{border-color:#6552aa;background:linear-gradient(165deg,#302b57,#1e274c 36%,#16223d)}
.graph-node-head{display:flex;align-items:center;justify-content:space-between;height:44px;padding:0 12px 0 15px;cursor:grab;user-select:none;font-size:10px;letter-spacing:1.1px;font-weight:850;border-bottom:1px solid #ffffff1c;touch-action:none}
.graph-node-head:active{cursor:grabbing}
.graph-trigger .graph-node-head{color:#70e6bd}
.graph-action .graph-node-head{color:#c2abff}
.graph-node-delete{border:0;background:transparent;color:#a7b5d5;font-size:23px;padding:0 6px;line-height:1;cursor:pointer}
.graph-node-delete:hover{color:white}
.graph-node-content{padding:13px 15px 16px;display:flex;flex-direction:column;gap:9px;min-height:110px;justify-content:flex-start}
.graph-node-content select,.graph-node-content input{color:#edf3ff;border:1px solid #39577e;border-radius:8px;padding:9px 10px;background:#091b34;font-family:inherit;font-size:12px;outline:none;min-width:0;width:100%}
.graph-node-content select:focus,.graph-node-content input:focus{border-color:#86a9ff}
.graph-node-content small{font-size:11px;color:#9bb2d2;line-height:1.4;margin-top:3px}
.graph-port{position:absolute;top:73px;width:27px;height:27px;border-radius:50%;cursor:crosshair;border:5px solid #0c1b31;box-shadow:0 0 0 2px #7892c5,0 0 16px #83a7ff44;z-index:2;transition:transform .12s;background:#89a5ff;touch-action:none}
.graph-port:hover{transform:scale(1.23)}
.graph-output{right:-14px;background:#51d9b1;box-shadow:0 0 0 2px #44cda5,0 0 17px #44cda577}
.graph-input{left:-14px;background:#ae8fff;box-shadow:0 0 0 2px #9475e8,0 0 17px #ae8fff77}
.graph-empty{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;text-align:center;width:min(340px,90%);padding:28px 18px;border:1px dashed #3e547b;background:#101f3ae0;border-radius:20px}
.graph-empty .empty-graphic{font-size:30px;color:#a5bfff;letter-spacing:8px}.graph-empty h3{font-size:19px;margin:12px 0 4px}.graph-empty p{color:#9dacce;font-size:12px;line-height:1.5}
.graph-zoom{position:absolute;right:17px;bottom:17px;display:flex;align-items:center;gap:2px;border:1px solid #304b72;border-radius:10px;background:#0d203de9;z-index:7;padding:4px;box-shadow:0 6px 20px #0005}
.graph-zoom button{height:30px;min-width:32px;padding:2px 7px;border:0;background:transparent;color:#ecf3ff;font-size:14px;cursor:pointer;border-radius:6px}
.graph-zoom button:hover{background:#2a4064}
.graph-zoom span{font-size:11px;color:#b7cae6;min-width:40px;text-align:center;font-weight:750}
.graph-floating-hint{position:absolute;top:16px;left:17px;border:1px solid #334a6e;border-radius:9px;color:#b4c3e1;background:#0b1c33d9;font-size:11px;padding:10px 12px;z-index:4;max-width:80%;pointer-events:none}
.graph-floating-hint b{color:#6de1b8}
.graph-footer{min-height:39px;border-top:1px solid #243a5e;background:#111f39;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 18px;color:#8da4c8;font-size:10px;flex:none}
.graph-footer span{white-space:nowrap}.legend-dot{display:inline-block;width:8px;height:8px;margin:0 4px 0 9px;border-radius:50%}.legend-dot.green{background:#4cdaa9}.legend-dot.violet{background:#aa8dff}
.inspector.graph-mode{background:linear-gradient(160deg,#131f3c,#0f1a30)}
.inspector.graph-mode > :not(.graph-side){display:none!important}
.graph-side{display:flex;flex-direction:column;gap:17px}
.graph-side h2{font-size:23px;line-height:1.2;margin:0 0 3px}
.graph-side-step{display:flex;gap:12px;align-items:flex-start}
.graph-side-step>span{display:grid;place-items:center;width:31px;height:31px;flex:none;background:#20375c;border:1px solid #36507a;border-radius:10px;color:#a9c4fc;font-weight:800;font-size:11px}
.graph-side-step b{font-size:13px;color:#eff5ff}
.graph-side-step p{font-size:11px;line-height:1.55;color:#9aadd0;margin:4px 0 0}
.graph-side-tips{padding:12px;border:1px solid #30486f;border-radius:13px;background:#1a2c4c}
.graph-side-tips b{color:#c4d4ff;font-size:12px}.graph-side-tips p{font-size:11px;color:#a8bbd9;line-height:1.55;margin:6px 0 0}
.graph-status{font-size:11px;font-weight:700;color:#70ddbb}
@media(max-width:1300px){.graph-toolbar{flex-direction:column;align-items:flex-start}.graph-tools{justify-content:flex-start}.graph-floating-hint{max-width:65%;font-size:10px}}
@media(max-width:700px){.graph-events-panel{min-height:530px}.graph-footer{flex-wrap:wrap}.graph-toolbar{padding:14px}.graph-title h2{font-size:19px}.graph-tools button{padding:8px}.graph-floating-hint{font-size:10px;padding:8px;max-width:calc(100% - 30px)}.graph-side{gap:10px}}
/* Free more room for node programming, without altering the scene editor. */
body.arcade-graph-mode .library.sidebar{display:none}
body.arcade-graph-mode .workspace{grid-template-columns:minmax(360px,1fr) 270px}
@media(max-width:1100px){body.arcade-graph-mode .workspace{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(520px,1fr) auto}}
@media(max-width:700px){body.arcade-graph-mode .workspace{display:flex;flex-direction:column}body.arcade-graph-mode .inspector{display:none}}