:root{--wb-bg-base:#07080c;--wb-bg-panel:#0d1017;--wb-bg-panel-hover:#131822;--wb-bg-card:#111621;--wb-bg-card-hover:#161d2b;--wb-border:#1e2636;--wb-border-light:rgba(30,38,54,0.7);--wb-border-active:#00ff9d;--wb-text-main:#e2e8f0;--wb-text-muted:#7e8b9f;--wb-green:#00ff9d;--wb-cyan:#00d2ff;--wb-amber:#ffb800;--wb-magenta:#bc13fe;--wb-red:#ff3366}.workbench{max-width:1440px;margin:2rem auto;padding:0 1.25rem;display:grid;grid-template-columns:repeat(12,1fr);gap:1.25rem;position:relative;z-index:20}.panel{background:rgb(13 16 23 / 0.72);border:1px solid var(--wb-border);border-radius:6px;padding:1.35rem;position:relative;display:flex;flex-direction:column;box-shadow:0 10px 30px rgba(0,0,0,0.4)}.panel-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:0.5rem 0.75rem;margin-bottom:1rem;padding-bottom:0.65rem;border-bottom:1px solid var(--wb-border-light)}.panel-tag{margin:0;font-weight:600;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:0.72rem;text-transform:uppercase;letter-spacing:1px;color:var(--wb-cyan);display:flex;align-items:center;gap:0.4rem}.panel-tag::before{content:"//";content:"//" / "";color:var(--wb-text-muted)}.bento-hero{grid-column:span 8;background:linear-gradient(135deg,rgba(13,16,23,0.72) 0%,rgba(19,24,34,0.72) 100%);border-top:2px solid var(--wb-green)}.hero-view-switch{display:flex;gap:0.5rem}.view-switch-btn{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:0.72rem;padding:0.25rem 0.6rem;border-radius:4px;background:rgba(255,255,255,0.03);border:1px solid var(--wb-border);color:var(--wb-text-muted);cursor:pointer;transition:all 0.15s}.view-switch-btn.active,.view-switch-btn:hover{border-color:var(--wb-green);color:var(--wb-green);background:rgba(0,255,157,0.08)}.hero-title-wb{font-size:1.65rem;font-weight:700;letter-spacing:-0.02em;color:#fff;margin-bottom:0.4rem}.hero-sub-wb{color:var(--wb-text-muted);font-size:0.92rem;max-width:65ch;margin-bottom:1.25rem;line-height:1.45}.router-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0.75rem;margin-top:auto}.router-card{background:rgba(255,255,255,0.02);border:1px solid var(--wb-border);border-radius:5px;padding:0.85rem;transition:all 0.15s ease;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;text-decoration:none}.router-card:hover{background:var(--wb-bg-panel-hover);border-color:var(--wb-green);transform:translateY(-2px)}.router-code,.router-name,.router-desc{display:block}.router-code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:0.68rem;color:var(--wb-green);margin-bottom:0.35rem}.router-name{font-weight:600;font-size:0.9rem;color:var(--wb-text-main);margin-bottom:0.25rem}.router-desc{font-size:0.76rem;color:var(--wb-text-muted);line-height:1.35}.bento-session{grid-column:span 4;border-top:2px solid var(--wb-cyan)}.session-tabs{display:flex;gap:0.4rem;margin-bottom:0.85rem}.s-tab{flex:1;text-align:center;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:0.72rem;padding:0.35rem 0.5rem;background:rgba(255,255,255,0.02);border:1px solid var(--wb-border);border-radius:4px;cursor:pointer;color:var(--wb-text-muted);transition:all 0.15s}.s-tab.active{border-color:var(--wb-cyan);color:var(--wb-cyan);background:rgba(0,210,255,0.08)}.session-list{list-style:none;display:flex;flex-direction:column;gap:0.5rem;flex:1;max-height:250px;overflow-y:auto;margin:0;padding:0}.session-item{display:flex;justify-content:space-between;align-items:center;padding:0.5rem 0.65rem;background:rgba(255,255,255,0.015);border:1px solid var(--wb-border);border-radius:4px;font-size:0.82rem;transition:border-color 0.15s;text-decoration:none;color:var(--wb-text-main)}.session-item:hover{border-color:var(--wb-cyan);background:var(--wb-bg-panel-hover)}.session-item-title{display:flex;align-items:center;gap:0.4rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-type{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:0.65rem;padding:0.1rem 0.35rem;border-radius:3px;background:rgba(0,210,255,0.1);color:var(--wb-cyan);flex-shrink:0}.session-empty{padding:1.5rem 0.5rem;text-align:center;color:var(--wb-text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:0.78rem}.session-footer{margin-top:0.85rem;padding-top:0.5rem;border-top:1px solid rgba(30,38,54,0.6);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:0.68rem;color:var(--wb-text-muted);display:flex;justify-content:space-between;align-items:center}.session-clear-btn{background:none;border:none;color:var(--wb-red);font-family:inherit;font-size:inherit;cursor:pointer;padding:0}.session-clear-btn:hover{text-decoration:underline}.bento-matrix{grid-column:span 8}.filter-bar{display:flex;gap:0.45rem;flex-wrap:wrap;margin-bottom:1rem}.filter-btn{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:0.74rem;padding:0.35rem 0.7rem;border-radius:4px;background:rgba(255,255,255,0.02);border:1px solid var(--wb-border);color:var(--wb-text-muted);cursor:pointer;transition:all 0.15s}.filter-btn:hover,.filter-btn.active{border-color:var(--wb-green);color:var(--wb-green);background:rgba(0,255,157,0.08)}.matrix-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:0.75rem}.tool-tile-item{display:flex}.tool-tile-item[hidden]{display:none}.tool-tile-item>.tool-tile{flex:1}.tile-title,.tile-meta{display:block}.tool-tile{padding:0.8rem 0.9rem;border:1px solid var(--wb-border);border-radius:5px;background:rgba(255,255,255,0.015);display:flex;flex-direction:column;gap:0.25rem;transition:all 0.15s;cursor:pointer;text-decoration:none}.tool-tile:hover{border-color:var(--wb-cyan);background:var(--wb-bg-panel-hover);transform:translateY(-1px)}.tile-top{display:flex;justify-content:space-between;align-items:center}.tile-badge{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:0.65rem;color:var(--wb-text-muted);text-transform:uppercase}.tile-badge.hot{color:var(--wb-amber)}.tile-title{font-weight:600;font-size:0.88rem;color:var(--wb-text-main)}.tile-meta{font-size:0.75rem;color:var(--wb-text-muted);line-height:1.35}.bento-news{grid-column:span 4}.news-feed{display:flex;flex-direction:column;gap:0.6rem;flex:1}.news-entry{padding:0.65rem;border-left:2px solid var(--wb-border);background:rgba(255,255,255,0.01);transition:border-color 0.15s,background 0.15s;text-decoration:none;display:block}.news-entry:hover{border-left-color:var(--wb-amber);background:rgba(255,184,0,0.04)}.news-time{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:0.68rem;color:var(--wb-amber);margin-bottom:0.2rem}.news-headline{font-size:0.82rem;font-weight:500;color:var(--wb-text-main);line-height:1.35}.bento-pipelines{grid-column:span 12}.pipeline-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.pipeline-box{border:1px solid var(--wb-border);border-radius:5px;padding:0.9rem 1rem;background:rgba(255,255,255,0.015)}.pipeline-title{margin-top:0;gap:0.75rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:0.82rem;font-weight:700;color:var(--wb-text-main);margin-bottom:0.75rem;display:flex;justify-content:space-between}.pipeline-steps{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:0.5rem}.p-node-item{flex:1;display:flex}.p-node{flex:1;padding:0.55rem 0.65rem;background:var(--wb-bg-base);border:1px solid var(--wb-border);border-radius:4px;font-size:0.78rem;color:var(--wb-text-main);text-decoration:none;transition:border-color 0.15s;cursor:pointer;display:block}.p-node:hover{border-color:var(--wb-green)}.p-num{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:0.68rem;color:var(--wb-green);display:block;margin-bottom:0.15rem}.p-arrow{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:var(--wb-text-muted);font-size:0.8rem;flex-shrink:0}.sw-diag-panel{width:100%;background:var(--wb-bg-panel);border:1px solid var(--wb-border);border-radius:6px;padding:1.35rem;position:relative;overflow:hidden}.sw-diag-panel::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--wb-green),var(--wb-cyan),transparent)}.sw-diag-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:0.75rem;padding-bottom:1rem;margin-bottom:1.25rem;border-bottom:1px solid var(--wb-border)}.sw-diag-title-group{display:flex;align-items:center;gap:0.65rem}.sw-diag-badge{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:0.7rem;padding:0.2rem 0.5rem;background:rgba(0,255,157,0.08);border:1px solid rgba(0,255,157,0.35);color:var(--wb-green);border-radius:3px}.sw-diag-title{font-size:1.05rem;font-weight:700;margin:0;letter-spacing:-0.01em;color:#fff}.sw-diag-stepper{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:0.4rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:0.72rem}.sw-step-pill{padding:0.2rem 0.55rem;border-radius:3px;border:1px solid var(--wb-border);color:var(--wb-text-muted);background:rgba(255,255,255,0.015);transition:all 0.15s}.sw-step-pill.active{border-color:var(--wb-cyan);color:var(--wb-cyan);background:rgba(0,210,255,0.08)}.sw-step-pill.done{border-color:rgba(0,255,157,0.35);color:var(--wb-green);cursor:pointer}.sw-step-arrow{color:var(--wb-text-muted)}.sw-diag-prompt{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.sw-diag-question{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:0.85rem;color:var(--wb-text-main)}.sw-diag-question span{color:var(--wb-green);margin-right:0.4rem}.sw-diag-back{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:0.74rem;background:transparent;border:1px solid var(--wb-border);color:var(--wb-text-muted);padding:0.3rem 0.65rem;border-radius:4px;cursor:pointer;display:none;transition:all 0.15s}.sw-diag-back:hover{border-color:var(--wb-amber);color:var(--wb-amber)}.sw-diag-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0.85rem}.sw-option-card{background:var(--wb-bg-card);border:1px solid var(--wb-border);border-radius:5px;padding:1rem;cursor:pointer;transition:all 0.15s ease;display:flex;flex-direction:column;gap:0.35rem;position:relative;text-align:left}.sw-option-card:hover,.sw-option-card:focus{background:var(--wb-bg-card-hover);border-color:var(--wb-green);transform:translateY(-2px);outline:none}.sw-option-top{display:flex;justify-content:space-between;align-items:center;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:0.7rem}.sw-option-key{color:var(--wb-green);background:rgba(0,255,157,0.08);border:1px solid rgba(0,255,157,0.25);padding:0.05rem 0.35rem;border-radius:3px}.sw-option-tag{color:var(--wb-text-muted)}.sw-option-title{font-size:0.95rem;font-weight:600;color:var(--wb-text-main)}.sw-option-desc{font-size:0.8rem;color:var(--wb-text-muted);line-height:1.4}.sw-runbook{display:flex;flex-direction:column;gap:1rem}.sw-runbook-summary{background:rgba(0,255,157,0.04);border:1px solid rgba(0,255,157,0.25);border-radius:5px;padding:0.85rem 1rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:0.75rem}.sw-runbook-path{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:0.78rem;color:var(--wb-green)}.sw-pin-btn{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:0.74rem;background:var(--wb-bg-card);border:1px solid var(--wb-border);color:var(--wb-text-main);padding:0.35rem 0.7rem;border-radius:4px;cursor:pointer;transition:all 0.15s}.sw-pin-btn:hover{border-color:var(--wb-cyan);color:var(--wb-cyan)}.sw-pin-btn.pinned{border-color:var(--wb-green);color:var(--wb-green)}.sw-action-columns{display:grid;grid-template-columns:repeat(2,1fr);gap:0.85rem}.sw-action-box{background:var(--wb-bg-card);border:1px solid var(--wb-border);border-radius:5px;padding:1rem;display:flex;flex-direction:column;justify-content:space-between;gap:0.75rem}.sw-action-box.primary-tool{border-left:3px solid var(--wb-cyan)}.sw-action-box.primary-guide{border-left:3px solid var(--wb-green)}.sw-action-type{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:0.68rem;text-transform:uppercase;letter-spacing:0.5px}.sw-action-type.tool{color:var(--wb-cyan)}.sw-action-type.guide{color:var(--wb-green)}.sw-action-name{font-size:0.98rem;font-weight:700;margin:0.25rem 0;color:var(--wb-text-main)}.sw-action-why{font-size:0.8rem;color:var(--wb-text-muted);line-height:1.4}.sw-action-link{display:inline-flex;align-items:center;justify-content:space-between;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:0.78rem;padding:0.5rem 0.75rem;background:rgba(255,255,255,0.03);border:1px solid var(--wb-border);border-radius:4px;color:var(--wb-text-main);text-decoration:none;transition:all 0.15s}.sw-action-link:hover{border-color:var(--wb-green);color:var(--wb-green);background:rgba(0,255,157,0.06)}.sw-quickcheck{background:#06080b;border:1px dashed var(--wb-border);border-radius:5px;padding:0.85rem 1rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:0.78rem}.sw-qc-label{color:var(--wb-amber);font-size:0.7rem;margin-bottom:0.35rem;display:block}.sw-qc-text{color:var(--wb-text-main);line-height:1.45}.sw-diag-footer{margin-top:1.15rem;padding-top:0.75rem;border-top:1px solid rgba(30,38,54,0.6);display:flex;justify-content:space-between;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:0.7rem;color:var(--wb-text-muted)}@media (max-width:1024px){.bento-hero,.bento-session,.bento-matrix,.bento-news,.bento-pipelines{grid-column:span 12}.router-grid{grid-template-columns:repeat(2,1fr)}.matrix-grid{grid-template-columns:repeat(2,1fr)}.pipeline-grid{grid-template-columns:1fr}}@media (max-width:680px){.router-grid,.matrix-grid,.sw-diag-grid,.sw-action-columns{grid-template-columns:1fr}.pipeline-steps{flex-direction:column;align-items:stretch}.p-arrow{text-align:center;transform:rotate(90deg);margin:0.2rem 0}}.panel-note{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:0.7rem;color:var(--wb-text-muted)}.news-entry--status{margin:0;font-size:0.82rem;color:var(--wb-text-muted)}.news-entry--status:hover{border-left-color:var(--wb-border);background:rgba(255,255,255,0.01)}.library-popular-label{list-style:none;padding:0.25rem 0.25rem 0.35rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:0.68rem;text-transform:uppercase;letter-spacing:0.06em;color:var(--wb-text-muted)}@media (max-width:680px){.bento-hero .panel-header{flex-direction:column;align-items:stretch}.hero-view-switch{width:100%}.view-switch-btn{flex:1;min-height:2.5rem}.p-node-item{flex:none}}