*{box-sizing:border-box}body{margin:0;background:#07111e;color:#dce8f4;font:13px system-ui,Segoe UI,sans-serif}header{height:56px;display:flex;align-items:center;gap:22px;padding:0 18px;border-bottom:1px solid #253d52;background:#0e1c2c}.logo{color:#56c9e9;font-size:17px}header nav{margin-left:auto;display:flex;gap:9px;align-items:center}button,a{background:#182d42;border:1px solid #31506b;border-radius:5px;color:#d8ebf7;padding:8px 11px;cursor:pointer;text-decoration:none}button:hover,a:hover{background:#254663}button:focus-visible{outline:2px solid #58c7e8}.tag{font-size:10px;color:#86a1b6}.toolbar{height:48px;display:flex;gap:7px;align-items:center;padding:6px 14px;border-bottom:1px solid #2a4054}.toolbar button{padding:6px 9px}.toolbar label{margin-left:8px;color:#9db8cc;display:flex;align-items:center;gap:8px}#status{margin-left:auto;color:#76c8aa}.workspace{display:grid;grid-template-columns:255px minmax(400px,1fr) 290px;height:calc(100vh - 104px)}aside{overflow:auto;background:#0d1b2b;padding:17px;border-right:1px solid #233d53}.right{border-right:0;border-left:1px solid #233d53}h2{font-size:13px;letter-spacing:1px;color:#8ab9d2;margin:0 0 14px}h3{font-size:12px;margin-top:24px;color:#a9cee2}.muted,p{color:#8ea8ba;line-height:1.5}.palette-item{padding:11px;border:1px solid #2a4058;border-radius:6px;margin:7px 0;cursor:grab;background:#13283c}.palette-item:hover{background:#1d3b53}main{display:flex;min-width:0;flex-direction:column}.canvas-title{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-bottom:1px solid #1d374b}.canvas-title span{font-size:11px;color:#809bad}#canvas{flex:1;overflow:hidden;background-color:#091726;background-image:radial-gradient(#264158 1px,transparent 1px);background-size:22px 22px;touch-action:none}svg{width:100%;height:100%;user-select:none}.node{cursor:grab}.node rect{fill:#132b40;stroke-width:2}.node text{fill:#e5f3fc;pointer-events:none}.node .kind{fill:#9fb6c9;font-size:11px}.node.selected rect{stroke:#f7d96d!important;stroke-width:3}.port{fill:#d4e6f2;stroke:#29516d;stroke-width:2;cursor:crosshair}.edge{fill:none;stroke:#8ca6c0;stroke-width:2;marker-end:url(#arrow);cursor:pointer}.edge.selected{stroke:#f4d36d;stroke-width:4}.bottom{min-height:43px;border-top:1px solid #2c4052;display:flex;align-items:center;gap:15px;padding:8px 15px;font-size:11px}.boundary{margin-left:auto;color:#8b9da9}input,textarea,select{width:100%;padding:7px;margin:4px 0 12px;border-radius:4px;background:#0b2033;border:1px solid #36526b;color:#e4f1fa}label{display:block;color:#aac6d7;font-size:11px}#inspector,#evidence,#meta{line-height:1.5;overflow-wrap:anywhere}#stats{color:#90bed3}.badge{display:inline-block;padding:4px 6px;border-radius:4px;background:#234057;color:#b9d7e7;margin:3px 0}@media(max-width:900px){.workspace{grid-template-columns:185px minmax(300px,1fr)}.right{display:none}.toolbar{overflow:auto}.toolbar button{white-space:nowrap}}
#canvas{touch-action:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #5ed9fc;outline-offset:2px}.toolbar label{white-space:nowrap}.toolbar input[type=checkbox]{width:auto;display:inline}.palette-item{display:block;width:100%;text-align:start;min-height:42px}.toolbar button,header button{min-height:40px}#docname[contenteditable]{outline-offset:3px}html[dir=rtl] header,html[dir=rtl] .toolbar{direction:rtl}html[dir=rtl] #svg{direction:ltr}@media(max-width:650px){header{height:auto;min-height:54px;flex-wrap:wrap;padding:8px}.workspace{grid-template-columns:90px minmax(0,1fr);height:calc(100dvh - 160px)}.left{padding:7px}.left h2{font-size:10px}.left h3,.left p,.left #stats{display:none}.right{display:none}.show-inspector .right{display:block;position:fixed;right:0;top:145px;width:min(300px,82vw);bottom:0;z-index:20;background:#102536;border:1px solid #49657c}.toolbar{overflow-x:auto;flex-wrap:nowrap}.toolbar>*{flex-shrink:0}.canvas-title{font-size:11px}.bottom{height:auto;flex-wrap:wrap;font-size:9px}.palette-item{font-size:10px;padding:8px 3px}}
.mobile-library-toggle,.advanced-panel-close{display:none}
@media(max-width:760px){
 html,body{width:100%;height:100%;overflow:hidden}body{display:flex;flex-direction:column;height:100svh;height:100dvh}header{height:auto;min-height:92px;flex:none;display:flex;flex-wrap:wrap;gap:6px 12px;padding:8px 10px}header>.tag{display:none}header>span{font-size:11px}header nav{margin:0;display:flex;gap:6px;overflow-x:auto;width:100%;max-width:100%;min-width:0;padding-bottom:2px}header nav>*{flex:0 0 auto;min-height:40px;font-size:12px;padding:8px}body>.toolbar{height:54px;min-height:54px;flex:none;overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;gap:6px;padding:6px 8px}body>.toolbar>*{flex:0 0 auto}body>.toolbar button{min-height:42px;font-size:12px}.mobile-library-toggle{display:inline-flex}.toolbar #status{display:none}body>.workspace{display:grid;grid-template-columns:minmax(0,1fr);height:auto;flex:1;min-height:0;min-width:0}.workspace>main{height:100%;min-height:0;width:100%;overflow:hidden}.workspace>.left,.workspace>.right{display:none;position:fixed;top:146px;bottom:8px;z-index:70;width:min(310px,calc(100vw - 20px));padding:12px;background:#102438;border:1px solid #40617c;box-shadow:0 0 0 100vmax #0007;overflow:auto}.show-palette .workspace>.left{display:block;left:8px}.show-inspector .workspace>.right{display:block;right:8px;top:146px;bottom:8px}.advanced-panel-close{display:block;position:sticky;top:0;min-height:44px;width:100%;margin-bottom:14px;background:#24425d;z-index:5}.left h2,.left h3,.left p,.left #stats{display:block}.palette-item{font-size:14px;padding:13px;min-height:48px}.canvas-title{height:40px;min-height:40px;padding:7px 10px}.canvas-title #docname{font-size:13px;max-width:100%;overflow:hidden;white-space:nowrap}.canvas-title>span{display:none}#canvas{min-height:0;width:100%;flex:1}.bottom{height:auto;min-height:42px;padding:7px 9px;font-size:10px;gap:5px}.bottom .boundary{display:none}input,textarea,select{font-size:16px}#zoom{width:90px;margin:0}#multi{width:auto}
}