:root{--nb-bg:#fafafa;--nb-surface:#fff;--nb-surface-raised:#f5f5f5;--nb-border:#e5e3df;--nb-text:#1a1a1a;--nb-text-muted:#6b6966;--nb-text-dim:#807d79;--nb-accent:#1a1a1a;--nb-accent-soft:#0000000d;--nb-accent-border:#0003;--nb-accent-text:#1a1a1a;--nb-diff-add:#16a34a;--nb-diff-remove:#dc2626;--nb-font-sans:"DM Sans",sans-serif;--nb-radius:14px;--nb-radius-sm:8px;--nb-radius-xs:6px;--nb-radius-pill:4px}body{background:var(--nb-bg);color:var(--nb-text);font-family:var(--nb-font-sans);-webkit-font-smoothing:antialiased;margin:0}.nb-iteration{flex-direction:column;align-items:stretch;display:flex}.nb-iteration--variant{flex-direction:column;align-items:stretch;gap:4px;display:flex}.nb-content-card{background:#fff;border:none;border-radius:12px;min-width:0;transition:box-shadow .2s;overflow:visible;box-shadow:0 0 0 1px #00000008,0 2px 4px #0000000a,0 8px 16px #0000000a}.nb-content-card:hover{box-shadow:0 0 0 1px #00000008,0 4px 8px #0000000f,0 12px 24px #0000000f}.nb-btn{border-radius:var(--nb-radius-xs);color:var(--nb-text-dim);cursor:pointer;font-size:13px;font-family:var(--nb-font-sans);background:0 0;border:1px solid #0000000f;padding:6px 10px;transition:all .2s}.nb-btn:hover{color:var(--nb-text-muted);background:#fff;border-color:#0000000f;box-shadow:0 1px 3px #0000000f}.nb-btn--active{background:var(--nb-accent-soft);border-color:var(--nb-accent-border);color:var(--nb-accent-text)}.nb-btn--active:hover{border-color:var(--nb-accent-border);color:var(--nb-accent-text)}.nb-state-explorer{background:var(--nb-surface);width:320px;font-family:var(--nb-font-sans);border:none;border-radius:14px;max-height:calc(100vh - 120px);padding:0;animation:.15s ease-out nb-popover-in;overflow:hidden auto;box-shadow:0 0 0 1px #0000000a,0 8px 24px #00000014,0 20px 48px #0000000f}.nb-state-explorer-section{padding:10px}.nb-state-explorer-section-header{justify-content:space-between;align-items:center;margin-bottom:6px;padding:0 2px;display:flex}.nb-state-explorer-section-title{color:var(--nb-text-muted);font-size:12px;font-weight:550}.nb-state-explorer-divider{background:#0000000f;height:1px;margin:4px 12px}.nb-state-explorer-presets{flex-direction:column;gap:4px;display:flex}.nb-state-explorer-empty{text-align:center;color:var(--nb-text-dim);flex-direction:column;align-items:center;gap:4px;padding:20px 16px;font-size:13px;line-height:1.4;display:flex}.nb-state-explorer-empty>span:first-child{color:var(--nb-text);font-weight:500}.nb-state-explorer-empty>span:last-child{opacity:.6;font-size:12px}.nb-state-preset{background:var(--nb-surface);border-radius:var(--nb-radius-sm);cursor:pointer;text-align:left;width:100%;font-family:var(--nb-font-sans);border:1px solid #0000000a;justify-content:space-between;align-items:center;padding:7px 10px;transition:all .15s;display:flex}.nb-state-preset:hover{background:var(--nb-surface-raised);border-color:#00000014;box-shadow:0 1px 3px #0000000a}.nb-state-preset--active{background:var(--nb-accent-soft);border-color:var(--nb-accent-border)}.nb-state-preset-content{flex:1;min-width:0}.nb-state-preset-label{color:var(--nb-text);margin-bottom:1px;font-size:12px;font-weight:550}.nb-state-preset--active .nb-state-preset-label{color:var(--nb-accent-text)}.nb-state-preset-hint{color:var(--nb-text-dim);font-size:11px;line-height:1.3}.nb-state-preset--active .nb-state-preset-hint{color:var(--nb-accent-text);opacity:.7}.nb-state-preset-check{color:var(--nb-accent);flex-shrink:0;margin-left:8px;display:flex}.nb-state-explorer-reset{color:var(--nb-text-dim);cursor:pointer;font-size:11px;font-weight:500;font-family:var(--nb-font-sans);background:0 0;border:1px solid #0000000a;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;transition:all .15s;display:flex}.nb-state-explorer-reset:hover{background:var(--nb-surface-raised);color:var(--nb-text);border-color:#0000001a;box-shadow:0 1px 2px #0000000a}.nb-state-explorer-controls-toggle{cursor:pointer;width:100%;font-family:var(--nb-font-sans);background:0 0;border:none;justify-content:space-between;align-items:center;padding:8px 2px 0;display:flex}.nb-state-explorer-controls-chevron{color:var(--nb-text-dim);transition:transform .2s;display:flex}.nb-state-explorer-controls-chevron--collapsed{transform:rotate(-90deg)}.nb-state-explorer-controls-body{transition:max-height .25s;overflow:hidden}.nb-state-explorer-controls-body--open{max-height:500px}.nb-state-explorer-controls-body--closed{max-height:0}@keyframes nb-stagger-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes nb-popover-in{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.nb-scroll::-webkit-scrollbar{width:6px}.nb-scroll::-webkit-scrollbar-track{background:0 0}.nb-scroll::-webkit-scrollbar-thumb{background:var(--nb-border);border-radius:3px}.nb-scroll::-webkit-scrollbar-thumb:hover{background:var(--nb-text-dim)}@keyframes nb-working-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes nb-working-pulse{0%,to{opacity:1}50%{opacity:.4}}.nb-working{border-radius:12px;position:relative;overflow:hidden}.nb-working>*{opacity:.5;pointer-events:none;transition:opacity .3s}.nb-working:before{content:"";z-index:1;pointer-events:none;border-radius:12px;position:absolute;inset:0;overflow:hidden}.nb-working:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(90deg,#0000 0%,#00000008 30%,#0000000f 50%,#00000008 70%,#0000 100%);width:100%;height:100%;animation:2s ease-in-out infinite nb-working-shimmer;position:absolute;top:0;left:0}.nb-feedback-link{transition:background .15s,border-color .15s}.nb-feedback-link:hover{background:var(--nb-surface-raised);border-color:var(--nb-text-dim)}.nb-chrome-btn{height:32px;font-size:14px;font-weight:500;font-family:var(--nb-font-sans);cursor:pointer;white-space:nowrap;color:var(--nb-text-muted);background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:0 10px;text-decoration:none;transition:background .15s,color .15s;display:flex}.nb-chrome-btn:hover{background:var(--nb-surface-raised);color:var(--nb-text)}.nb-chrome-btn--active{background:var(--nb-accent-soft);color:var(--nb-accent-text)}.nb-chrome{border-bottom:1px solid var(--nb-border)}.nb-header-bar{font-family:var(--nb-font-sans);align-items:center;gap:12px;padding:12px 24px;display:flex}.nb-header-center{flex:1;justify-content:center;align-items:center;gap:4px;min-width:0;display:flex}.nb-header-right{flex-shrink:0;align-items:center;gap:4px;display:flex}.nb-iteration-nav-summary{color:var(--nb-text-muted);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;font-weight:500;overflow:hidden}.nb-iteration-nav-btn{width:28px;height:28px;color:var(--nb-text);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s;display:flex}.nb-iteration-nav-btn:hover:not(:disabled){color:var(--nb-text);background:#00000014}.nb-iteration-nav-btn:disabled{opacity:.25;cursor:default}.nb-iteration-nav-index{color:var(--nb-text-dim);font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0;padding:0 4px;font-size:14px;font-weight:500}.nb-timeline-scrubber{align-items:center;gap:6px;padding:0 6px;display:flex}.nb-timeline-tick{background:var(--nb-border);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;width:8px;height:8px;padding:0;transition:background .15s,transform .15s}.nb-timeline-tick:hover{background:var(--nb-text-muted);transform:scale(1.3)}.nb-timeline-tick--active{background:var(--nb-accent);transform:scale(1.2)}.nb-timeline-tick--active:hover{background:var(--nb-accent);transform:scale(1.3)}.nb-timeline-tick--group{border-radius:4px;width:16px}.nb-change-annotation{z-index:99;-webkit-backdrop-filter:blur(12px);font-family:var(--nb-font-sans);opacity:0;pointer-events:none;background:#ffffffeb;border-radius:10px;max-width:400px;padding:8px 14px;transition:opacity .25s,transform .25s;position:absolute;left:24px;transform:translateY(-4px);box-shadow:0 0 0 1px #0000000a,0 2px 8px #0000000f}.nb-change-annotation--visible{opacity:1;pointer-events:auto;transform:translateY(0)}.nb-trail-panel{background:var(--nb-surface);width:360px;max-height:400px;font-family:var(--nb-font-sans);z-index:200;border-radius:12px;flex-direction:column;padding:12px;display:flex;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 0 0 1px #00000008,0 4px 12px #0000000f,0 16px 32px #00000014}.nb-trail-list{flex-direction:column;gap:2px;max-height:340px;display:flex;overflow-y:auto}.nb-trail-row{cursor:pointer;width:100%;font-family:var(--nb-font-sans);text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;transition:background .15s;display:flex}.nb-trail-row:hover{background:#00000008}.nb-trail-row--active,.nb-trail-row--active:hover{background:var(--nb-accent-soft)}.nb-trail-row-index{color:var(--nb-text-dim);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:11px;font-weight:500}.nb-trail-row--active .nb-trail-row-index{color:var(--nb-accent-text)}.nb-trail-row-summary{color:var(--nb-text);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12px;overflow:hidden}.nb-project-banner{font-family:var(--nb-font-sans);color:var(--nb-text-dim);white-space:nowrap;align-items:center;gap:6px;margin-right:0;padding-right:12px;font-size:13px;font-weight:400;display:flex}.nb-project-banner-title{color:var(--nb-text);font-weight:600}.nb-project-banner-feedback{color:var(--nb-text-dim);border:1px solid var(--nb-border);border-radius:5px;flex-shrink:0;margin-left:auto;padding:3px 10px;font-size:12px;font-weight:500;text-decoration:none;transition:background .15s,border-color .15s}.nb-project-banner-feedback:hover{background:var(--nb-surface-raised);border-color:var(--nb-text-dim)}.nb-filmstrip-drawer{max-height:0;transition:max-height .25s;overflow:hidden}.nb-filmstrip-drawer--open{max-height:400px}.nb-filmstrip{scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;gap:16px;padding:0 0 16px;display:flex;overflow:auto hidden}.nb-filmstrip::-webkit-scrollbar{display:none}.nb-filmstrip:before,.nb-filmstrip:after{content:"";flex-shrink:0;width:8px}.nb-filmstrip-card{scroll-snap-align:start;cursor:pointer;border:2px solid #0000;border-radius:12px;flex-shrink:0;width:360px;padding:10px;transition:border-color .15s,box-shadow .15s}.nb-filmstrip-group{scroll-snap-align:start;background:#00000005;border-radius:14px;flex-direction:column;flex-shrink:0;gap:8px;padding:10px;display:flex}.nb-filmstrip-group-label{font-family:var(--nb-font-sans);color:var(--nb-text-dim);align-items:center;gap:6px;padding:0 2px;font-size:12px;font-weight:500;display:flex}.nb-filmstrip-group-variants{gap:10px;display:flex}.nb-filmstrip-card--variant{width:240px}.nb-filmstrip-card:hover{border-color:var(--nb-border);box-shadow:0 2px 8px #0000000a}.nb-filmstrip-card--active{border-color:var(--nb-border);background:var(--nb-surface);box-shadow:0 1px 4px #0000000f}.nb-filmstrip-card--active:hover{border-color:var(--nb-border)}.nb-filmstrip-card-label{font-family:var(--nb-font-sans);color:var(--nb-text-muted);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;margin-bottom:6px;font-size:13px;font-weight:450;display:flex;overflow:hidden}.nb-filmstrip-card-index{color:var(--nb-text-dim);font-variant-numeric:tabular-nums;flex-shrink:0;font-weight:500}.nb-filmstrip-card--active .nb-filmstrip-card-index{color:var(--nb-accent-text)}.nb-filmstrip-card-meta{margin-top:8px}.nb-filmstrip-card-preview{pointer-events:none;border-radius:8px;max-height:180px;position:relative;overflow:hidden}.nb-filmstrip-group--active{background:#00000008}.nb-iteration-nav-btn--active{background:var(--nb-accent-soft);color:var(--nb-accent-text)}.nb-picked-badge{color:var(--nb-accent-text);background:var(--nb-accent-soft);text-transform:uppercase;letter-spacing:.04em;border-radius:4px;padding:1px 6px;font-size:11px;font-weight:600}.nb-range{appearance:none;background:#00000014;border-radius:2px;outline:none;width:100%;height:4px}.nb-range::-webkit-slider-thumb{appearance:none;background:var(--nb-text);border:2px solid var(--nb-surface);cursor:pointer;border-radius:50%;width:14px;height:14px;transition:transform .1s;box-shadow:0 1px 3px #00000026}.nb-range::-webkit-slider-thumb:hover{transform:scale(1.15)}.nb-range::-webkit-slider-thumb:active{transform:scale(.95)}