:root{color-scheme:light;--page: #f7f1e6;--panel: #fffdf8;--paper: #ffffff;--ink: #18202a;--muted: #6a7280;--subtle: #8c8173;--line: #e5d8c4;--line-strong: #ccb99c;--accent: #0f766e;--accent-strong: #115e59;--accent-soft: #e7f4ef;--warning: #b45309;--warning-soft: #fff4df;--success: #15803d;--success-soft: #e9f8ef;--focus: rgba(15, 118, 110, .36);--shadow: 0 12px 28px rgba(84, 65, 34, .08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;margin:0;color:var(--ink);background:linear-gradient(180deg,#ffffff6b,#fffaf04d),var(--page);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px}button,input{font:inherit}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--focus);outline-offset:2px}button{cursor:pointer}.shell{width:min(1240px,calc(100% - 32px));margin:0 auto;padding:14px 0 28px}.topbar{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand-lockup{display:inline-flex;align-items:center;gap:10px;text-decoration:none}.brand-mark{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--accent-strong);font-size:12px;font-weight:900;box-shadow:0 6px 16px #54412212}.brand-lockup strong{display:block;font-size:15px;line-height:1.2}.brand-lockup small{display:block;margin-top:2px;color:var(--muted);font-size:12px}.nav-actions,.tool-group,.segmented{display:flex;align-items:center}.nav-actions{gap:8px;flex-wrap:wrap}.nav-actions a,.service-action a,.disabled-link,.segmented button{min-height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;font-size:13px;font-weight:800;text-decoration:none}.nav-actions a{padding:0 12px;border:1px solid var(--line);background:#fffdf8c7;color:var(--muted)}.nav-actions a:hover,.nav-actions a.primary-action{border-color:var(--accent);background:var(--accent);color:#fff}.summary-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:10px 0 14px}.summary-strip div{min-height:64px;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:#fffdf8db}.summary-strip span{display:block;color:var(--muted);font-size:12px;font-weight:700}.summary-strip strong{display:block;margin-top:6px;font-size:18px;line-height:1.1}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:14px;align-items:start}.panel{border:1px solid var(--line);border-radius:8px;background:#fffdf8f0;box-shadow:var(--shadow)}.main-panel{padding:14px}.side-panel{display:grid;gap:14px}.mini-panel{padding:14px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}.panel-head.compact{margin-bottom:8px}.service-toolbar{align-items:end}.title-block{min-width:0}.eyebrow{margin:0 0 3px;color:var(--accent-strong);font-size:11px;font-weight:900;line-height:1.2;text-transform:uppercase}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:24px;line-height:1.16}h2{margin-bottom:0;font-size:16px;line-height:1.25}.tool-group{gap:8px;flex-wrap:wrap;justify-content:end}.search-box{min-height:38px;display:grid;grid-template-columns:auto minmax(160px,220px);align-items:center;gap:8px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--muted);font-size:13px;font-weight:800}.search-box input{min-width:0;border:0;outline:0;background:transparent;color:var(--ink)}.search-box input::placeholder{color:#a19a91}.segmented{padding:3px;border:1px solid var(--line);border-radius:8px;background:var(--paper);gap:2px}.segmented button{min-height:30px;padding:0 10px;border:0;background:transparent;color:var(--muted)}.segmented button:hover,.segmented button.active{background:var(--accent-soft);color:var(--accent-strong)}.service-list{display:grid;gap:8px}.service-row{min-height:78px;display:grid;grid-template-columns:minmax(0,1fr) 116px 76px;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--paper)}.service-row:hover{border-color:var(--line-strong);background:#fffaf1}.service-row[hidden]{display:none}.service-main{min-width:0}.service-title{display:flex;align-items:center;gap:8px;margin-bottom:5px}.service-title h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.service-main p{margin-bottom:0;color:var(--muted);line-height:1.48}.service-meta{display:grid;gap:5px;justify-items:start;color:var(--muted);font-size:12px;font-weight:800}.service-meta code,.path-list dd,.copy-command code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.service-meta code{color:var(--accent-strong);font-size:13px}.service-action{display:flex;justify-content:end}.service-action a,.disabled-link{width:64px;min-height:34px}.service-action a{background:var(--accent);color:#fff}.service-action a:hover{background:var(--accent-strong)}.status,.disabled-link{min-height:24px;display:inline-flex;align-items:center;border-radius:999px;padding:0 8px;font-size:12px;font-weight:900;white-space:nowrap}.status.online{background:var(--success-soft);color:var(--success)}.status.planned{background:var(--warning-soft);color:var(--warning)}.disabled-link{background:#f4eadc;color:var(--subtle)}.empty-state{margin:10px 0 0;padding:18px;border:1px dashed var(--line-strong);border-radius:8px;color:var(--muted);text-align:center}.live-pill{min-height:28px;display:inline-flex;align-items:center;border:1px solid #b7e6c5;border-radius:999px;padding:0 9px;background:var(--success-soft);color:var(--success);font-size:12px;font-weight:900}.status-list{display:grid}.status-row{min-height:40px;display:grid;grid-template-columns:16px 1fr auto;align-items:center;gap:8px;border-bottom:1px solid var(--line)}.status-row:last-child{border-bottom:0}.status-row span:nth-child(2){color:var(--muted);font-weight:800}.status-row strong{font-size:13px}.pulse{width:9px;height:9px;border-radius:50%;background:var(--success);box-shadow:0 0 0 5px #15803d1f}.pulse.warning{background:var(--warning);box-shadow:0 0 0 5px #b453091f}.path-list{display:grid;gap:8px;margin:10px 0 0}.path-list div{padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:var(--paper)}.path-list dt{margin-bottom:4px;color:var(--muted);font-size:12px;font-weight:900}.path-list dd{margin:0;color:var(--ink);font-size:12px;line-height:1.45;overflow-wrap:anywhere}.command-panel{display:grid;gap:8px}.copy-command{min-height:54px;display:grid;grid-template-columns:74px minmax(0,1fr);align-items:center;gap:10px;width:100%;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);text-align:left}.copy-command:hover,.copy-command.copied{border-color:var(--accent);background:var(--accent-soft)}.copy-command span{color:var(--muted);font-size:12px;font-weight:900}.copy-command code{min-width:0;overflow:hidden;color:var(--accent-strong);font-size:12px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}@media(max-width:980px){.summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace{grid-template-columns:1fr}.side-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.command-panel{grid-column:1 / -1}}@media(max-width:720px){.shell{width:min(100% - 24px,1240px);padding-top:10px}.topbar,.panel-head,.service-toolbar{align-items:stretch;flex-direction:column}.nav-actions,.nav-actions a,.tool-group,.search-box,.segmented{width:100%}.search-box{grid-template-columns:auto 1fr}.segmented button{flex:1}.summary-strip,.side-panel{grid-template-columns:1fr}.service-row{grid-template-columns:1fr;align-items:start}.service-action{justify-content:start}.service-action a,.disabled-link{width:100%}}