:root{--bg: #f7f9fb;--bg-elevated: #ffffff;--ink: #0f1c24;--muted: #5a6b76;--line: #e2e8ee;--accent: #0d9488;--accent-deep: #0f766e;--accent-soft: #ccfbf1;--warn: #b45309;--ok: #047857;--radius: 14px;--shadow: 0 12px 40px rgba(15, 28, 36, .06);--font: "DM Sans", system-ui, sans-serif;--display: "Instrument Serif", Georgia, serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font);color:var(--ink);background:radial-gradient(1200px 600px at 10% -10%,#d8f3ef 0%,transparent 55%),radial-gradient(900px 500px at 100% 0%,#e8f0f7 0%,transparent 50%),var(--bg)}a{color:var(--accent-deep);text-decoration:none}a:hover{text-decoration:underline}.app-shell{max-width:1120px;margin:0 auto;padding:16px 16px 88px}.main{min-height:50vh}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:24px}.brand{display:flex;flex-direction:column;gap:2px}.brand-mark{font-family:var(--display);font-size:1.85rem;letter-spacing:-.02em;line-height:1.1}.brand-mark span{color:var(--accent)}.brand-sub{color:var(--muted);font-size:.85rem}.nav-desktop{display:none;gap:8px;flex-wrap:wrap}.nav-desktop a{padding:8px 14px;border-radius:999px;color:var(--muted);text-decoration:none;border:1px solid transparent}.nav-desktop a.active,.nav-desktop a:hover{color:var(--ink);background:var(--bg-elevated);border-color:var(--line);text-decoration:none}.nav-mobile{position:fixed;left:0;right:0;bottom:0;z-index:40;display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:8px 6px calc(8px + env(safe-area-inset-bottom));background:#ffffffeb;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-mobile a{text-align:center;padding:10px 4px;font-size:.72rem;font-weight:600;color:var(--muted);text-decoration:none;border-radius:10px}.nav-mobile a.active{color:var(--accent-deep);background:var(--accent-soft);text-decoration:none}.card-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}.device-card{padding:14px;border:1px solid var(--line);border-radius:12px;background:#fbfdfe}.device-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.muted-line{color:var(--muted);font-size:.88rem;margin-bottom:4px}.block-label{margin-top:12px}.desktop-only{display:none}.btn.secondary,a.btn.secondary{background:transparent;color:var(--ink);border:1px solid var(--line)}a.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.pipeline-list{margin:0 0 16px;padding-left:1.2rem;color:var(--ink);line-height:1.55}.pipeline-list li{margin-bottom:6px}.blueprint-preview-stub{display:grid;place-items:center;min-height:160px;margin:12px 0 4px;border:1px dashed #5b8def;border-radius:12px;background:linear-gradient(rgba(20,48,96,.08) 1px,transparent 1px) 0 0 / 24px 24px,linear-gradient(90deg,rgba(20,48,96,.08) 1px,transparent 1px) 0 0 / 24px 24px,#0b1c33;color:#9ec5ff;font-size:.85rem;letter-spacing:.04em}.nav-mobile{grid-template-columns:repeat(5,1fr)}@media (min-width: 860px){.app-shell{padding:28px 20px 64px}.nav-desktop{display:flex}.nav-mobile{display:none}.desktop-only{display:block}.card-list{display:none}}.hero{display:grid;gap:12px;margin-bottom:28px}.hero h1{margin:0;font-family:var(--display);font-size:clamp(2rem,4vw,2.75rem);font-weight:400;letter-spacing:-.02em}.hero p{margin:0;max-width:42rem;color:var(--muted);font-size:1.05rem;line-height:1.55}.panel{background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px}.panel+.panel{margin-top:18px}.panel h2{margin:0 0 6px;font-size:1.15rem}.panel .hint{margin:0 0 18px;color:var(--muted);font-size:.92rem}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}@media (max-width: 720px){.grid-2{grid-template-columns:1fr}}label{display:grid;gap:6px;font-size:.85rem;color:var(--muted)}input,select,textarea,button{font:inherit}input,select,textarea{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink)}textarea{min-height:96px;resize:vertical}button,.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;background:var(--accent);color:#fff;padding:10px 16px;border-radius:10px;font-weight:600}button:hover,.btn:hover{background:var(--accent-deep)}button.secondary{background:transparent;color:var(--ink);border:1px solid var(--line)}button:disabled{opacity:.55;cursor:not-allowed}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.92rem}th,td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--muted);font-weight:500}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:.78rem;font-weight:600;background:var(--accent-soft);color:var(--accent-deep)}.badge.offline{background:#f1f5f9;color:var(--muted)}.badge.warn{background:#ffedd5;color:var(--warn)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85rem}.empty{color:var(--muted);padding:8px 0}.toast{margin-top:12px;padding:10px 12px;border-radius:10px;background:#ecfdf5;color:var(--ok);font-size:.9rem}.toast.err{background:#fff1f2;color:#be123c}.stat-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}@media (max-width: 720px){.stat-row{grid-template-columns:1fr}}.stat{padding:16px;border-radius:var(--radius);border:1px solid var(--line);background:#ffffffb8}.stat .n{font-family:var(--display);font-size:2rem;line-height:1}.stat .l{color:var(--muted);font-size:.85rem;margin-top:4px}