:root{--color-bg:#f7f7f4;--color-surface:#fff;--color-border:#deded7;--color-text:#1c1c1a;--color-muted:#6e6e65;--color-active-bg:#efefe8;--color-hover-bg:#f3f3ef;--space-pane:8px;--space-gap:6px;--space-tight:4px;--radius:4px;--rail-width:44px;--sidebar-width:168px}*,:before,:after{box-sizing:border-box}body{color:var(--color-text);background:var(--color-bg);margin:0;font-family:-apple-system,BlinkMacSystemFont,Noto Sans JP,sans-serif}button,textarea,.ProseMirror{font:inherit}.shell-pane{padding:var(--space-pane)}.shell-nav-button{border-radius:var(--radius);cursor:pointer;background:0 0;border:1px solid #0000}.shell-nav-button:hover{background:var(--color-hover-bg)}.shell-nav-button.active{border-color:var(--color-border);background:var(--color-active-bg)}.service-panel-header{justify-content:space-between;align-items:flex-start;gap:var(--space-gap);margin:0 0 var(--space-gap);display:flex}.service-panel-header h2{margin:0 0 var(--space-tight);font-size:16px;font-weight:600;line-height:1.3}.service-panel-header p{color:var(--color-muted);margin:0;font-size:13px;line-height:1.4}.service-surface{border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-pane);background:var(--color-surface)}.service-grid{gap:var(--space-gap);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.service-status{border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-tight) var(--space-pane);color:var(--color-muted);background:var(--color-surface);flex-shrink:0;font-size:12px}.service-status.open{color:#3f6529;background:#eff7e9;border-color:#6e8c56}