*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{overflow:hidden;background:radial-gradient(circle at 18% 12%,rgba(68,118,196,.2),transparent 32%),linear-gradient(135deg,#070a11,#0a101c 52%,#07111b);color:#edf4ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:0}button,input{font:inherit}.editor-shell{height:100%;padding:14px}.top-bar{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border:1px solid rgba(140,166,210,.14);border-radius:8px;background:#0c121fc2;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:0 24px 80px #00000047}.brand{display:flex;align-items:center;gap:12px}.brand strong,.brand small{display:block}.brand small{margin-top:2px;color:#7f8fa9;font-size:12px}.brand-mark{width:36px;height:36px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(145deg,#6ea8ff,#7ee3c2);color:#08101e;font-weight:800}.toolbar{display:flex;align-items:center;gap:8px}.zoom-text{min-width:48px;color:#a7b7d2;text-align:center;font-size:12px}.editor-layout{height:calc(100% - 78px);display:grid;grid-template-columns:300px minmax(0,1fr) 340px;gap:14px;margin-top:14px}.left-stack{min-height:0;display:grid;grid-template-rows:1.15fr .85fr;gap:14px}.panel{min-height:0;overflow:hidden;border:1px solid rgba(140,166,210,.13);border-radius:8px;background:#0c121fad;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:inset 0 1px #ffffff0a,0 18px 60px #00000038}.panel-title{height:48px;display:flex;align-items:center;padding:0 16px;border-bottom:1px solid rgba(140,166,210,.12);color:#dce8ff;font-size:14px;font-weight:700}.material-panel{height:68%}.material-panel,.layer-panel,.property-panel{overflow-y:auto;height:68%}.material-group{padding:14px}.material-group h3{margin:0 0 10px;color:#7f8fa9;font-size:12px;font-weight:600}.material-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.material-item{height:66px;display:flex;align-items:center;gap:10px;padding:0 12px;border:1px solid rgba(126,164,220,.15);border-radius:8px;background:#141d2eb8;color:#d8e6fb;cursor:grab;transition:transform .16s ease,border-color .16s ease,background .16s ease}.material-item:hover{transform:translateY(-2px);border-color:#6ea8ff8a;background:#1c2941eb}.material-item span{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#6ea8ff21;color:#9fc3ff;font-size:12px;font-weight:800}.material-item em{font-style:normal;font-size:13px}.canvas-stage{position:relative;overflow:hidden;border:1px solid rgba(140,166,210,.12);border-radius:8px;background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),#050910b8;background-size:36px 36px}.canvas-viewport{position:absolute;left:0;top:0;transform-origin:0 0}.canvas-board{position:relative;overflow:hidden;border:1px solid rgba(126,164,220,.2);background-color:#090f19eb;box-shadow:0 30px 120px #00000061}.canvas-board--grid{background-image:linear-gradient(rgba(126,164,220,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(126,164,220,.08) 1px,transparent 1px);background-size:24px 24px}.canvas-board--dot{background-image:radial-gradient(rgba(126,164,220,.22) 1px,transparent 1px);background-size:18px 18px}.canvas-node{position:absolute;border:1px solid transparent;cursor:move;transition:box-shadow .14s ease,border-color .14s ease}.canvas-node.selected{border-color:#6ea8ff;box-shadow:0 0 0 1px #6ea8ff33,0 0 28px #6ea8ff29}.canvas-node.locked{cursor:not-allowed}.resize-handle{position:absolute;right:-5px;bottom:-5px;width:10px;height:10px;border:2px solid #09111f;border-radius:50%;background:#7ee3c2;cursor:nwse-resize}.guide-line{position:absolute;z-index:9999;pointer-events:none;background:#7ee3c2;box-shadow:0 0 16px #7ee3c28c}.guide-line--vertical{top:0;width:1px;height:100%}.guide-line--horizontal{left:0;width:100%;height:1px}.select-box{position:absolute;z-index:10000;border:1px solid rgba(110,168,255,.8);background:#6ea8ff1f}.layer-list{padding:10px}.layer-item{height:38px;display:grid;grid-template-columns:14px 1fr 28px 28px;align-items:center;gap:8px;margin-bottom:8px;padding:0 8px;border:1px solid rgba(126,164,220,.1);border-radius:8px;background:#131c2d9e;color:#aebdd4;cursor:pointer}.layer-item.active{border-color:#6ea8ff94;color:#edf4ff}.layer-item.muted{opacity:.48}.layer-item strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.layer-item button{border:0;background:transparent;color:#8ba0bd;cursor:pointer}.layer-dot{width:7px;height:7px;border-radius:50%;background:#6ea8ff}.property-body{padding:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-stack{display:grid;gap:12px}.form-grid label,.form-stack label{display:grid;gap:6px;color:#8fa1bd;font-size:12px}.empty-panel{padding:24px 16px;color:#7f8fa9;font-size:13px}.context-menu{position:fixed;z-index:20000;min-width:148px;padding:8px;border:1px solid rgba(140,166,210,.18);border-radius:8px;background:#0f1624f0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 22px 70px #00000057}.context-menu button{width:100%;height:32px;border:0;border-radius:6px;background:transparent;color:#dce8ff;text-align:left;cursor:pointer}.context-menu button:hover{background:#6ea8ff1f}.context-menu button.danger{color:#ff9d9d}.schema-node{width:100%;height:100%;display:grid;align-items:center;overflow:hidden;border:1px solid;padding:12px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:inset 0 1px #ffffff0a}.material-button{height:34px;border:0;border-radius:7px;background:linear-gradient(135deg,#6ea8ff,#7ee3c2);color:#07111d;font-weight:700}.material-input,.fake-select{width:100%;height:34px;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(140,166,210,.18);border-radius:7px;background:#070d1875;color:#cfdcf2;padding:0 10px}.option-line{display:flex;align-items:center;gap:14px}.option-line span{display:flex;align-items:center;gap:6px}.radio-dot,.check-box{width:14px;height:14px;border:1px solid #6ea8ff;display:inline-block}.radio-dot{border-radius:50%;box-shadow:inset 0 0 0 4px #6ea8ff3d}.check-box{border-radius:4px;background:#6ea8ff2e}.fake-switch{width:46px;height:24px;border-radius:999px;background:#8ca6d238}.fake-switch:after{content:"";width:18px;height:18px;display:block;margin:3px;border-radius:50%;background:#dce8ff;transition:transform .16s ease}.fake-switch.active{background:#6ea8ff}.fake-switch.active:after{transform:translate(22px)}.placeholder{height:100%;display:grid;place-items:center;border:1px dashed rgba(126,164,220,.38);border-radius:6px;color:#7f8fa9}.card-shell{height:100%;display:grid;align-content:start;gap:16px}.card-shell strong{color:#edf4ff}.columns-shell{height:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:10px}.columns-shell div{border:1px dashed rgba(126,164,220,.3);border-radius:6px;background:#6ea8ff0f}.divider{display:flex;align-items:center;gap:10px;color:#8fa1bd}.divider:before,.divider:after{content:"";height:1px;flex:1;background:#7ea4dc4d}.data-table{width:100%;border-collapse:collapse;font-size:12px}.data-table td{padding:8px;border-bottom:1px solid rgba(126,164,220,.12)}.state-pill{padding:2px 8px;border-radius:999px;background:#7ee3c21f;color:#7ee3c2}.bar-chart{height:100%;display:flex;align-items:end;gap:12px;padding:12px}.bar-chart span{flex:1;min-height:18px;border-radius:7px 7px 2px 2px;background:linear-gradient(180deg,#7ee3c2,#6ea8ff)}.progress-view{position:relative;display:grid;gap:12px}.progress-view span{color:#dce8ff;font-weight:700}.progress-view:before,.progress-view i{height:8px;border-radius:999px}.progress-view:before{content:"";width:100%;background:#7ea4dc2e}.progress-view i{position:absolute;left:0;bottom:0;background:linear-gradient(90deg,#6ea8ff,#7ee3c2)}.metric-card{display:grid;gap:4px}.metric-card span{color:#8fa1bd;font-size:12px}.metric-card strong{font-size:30px;line-height:1}.metric-card em{color:#7ee3c2;font-style:normal}