@layer components{.ndm .ndm-board{--board-quiet:#e0e0e0;grid-template-rows:repeat(2,1fr);grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,1fr);gap:20px;display:grid}@supports (color:lab(0% 0 0)){.ndm .ndm-board{--board-quiet:lab(89.045% -.0000298023 .0000119209)}}.ndm-board-agent{grid-area:1/2/3/3}.ndm-board-harness{grid-area:1/1}.ndm-board-gateway{grid-area:2/1}.ndm-board-sandboxes{grid-area:1/3}.ndm-board-storage{grid-area:2/3}.ndm-board-card{border-radius:var(--radius-4xl);background:var(--card);min-width:0;box-shadow:var(--shadow-sheet), 0 24px 48px -24px #00000029;color:var(--foreground);cursor:pointer;flex-direction:column;padding:0 4px 4px;text-decoration:none;transition:scale .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;container-type:inline-size}@supports (color:lab(0% 0 0)){.ndm-board-card{box-shadow:var(--shadow-sheet), 0 24px 48px -24px lab(0% 0 0/.16)}}.ndm-board-card:focus-visible{outline:2px solid var(--link);outline-offset:3px}.ndm-board-card:active{scale:.98}@media (hover:hover) and (pointer:fine){.ndm-board-card:hover{box-shadow:var(--shadow-sheet), 0 28px 56px -24px #0000003d;scale:1.02}@supports (color:lab(0% 0 0)){.ndm-board-card:hover{box-shadow:var(--shadow-sheet), 0 28px 56px -24px lab(0% 0 0/.24)}}.ndm-board-card:hover:active{scale:1.005}.ndm-board-card:hover .ndm-board-go{color:var(--tone-ink);translate:2px}}.ndm-board-head{flex:none;align-items:center;gap:8px;height:44px;padding:0 10px 0 6px;display:flex}.ndm-board-head .ndm-tone-tile{border-radius:999px}.ndm-board-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;font-weight:500;line-height:20px;overflow:hidden}.ndm-board-go{color:var(--subtle-foreground);flex:none;margin-left:-4px;transition:translate .2s,color .2s;display:grid}.ndm-board-end{color:var(--muted-foreground);white-space:nowrap;flex:none;align-items:center;gap:6px;margin-left:auto;font-size:12px;line-height:16px;display:inline-flex}.ndm-board-body{border-top:1px solid var(--border);flex-direction:column;flex:1;justify-content:center;gap:12px;min-height:0;padding:12px;display:flex}.ndm-board-quiet{color:var(--muted-foreground)}.ndm-board-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.ndm-board-agent .ndm-board-body{justify-content:flex-start;gap:16px;padding:16px 16px 16px 12px}.ndm-board-msg{align-items:flex-start;gap:10px;display:flex}.ndm-board-said{flex:1;gap:2px;min-width:0;display:grid}.ndm-board-who{font-size:13px;font-weight:600;line-height:18px}.ndm-board-who .ndm-board-quiet{margin-left:2px;font-size:12px;font-weight:400}.ndm-board-text{text-wrap:pretty;font-size:14px;line-height:20px}.ndm-board-mention{background:var(--link-subtle);color:var(--link-strong);border-radius:4px;padding:0 2px;font-weight:500}.ndm-board-chart{gap:6px;margin-top:8px;display:grid}.ndm-board-chart-row{grid-template-columns:4.75rem minmax(0,1fr) 2.5rem;align-items:center;gap:10px;font-size:13px;line-height:18px;display:grid}.ndm-board-chart-bar{background:var(--muted);border-radius:999px;height:6px;position:relative;overflow:hidden}.ndm-board-chart-bar>span{width:calc(var(--v) * 100%);border-radius:inherit;background:var(--tone);transform-origin:0;position:absolute;inset:0 auto 0 0}.ndm-board-figure{color:var(--muted-foreground);font-variant-numeric:tabular-nums;text-align:right;font-size:12px}.ndm-board-attach{border-radius:var(--radius-xl);box-shadow:0 0 0 1px var(--border);justify-self:start;align-items:center;gap:10px;margin-top:10px;padding:6px 14px 6px 6px;font-size:13px;font-weight:500;line-height:16px;display:flex}.ndm-board-attach .ndm-board-quiet{font-size:11px;font-weight:400}.ndm-board-attach-mark{border-radius:var(--radius-md);background:var(--teal-subtle);width:28px;height:28px;color:var(--teal-strong);letter-spacing:.02em;place-items:center;font-size:8px;font-weight:700;display:grid}.ndm-board-used{color:var(--muted-foreground);align-items:center;gap:8px;margin-top:10px;font-size:12px;line-height:16px;display:flex}.ndm-board-used-marks{display:flex}.ndm-board-used-marks .ndm-tone-tile{box-shadow:0 0 0 2px var(--card);border-radius:999px}.ndm-board-used-marks .ndm-tone-tile+.ndm-tone-tile{margin-left:-4px}.ndm-board-composer{border-radius:var(--radius-xl);height:36px;box-shadow:0 0 0 1px var(--border);color:var(--subtle-foreground);align-items:center;margin-top:auto;padding:0 4px 0 12px;font-size:13px;line-height:18px;display:flex}.ndm-board-send{border-radius:var(--radius-lg);background:var(--muted);width:28px;height:28px;color:var(--muted-foreground);place-items:center;margin-left:auto;display:grid}.ndm-board-harness .ndm-board-body{gap:6px;padding:8px}.ndm-board-code{border-radius:var(--radius-lg);background:var(--tone-subtle);font-family:var(--font-mono);white-space:nowrap;padding:8px 10px;font-size:12px;line-height:20px;display:block;overflow:hidden}.ndm-board-ink{color:var(--tone-ink)}.ndm-board-trace{grid-template-columns:20px max-content minmax(0,1fr) 2.25rem;column-gap:8px;padding:0 2px;display:grid}.ndm-board-step{grid-column:1/-1;grid-template-columns:subgrid;align-items:center;height:32px;font-size:12px;line-height:16px;display:grid}.ndm-board-step .ndm-tone-tile{border-radius:999px}.ndm-board-track{background:var(--muted);border-radius:999px;height:6px;position:relative}.ndm-board-track>span{inset:0 auto 0 var(--x);width:max(var(--w), 6px);border-radius:inherit;background:var(--tone);transform-origin:0;position:absolute}.ndm-board-took{color:var(--muted-foreground);font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:right}.ndm-board-sandboxes .ndm-board-body{padding:8px}.ndm-board-boxes{grid-template-columns:6px max-content minmax(0,1fr) max-content;column-gap:10px;display:grid}.ndm-board-sbx{grid-column:1/-1;grid-template-columns:subgrid;white-space:nowrap;align-items:center;height:32px;padding:0 10px;font-size:12px;line-height:16px;display:grid}.ndm-board-sbx>.ndm-board-quiet{text-overflow:ellipsis;overflow:hidden}.ndm-board-sbx[data-running]{border-radius:var(--radius-lg);background:var(--tone-subtle);height:36px;margin-bottom:6px}.ndm-board-dot{background:var(--border-strong);border-radius:999px;width:6px;height:6px}.ndm-board-sbx[data-running] .ndm-board-dot{background:var(--tone);animation:1.4s ease-in-out infinite ndm-board-pulse}@keyframes ndm-board-pulse{50%{opacity:.35}}.ndm-board-sbx-state{color:var(--muted-foreground);text-align:right}.ndm-board-sbx[data-running] .ndm-board-sbx-state{color:var(--tone-ink);font-weight:500}.ndm-board-switch{grid-template-columns:repeat(var(--options,3), minmax(0, 1fr));background:var(--muted);border-radius:999px;height:30px;padding:2px;display:grid;position:relative}.ndm-board-thumb{width:calc((100% - 4px) / var(--options,3));background:var(--card);border-radius:999px;position:absolute;top:2px;bottom:2px;left:2px;box-shadow:0 1px 2px #00000014,0 0 0 .5px #00000014;box-shadow:0 1px 2px lab(0% 0 0/.08),0 0 0 .5px lab(0% 0 0/.08)}.ndm-board-option{min-width:0;color:var(--muted-foreground);white-space:nowrap;justify-content:center;align-items:center;gap:5px;font-size:12px;font-weight:500;display:flex;position:relative}.ndm-board-option[data-on]{color:var(--foreground)}.ndm-board-option img{opacity:.5;filter:grayscale();width:13px;height:13px}.ndm-board-option[data-on] img{opacity:1;filter:none}.ndm-board-option svg{color:var(--subtle-foreground)}.ndm-board-option[data-on] svg{color:var(--tone-ink)}.ndm-board-bars{justify-content:space-between;align-items:flex-end;height:84px;padding-inline:4px;display:flex}.ndm-board-bars>span{width:4px;height:calc(var(--h) * 100%);background:var(--tone);transform-origin:bottom;border-radius:2px}.ndm-board-files{grid-template-columns:14px minmax(0,1fr) max-content max-content;column-gap:10px;padding:0 10px;display:grid}.ndm-board-file{grid-column:1/-1;grid-template-columns:subgrid;white-space:nowrap;align-items:center;height:28px;font-size:13px;line-height:18px;display:grid}.ndm-board-file svg{color:var(--subtle-foreground)}.ndm-board-file .ndm-board-mono{text-align:right;font-size:12px}.ndm-board-when{min-width:4.5rem;color:var(--muted-foreground);text-align:right;font-size:12px}.ndm-board-file[data-fresh]{font-weight:500}.ndm-board-file[data-fresh] :is(svg,.ndm-board-when){color:var(--tone-ink)}@container not (min-width:320px){.ndm-board-boxes{grid-template-columns:6px minmax(0,1fr) max-content}.ndm-board-files{grid-template-columns:14px minmax(0,1fr) max-content}:is(.ndm-board-sbx,.ndm-board-file)>:nth-child(3){display:none}}.ndm-board-card{--at:calc(var(--lead,0s) + .76s + var(--i,0) * 90ms)}.ndm-board-harness,.ndm-board-sandboxes{--i:1}.ndm-board-gateway,.ndm-board-storage{--i:2}.ndm-hero .ndm-board-card{--from-y:24px;animation:ndm-rise-plain .9s var(--ease-enter) backwards;animation-delay:calc(var(--lead) + .52s + var(--i,0) * 90ms)}.ndm-board-in{animation:ndm-board-in .52s var(--ease-enter) backwards;animation-delay:calc(var(--at) + var(--n,0) * 70ms)}.ndm-board-chart-bar>span,.ndm-board-track>span{animation:ndm-board-grow-x .64s var(--ease-enter) backwards;animation-delay:calc(var(--at) + var(--n,0) * 70ms)}.ndm-board-took{animation:.3s ease-out backwards ndm-board-fade;animation-delay:calc(var(--at) + var(--n,0) * 70ms + .3s)}.ndm-board-bars>span{animation:ndm-board-grow-y .52s var(--ease-enter) backwards;animation-delay:calc(var(--at) + var(--n,0) * 22ms)}.ndm-board-thumb{animation:ndm-board-slide .52s var(--ease-enter) backwards;animation-delay:var(--at)}@keyframes ndm-board-in{0%{opacity:0;translate:0 6px}}@keyframes ndm-board-fade{0%{opacity:0}}@keyframes ndm-board-grow-x{0%{scale:0 1}}@keyframes ndm-board-grow-y{0%{scale:1 0}}@keyframes ndm-board-slide{0%{translate:100%}}@media (max-width:1023px){.ndm .ndm-board{grid-template-rows:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ndm-board-agent,.ndm-board-harness,.ndm-board-gateway,.ndm-board-sandboxes,.ndm-board-storage{grid-area:auto}.ndm-board-agent{grid-column:1/-1}}@media (max-width:640px){.ndm .ndm-board{gap:8px}.ndm-board-card:not(.ndm-board-agent) :is(.ndm-board-body,.ndm-board-end,.ndm-board-go),.ndm-board-agent .ndm-board-end{display:none}.ndm-board-card:not(.ndm-board-agent) .ndm-board-head{height:auto;min-height:44px;padding:8px 6px}.ndm-board-card:not(.ndm-board-agent) .ndm-board-name{white-space:normal;text-wrap:balance}}@media (prefers-reduced-motion:reduce){.ndm-hero .ndm-board-card,.ndm-board-in,.ndm-board-chart-bar>span,.ndm-board-track>span,.ndm-board-took,.ndm-board-bars>span,.ndm-board-thumb,.ndm-board-sbx[data-running] .ndm-board-dot{animation:none}.ndm-board-card,.ndm-board-go{transition:none}}}
