*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;font-family:Space Grotesk,system-ui,sans-serif;font-size:13px;background:#010912;color:#cce6ff}#app{display:flex;flex-direction:column;height:100vh}#toolbar{height:46px;flex-shrink:0;display:flex;align-items:center;gap:6px;padding:0 88px 0 10px;background:#010e20;border-bottom:1px solid rgba(0,180,255,.1);z-index:10}.back-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;color:#8cc3ff80;text-decoration:none;transition:color .15s,background .15s}.back-btn:hover{color:#00b4ff;background:#00b4ff14}.tb-brand{display:flex;align-items:center;gap:6px;margin-right:6px;font-size:.8rem;font-weight:600;letter-spacing:.01em}.tb-actions{display:flex;align-items:center;gap:4px}.tb-sep{width:1px;height:18px;background:#00b4ff1a;margin:0 2px}.tb-btn{display:flex;align-items:center;gap:4px;padding:4px 9px;border:1px solid rgba(0,180,255,.14);border-radius:6px;background:#00328c14;color:#8cc3ff8c;font-size:.72rem;cursor:pointer;white-space:nowrap;transition:border-color .15s,color .15s,background .15s}.tb-btn:hover{border-color:#00b4ff52;color:#cce6ff;background:#0064ff1a}.tb-btn.accent{border-color:#00b4ff4d;color:#00b4ff;background:#0064ff1a}.tb-btn.accent:hover{background:#008cff2e}.tb-btn.accent-ghost{border-color:#00b4ff33;color:#00b4ffb3}.tb-btn.accent-ghost:hover{border-color:#00b4ff66;color:#00b4ff;background:#0064ff1a}.tb-btn:disabled{opacity:.5;cursor:default;pointer-events:none}.tb-color-wrap{display:flex;align-items:center;gap:4px;padding:4px 9px;border:1px solid rgba(0,180,255,.14);border-radius:6px;background:#00328c14;color:#8cc3ff8c;font-size:.72rem;cursor:pointer;white-space:nowrap;transition:border-color .15s,color .15s}.tb-color-wrap:hover{border-color:#00b4ff52;color:#cce6ff}#tb-color-pick{width:16px;height:16px;padding:0;border:none;border-radius:3px;cursor:pointer;background:none;flex-shrink:0}#tb-color-pick::-webkit-color-swatch-wrapper{padding:0}#tb-color-pick::-webkit-color-swatch{border-radius:3px;border:1px solid rgba(255,255,255,.2)}.tb-zoom{font-size:.7rem;color:#8cc3ff66;min-width:32px;text-align:center}#workspace{display:flex;flex:1;overflow:hidden;min-height:0}#board{flex:1;position:relative;overflow:hidden;cursor:grab;background-color:#010912;background-image:linear-gradient(rgba(0,100,220,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(0,100,220,.06) 1px,transparent 1px);background-size:28px 28px}#board:active{cursor:grabbing}#svg-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}#empty-hint{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#649bd24d;pointer-events:none;font-size:.78rem}#empty-hint strong{color:#649bd280}.card{position:absolute;width:152px;border-radius:10px;background:var(--card-bg, #071830);border:1px solid rgba(var(--pg-r,0),var(--pg-g,160),var(--pg-b,255),.18);box-shadow:0 2px 12px #0009;overflow:hidden;cursor:default;user-select:none;transition:border-color .15s,box-shadow .15s}.card:hover{border-color:rgba(var(--pg-r,0),var(--pg-g,160),var(--pg-b,255),.38)}.card.sel{border-color:rgba(var(--pg-r,0),var(--pg-g,160),var(--pg-b,255),.7);box-shadow:0 0 0 2px rgba(var(--pg-r,0),var(--pg-g,160),var(--pg-b,255),.15),0 4px 24px #003cc840}.card-top{display:flex;align-items:center;gap:4px;height:26px;padding:0 6px;background:#0b2a52;border-bottom:1px solid rgba(0,0,0,.25);cursor:grab}.card-top:active{cursor:grabbing}.card-dots{display:flex;gap:3px;flex-shrink:0}.card-dots i{display:block;width:5px;height:5px;border-radius:50%;background:#00b4ff52}.card-title{flex:1;min-width:0;font-size:.68rem;font-weight:600;color:#cce6ff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:grab;outline:none}.card-title[contenteditable=true]{background:#0078ff33;border-radius:3px;cursor:text;padding:1px 3px}.card-del{flex-shrink:0;width:16px;height:16px;border:none;background:none;cursor:pointer;color:#8cc3ff40;font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center;padding:0;border-radius:3px;transition:color .12s,background .12s}.card-del:hover{color:#ff5a5ae6;background:#c800001a}.card-body{padding:4px 4px 0;display:flex;flex-direction:column;gap:2px}.blk{border-radius:4px;position:relative;overflow:hidden;flex-shrink:0;display:flex;flex-direction:column}.blk-svg{flex:1;display:block;width:100%;min-height:0}.blk-drag{position:absolute;left:2px;top:1px;width:10px;height:11px;line-height:11px;display:none;align-items:center;justify-content:center;font-size:9px;color:#ffffff47;cursor:grab;z-index:3;user-select:none}.blk:hover .blk-drag{display:flex}.blk.dov-top{box-shadow:inset 0 2px #00d2ffd9}.blk.dov-bot{box-shadow:inset 0 -2px #00d2ffd9}.blk-rm{position:absolute;top:1px;right:2px;width:14px;height:14px;border:none;background:#0006;color:#fff6;font-size:11px;cursor:pointer;border-radius:3px;display:none;align-items:center;justify-content:center;padding:0;z-index:1;transition:background .12s,color .12s}.blk:hover .blk-rm{display:flex}.blk-rm:hover{background:#b4000099;color:#fff}.blk-lbl{flex-shrink:0;height:11px;line-height:11px;padding:0 20px 0 5px;font-size:8px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#ffffff6b;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;outline:none;z-index:2;transition:color .12s}.blk-lbl.custom{color:#b4dcffbf;font-style:italic;text-transform:none}.card:hover .blk-lbl{color:#ffffff8c}.card:hover .blk-lbl.custom{color:#b4dcffe6}.blk-lbl[contenteditable=true]{pointer-events:auto;cursor:text;color:#fff;font-style:normal;text-transform:none;background:#0009;border-radius:3px;padding:1px 4px;overflow:visible;text-overflow:unset;max-width:140px}.card-foot{padding:4px}.btn-sub{width:100%;padding:3px 0;border:1px dashed rgba(0,180,255,.2);border-radius:4px;background:transparent;color:#64a0dc59;font-size:.6rem;font-weight:600;letter-spacing:.04em;cursor:pointer;transition:border-color .12s,color .12s,background .12s}.btn-sub:hover{border-color:#00b4ff80;color:#00b4ff;background:#0078ff0f}#sidebar{width:196px;flex-shrink:0;background:#010e20;border-left:1px solid rgba(0,180,255,.08);overflow-y:auto;display:flex;flex-direction:column}.sb-sect{padding:12px 12px 8px}.sb-hr{height:1px;background:#00b4ff12;flex-shrink:0}.sb-lbl{font-size:.58rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#64a0dc4d;margin-bottom:8px}.sb-hint{font-size:.7rem;color:#64a0dc59}.sb-name{font-size:.76rem;font-weight:600;color:#00b4ff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-tip{font-size:.65rem;color:#64a0dc4d;line-height:1.55}#sb-blocks{display:flex;flex-direction:column;gap:3px}.sb-blk{display:flex;align-items:center;gap:7px;padding:4px 5px;border:1px solid rgba(0,180,255,.1);border-radius:6px;background:#00286412;color:#8cc3ff80;font-size:.7rem;cursor:pointer;text-align:left;transition:border-color .12s,background .12s,color .12s}.sb-blk:hover:not(:disabled){border-color:#00b4ff4d;background:#005aff1a;color:#cce6ff}.sb-blk.sb-off,.sb-blk:disabled{opacity:.3;cursor:not-allowed}.sb-prev{width:40px;height:16px;border-radius:3px;flex-shrink:0;position:relative;overflow:hidden;display:block}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0096ff2e;border-radius:2px}[data-theme=light] body{background:#ede4d4}[data-theme=light] #toolbar{background:#ebdcc3f2;border-bottom-color:#a0783a33}[data-theme=light] .back-btn{color:#4e36128c}[data-theme=light] .back-btn:hover{color:#b87820;background:#a06e1c1a}[data-theme=light] .tb-brand{color:#1a1208}[data-theme=light] .tb-sep{background:#a0783a2e}[data-theme=light] .tb-btn{border-color:#a0783a2e;background:#a06e1c0f;color:#4e361299}[data-theme=light] .tb-btn:hover{border-color:#a06e1c61;color:#1a1208}[data-theme=light] .tb-btn.accent{background:#b878201f;border-color:#b8782059;color:#b87820}[data-theme=light] #workspace,[data-theme=light] #board{background:#e8dcc8}[data-theme=light] ::-webkit-scrollbar-thumb{background:#a06e1c47}