:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#e6edf0;background:#0b1013}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #334147;background:#182126;color:#e7eef0;border-radius:6px;padding:8px 11px;display:inline-flex;align-items:center;justify-content:center;gap:6px}button:hover{background:#243136}button svg{width:15px;height:15px}.app{height:100vh;display:flex;flex-direction:column;background:#0b1013}header{height:64px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid #28343a;background:#10171b}.brand{display:flex;gap:10px;align-items:center}.crest{width:32px;height:32px;display:grid;place-items:center;border:1px solid #d9b35b;color:#d9b35b;font:700 20px Georgia}.brand b,.inspect-head b{display:block}.brand small,.muted,.hint,small,.inspect-head span{color:#91a0a5;font-size:11px}.header-actions{display:flex;gap:8px}.primary{background:#d9b35b;border-color:#d9b35b;color:#182020;font-weight:700}.primary:hover{background:#ecc970}.shell{min-height:0;flex:1;display:grid;grid-template-columns:255px minmax(420px,1fr) 350px}.sidebar,.inspector{overflow:auto;background:#10171b;padding:16px;border-right:1px solid #28343a}.inspector{border-right:0;border-left:1px solid #28343a}.tree-title{display:flex;justify-content:space-between;gap:8px}.tree-title label,.field>span,.section-head b,.inspect-head small{display:block;text-transform:uppercase;letter-spacing:.08em;font-size:10px;color:#9ba9ad}.tree-title input{border:0;background:transparent;color:#fff;font-weight:700;width:160px;padding:4px 0}.sidebar section{margin-top:24px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.section-head b{display:flex;gap:6px;align-items:center}.section-head button{padding:4px}.branch{position:relative;width:100%;border:0;background:transparent;padding:7px;text-align:left;display:grid;grid-template-columns:10px 1fr;gap:7px}.branch.active,.node-list button.active{background:#24363b;color:#ddf7f6}.branch i{width:8px;height:8px;margin-top:4px;background:#63c8d1;border-radius:50%}.branch small{grid-column:2}.node-list{display:grid;gap:3px}.node-list button{border:0;width:100%;text-align:left;background:transparent;padding:7px;display:flex;gap:8px}.node-list button span{width:16px;color:#a9dfe3}.node-list small{display:block;font-size:10px}.hint{font-size:11px;line-height:1.6;margin-top:24px}main{min-width:0;display:flex;flex-direction:column}.canvas-bar{height:52px;flex:none;display:flex;justify-content:space-between;align-items:center;padding:0 16px;border-bottom:1px solid #28343a}.canvas-bar span{display:block;color:#87979d;font-size:11px}.canvas{position:relative;overflow:hidden;flex:1;touch-action:none;background-color:#0d1417;background-image:linear-gradient(#1d2e34 1px,transparent 1px),linear-gradient(90deg,#1d2e34 1px,transparent 1px);background-size:32px 32px}.canvas-help{position:absolute;top:12px;left:12px;z-index:5;display:flex;gap:5px;align-items:center;color:#91a0a5;font-size:10px;background:#10171bcc;border:1px solid #314148;border-radius:5px;padding:6px 8px;pointer-events:none}.canvas-help svg{width:13px}.zoom-controls{position:absolute;z-index:6;bottom:14px;right:14px;display:flex;background:#10171be8;border:1px solid #36464d;border-radius:6px;overflow:hidden}.zoom-controls button{border:0;border-radius:0;padding:7px;background:transparent}.zoom-controls span{min-width:45px;display:grid;place-items:center;font-size:11px;color:#c9d6d9}.link{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.link line{stroke:#5b747c;stroke-width:2}.node{position:absolute;z-index:3;width:76px;height:76px;transform:translate(-50%,-50%);border-radius:50%;border:3px solid #637a7f;background:#182126;display:grid;place-items:center;padding:4px;touch-action:none;-webkit-user-select:none;user-select:none}.node.small{width:58px;height:58px}.node.selected{border-color:#d9b35b;box-shadow:0 0 0 4px #d9b35b22}.node span{font-size:10px;color:#a9dfe3;max-width:65px;overflow:hidden}.node b{font-size:10px;max-width:80px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.node small{font-size:9px}.branch-label{position:absolute;z-index:2;color:#d9b35b;border:0;background:#10171bd9;font-size:10px;text-transform:uppercase;letter-spacing:.08em;transform:translate(-50%,-50%);white-space:nowrap;touch-action:none}.branch-label.selected{outline:1px solid #d9b35b}.empty{text-align:center;margin:110px 20px;color:#91a0a5}.empty svg{margin-bottom:12px}.inspect-head{display:flex;justify-content:space-between;align-items:start}.inspect-head b{margin:3px 0}.icon{padding:7px}.danger{color:#e17770}.tabs{display:grid;grid-template-columns:repeat(4,1fr);margin:16px 0;border:1px solid #334147;border-radius:6px;overflow:hidden}.tabs button{border:0;border-radius:0;background:transparent;padding:8px 3px;color:#91a0a5;font-size:10px;line-height:1.2}.tabs button.active{background:#26383d;color:#eef6f7}.form{display:grid;gap:12px}.field{display:grid;gap:5px}.field input,.field select,.field textarea{width:100%;background:#0a1012;border:1px solid #35444b;color:#e9edef;border-radius:5px;padding:8px}.field textarea{resize:vertical;min-height:68px;line-height:1.4}.grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.add{align-self:end;height:36px}.full{width:100%}.chip{display:flex;gap:5px;align-items:center;padding:7px;background:#17252a;border-radius:5px}.chip span{flex:1;font-size:12px}.chip input{width:52px;background:#0b1013;border:1px solid #35434a;color:#e9edef;border-radius:3px;padding:4px}.chip button,.trigger button{padding:6px;color:#e17770}.trigger-list{display:grid;gap:6px}.trigger{display:flex;align-items:start;gap:5px;background:#0b1013;border:1px solid #2f3e45;border-radius:5px;padding:6px}.trigger code{flex:1;overflow-wrap:anywhere;color:#b7dce0;font-size:10px;line-height:1.5}.toast{position:fixed;z-index:20;right:18px;bottom:18px;display:flex;align-items:center;gap:7px;background:#e3efe9;color:#152119;padding:10px 12px;border-radius:6px;box-shadow:0 8px 30px #0008}.toast button{padding:0;border:0;background:transparent;color:#152119}.toast svg{width:14px}@media(max-width:1050px){.shell{grid-template-columns:225px minmax(370px,1fr)}.inspector{position:absolute;z-index:10;right:0;top:64px;bottom:0;width:350px;box-shadow:-10px 0 30px #0005}}@media(max-width:720px){header{padding:0 10px}.brand small,.canvas-help{display:none}.header-actions button{font-size:0;padding:9px}.header-actions svg{width:17px;height:17px}.shell{display:block}.sidebar{display:none}.inspector{width:320px}.canvas-bar button{font-size:10px}.canvas-bar b{font-size:13px}}