.pattern-badge{display:inline-block;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.125rem .5rem;border-radius:9999px;margin-left:.5rem;vertical-align:middle}.pattern-badge.injection{background:var(--n-surface-accent);color:var(--n-surface-ink-accent)}.pattern-badge.provider{background:var(--n-surface-info);color:var(--n-surface-ink-info)}.ctrl-inject-demo{flex:1}.ctrl-pressable{cursor:pointer}.ctrl-flex-item{flex:1}.ctrl-actions,.ctrl-delay-row{margin-top:.75rem}.ctrl-label{font-size:.75rem;color:var(--n-ink-muted-neutral)}.ctrl-horiz-list{display:flex;gap:.5rem}.ctrl-resize-hint{font-size:.75rem;color:var(--n-ink-muted-neutral);margin-top:.25rem}.drag-item{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;background:var(--n-panel-neutral);border:1px solid var(--n-border-muted-neutral);border-radius:.375rem;cursor:grab;user-select:none;transition:opacity .15s ease}.drag-item[dragging]{opacity:.3}.drag-item .handle{color:var(--n-ink-muted-neutral);font-size:.875rem}.drag-item .label{flex:1}.drag-placeholder{height:3px;background:var(--n-surface-accent);border-radius:2px;margin:.125rem 0}.drag-card{display:flex;align-items:center;justify-content:center;width:5rem;height:5rem;background:var(--n-surface-accent);color:var(--n-surface-ink-accent);border-radius:.5rem;font-weight:700;cursor:grab;user-select:none;transition:opacity .15s ease}.drag-card[dragging]{opacity:.3}#drag-horiz-list>.drag-placeholder{width:3px;height:5rem;margin:0 .125rem}.resize-box{position:relative;width:240px;min-height:120px;padding:1rem 1.5rem 1rem 1rem;background:var(--n-panel-neutral);border:1px solid var(--n-border-muted-neutral);border-radius:.375rem;font-size:.8125rem;color:var(--n-ink-neutral);overflow:hidden}.resize-handle{position:absolute;right:0;top:0;width:8px;height:100%;cursor:col-resize;background:transparent;transition:background .15s ease}.resize-handle:hover,.resize-box[resizing] .resize-handle{background:var(--n-surface-accent)}.resize-box-v{position:relative;width:100%;height:120px;padding:1rem 1rem 1.5rem;background:var(--n-panel-neutral);border:1px solid var(--n-border-muted-neutral);border-radius:.375rem;font-size:.8125rem;color:var(--n-ink-neutral);overflow:hidden}.resize-handle-v{position:absolute;bottom:0;left:0;height:8px;width:100%;cursor:row-resize;background:transparent;transition:background .15s ease}.resize-handle-v:hover,.resize-box-v[resizing] .resize-handle-v{background:var(--n-surface-accent)}.select-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--n-panel-neutral);border:1px solid var(--n-border-muted-neutral);border-radius:.375rem;font-size:.8125rem;cursor:pointer;user-select:none;transition:background .15s ease,border-color .15s ease}.select-item[aria-selected=true]{background:var(--n-surface-accent);border-color:var(--n-border-accent);color:var(--n-surface-ink-accent)}.select-item:before{content:"";width:1rem;height:1rem;border:2px solid var(--n-border-neutral);border-radius:.25rem;flex-shrink:0;transition:background .15s ease,border-color .15s ease}.select-item[aria-selected=true]:before{background:var(--n-ink-accent);border-color:var(--n-ink-accent)}.edit-item{padding:.5rem .75rem;background:var(--n-panel-neutral);border:1px solid var(--n-border-muted-neutral);border-radius:.375rem;font-size:.875rem;cursor:text;transition:border-color .15s ease,box-shadow .15s ease}.edit-item[editing]{border-color:var(--n-border-accent);box-shadow:0 0 0 3px var(--n-surface-accent);outline:none}.copy-item{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;background:var(--n-panel-neutral);border:1px solid var(--n-border-muted-neutral);border-radius:.375rem;font-family:ui-monospace,monospace;font-size:.8125rem;cursor:pointer;user-select:all;transition:border-color .2s ease}.copy-item[copied]{border-color:var(--n-border-success)}.copy-item .copy-label{flex:1}.copy-item .copy-feedback{font-size:.6875rem;font-weight:600;color:var(--n-ink-success);opacity:0;transition:opacity .2s ease}.copy-item[copied] .copy-feedback{opacity:1}.sort-table{width:100%;border-collapse:collapse;font-size:.8125rem}.sort-table th{text-align:left;font-weight:600;padding:.5rem .75rem;border-bottom:2px solid var(--n-border-muted-neutral);color:var(--n-ink-strong-neutral);cursor:pointer;user-select:none;transition:color .15s ease}.sort-table th:hover{color:var(--n-ink-accent)}.sort-table th[aria-sort]:after{margin-left:.25rem;font-size:.625rem}.sort-table th[aria-sort=ascending]:after{content:" u25B2"}.sort-table th[aria-sort=descending]:after{content:" u25BC"}.sort-table td{padding:.5rem .75rem;border-bottom:1px solid var(--n-border-muted-neutral)}.collapse-trigger{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.75rem;background:var(--n-panel-neutral);border:1px solid var(--n-border-muted-neutral);border-radius:.375rem .375rem 0 0;cursor:pointer;user-select:none;font-weight:600;font-size:.875rem}.collapse-trigger .arrow{transition:transform .2s ease}.collapse-trigger[collapsed] .arrow{transform:rotate(-90deg)}.collapse-content{padding:.75rem;background:var(--n-body-neutral);border:1px solid var(--n-border-muted-neutral);border-top:none;border-radius:0 0 .375rem .375rem;font-size:.8125rem;color:var(--n-ink-muted-neutral);overflow:hidden}.swipe-card{position:relative;padding:1.5rem 1rem;background:var(--n-panel-neutral);border:1px solid var(--n-border-muted-neutral);border-radius:.375rem;font-size:.875rem;text-align:center;user-select:none;touch-action:pan-y;overflow:hidden}.swipe-indicator{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.75rem;font-size:.75rem;color:var(--n-ink-muted-neutral)}.swipe-dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--n-border-muted-neutral);transition:background .2s ease}.swipe-dot.active{background:var(--n-ink-accent)}.output{font-family:monospace;font-size:.75rem;color:var(--n-ink-muted-neutral);max-height:6rem;overflow-y:auto;margin-top:.75rem;padding:.5rem;background:var(--n-panel-neutral);border-radius:.25rem}#dynamic-list .layout-card{padding:.625rem .75rem}