:root{--bg: #f4efe6;--panel: rgba(255, 249, 240, .84);--panel-elevated: rgba(255, 252, 247, .97);--ink: #1f1c18;--ink-soft: #6d6459;--border: rgba(78, 63, 46, .15);--border-strong: rgba(78, 63, 46, .35);--accent-strong: #0c5b55;--accent-soft: rgba(15, 118, 110, .1);--zone-reversal: #0f766e;--zone-pullback: #b7791f;--zone-recovery: #2b6cb0;--zone-base: #2f855a;--zone-fail: #b8403a;--edge-upgrade: #0f766e;--edge-pullback: #b7791f;--edge-recovery: #2b6cb0;--edge-restore: #2f855a;--edge-fail: #b8403a;--edge-flow-out: #0c7a6d;--edge-flow-in: #295f9e;--shadow: 0 18px 40px rgba(53, 38, 26, .12);--radius: 24px;font-family:Aptos,PingFang SC,Microsoft YaHei,sans-serif;color:var(--ink);background:radial-gradient(circle at top left,rgba(15,118,110,.18),transparent 28%),radial-gradient(circle at bottom right,rgba(183,121,31,.18),transparent 22%),linear-gradient(180deg,#f8f3ea,#f1e7d8)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:var(--ink);background:transparent}button,input,select{font:inherit}button{cursor:pointer}button,input,select{transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease,transform .18s ease}:focus-visible{outline:2px solid rgba(12,91,85,.5);outline-offset:2px}.app-shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh;transition:grid-template-columns .22s ease}.app-shell--sidebar-collapsed{grid-template-columns:92px 1fr}.sidebar{padding:28px 20px;background:#2c221aeb;color:#f8f3ea;display:flex;flex-direction:column;gap:18px;transition:padding .22s ease,gap .22s ease}.sidebar.is-collapsed{padding:22px 10px;gap:12px}.sidebar__top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.sidebar__top>*{transition:transform .22s ease,opacity .22s ease}.panel__header p,.hero__eyebrow,.topbar p{margin:0;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;color:var(--ink-soft)}.brand h1,.topbar h2,.workspace-hero h1,.panel__header h2{margin:6px 0 0}.brand h1{margin:0;font-size:1.9rem;line-height:.95;letter-spacing:-.04em}.brand{display:grid;gap:10px;transition:gap .22s ease,transform .22s ease}.brand__mark{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:14px;background:#fff9f01f;border:1px solid rgba(255,249,240,.08);color:#f8f3eaeb;font-size:.84rem;font-weight:800;letter-spacing:.08em}.sidebar.is-collapsed .brand{justify-items:center}.sidebar.is-collapsed .brand h1{font-size:.92rem;letter-spacing:.02em}.sidebar.is-collapsed .brand{gap:8px}.sidebar.is-collapsed .brand__mark{width:34px;height:34px;border-radius:12px;font-size:.74rem}.sidebar-toggle{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,249,240,.1);background:#ffffff0f;color:#f8f3ea;transition:background-color .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}.sidebar-toggle__icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;position:relative}.sidebar-toggle__icon:before{content:"";width:8px;height:8px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(225deg);transition:transform .22s ease}.sidebar-toggle__icon.is-collapsed:before{transform:rotate(45deg)}.sidebar-toggle__label{font-size:.78rem;color:#f8f3ead1}.sidebar.is-collapsed .sidebar__top{flex-direction:column;align-items:center}.sidebar.is-collapsed .sidebar-toggle{width:40px;min-height:36px;justify-content:center;padding:0;border-radius:14px}.sidebar.is-collapsed .sidebar-toggle__label{display:none}.workspace-hero h1{font-size:3rem;line-height:.95;letter-spacing:-.04em}.topbar h2,.panel__header h2{font-size:1.5rem;line-height:1.05;letter-spacing:-.03em}.nav{display:grid;gap:8px}.nav__item{display:grid;gap:4px;border:1px solid rgba(255,249,240,.08);background:#ffffff0a;color:inherit;border-radius:16px;padding:12px 14px;text-align:left;transition:transform .18s ease,background-color .18s ease,border-color .18s ease,padding .22s ease}.sidebar.is-collapsed .nav__item{justify-items:center;min-height:46px;padding:10px 6px;border-radius:14px;text-align:center}.sidebar.is-collapsed .nav__item strong{font-size:.88rem}.nav__item strong{font-size:1rem}.nav__item span{color:#f8f3eaad;font-size:.82rem}.nav__item.is-active{background:linear-gradient(135deg,#0f766ef2,#0c5b55f2);border-color:transparent}.nav__item:hover,.state-pill:hover,.transition-item:hover,.database-result-item:hover,.button:hover,.toggle-chip:hover,.checkbox:hover{transform:translateY(-1px)}.sidebar-card{padding:16px;border-radius:18px;background:#fff9f014;transition:opacity .2s ease,transform .22s ease}.sidebar-compact-card{padding:14px 10px;border-radius:18px;background:#fff9f014;border:1px solid rgba(255,249,240,.08);display:grid;gap:6px;justify-items:center;text-align:center;transition:transform .22s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease}.sidebar.is-collapsed .sidebar-compact-card{padding:10px 6px;gap:4px;border-radius:14px}.sidebar-compact-card__label{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:#f8f3ea9e}.sidebar-compact-card strong{font-size:.95rem}.sidebar.is-collapsed .sidebar-compact-card__label{font-size:.62rem}.sidebar.is-collapsed .sidebar-compact-card strong{font-size:.86rem}.sidebar.is-collapsed .sidebar-compact-card small{font-size:.72rem}.sidebar-compact-card small{color:#f8f3eaad}.sidebar.is-collapsed [data-tooltip]{position:relative}.sidebar.is-collapsed [data-tooltip]:after{content:attr(data-tooltip);position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%) translate(-6px);padding:9px 12px;border-radius:12px;background:#1f1c18f5;border:1px solid rgba(255,249,240,.12);color:#f8f3eaeb;font-size:.78rem;line-height:1.35;white-space:nowrap;opacity:0;pointer-events:none;box-shadow:0 12px 24px #0000003d;transition:opacity .16s ease,transform .16s ease;z-index:5}.sidebar.is-collapsed [data-tooltip]:before{content:"";position:absolute;left:calc(100% + 6px);top:50%;transform:translateY(-50%) translate(-4px);border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid rgba(31,28,24,.96);opacity:0;transition:opacity .16s ease,transform .16s ease;pointer-events:none;z-index:5}.sidebar.is-collapsed [data-tooltip]:hover:after,.sidebar.is-collapsed [data-tooltip]:hover:before,.sidebar.is-collapsed [data-tooltip]:focus-visible:after,.sidebar.is-collapsed [data-tooltip]:focus-visible:before{opacity:1;transform:translateY(-50%) translate(0)}.sidebar-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.sidebar-tag{display:inline-flex;padding:6px 10px;border-radius:999px;background:#fff9f01f;color:#f8f3eadb;font-size:.78rem}.sidebar-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.sidebar-metrics div{padding:12px;border-radius:14px;background:#fff9f00f;border:1px solid rgba(255,249,240,.08)}.sidebar-metrics strong{margin-top:0;font-size:1.35rem}.sidebar-metrics small{color:#f8f3eaa8}.sidebar-card span,.detail-grid span,.metric-card span,.field span{display:block;font-size:.78rem;color:var(--ink-soft)}.sidebar-card span{color:#f8f3eaa8}.sidebar-card strong,.metric-card strong,.detail-grid strong{display:block;margin-top:6px}.mini-list,.plain-list,.transition-list{margin:0;padding-left:18px}.main{padding:22px}.topbar{padding:18px 22px;background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:var(--radius);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:flex;justify-content:space-between;align-items:center}.topbar__status{display:grid;justify-items:end;gap:4px}.content{margin-top:20px}.page-stack,.stack,.metrics-grid,.state-rail,.transition-list-grid,.layer-flow-list,.event-list,.quick-panel{display:grid;gap:12px}.stack--sm{gap:8px}.workspace-hero{display:grid;grid-template-columns:1.4fr 360px;gap:20px}.workspace-hero__copy,.workspace-actions,.section-card,.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:22px;animation:rise-in .36s ease both}.workspace-actions{display:grid;align-content:start;gap:14px}.workspace-hero__lead,.section-card__lead,.empty-state,.transition-item span,.transition-item small,.metric-card p{color:var(--ink-soft)}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-card,.list-item,.structure-table__cell,.state-pill,.transition-item,.layer-flow,.event-row,.button,.toggle-chip{padding:16px;border-radius:18px;background:var(--panel-elevated);border:1px solid var(--border)}.metric-card strong{font-size:2rem;line-height:1.1}.state-select,.field{display:grid;gap:8px}.state-select select,.field select,.search-input,.field input{width:100%;border-radius:14px;border:1px solid var(--border-strong);background:#ffffffa8;padding:12px 14px;outline:none}.state-select select:focus,.field select:focus,.search-input:focus,.field input:focus{border-color:#0c5b5580;box-shadow:0 0 0 4px #0f766e14}.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;text-align:center;font-weight:600}.button--primary{background:linear-gradient(135deg,#0f766ef2,#0c5b55f2);color:#f8f3ea;border-color:transparent}.button--secondary,.button--ghost,.toggle-chip{color:var(--ink)}.button--ghost{background:#fffcf7b3}.home-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1.05fr) minmax(360px,.9fr);grid-template-areas:"summary next detail" "summary incoming detail" "layers events detail" "graph events detail";gap:20px}.home-card--summary{grid-area:summary}.home-card--detail{grid-area:detail}.home-card--next{grid-area:next}.home-card--incoming{grid-area:incoming}.home-card--layers{grid-area:layers}.home-card--events{grid-area:events}.home-card--graph{grid-area:graph}.toggle-group--database{margin-bottom:8px}.database-topbar{display:grid;gap:10px}.database-topbar__actions{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 12px;border-radius:18px;background:#fffcf7b3;border:1px solid rgba(12,91,85,.08);box-shadow:inset 0 0 0 1px #fffcf773,0 6px 14px #35261a0a}.database-topbar__primary{min-height:38px;justify-content:center;padding-inline:14px;font-size:.86rem;white-space:nowrap}.database-topbar__hint{margin:0;color:var(--ink-soft);font-size:.8rem;line-height:1.4;text-align:right}.page-grid--database{grid-template-columns:340px minmax(0,1fr);grid-template-areas:"query detail";align-items:start;gap:20px}.page-grid--database>.database-panel{grid-area:query}.page-grid--database>.database-detail-panel{grid-area:detail}.database-panel{display:grid;gap:14px}.database-detail-panel{display:grid;gap:14px;min-height:900px}.database-panel>.panel__header,.database-detail-panel>.panel__header{margin-bottom:6px}.database-panel .section-card,.database-detail-panel .section-card{padding:18px}.database-panel .graph-shell__status,.database-topbar .graph-shell__status{gap:8px}.database-panel .graph-status-chip,.database-topbar .graph-status-chip{padding:10px 12px;font-size:.82rem}.database-panel .graph-status-chip strong,.database-topbar .graph-status-chip strong{font-size:.66rem}.database-result-list,.database-query-actions{display:grid;gap:8px}.database-query-actions .button{width:100%}.database-result-item{display:grid;gap:6px;padding:12px 14px;border-radius:16px;background:var(--panel-elevated);border:1px solid var(--border);text-align:left}.database-result-item.is-active{border-color:var(--accent-strong);box-shadow:inset 0 0 0 1px #0c5b552e}.database-result-item__top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.database-result-item__tags{margin-top:0;gap:6px}.database-result-item span,.database-result-item small{color:var(--ink-soft)}.database-result-item span{font-size:.82rem;line-height:1.35}.database-result-item small{font-size:.8rem;line-height:1.4}.database-result-item .tag{padding:4px 8px;font-size:.74rem}.database-detail-panel .quick-panel{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.section-card__header{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:16px}.section-card__title{margin:0;font-size:1.35rem;line-height:1.05;letter-spacing:-.03em;font-weight:700}.section-card__subtitle{margin:6px 0 0;color:var(--ink-soft);font-size:.94rem}.section-label{margin:18px 0 10px;text-transform:uppercase;letter-spacing:.12em;font-size:.74rem;color:var(--ink-soft)}.section-split{margin-top:16px}.tag-row{display:flex;flex-wrap:wrap;gap:8px}.state-path-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.state-path-column{display:grid;gap:10px}.state-path-column__header{display:flex;justify-content:space-between;gap:10px;align-items:center}.state-path-column__header h3{margin:0;font-size:1rem}.section-card--state-paths .state-path-list{gap:9px}.state-path-list{display:grid;gap:10px}.state-path-item{display:grid;gap:6px;padding:12px 14px;border-radius:16px;background:var(--panel-elevated);border:1px solid var(--border);width:100%;text-align:left}.state-path-item strong{font-size:.95rem}.state-path-item span{font-size:.84rem;line-height:1.45;color:var(--ink-soft)}.state-path-item__tags{margin-top:2px}.state-path-item--interactive{cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.state-path-item--interactive:hover{transform:translateY(-1px);box-shadow:0 10px 18px #35261a0f}.state-path-item--incoming{border-color:#295f9e33;background:linear-gradient(180deg,#2b6cb00f,#fffcf7f2)}.state-path-item--outgoing{border-color:#0c7a6d38;background:linear-gradient(180deg,#0f766e12,#fffcf7f2)}.state-path-item--transition{border-color:#0c5b552e;background:linear-gradient(180deg,#0c5b5514,#fffcf7f2)}.state-path-item--action{border-color:#78350f2e;background:linear-gradient(180deg,#b7791f14,#fffcf7f2)}.state-path-item--layer{border-color:#2b6cb033;background:linear-gradient(180deg,#2b6cb012,#fffcf7f2)}.tag{display:inline-flex;padding:6px 10px;border-radius:999px;background:#4e3f2e14;font-size:.82rem}.tag--accent{background:var(--accent-soft);color:var(--accent-strong)}.tag--warn{background:#b7791f1f;color:#8a5a11}.tag--danger{background:#b8403a1f;color:#b8403a}.structure-table{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.structure-table__cell strong{font-size:1.7rem}.page-grid{display:grid;gap:20px}.page-grid--graph{grid-template-columns:236px minmax(0,1fr) 376px;grid-template-areas:"filters canvas detail";align-items:start}.page-grid--graph>.panel:first-child{grid-area:filters}.page-grid--graph>.panel--canvas{grid-area:canvas}.page-grid--graph>.panel:last-child{grid-area:detail}.page-grid--graph--maximized{grid-template-columns:minmax(0,1fr);grid-template-areas:"canvas"}.page-grid--graph--maximized>.panel:first-child,.page-grid--graph--maximized>.panel:last-child{display:none}.panel--canvas{min-height:900px}.panel--canvas--maximized{min-height:auto;padding:0;background:transparent;border:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.panel--canvas--maximized>.panel__header{display:none}.panel__header{margin-bottom:18px}.state-rail{grid-template-columns:repeat(auto-fit,minmax(132px,1fr))}.state-pill{display:grid;gap:4px;text-align:left}.state-pill span{color:var(--ink-soft);font-size:.82rem}.state-pill.is-active,.list-item.is-active{border-color:var(--accent-strong);box-shadow:inset 0 0 0 1px #0c5b553d}.transition-list-grid{grid-template-columns:1fr}.transition-list-grid--compact{gap:10px}.transition-item{display:grid;gap:8px;text-align:left}.transition-item__top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.transition-item--compact{gap:6px}.detail-grid,.split-grid,.field-grid,.layer-grid,.event-grid{display:grid;gap:14px}.detail-grid,.field-grid,.split-grid,.layer-grid,.event-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.layer-flow{display:grid;gap:10px}.layer-flow p{margin:0;color:var(--ink-soft)}.layer-flow__header{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.flow-steps{display:flex;flex-wrap:wrap;gap:8px}.flow-step{display:inline-flex;padding:7px 10px;border-radius:999px;background:#2c221a0f;font-size:.82rem}.event-row{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.event-row span{display:block;margin-top:6px;color:var(--ink-soft);font-size:.86rem}.quick-panel{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.graph-shell{border-radius:24px;background:linear-gradient(180deg,#fffcf7e0,#f9f1e4f0);border:1px solid var(--border);padding:18px;display:grid;gap:16px;overflow:hidden}.graph-shell--maximized{padding:0;border:none;border-radius:0;background:transparent;box-shadow:none;gap:0;overflow:visible}.graph-shell--maximized .graph-shell__top{gap:12px}.graph-stage{position:relative;min-height:760px;border-radius:22px;overflow:hidden;background:#fffcf76b;overscroll-behavior:contain;border:1px solid rgba(12,91,85,.18);box-shadow:inset 0 0 0 1px #fffcf78c,0 12px 28px #35261a0d}.graph-shell--maximized .graph-stage{min-height:calc(100vh - 180px);border-radius:24px}.graph-stage.is-panning{cursor:grabbing}.graph-stage:after{content:"";position:absolute;inset:10px;border:1px dashed rgba(12,91,85,.18);border-radius:18px;pointer-events:none}.graph-stage__badge{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:#0c5b550d;border:1px solid rgba(12,91,85,.08);color:#0c5b55db;font-size:.7rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;pointer-events:none}.graph-shell__top{display:grid;gap:10px}.graph-shell__status{display:flex;flex-wrap:wrap;gap:10px}.graph-status-chip{display:inline-flex;flex-direction:column;gap:3px;padding:11px 13px;border-radius:14px;background:#fffcf7c2;border:1px solid var(--border);font-size:.86rem}.graph-status-chip strong{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}.graph-legend{display:flex;flex-wrap:wrap;gap:10px}.graph-stage-toolbar{display:flex;justify-content:flex-end;margin-top:-2px}.graph-stage-toolbar--floating{position:absolute;top:14px;right:14px;z-index:3;margin-top:0;pointer-events:none}.graph-stage-toolbar--floating .graph-stage-toolbar__rail{pointer-events:auto}.graph-stage-toolbar__rail{display:inline-flex;align-items:center;gap:6px;padding:4px;border-radius:999px;background:linear-gradient(180deg,#fffcf7e0,#faf4eacc);border:1px solid rgba(12,91,85,.08);box-shadow:inset 0 0 0 1px #fffcf773,0 6px 14px #35261a0a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.graph-controls{display:inline-flex;align-items:center;gap:8px;max-width:100%}.graph-controls__label{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:999px;background:#785c380d;color:#0c5b55d1;font-size:.66rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.graph-controls__group{display:flex;align-items:stretch;border-radius:999px;overflow:hidden;background:#fffdfab8;border:1px solid rgba(12,91,85,.06)}.graph-control-button{min-height:30px;padding-inline:9px;gap:7px;border-radius:0;background:transparent;border-color:transparent;box-shadow:none;font-size:.76rem;font-weight:700}.graph-control-button:hover{background:#0c5b550b}.graph-control-button:before{content:"";width:11px;height:11px;flex:0 0 11px;border:1.5px solid currentColor;opacity:.72}.graph-control-button+.graph-control-button{border-left:1px solid rgba(12,91,85,.06)}.graph-control-button--fit:before{border-radius:3px}.graph-control-button--reset:before{border-radius:999px}.graph-control-button--current:before{border-radius:999px;background:radial-gradient(circle at center,currentColor 0 2px,transparent 2.4px)}.graph-control-button--maximize:before{border-radius:2px;box-shadow:inset 0 0 0 1px currentColor}.legend-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#fffcf7b3;border:1px solid var(--border);font-size:.86rem;font-weight:600}.legend-chip i{width:10px;height:10px;border-radius:999px}.legend-chip--direction{gap:10px}.legend-line{width:22px;height:0;border-top:3px solid transparent;position:relative}.legend-line:after{content:"";position:absolute;right:-1px;top:-6px;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:10px solid currentColor}.legend-line--outgoing{border-top-color:var(--edge-flow-out);color:var(--edge-flow-out)}.legend-line--incoming{border-top-color:var(--edge-flow-in);color:var(--edge-flow-in)}.legend-line--solid{border-top-color:var(--ink-soft);color:var(--ink-soft)}.legend-line--dashed{border-top:3px dashed var(--ink-soft);color:var(--ink-soft)}.graph-tooltip{position:absolute;width:min(304px,calc(100% - 32px));padding:14px 16px 15px;border-radius:20px;background:linear-gradient(180deg,#fffcf7fc,#faf4eafa);border:1px solid rgba(78,63,46,.15);box-shadow:0 18px 34px #35261a29;pointer-events:none;z-index:2;transform:translateZ(0)}.graph-tooltip__eyebrow{margin:0 0 7px;text-transform:uppercase;letter-spacing:.12em;font-size:.66rem;font-weight:800;color:var(--ink-soft)}.graph-tooltip strong{display:block;font-size:1rem;line-height:1.32}.graph-tooltip__meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.graph-tooltip__meta span{display:inline-flex;align-items:center;min-height:24px;padding:4px 10px;border-radius:999px;background:#4e3f2e14;color:var(--ink);font-size:.72rem;font-weight:600;line-height:1}.graph-tooltip__body{margin:10px 0 0;color:#312921eb;font-size:.88rem;line-height:1.62}.graph-tooltip__details{display:grid;gap:9px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(78,63,46,.1)}.graph-tooltip__detail-row{display:grid;gap:5px;padding:9px 10px;border-radius:12px;background:#ffffff8a;border:1px solid rgba(78,63,46,.08)}.graph-tooltip__detail-row span{font-size:.66rem;text-transform:uppercase;letter-spacing:.09em;font-weight:800;color:var(--ink-soft)}.graph-tooltip__detail-row strong{font-size:.84rem;line-height:1.52;color:var(--ink)}.graph-tooltip--transition{border-color:#0c5b552e}.graph-tooltip--state{border-color:#2b6cb02e}.graph-svg{width:100%;height:100%;min-height:760px;display:block;-webkit-user-select:none;user-select:none;cursor:grab;touch-action:none}.graph-shell--maximized .graph-svg{min-height:calc(100vh - 180px)}.graph-node,.graph-edge{cursor:pointer}.graph-pan-surface{cursor:grab}.graph-stage.is-panning .graph-svg,.graph-stage.is-panning .graph-pan-surface{cursor:grabbing}.graph-edge__direction{cursor:pointer}.graph-node text,.graph-edge text{fill:var(--ink);pointer-events:none}.graph-zone__label{font-size:14px;font-family:Bahnschrift SemiBold,Segoe UI Semibold,Aptos,sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:.14em;fill:#4e3f2ed1}.graph-node__label{font-size:16px;font-weight:700}.graph-node__meta{font-size:13px;fill:#6d6459e6;font-weight:600}.graph-node__meta.is-accent{fill:var(--accent-strong);font-weight:700}.checkbox-group,.toggle-group{display:flex;flex-wrap:wrap;gap:8px}.checkbox{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;background:#fffcf7b3;border:1px solid var(--border)}.toggle-chip{padding:10px 12px}.toggle-chip.is-active{background:var(--accent-soft);color:var(--accent-strong);border-color:#0c5b5547}.toggle-chip:disabled{opacity:.52;cursor:not-allowed;transform:none}.toggle-group--detail{margin-bottom:16px}.page-grid--graph>.panel:last-child .section-card{padding:18px}.page-grid--graph>.panel:last-child .stack{gap:10px}@media(max-width:1500px){.page-grid--graph{grid-template-columns:minmax(0,1fr) 360px;grid-template-areas:"canvas canvas" "filters detail"}.graph-svg{min-height:700px}.graph-shell--maximized{padding:0}.graph-shell--maximized .graph-stage,.graph-shell--maximized .graph-svg{min-height:calc(100vh - 168px)}}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1200px){.app-shell,.workspace-hero,.page-grid--database,.metrics-grid,.home-grid,.page-grid--graph,.state-path-grid,.split-grid,.field-grid,.layer-grid,.event-grid{grid-template-columns:1fr}.home-grid{grid-template-areas:"summary" "next" "incoming" "detail" "layers" "events" "graph"}.sidebar{display:none}.database-topbar__actions{display:grid}.database-topbar__hint{text-align:left}}@media(max-width:768px){.main{padding:14px}.topbar{padding:16px;gap:14px;align-items:flex-start;flex-direction:column}.topbar__status{justify-items:start}.workspace-hero h1{font-size:2.3rem}.graph-svg{min-height:640px}.graph-shell--maximized{padding:0;border-radius:0}.graph-shell--maximized .graph-stage,.graph-shell--maximized .graph-svg{min-height:calc(100vh - 132px)}.graph-stage-toolbar__rail,.graph-controls{flex-wrap:wrap;justify-content:flex-end}}