:root{--bg:#0b0e14;--bg2:#0f1420;--panel:#121826;--border:#1c2230;--fg:#e6e9ef;--dim:#8b93a7;--accent:#7aa2f7;--green:#9ece6a;--amber:#f5a623;--red:#e5484d}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--fg);font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px}.app{flex-direction:column;height:100%;display:flex}.topbar{border-bottom:1px solid var(--border);background:var(--bg2);justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.brand{align-items:baseline;gap:8px;display:flex}.brand-glyph{font-size:18px}.brand-name{letter-spacing:.02em;font-size:16px;font-weight:700}.brand-sub{color:var(--dim);font-size:12px}.topbar-actions{gap:8px;display:flex}button,.btn-like{color:var(--fg);cursor:pointer;background:#1c2333;border:1px solid #2a3450;border-radius:7px;align-items:center;gap:4px;padding:6px 12px;font-size:12.5px;display:inline-flex}button:hover,.btn-like:hover{background:#232c42}.layout{flex:1;grid-template-columns:250px 1fr 290px;min-height:0;display:grid}.pool-pane,.library-pane{background:var(--panel);border-right:1px solid var(--border);flex-direction:column;gap:14px;padding:14px;display:flex;overflow-y:auto}.library-pane{border-right:none;border-left:1px solid var(--border)}.pane-title{letter-spacing:.06em;color:var(--fg);font-size:13px}.pane-title small{color:var(--dim);margin-top:2px;font-weight:400;display:block}.pool-input input{background:var(--bg);width:100%;color:var(--fg);border:1px solid var(--border);border-radius:8px;padding:9px 10px;font-size:13px}.pool-input input:focus{border-color:var(--accent);outline:none}.tag-row{gap:6px;margin-top:8px;display:flex}.tag-chip{--tag-color:var(--dim);border-color:var(--tag-color);color:var(--tag-color);opacity:.55;padding:3px 10px}.tag-chip.active{opacity:1;background:color-mix(in srgb, var(--tag-color) 18%, transparent)}.pool-section h3{color:var(--dim);align-items:center;gap:6px;margin-bottom:8px;font-size:12px;display:flex}.count{background:var(--bg);color:var(--dim);border-radius:10px;padding:0 7px;font-size:11px}.kw-list{flex-direction:column;gap:6px;list-style:none;display:flex}.kw-list.dim{opacity:.65}.kw-chip{background:var(--bg);border:1px solid var(--border);cursor:grab;-webkit-user-select:none;user-select:none;border-radius:8px;align-items:center;gap:7px;padding:7px 9px;display:flex}.kw-chip:active{cursor:grabbing}.kw-dot{border-radius:50%;flex:none;width:8px;height:8px}.kw-text{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.kw-x{color:var(--dim);background:0 0;border:none;padding:0 3px;font-size:14px}.kw-x:hover{color:var(--red)}.empty{color:var(--dim);padding:8px 0;font-size:12px;line-height:1.6}.canvas-pane{flex-direction:column;min-width:0;min-height:0;display:flex}.canvas-toolbar{border-bottom:1px solid var(--border);background:var(--bg2);align-items:center;gap:10px;padding:8px 14px;display:flex}.type-name{font-weight:700}.type-desc{color:var(--dim);font-size:12px}.spacer{flex:1}.canvas-wrap{flex:1;min-height:0;padding:18px;position:relative}.canvas-svg{width:100%;height:100%;display:block}.axis-label{color:var(--dim);letter-spacing:.08em;background:color-mix(in srgb, var(--bg) 70%, transparent);border-radius:6px;padding:2px 8px;font-size:11px;position:absolute}.axis-x{bottom:6px;left:50%;transform:translate(-50%)}.axis-y{transform-origin:0;top:50%;left:8px;transform:rotate(-90deg)translate(50%)}.slot-fo .slot{width:calc(100% / var(--slot-scale,1) * 100%);height:calc(100% / var(--slot-scale,1) * 100%);transform:scale(calc(1 / var(--slot-scale,1)));transform-origin:0 0;background:#7aa2f714;border:1px dashed #7aa2f759;border-radius:6px;justify-content:center;align-items:center;gap:4px;padding:2px;transition:background .15s,border-color .15s;display:flex;position:relative}.slot-fo.over .slot{border-color:var(--accent);background:#7aa2f733}.slot-fo.flash .slot{border-color:var(--green);background:#9ece6a38;animation:.9s snap}@keyframes snap{0%{filter:brightness(1.6);box-shadow:0 0 #9ece6a8c}60%{filter:brightness(.92);box-shadow:0 0 14px 6px #9ece6a00}to{filter:none}}.slot-hint{color:var(--dim);cursor:pointer;text-align:center;padding:0 2px;font-size:10.5px;line-height:1.3}.slot-kw{text-align:center;-webkit-line-clamp:3;word-break:break-all;-webkit-box-orient:vertical;padding:0 2px;font-size:11px;font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}.slot-detach{background:var(--bg2);border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;padding:0;font-size:10px;line-height:1;display:none;position:absolute;top:-7px;right:-7px}.slot:hover .slot-detach{display:inline-flex}.slot input{width:96%;color:var(--fg);text-align:center;background:0 0;border:none;outline:none;font-size:11px}.slot-resize-hint{cursor:context-menu;position:absolute;inset:0}.intent-row{grid-template-columns:1fr 1fr;gap:6px;display:grid}.intent-btn{--prim-color:var(--dim);border-color:color-mix(in srgb, var(--prim-color) 40%, var(--border));color:var(--dim);flex-direction:column;gap:2px;padding:8px 6px;font-size:11.5px}.intent-btn .intent-glyph{color:var(--prim-color);font-size:15px}.intent-btn.active{opacity:1;color:var(--fg);background:color-mix(in srgb, var(--prim-color) 16%, transparent);border-color:var(--prim-color)}.lib-section h3{color:var(--dim);align-items:center;gap:6px;margin-bottom:8px;font-size:12px;display:flex}.type-scratch{margin-left:auto;padding:2px 8px;font-size:11px}.type-list{flex-direction:column;gap:7px;list-style:none;display:flex}.type-card{background:var(--bg);border:1px solid var(--border);cursor:pointer;border-radius:9px;padding:9px 10px;transition:border-color .15s}.type-card:hover{border-color:#2a3450}.type-card.active{border-color:var(--accent);background:#7aa2f712}.type-card.custom{border-style:dashed}.type-head{align-items:center;gap:7px;display:flex}.type-glyph{font-size:14px}.type-name{flex:1;font-size:13px;font-weight:600}.type-dup,.type-del{padding:1px 8px;font-size:13px;line-height:1.4}.type-del:hover{color:var(--red);border-color:var(--red)}.type-desc{color:var(--dim);margin-top:4px;font-size:11.5px;line-height:1.5}.lib-note{color:var(--dim);margin-top:auto;padding-top:10px;font-size:11.5px;line-height:1.7}.birdseye{flex-direction:column;flex:1;gap:16px;padding:16px 20px;display:flex;overflow-y:auto}.birdseye-top{justify-content:space-between;align-items:flex-start;display:flex}.birdseye-toggle.active{border-color:var(--green);color:var(--green)}.birdseye-grid{grid-template-columns:1fr 1.1fr 1fr;align-items:stretch;gap:14px;display:grid}.route-pane{background:var(--panel);border:1px solid var(--border);border-top:3px solid var(--route-color);border-radius:10px;flex-direction:column;gap:10px;padding:14px;display:flex}.route-pane h3{color:var(--route-color);font-size:14px}.route-meta{flex-direction:column;gap:6px;font-size:11.5px;display:flex}.route-meta div{gap:6px;display:flex}.route-meta dt{color:var(--dim);flex:none;width:92px}.route-meta dd{color:var(--fg);line-height:1.5}.route-input input{background:var(--bg);width:100%;color:var(--fg);border:1px solid var(--border);border-radius:7px;padding:7px 9px;font-size:12.5px}.route-input input:focus{border-color:var(--route-color);outline:none}.route-words{flex-wrap:wrap;gap:6px;min-height:30px;list-style:none;display:flex}.route-words li{background:color-mix(in srgb, var(--route-color) 14%, transparent);border:1px solid color-mix(in srgb, var(--route-color) 45%, transparent);color:var(--fg);border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:12px;display:inline-flex}.route-words li button{color:var(--dim);background:0 0;border:none;padding:0 2px;font-size:13px}.route-words li button:hover{color:var(--red)}.route-words li.empty{color:var(--dim);background:0 0;border:none}.landing-label{color:var(--dim);flex-direction:column;gap:5px;font-size:12px;display:flex}.landing-label textarea{background:var(--bg);color:var(--fg);border:1px solid var(--border);resize:vertical;border-radius:7px;padding:8px 9px;font-family:inherit;font-size:12.5px}.landing-label textarea:focus{border-color:var(--route-color);outline:none}.birdseye-center{background:var(--bg2);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:12px;padding:14px;display:flex}.birdseye-center h3{font-size:14px}.diff-block h4{color:var(--dim);margin-bottom:5px;font-size:11.5px}.word-row{flex-wrap:wrap;gap:5px;display:flex}.word-pill{background:var(--panel);border:1px solid var(--border);border-radius:20px;padding:3px 10px;font-size:11.5px}.word-row.tone-shared .word-pill{border-color:var(--green);color:var(--green)}.word-row.tone-imagination .word-pill{border-color:var(--amber)}.word-row.tone-meta .word-pill{border-color:var(--accent)}.balance-bar-wrap{margin-top:auto}.balance-bar{background:linear-gradient(90deg, var(--amber), var(--border) 45%, var(--border) 55%, var(--accent));border-radius:6px;height:10px;position:relative}.balance-needle{background:var(--fg);border-radius:2px;width:4px;height:20px;transition:left .4s;position:absolute;top:-5px;transform:translate(-50%);box-shadow:0 0 8px #e6e9ef99}.balance-scale{color:var(--dim);justify-content:space-between;margin-top:7px;font-size:10.5px;display:flex}.balance-label{text-align:center;margin-top:6px;font-size:12.5px}.balance-label.tone-imagination{color:var(--amber)}.balance-label.tone-meta{color:var(--accent)}.balance-label.tone-balanced{color:var(--green)}.decision-area{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:14px}.decision-area h3{margin-bottom:10px;font-size:13.5px}.decision-btns{flex-wrap:wrap;gap:8px;display:flex}.decision-btns button{--mode-color:var(--dim);border-color:color-mix(in srgb, var(--mode-color) 45%, var(--border));color:var(--mode-color);padding:8px 16px;font-size:13px}.decision-btns button.active{background:color-mix(in srgb, var(--mode-color) 18%, transparent);border-color:var(--mode-color)}.decision-note{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.decision-note input{background:var(--bg);min-width:220px;color:var(--fg);border:1px solid var(--border);border-radius:7px;flex:1;padding:8px 10px;font-size:12.5px}.decision-note input:focus{border-color:var(--green);outline:none}.decision-note .ghost{opacity:.6}.decision-last{color:var(--dim);margin-top:10px;font-size:12.5px}.decision-last b{color:var(--fg)}.decision-note-text{color:var(--fg);margin-left:6px}.decision-history{color:var(--dim);margin-top:8px;font-size:12px}.decision-history summary{cursor:pointer}.decision-history ul{flex-direction:column;gap:4px;margin:8px 0 0 18px;display:flex}@media (width<=1100px){.birdseye-grid{grid-template-columns:1fr}}.topbar-tabs{gap:6px;display:flex}.tab-btn{padding:7px 16px;font-size:13px}.tab-btn.active{background:color-mix(in srgb, var(--accent) 18%, transparent);border-color:var(--accent);color:var(--fg)}.grow-mode{flex-direction:column;flex:1;min-height:0;display:flex}.grow-topbar{border-bottom:1px solid var(--border);background:var(--bg2);align-items:center;gap:10px;padding:8px 14px;display:flex}.grow-title{font-weight:700}.grow-sub{color:var(--dim);font-size:12px}.grow-critique-btn{border-color:var(--accent);color:var(--accent)}.grow-layout{flex:1;grid-template-columns:230px 1fr 260px;min-height:0;display:grid}.grow-side{background:var(--panel);border-right:1px solid var(--border);flex-direction:column;gap:8px;padding:12px;display:flex;overflow-y:auto}.meta-side{border-right:none;border-left:1px solid var(--border)}.grow-side h3{color:var(--dim);font-size:12px}.grow-input{gap:6px;display:flex}.grow-input input{background:var(--bg);min-width:0;color:var(--fg);border:1px solid var(--border);border-radius:7px;flex:1;padding:8px 9px;font-size:12.5px}.grow-input input:focus{border-color:var(--accent);outline:none}.grow-stats{color:var(--dim);font-size:11.5px}.grow-seeds{flex-direction:column;gap:5px;list-style:none;display:flex}.grow-seed{background:var(--bg);border:1px solid var(--border);cursor:pointer;border-radius:7px;align-items:center;gap:6px;padding:6px 8px;font-size:12px;display:flex}.grow-seed:hover{border-color:#2a3450}.grow-seed.active{border-color:var(--accent);background:#7aa2f714}.grow-seed.absorbed{opacity:.7;border-color:#9ece6a66}.grow-seed-dot{color:var(--accent);flex:none}.grow-seed.absorbed .grow-seed-dot{color:var(--green)}.grow-hint{color:var(--dim);margin-top:auto;font-size:11px;line-height:1.6}.grow-center{background:var(--bg);min-width:0;min-height:0;position:relative;overflow:hidden}.grow-wrap{position:absolute;inset:0}@keyframes slot-pulse{0%,to{fill-opacity:1;stroke-opacity:1}50%{fill-opacity:.45;stroke-opacity:.45}}.gn-slot-open{animation:1.6s ease-in-out infinite slot-pulse}.gn-slot-open:hover{fill:#f5a62347;stroke:var(--amber);stroke-width:1.8px;animation:none}.grow-nodebar{border:1px solid var(--border);background:#121826eb;border-radius:10px;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;padding:8px 12px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #0006}.grow-nodebar-text{font-size:12.5px;font-weight:600}.grow-nodebar button{padding:5px 10px;font-size:12px}.grow-nodebar .ghost{opacity:.6}.grow-notes{flex-direction:column;gap:6px;list-style:none;display:flex}.grow-note{background:var(--bg);border:1px solid var(--border);border-left:3px solid var(--dim);border-radius:7px;padding:7px 9px;font-size:11.5px;line-height:1.55}.grow-note.tone-warn{border-left-color:var(--red)}.grow-note.tone-info{border-left-color:var(--accent)}.grow-note.tone-good{border-left-color:var(--green)}.grow-note.tone-hint{border-left-color:var(--dim)}.grow-ai-off{color:var(--dim);flex-direction:column;align-items:flex-start;gap:6px;font-size:11.5px;line-height:1.6;display:flex}.grow-ai-off button{padding:3px 10px;font-size:11px}.grow-critique{white-space:pre-wrap;background:var(--bg);border:1px solid var(--border);border-radius:7px;padding:9px 10px;font-size:12px;line-height:1.7}.grow-critique p{margin:0 0 6px}.grow-critique p:last-child{margin-bottom:0}.grow-modal-bg{z-index:50;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.grow-modal{background:var(--panel);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:8px;width:420px;max-width:92vw;padding:18px;display:flex}.grow-modal h3{font-size:14px}.grow-modal-note{color:var(--dim);font-size:11.5px;line-height:1.6}.grow-modal label{color:var(--dim);margin-top:4px;font-size:11.5px}.grow-modal input{background:var(--bg);color:var(--fg);border:1px solid var(--border);border-radius:7px;padding:8px 9px;font-size:12.5px}.grow-modal input:focus{border-color:var(--accent);outline:none}.grow-modal-btns{gap:8px;margin-top:8px;display:flex}.grow-modal-btns .ghost{opacity:.6}@media (width<=1100px){.grow-layout{grid-template-columns:190px 1fr 210px}}.toast{color:var(--fg);background:#1c2333;border:1px solid #2a3450;border-radius:9px;padding:10px 18px;font-size:13px;animation:.2s toast-in;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #0006}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}}.axis-editor{border-top:1px solid var(--border);background:var(--bg2);color:var(--dim);flex-wrap:wrap;align-items:center;gap:8px;padding:8px 14px;font-size:12px;display:flex}.axis-editor button{padding:4px 10px;font-size:11.5px}@media (width<=1100px){.layout{grid-template-columns:220px 1fr 240px}}@media (width<=860px){.layout{grid-template-rows:auto minmax(340px,55vh) auto;grid-template-columns:1fr;overflow-y:auto}.pool-pane,.library-pane{border:none;border-bottom:1px solid var(--border)}.library-pane{border-top:1px solid var(--border)}}