:root{color:#18202c;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f6f7f9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button,input,select{font:inherit}.app{background:#f6f7f9;grid-template-rows:auto 1fr;width:100%;min-width:320px;height:100%;display:grid}.toolbar{z-index:2;background:#ffffffeb;border-bottom:1px solid #232d3c24;grid-template-columns:minmax(210px,1.2fr) minmax(180px,1fr) minmax(150px,.8fr) repeat(3,minmax(130px,.8fr)) auto;align-items:end;gap:12px;padding:12px 14px;display:grid;box-shadow:0 1px 14px #232d3c14}.brand{align-items:center;gap:10px;min-width:0;display:flex}.brand-mark{background:radial-gradient(circle at 28% 32%,#2878b5 0 4px,#0000 5px),radial-gradient(circle at 70% 36%,#d14f3f 0 4px,#0000 5px),radial-gradient(circle at 52% 72%,#23966f 0 4px,#0000 5px),linear-gradient(135deg,#0000 46%,#18202c 48% 52%,#0000 54%);border:2px solid #18202c;border-radius:8px;flex:none;width:34px;height:34px}.brand h1{letter-spacing:0;margin:0;font-size:18px;line-height:1.1}.brand p{color:#5c6675;white-space:nowrap;margin:3px 0 0;font-size:12px}.field{gap:5px;min-width:0;display:grid}.field span{color:#475365;letter-spacing:0;text-transform:uppercase;font-size:11px;font-weight:700}.field b{color:#18202c;font-weight:800}.field input[type=text],.field input:not([type]),.field select,.search input,select{color:#18202c;background:#fff;border:1px solid #232d3c2e;border-radius:7px;outline:none;width:100%;min-width:0;height:34px;padding:0 10px}.field input:focus,.field select:focus{border-color:#2878b5;box-shadow:0 0 0 3px #2878b529}.slider input{accent-color:#2878b5;width:100%}.actions{justify-content:flex-end;align-items:center;gap:7px;display:flex}.actions button{color:#fff;cursor:pointer;background:#18202c;border:1px solid #232d3c29;border-radius:7px;min-width:58px;height:34px}.actions button:nth-child(2),.actions button:nth-child(3){color:#18202c;background:#fff}.stage{min-height:0;position:relative;overflow:hidden}.graph-canvas{cursor:grab;touch-action:none;width:100%;height:100%;display:block}.graph-canvas:active{cursor:grabbing}.hud,.selection{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe0;border:1px solid #232d3c24;border-radius:8px;width:min(250px,100% - 28px);position:absolute;left:14px;box-shadow:0 8px 24px #232d3c1f}.hud{grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid;top:14px;overflow:hidden}.hud div{background:#ffffff7a;gap:2px;min-width:0;padding:9px 10px;display:grid}.hud span,.selection span{color:#5c6675;font-size:11px}.hud strong{color:#18202c;text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.selection{gap:4px;padding:11px 12px;display:grid;bottom:14px}.selection strong,.selection span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.selection strong{color:#18202c;font-size:14px}@media (max-width:1180px){.toolbar{grid-template-columns:minmax(210px,1fr) minmax(170px,1fr) minmax(150px,.8fr) repeat(2,minmax(130px,.7fr))}.toolbar .slider:nth-of-type(5){display:none}.actions{grid-column:span 2;justify-content:flex-start}}@media (max-width:760px){.toolbar{grid-template-columns:1fr 1fr;align-items:stretch;gap:10px}.brand,.search{grid-column:1/-1}.slider{display:none}.actions{grid-column:1/-1}.actions button{flex:1 1 0}.hud{grid-template-columns:1fr 1fr;width:min(190px,100% - 28px)}}