:root{--bg: #14161c;--panel: #1d2027;--panel-2: #232732;--border: #323847;--text: #dfe3ec;--muted: #8b93a7;--accent: #4ea1ff;--accent-2: #38d39f;--danger: #e5646c;--field-bg: #20262e;--grid: #2b323c;font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:13px}.shell{display:flex;flex-direction:column;height:100vh}.app-header{display:flex;align-items:baseline;gap:14px;padding:10px 18px 0;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:9px}.app-header h1{margin:0;font-size:19px;letter-spacing:.01em;line-height:1}.app-header .arrow{color:var(--accent-2)}.team-logo{height:34px;width:auto;display:block}.signup-logo{height:64px;width:auto}.app-header .tagline{margin:0;color:var(--muted);font-size:12.5px}.app-header .credit{margin-left:auto;color:var(--muted);font-size:11px;opacity:.75}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.help-btn{width:26px;height:26px;padding:0;border-radius:50%;font-weight:700;color:var(--accent)}.tour-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;pointer-events:none}.tour-dim{position:absolute;top:0;right:0;bottom:0;left:0;background:#080a0eb8;pointer-events:auto}.tour-spot{position:fixed;border-radius:12px;box-shadow:0 0 0 2px var(--accent),0 0 14px 2px #4ea1ffa6,0 0 0 9999px #080a0eb8;transition:all .28s ease;pointer-events:none}.tut-modal{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:20px 24px 16px;width:min(360px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow-y:auto;box-shadow:0 18px 50px #0000008c}.tour-card{position:fixed;pointer-events:auto;transition:left .28s ease,top .28s ease}.tut-head{display:flex;align-items:center;gap:10px}.tut-emoji{font-size:26px}.tut-modal h2{margin:0;font-size:15.5px}.tut-body{color:var(--text);line-height:1.6;font-size:13px}.tut-body p{margin:8px 0}.tut-body ul{margin:6px 0;padding-left:20px}.tut-body li{margin:4px 0}.tut-body kbd{background:var(--panel-2);border:1px solid var(--border);border-bottom-width:2px;border-radius:4px;padding:1px 5px;font-family:inherit;font-size:11px}.tut-fine{color:var(--muted);font-size:12px}.tut-dots{display:flex;gap:7px;justify-content:center;margin:16px 0 14px}.tut-dot{width:9px;height:9px;padding:0;border-radius:50%;background:var(--panel-2);border:1px solid var(--border)}.tut-dot.active{background:var(--accent);border-color:var(--accent)}.tut-nav{display:flex;align-items:center;gap:8px}.tut-skip{border:none;background:none;color:var(--muted);padding-left:0}.tut-skip:hover{color:var(--text);border:none}.tut-primary{background:var(--accent);color:#0d141f;border-color:var(--accent);font-weight:600}.tut-primary:hover{filter:brightness(1.1)}.tut-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#080a0ec7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:120}.signup-modal{width:min(430px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow-y:auto;background:var(--panel);border:1px solid var(--border);border-radius:18px;overflow:hidden;box-shadow:0 24px 70px #0009;animation:signupPop .45s cubic-bezier(.2,.9,.25,1.15)}@keyframes signupPop{0%{opacity:0;transform:translateY(30px) scale(.94)}to{opacity:1;transform:none}}.signup-hero{position:relative;padding:30px 28px 24px;text-align:center;background:linear-gradient(180deg,#11141bd1,#14161cf5),url(../bioglow-mat.png) center / cover;border-bottom:1px solid var(--border)}.signup-hero-badge{font-size:38px}.signup-hero h2{margin:8px 0 4px;font-size:21px;color:var(--text)}.signup-hero p{margin:0;color:var(--muted);font-size:13px}.signup-body{padding:18px 26px 22px}.signup-tabs{display:flex;background:var(--panel-2);border-radius:10px;padding:4px;margin-bottom:16px}.signup-tabs button{flex:1;border:none;background:none;padding:8px;border-radius:7px;color:var(--muted);transition:all .18s}.signup-tabs button.active{background:var(--panel);color:var(--text);box-shadow:0 2px 8px #00000059}.signup-field{display:block;margin:10px 0}.signup-field>span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.07em;margin-bottom:5px}.signup-field input{width:100%;padding:10px 12px;border-radius:9px;font-size:14px;transition:border-color .15s,box-shadow .15s}.signup-field input:focus{box-shadow:0 0 0 3px #4ea1ff40}.signup-row{display:flex;gap:12px}.signup-row .half{flex:1}.signup-error{color:var(--danger);margin:8px 0 0;font-size:12.5px}.signup-go{width:100%;margin-top:16px;padding:12px;font-size:15px;font-weight:700;border:none;border-radius:10px;color:#0d141f;background:var(--accent);transition:filter .15s}.signup-go:hover{filter:brightness(1.1)}.signup-go:disabled{opacity:.6}.signup-cancel{width:100%;margin-top:8px;padding:9px;border:none;background:none;color:var(--muted);font-size:12.5px}.signup-cancel:hover{color:var(--text);border:none;transform:none}.signup-fine{color:var(--muted);font-size:11px;line-height:1.5;margin:14px 0 0;opacity:.8}.app{display:grid;grid-template-columns:var(--left-w, 290px) 6px minmax(360px,1fr) 6px var(--right-w, 430px);gap:6px;padding:12px;flex:1;min-height:0}.col-resizer{cursor:col-resize;border-radius:3px;transition:background .15s;touch-action:none}.col-resizer:hover,.col-resizer:active{background:#4ea1ff73}.sidebar,.code-side{overflow-y:auto;min-height:0}.center{display:flex;flex-direction:column;gap:10px;overflow-y:auto;min-height:0}.panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:12px 14px;animation:panelIn .4s ease both}@keyframes panelIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.cfg-section{border-bottom:1px solid var(--border);padding:2px 0}.cfg-section:last-child{border-bottom:none}.cfg-section summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;padding:9px 2px;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);-webkit-user-select:none;user-select:none;transition:color .15s}.cfg-section summary::-webkit-details-marker{display:none}.cfg-section summary:hover{color:var(--text)}.cfg-arrow{transition:transform .2s;font-size:10px}.cfg-section[open] .cfg-arrow{transform:rotate(90deg)}.cfg-action{margin-left:auto}.cfg-body{padding:2px 2px 10px;animation:panelIn .25s ease both}h2{margin:0 0 10px;font-size:15px}h3,h4{margin:14px 0 6px;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);display:flex;align-items:center;gap:8px}.field{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 0}.field>span:first-child{color:var(--muted)}.field-input{display:flex;align-items:center;gap:4px}.field.inline{justify-content:flex-start;margin:0}input[type=number],input[type=text],input:not([type]),select{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:7px;padding:6px 9px;font:inherit;width:82px;transition:border-color .15s,box-shadow .15s}input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input:not([type=checkbox]):hover,select:hover{border-color:#465068}input:not([type=checkbox]):focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #4ea1ff26}select{width:auto;cursor:pointer}.grow{flex:1;width:auto;min-width:60px}.full-width{width:100%;margin:4px 0}.pid-hint{margin:4px 0 8px;font-size:12px}.mono{font-family:SF Mono,ui-monospace,Menlo,Consolas,monospace;font-size:12px}.suffix{color:var(--muted)}button{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:5px 11px;font:inherit;cursor:pointer;transition:border-color .15s,transform .12s,background .15s}button:hover{border-color:var(--accent);transform:translateY(-1px)}button:active{transform:translateY(0) scale(.98)}button:disabled{opacity:.4;cursor:default}button:disabled:hover{border-color:var(--border)}button.danger:hover{border-color:var(--danger);color:var(--danger)}button.mini{padding:1px 7px;font-size:11px}.mini-select{font-size:11px;padding:2px 5px}.row{display:flex;align-items:center;gap:6px;margin:4px 0}.action-row{display:flex;align-items:center;gap:6px;margin:4px 0;padding:5px 7px;background:var(--panel-2);border-radius:6px;flex-wrap:wrap}.action-row input[type=number]{width:64px}.warn{color:var(--danger);margin:4px 0}.hint{color:var(--muted);line-height:1.5}.toolbar{display:flex;align-items:center;gap:14px;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:8px 12px;flex-wrap:wrap}.toolbar input[type=number]{width:66px}.toolbar input[type=range]{width:90px;accent-color:var(--accent)}.spacer{flex:1}.field-svg{width:100%;background:var(--panel);border:1px solid var(--border);border-radius:10px;touch-action:none;cursor:crosshair;max-height:62vh}.field-bg{fill:var(--field-bg)}.grid-line{stroke:#6e7e9b59;stroke-width:1px;vector-effect:non-scaling-stroke;pointer-events:none}.seg-line{stroke:var(--accent);stroke-width:2.5px;vector-effect:non-scaling-stroke;pointer-events:none}.seg-line.reverse{stroke-dasharray:7 5;stroke:#b48be0}.seg-hit{stroke:transparent;cursor:copy}.seg-hit:hover{stroke:#4ea1ff40}.wp{fill:var(--panel-2);stroke:var(--accent);stroke-width:2px;vector-effect:non-scaling-stroke;cursor:grab;transition:filter .15s}.wp:hover{filter:drop-shadow(0 0 6px rgba(78,161,255,.9))}.wp.start{stroke:var(--accent-2)}.wp.selected{fill:#2c405c;stroke-width:3px}.wp.has-actions{stroke-dasharray:4 2}.wp-num{fill:var(--text);font-size:22px;pointer-events:none;-webkit-user-select:none;user-select:none}.label{fill:var(--muted);font-size:24px;pointer-events:none;-webkit-user-select:none;user-select:none;paint-order:stroke;stroke:#101218d9;stroke-linejoin:round}.dist-label{fill:#9fc6f5}.turn-label{fill:#f0c674}.action-flag{fill:var(--accent-2);font-size:20px}.heading-line{stroke:var(--accent-2);stroke-width:3px;vector-effect:non-scaling-stroke;pointer-events:none}.heading-line.auto{stroke-dasharray:6 5;opacity:.7}.heading-handle{fill:var(--accent-2);cursor:grab}.heading-handle:hover{stroke:#fff;stroke-width:2px;vector-effect:non-scaling-stroke}.code-panel{display:flex;flex-direction:column;height:100%;min-height:0}.code-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:8px}.code-view{flex:1;margin:0;overflow:auto;background:#14171d;border:1px solid var(--border);border-radius:8px;padding:12px;font-family:SF Mono,ui-monospace,Menlo,Consolas,monospace;font-size:12px;line-height:1.55;white-space:pre}.tok-comment{color:#7d8799;font-style:italic}.tok-string{color:#98c379}.tok-number{color:#d19a66}.tok-keyword{color:#c678dd}@media(max-width:1100px){.shell{height:auto}.app{grid-template-columns:1fr!important}.col-resizer{display:none}.field-svg{max-height:none}}