:root{--accent:#3b6ef6;--card:#fff;--card-border:#e4e7ee;--card-shadow:0 1px 2px #1018280d, 0 6px 20px #1018280f;--header-bg:#fafbfd;--sep:#e7eaf0;--task-border:#d9dde5;--margin-base:#f6cccc;--margin-border:#a0282880;color:#1f2937;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{overflow:hidden}.app{-webkit-user-select:none;user-select:none;background:#f4f6f9;width:100vw;height:100vh;position:relative;overflow:hidden}.detail-panel input,.detail-panel textarea,.detail-panel select{-webkit-user-select:text;user-select:text}.canvas{-webkit-user-select:none;user-select:none;touch-action:none;overscroll-behavior:none;background-color:#f4f6f9;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M16 12.5 L16 19.5 M12.5 16 L19.5 16' stroke='%23c9cfdb' stroke-width='1' stroke-linecap='round'/%3E%3C/svg%3E");background-position:60px 48px;background-repeat:repeat;background-size:32px 32px;position:absolute;inset:0;overflow:hidden}.world{transform-origin:0 0;will-change:transform;width:0;height:0;position:absolute;top:0;left:0;transform:translate(60px,48px)scale(1)}.project-card{box-sizing:border-box;background:var(--card);border:1px solid var(--card-border);box-shadow:var(--card-shadow);isolation:isolate;border-radius:14px;position:absolute}.project-card.is-selected{border-color:var(--accent);box-shadow:0 0 0 3px #3b6ef62e, var(--card-shadow)}.grid-handle{color:#aab2c0;opacity:0;cursor:grab;z-index:6;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:22px;height:20px;padding:0;transition:opacity .15s,background .15s,color .15s;display:flex;position:absolute;top:7px;left:8px}.project:hover .grid-handle{opacity:1}.grid-handle:hover{color:#5b6472;background:#eef1f6}.grid-handle:active{cursor:grabbing}.project-header{border-bottom:1px solid var(--card-border);background:var(--header-bg);cursor:grab;z-index:5;border-top-left-radius:14px;border-top-right-radius:14px;align-items:center;gap:8px;padding:0 12px 0 34px;display:flex;position:absolute;top:0;left:0}.project-header:active{cursor:grabbing}.project-name{color:inherit;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:650;overflow:hidden}.project-status-pill{color:var(--accent);white-space:nowrap;background:#eaf0ff;border-radius:999px;flex-shrink:0;margin-left:auto;padding:2px 8px;font-size:11px;font-weight:600}.stage-separator{background:var(--sep);z-index:1;width:1px;position:absolute}.task{z-index:2;position:absolute}.task--ghost{z-index:60;opacity:.92;pointer-events:none}.task--ghost .task-block{cursor:grabbing;box-shadow:0 10px 24px #10182833}.task--ghost *{pointer-events:none}.task-block{box-sizing:border-box;border:1px solid var(--task-border);cursor:grab;z-index:2;background:#fff;border-radius:8px;align-items:center;gap:8px;height:100%;padding:0 10px;display:flex;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 1px 2px #1018280f}.task-block:hover{border-color:#b6bdca;box-shadow:0 2px 6px #1018281a}.task-block:active{cursor:grabbing}.task-block.has-margin{border-top-right-radius:0;border-bottom-right-radius:0}.task-block.is-selected{border-color:var(--accent);box-shadow:0 0 0 2px #3b6ef640}.task-accent{background:var(--status-color,#94a3b8);border-radius:3px;flex-shrink:0;width:4px;height:60%}.task-name{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;font-weight:500;overflow:hidden}.task-name.is-empty{color:#b3bbc7;font-weight:400}.task-meta{flex-shrink:0;align-items:center;gap:6px;display:flex}.task-days{color:#8a93a3;font-variant-numeric:tabular-nums;font-size:11px}.status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.task-margin{box-sizing:border-box;background:var(--margin-base);border:1px solid var(--margin-border);z-index:1;border-left:none;border-top-right-radius:8px;border-bottom-right-radius:8px;height:100%;position:absolute;top:0;overflow:hidden}.plate{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cg stroke='%237a1414' stroke-opacity='0.5' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M4 12 L12 4'/%3E%3Cpath d='M20 4 L28 12'/%3E%3Cpath d='M4 20 L12 28'/%3E%3Cpath d='M20 28 L28 20'/%3E%3C/g%3E%3C/svg%3E");background-repeat:repeat;animation:1s linear infinite paused plate-scroll;position:absolute;inset:0}.stage:hover .plate,.floating-stage:hover .plate,.task:hover .plate{animation-play-state:running}.margin-label{color:#5e0c0cbf;pointer-events:none;font-size:10px;font-weight:700;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.task-margin.is-adjusting{z-index:70;animation:1s ease-in-out infinite margin-pulse}@keyframes plate-scroll{0%{background-position:0 0}to{background-position:32px 0}}@keyframes margin-pulse{0%,to{border-color:#ffffff80;box-shadow:0 0 #fff0}50%{border-color:#fff;box-shadow:0 0 0 2px #fff,0 0 10px 2px #ffffffd9}}.rz{z-index:8;width:8px;height:100%;position:absolute;top:0}.rz-w{cursor:w-resize}.rz-e{cursor:e-resize}.rz:after{content:"";background:var(--accent);opacity:0;border-radius:3px;width:3px;height:54%;transition:opacity .12s;position:absolute;top:50%;transform:translateY(-50%)}.rz-w:after{right:0}.rz-e:after{left:0}.rz:hover:after{opacity:.75}.drop-placeholder{box-sizing:border-box;border:2px dashed var(--accent);z-index:1;background:#3b6ef60f;border-radius:8px;position:absolute}.new-task-btn{box-sizing:border-box;color:#aab2c0;cursor:pointer;z-index:2;background:#fff;border:1.5px dashed #cbd2dc;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:all .14s;display:flex;position:absolute}.new-task-btn:hover{border-style:solid;border-color:var(--accent);color:var(--accent);background:#f3f7ff}.new-stage-btn{box-sizing:border-box;color:#aeb6c2;cursor:pointer;z-index:1;background:0 0;border:1.5px dashed #d3d8e2;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:6px;transition:all .14s;display:flex;position:absolute}.new-stage-btn:hover{border-style:solid;border-color:var(--accent);color:var(--accent);background:#3b6ef60a}.new-stage-label{writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:1.5px;text-transform:uppercase;font-size:10px;font-weight:600}.brand{letter-spacing:.4px;color:#0f172a;pointer-events:none;z-index:20;font-size:15px;font-weight:800;position:absolute;top:16px;left:20px}.brand span{color:#98a2b3;margin-left:2px;font-size:12px;font-weight:500}.controls{z-index:20;align-items:center;gap:10px;display:flex;position:absolute;bottom:20px;left:20px}.new-project-btn{cursor:pointer;color:#111827;background:#fff;border:1px solid #d7dce4;border-radius:10px;align-items:center;gap:7px;padding:9px 14px;font-size:13px;font-weight:600;transition:all .14s;display:inline-flex;box-shadow:0 2px 8px #10182814}.new-project-btn:hover{background:#f7f9fc;border-color:#c4cbd6}.zoom-indicator{color:#6b7280;text-align:center;font-variant-numeric:tabular-nums;pointer-events:none;background:#ffffffd9;border:1px solid #e2e6ee;border-radius:9px;min-width:48px;padding:7px 10px;font-size:12px;box-shadow:0 2px 8px #1018280d}.hint{color:#8a93a3;pointer-events:none;z-index:20;white-space:nowrap;background:#ffffffd1;border:1px solid #e6e9ef;border-radius:999px;padding:7px 12px;font-size:12px;position:absolute;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #1018280d}.hint kbd{color:#5b6472;background:#eef1f6;border:1px solid #dfe3ea;border-radius:4px;padding:0 4px;font-family:inherit;font-size:11px}.board-boot{z-index:40;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.board-boot-card{border:1px solid var(--card-border);max-width:460px;box-shadow:var(--card-shadow);text-align:center;background:#fff;border-radius:12px;padding:22px 24px}.board-boot-title{color:#0f172a;font-size:14px;font-weight:700}.board-boot-detail{color:#6b7280;-webkit-user-select:text;user-select:text;margin:10px 0 0;font-size:12.5px;line-height:1.5}.board-boot-retry{cursor:pointer;color:#111827;background:#fff;border:1px solid #d7dce4;border-radius:9px;margin-top:16px;padding:8px 14px;font-size:13px;font-weight:600}.board-boot-retry:hover{background:#f7f9fc;border-color:#c4cbd6}.board-status{color:#8a93a3;pointer-events:none;z-index:20;background:#ffffffe6;border:1px solid #e6e9ef;border-radius:999px;padding:7px 11px;font-size:12px;position:absolute;bottom:20px;right:20px;box-shadow:0 2px 8px #1018280d}.board-status-error{color:#b42318;white-space:normal;-webkit-user-select:text;user-select:text;z-index:120;background:#fff5f4f2;border-color:#f3c3bd;border-radius:10px;max-width:320px}.detail-panel{border-left:1px solid var(--card-border);z-index:100;background:#fff;flex-direction:column;width:360px;max-width:88vw;height:100%;transition:transform .24s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:0;right:0;transform:translate(100%);box-shadow:-10px 0 30px #1018281a}.detail-panel.open{transform:translate(0)}.panel-close{color:#6b7280;cursor:pointer;z-index:2;background:#f1f3f7;border:none;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;display:flex;position:absolute;top:14px;right:14px}.panel-close:hover{background:#e6e9ef}.panel-body{flex-direction:column;gap:16px;padding:26px 22px;display:flex;overflow-y:auto}.panel-kicker{text-transform:uppercase;letter-spacing:.8px;color:#98a2b3;font-size:11px;font-weight:700}.panel-title-input{color:#0f172a;background:0 0;border:none;border-bottom:1px solid #0000;outline:none;width:100%;margin-top:-6px;padding:2px 0;font-size:20px;font-weight:750}.panel-title-input:focus{border-bottom-color:var(--accent)}.field-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.field{flex-direction:column;gap:5px;min-width:0;display:flex}.field>span{color:#6b7280;font-size:12px;font-weight:500}.field input,.field select,.field textarea{color:#111827;box-sizing:border-box;background:#fbfcfd;border:1px solid #dce0e7;border-radius:8px;outline:none;width:100%;padding:8px 10px;font-family:inherit;font-size:13px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);background:#fff;box-shadow:0 0 0 3px #3b6ef626}.field textarea{resize:vertical}.panel-note{color:#5b6472;border:1px solid #eaeef3;border-left:3px solid var(--accent);background:#f6f8fb;border-radius:8px;padding:10px 12px;font-size:12.5px;line-height:1.5}.stat-row{gap:10px;display:flex}.stat{text-align:center;background:#f7f9fc;border:1px solid #eef1f6;border-radius:10px;flex:1;padding:10px}.stat-value{color:#0f172a;font-size:18px;font-weight:750}.stat-label{color:#94a3b8;margin-top:2px;font-size:11px}body.dragging-ew,body.dragging-ew *{cursor:ew-resize!important;-webkit-user-select:none!important;user-select:none!important}body.dragging-grab,body.dragging-grab *{cursor:grabbing!important;-webkit-user-select:none!important;user-select:none!important}.context-menu{z-index:200;border:1px solid var(--card-border);background:#fff;border-radius:10px;padding:6px;position:fixed;box-shadow:0 10px 30px #1018282e}.context-menu-item{cursor:pointer;color:#1f2937;text-align:left;background:0 0;border:none;border-radius:7px;align-items:center;gap:10px;width:100%;padding:8px 10px;font-size:13px;font-weight:500;display:flex}.context-menu-item:hover{background:#f2f5fa}.context-menu-item.danger{color:#dc2626}.context-menu-item.danger:hover{background:#fef2f2}.context-menu-divider{background:var(--card-border);height:1px;margin:5px 6px}.modal-backdrop{z-index:300;background:#0f172a52;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:14px;width:390px;max-width:90vw;padding:22px 22px 18px;box-shadow:0 20px 60px #1018284d}.modal-title{color:#0f172a;margin-bottom:8px;font-size:17px;font-weight:700}.modal-body{color:#5b6472;font-size:13.5px;line-height:1.5}.modal-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.modal-hint{color:#98a2b3;text-align:center;margin-top:14px;font-size:11.5px}.modal-hint kbd{color:#5b6472;background:#eef1f6;border:1px solid #dfe3ea;border-radius:4px;padding:0 4px;font-family:inherit;font-size:11px}.btn-secondary{cursor:pointer;color:#374151;background:#fff;border:1px solid #d7dce4;border-radius:9px;padding:9px 14px;font-size:13px;font-weight:600}.btn-secondary:hover{background:#f7f9fc}.btn-danger{cursor:pointer;color:#fff;background:#dc2626;border:1px solid #dc2626;border-radius:9px;padding:9px 16px;font-size:13px;font-weight:600}.btn-danger:hover{background:#b91c1c;border-color:#b91c1c}.panel-danger{border-top:1px solid #eef1f6;margin-top:4px;padding-top:16px}.btn-danger-outline{color:#dc2626;cursor:pointer;background:#fff;border:1px solid #f1c4c4;border-radius:9px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px 14px;font-size:13px;font-weight:600;display:inline-flex}.btn-danger-outline:hover{background:#fef2f2;border-color:#dc2626}.stage{box-sizing:border-box;cursor:grab;z-index:2;border-radius:8px;transition:box-shadow .12s;position:absolute}.stage:hover{z-index:5;box-shadow:inset 0 0 0 1px #3b6ef647}.stage:active{cursor:grabbing}.stage.is-selected{box-shadow:inset 0 0 0 2px var(--accent)}.stage.is-resizing,.floating-stage.is-resizing{box-shadow:inset 0 0 0 2px var(--accent);z-index:6}.stage-rz:after{height:70%}.stage-name{color:#3f4756;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;z-index:2;padding:0 16px;font-size:12px;font-weight:650;position:absolute;top:8px;left:0;right:0;overflow:hidden}.stage-line{background:var(--sep);z-index:1;pointer-events:none;width:1px;position:absolute;top:0;bottom:0}.stage-line-left{left:0}.stage-line-right{right:0}.stage-plus{border:1.5px solid var(--accent);color:var(--accent);cursor:pointer;opacity:0;z-index:7;background:#fff;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:opacity .12s,transform .12s,background .12s,color .12s;display:flex;position:absolute;top:50%;transform:translateY(-50%)scale(.7);box-shadow:0 1px 5px #1018282e}.stage-plus-left{margin-left:-11px;left:0}.stage-plus-right{margin-right:-11px;right:0}.stage:hover .stage-plus{opacity:1;transform:translateY(-50%)scale(1)}.stage-plus:hover{background:var(--accent);color:#fff}.stage-drop-placeholder{box-sizing:border-box;border:2px dashed var(--accent);z-index:3;pointer-events:none;background:#3b6ef60f;border-radius:8px;position:absolute}.floating-stage{box-sizing:border-box;border:1px solid var(--card-border);box-shadow:var(--card-shadow);cursor:grab;isolation:isolate;z-index:3;border-radius:10px;position:absolute}.floating-stage:active{cursor:grabbing}.floating-stage:hover{box-shadow:inset 0 0 0 1px #3b6ef647, var(--card-shadow)}.floating-stage.is-selected{border-color:var(--accent);box-shadow:0 0 0 3px #3b6ef62e, var(--card-shadow)}.color-picker{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.swatch{cursor:pointer;border:1px solid #0f172a26;border-radius:50%;width:24px;height:24px;padding:0;transition:transform .1s;position:relative}.swatch:hover{transform:scale(1.08)}.swatch.is-selected{box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--accent)}.swatch-none{background:#fff;overflow:hidden}.swatch-none:after{content:"";background:#e2564f;width:1.5px;height:28px;position:absolute;top:-2px;left:50%;transform:translate(-50%)rotate(45deg)}.swatch-custom{background:conic-gradient(#ff5f6d,#ffc371,#47e5bc,#4d8bf5,#a86bff,#ff5f6d);display:inline-flex;overflow:hidden}.swatch-custom input{opacity:0;cursor:pointer;border:none;width:100%;height:100%;padding:0}.panel-title-static{color:#0f172a;margin-top:-6px;font-size:20px;font-weight:750}.project{isolation:isolate;position:absolute}.project-margin{box-sizing:border-box;z-index:-1;background:#dfe3ea;border:1px solid #505c6e66;border-left:none;border-top-right-radius:14px;border-bottom-right-radius:14px;position:absolute;top:0;overflow:hidden}.project-plate{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cg stroke='%235b6472' stroke-opacity='0.55' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M4 12 L12 4'/%3E%3Cpath d='M20 4 L28 12'/%3E%3Cpath d='M4 20 L12 28'/%3E%3Cpath d='M20 28 L28 20'/%3E%3C/g%3E%3C/svg%3E");background-repeat:repeat;animation:2s linear infinite paused plate-scroll;position:absolute;inset:0}.project:hover .project-plate{animation-play-state:running}.project-margin.is-adjusting{animation:1s ease-in-out infinite margin-pulse}.project-margin-label{color:#334155b3;pointer-events:none;font-size:11px;font-weight:700;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.channel-bg{z-index:0;pointer-events:none;position:absolute}.channel-header{border-bottom:1px solid var(--card-border);cursor:grab;z-index:4;align-items:center;padding:0 14px;display:flex;position:absolute;overflow:hidden}.channel-header:active{cursor:grabbing}.channel-header.is-selected{box-shadow:inset 0 0 0 2px var(--accent)}.channel-name{letter-spacing:.3px;color:inherit;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:700;overflow:hidden}.channel-insert-line{background:var(--accent);z-index:7;pointer-events:none;border-radius:3px;height:3px;position:absolute;box-shadow:0 0 0 2px #3b6ef633}.new-channel-btn{color:#8a93a3;cursor:pointer;z-index:3;background:#fff;border:1.5px dashed #d3d8e2;border-radius:10px;align-items:center;gap:7px;padding:8px 16px;font-size:12px;font-weight:600;transition:all .14s;display:inline-flex;position:absolute;transform:translate(-50%)}.new-channel-btn:hover{border-style:solid;border-color:var(--accent);color:var(--accent);background:#3b6ef60a}.drag-ghost-layer{z-index:60;pointer-events:none;opacity:.92;position:absolute;top:0;left:0}.ghost-stage{box-sizing:border-box;border:1px solid var(--card-border);border-radius:8px;position:absolute;box-shadow:0 10px 24px #10182833}.channel-ghost{box-sizing:border-box;border:1px solid var(--card-border);background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 14px 32px #1018283d}.channel-ghost .channel-header{border-bottom:1px solid var(--card-border)}.channel-ghost .ghost-stage{box-shadow:none;border-color:#0000}