.nx-sec-backdrop[data-v-e354c1cf]{position:fixed;inset:0;z-index:var(--z-layer-backdrop);background:#0006;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.nx-sec-drawer[data-v-e354c1cf]{position:fixed;top:0;right:0;bottom:0;width:360px;max-width:92vw;z-index:var(--z-layer-sheet);background:var(--dt-panel);border-left:1px solid var(--dt-border);box-shadow:-8px 0 40px #00000059;display:flex;flex-direction:column;overflow:hidden}[data-glass=on] .nx-sec-drawer[data-v-e354c1cf]{background:var(--dt-glass-tint);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-left-color:var(--dt-glass-border)}.nx-sec-head[data-v-e354c1cf]{padding:16px 20px;border-bottom:1px solid var(--dt-border-subtle);display:flex;align-items:center;gap:10px;flex-shrink:0}.nx-sec-lock[data-v-e354c1cf]{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary-600),var(--color-accent-500));color:#fff}.nx-sec-titles[data-v-e354c1cf]{flex:1}.nx-sec-title[data-v-e354c1cf]{font-size:14px;font-weight:700;color:var(--dt-text)}.nx-sec-subtitle[data-v-e354c1cf]{font-size:10px;color:var(--dt-text-3)}.nx-sec-x[data-v-e354c1cf]{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;cursor:pointer;color:var(--dt-text-3);border:none;background:none;font-size:16px;transition:all .1s}.nx-sec-x[data-v-e354c1cf]:hover{background:var(--dt-surface-3);color:var(--dt-text)}.nx-sec-x[data-v-e354c1cf]:focus-visible{outline:2px solid var(--color-accent-500);outline-offset:2px}.nx-sec-body[data-v-e354c1cf]{flex:1;overflow-y:auto;padding:16px 20px}.nx-sec-group[data-v-e354c1cf]{margin-bottom:20px}.nx-sec-label[data-v-e354c1cf]{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--dt-text-4);margin-bottom:10px}.nx-sec-score[data-v-e354c1cf]{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:10px;background:color-mix(in srgb,var(--color-success-500) 8%,var(--dt-surface));border:1px solid color-mix(in srgb,var(--color-success-500) 20%,var(--dt-border))}.nx-sec-ring[data-v-e354c1cf]{width:48px;height:48px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center}.nx-sec-ring-inner[data-v-e354c1cf]{width:38px;height:38px;border-radius:50%;background:var(--dt-surface);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:var(--color-success-400)}.nx-sec-score-text[data-v-e354c1cf]{flex:1}.nx-sec-score-val[data-v-e354c1cf]{font-size:13px;font-weight:700;color:var(--dt-text)}.nx-sec-score-hint[data-v-e354c1cf]{font-size:10px;color:var(--dt-text-3);margin-top:2px}.nx-sec-timer-card[data-v-e354c1cf]{padding:14px 16px;border-radius:10px;background:var(--dt-surface);border:1px solid var(--dt-border-subtle);display:flex;align-items:center;gap:14px}.nx-sec-timer-digits[data-v-e354c1cf]{font-family:var(--dt-mono);font-size:22px;font-weight:800;letter-spacing:.04em}.nx-sec-timer-label[data-v-e354c1cf]{font-size:10px;color:var(--dt-text-3)}.nx-sec-row[data-v-e354c1cf]{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;border:1px solid var(--dt-border-subtle);margin-bottom:6px;transition:background .1s}.nx-sec-row[data-v-e354c1cf]:hover{background:var(--dt-hover)}.nx-sec-ico[data-v-e354c1cf]{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:13px}.nx-sec-ico.g[data-v-e354c1cf]{background:color-mix(in srgb,var(--color-success-500) 15%,transparent);color:var(--color-success-400)}.nx-sec-ico.b[data-v-e354c1cf]{background:color-mix(in srgb,var(--color-info-500) 15%,transparent);color:var(--color-info-400)}.nx-sec-ico.y[data-v-e354c1cf]{background:color-mix(in srgb,var(--color-warning-500) 15%,transparent);color:var(--color-warning-400)}.nx-sec-ico.r[data-v-e354c1cf]{background:color-mix(in srgb,var(--color-error-500) 15%,transparent);color:var(--color-error-400)}.nx-sec-row-info[data-v-e354c1cf]{flex:1;min-width:0}.nx-sec-row-name[data-v-e354c1cf]{font-size:11px;font-weight:600;color:var(--dt-text)}.nx-sec-row-meta[data-v-e354c1cf]{font-size:9px;color:var(--dt-text-4);margin-top:1px}.nx-sec-pill[data-v-e354c1cf]{font-size:8px;font-weight:700;padding:2px 8px;border-radius:10px;flex-shrink:0;text-transform:uppercase;letter-spacing:.05em}.nx-sec-pill.ok[data-v-e354c1cf]{background:color-mix(in srgb,var(--color-success-500) 15%,transparent);color:var(--color-success-400)}.nx-sec-pill.warn[data-v-e354c1cf]{background:color-mix(in srgb,var(--color-warning-500) 15%,transparent);color:var(--color-warning-400)}.nx-sec-pill.off[data-v-e354c1cf]{background:var(--dt-surface-3);color:var(--dt-text-4)}.nx-sec-event[data-v-e354c1cf]{padding:8px 12px;border-radius:6px;border-left:3px solid;margin-bottom:6px;background:var(--dt-surface);font-size:10px}.nx-sec-event.ok[data-v-e354c1cf]{border-color:var(--color-success-400)}.nx-sec-event.warn[data-v-e354c1cf]{border-color:var(--color-warning-400)}.nx-sec-event.err[data-v-e354c1cf]{border-color:var(--color-error-400)}.nx-sec-event-title[data-v-e354c1cf]{font-weight:600;color:var(--dt-text)}.nx-sec-event-detail[data-v-e354c1cf]{color:var(--dt-text-3);margin-top:1px}.nx-sec-event-time[data-v-e354c1cf]{font-size:8px;color:var(--dt-text-4);font-family:var(--dt-mono);margin-top:2px}.nx-sec-loading[data-v-e354c1cf],.nx-sec-error[data-v-e354c1cf]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:var(--dt-text-3);font-size:12px}.nx-sec-error[data-v-e354c1cf]{color:var(--color-error-400);gap:12px}.nx-sec-spinner[data-v-e354c1cf]{width:32px;height:32px;border:3px solid var(--dt-border);border-top-color:var(--color-primary-400);border-radius:50%;animation:spin-e354c1cf .8s linear infinite;margin-bottom:12px}@keyframes spin-e354c1cf{to{transform:rotate(360deg)}}.nx-sec-foot[data-v-e354c1cf]{padding:12px 20px;border-top:1px solid var(--dt-border-subtle);display:flex;gap:8px;flex-shrink:0}.nx-sec-fade-enter-active[data-v-e354c1cf],.nx-sec-fade-leave-active[data-v-e354c1cf]{transition:opacity .25s ease}.nx-sec-fade-enter-from[data-v-e354c1cf],.nx-sec-fade-leave-to[data-v-e354c1cf]{opacity:0}.nx-sec-slide-enter-active[data-v-e354c1cf],.nx-sec-slide-leave-active[data-v-e354c1cf]{transition:transform .3s cubic-bezier(.4,0,.2,1)}.nx-sec-slide-enter-from[data-v-e354c1cf],.nx-sec-slide-leave-to[data-v-e354c1cf]{transform:translate(100%)}@media(prefers-reduced-motion:reduce){.nx-sec-fade-enter-active[data-v-e354c1cf],.nx-sec-fade-leave-active[data-v-e354c1cf],.nx-sec-slide-enter-active[data-v-e354c1cf],.nx-sec-slide-leave-active[data-v-e354c1cf],.nx-sec-row[data-v-e354c1cf],.nx-sec-x[data-v-e354c1cf]{transition:none}}.bg-editor-panel[data-v-cf79ea08]{position:fixed;bottom:60px;left:50%;transform:translate(-50%) translateY(30px);z-index:950;display:flex;flex-direction:column;min-width:700px;max-width:95vw;background:#1a1d2e;border:1px solid #2a2f42;border-radius:6px;box-shadow:0 20px 60px #0006,0 8px 24px #00000040,inset 0 1px #ffffff0d;opacity:0;pointer-events:none;transition:opacity .2s ease;overflow:hidden;-webkit-user-select:none;user-select:none}.bg-editor-panel.open[data-v-cf79ea08]{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.bg-editor-panel.dragging[data-v-cf79ea08]{transition:opacity .2s ease;cursor:grabbing}[data-theme=light] .bg-editor-panel[data-v-cf79ea08]{background:#fff;border-color:#dcdee6;box-shadow:0 20px 60px #00000026,0 8px 24px #00000014}[data-glass=on] .bg-editor-panel[data-v-cf79ea08]{background:#1a1d2e;border-color:#2a2f42}[data-theme=light][data-glass=on] .bg-editor-panel[data-v-cf79ea08]{background:#fff;border-color:#dcdee6}.bg-panel__header[data-v-cf79ea08]{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid #2a2f42;background:#151826;cursor:grab;flex-wrap:nowrap}.bg-panel__header[data-v-cf79ea08]:active{cursor:grabbing}[data-theme=light] .bg-panel__header[data-v-cf79ea08]{border-bottom-color:#e5e7eb;background:#f9fafb}.bg-drag-handle[data-v-cf79ea08]{display:flex;align-items:center;justify-content:center;padding:0 8px;flex-shrink:0}.drag-indicator[data-v-cf79ea08]{width:24px;height:4px;background:#3a4055;border-radius:2px}[data-theme=light] .drag-indicator[data-v-cf79ea08]{background:#c5c9d0}.bg-panel__main[data-v-cf79ea08]{display:flex;min-height:240px;max-height:300px}.bg-section[data-v-cf79ea08]{display:flex;align-items:center;gap:6px;flex-shrink:0}.bg-divider[data-v-cf79ea08]{width:1px;height:24px;background:#2a2f42;flex-shrink:0}[data-theme=light] .bg-divider[data-v-cf79ea08]{background:#e5e7eb}.bg-divider-vertical[data-v-cf79ea08]{width:1px;background:#2a2f42;flex-shrink:0}[data-theme=light] .bg-divider-vertical[data-v-cf79ea08]{background:#e5e7eb}.bg-spacer[data-v-cf79ea08]{flex:1;min-width:8px}.bg-toggle-group[data-v-cf79ea08]{display:flex;gap:3px}.bg-toggle-group--icons[data-v-cf79ea08]{gap:2px}.bg-toggle[data-v-cf79ea08]{display:flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid #2a2f42;border-radius:5px;background:#1e2235;color:var(--dt-text-3);font-size:11px;font-weight:600;cursor:pointer;transition:all .15s ease;white-space:nowrap}.bg-toggle[data-v-cf79ea08]:hover{background:#252a40;color:var(--dt-text);border-color:var(--color-primary-500)}.bg-toggle.active[data-v-cf79ea08]{background:#6366f126;border-color:#6366f180;color:#a5b4fc}.bg-toggle.active .bg-toggle__label[data-v-cf79ea08]{color:#a5b4fc}[data-theme=light] .bg-toggle[data-v-cf79ea08]{background:#f3f4f6;border-color:#e5e7eb}[data-theme=light] .bg-toggle[data-v-cf79ea08]:hover{background:#e5e7eb}[data-theme=light] .bg-toggle.active[data-v-cf79ea08]{background:#6366f11a;border-color:#6366f166;color:#6366f1}.bg-toggle--icon[data-v-cf79ea08]{padding:5px;min-width:28px;justify-content:center}.bg-toggle__label[data-v-cf79ea08]{font-size:10px;font-weight:600;color:var(--dt-text-2)}.bg-layers-list[data-v-cf79ea08]{width:180px;flex-shrink:0;display:flex;flex-direction:column;background:#151826}[data-theme=light] .bg-layers-list[data-v-cf79ea08]{background:#f9fafb}.bg-layers-list__header[data-v-cf79ea08]{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-bottom:1px solid #2a2f42}[data-theme=light] .bg-layers-list__header[data-v-cf79ea08]{border-bottom-color:#e5e7eb}.bg-list-label[data-v-cf79ea08]{font-size:10px;font-weight:700;color:var(--dt-text-4);text-transform:uppercase;letter-spacing:.08em}.bg-layers-actions[data-v-cf79ea08]{display:flex;gap:3px}.bg-icon-btn[data-v-cf79ea08]{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:1px solid #2a2f42;border-radius:4px;background:transparent;color:var(--dt-text-3);cursor:pointer;transition:all .15s ease}.bg-icon-btn[data-v-cf79ea08]:hover{background:#252a40;color:var(--dt-text);border-color:var(--color-primary-500)}[data-theme=light] .bg-icon-btn[data-v-cf79ea08]{border-color:#e5e7eb}[data-theme=light] .bg-icon-btn[data-v-cf79ea08]:hover{background:#e5e7eb}.bg-layers-list__items[data-v-cf79ea08]{flex:1;overflow-y:auto;padding:4px}.bg-layer-item[data-v-cf79ea08]{display:flex;align-items:center;gap:6px;width:100%;padding:6px 8px;border:1px solid transparent;border-radius:5px;background:transparent;color:var(--dt-text-3);font-size:11px;text-align:left;cursor:pointer;transition:all .15s ease}.bg-layer-item .layer-color[data-v-cf79ea08]{width:10px;height:10px;border-radius:3px;background:var(--layer-color);opacity:.3;flex-shrink:0;transition:opacity .15s ease}.bg-layer-item .layer-name[data-v-cf79ea08]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bg-layer-item .layer-toggle[data-v-cf79ea08]{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border:none;border-radius:3px;background:transparent;color:var(--dt-text-4);cursor:pointer;opacity:0;transition:all .15s ease}.bg-layer-item .layer-toggle[data-v-cf79ea08]:hover{background:#6366f11a;color:#a5b4fc}.bg-layer-item[data-v-cf79ea08]:hover{background:#1e2235}.bg-layer-item:hover .layer-toggle[data-v-cf79ea08]{opacity:1}.bg-layer-item.enabled[data-v-cf79ea08]{color:var(--dt-text-2)}.bg-layer-item.enabled .layer-color[data-v-cf79ea08]{opacity:1}.bg-layer-item.selected[data-v-cf79ea08]{background:#6366f11f;border-color:#6366f14d;color:#a5b4fc}.bg-layer-item.selected .layer-toggle[data-v-cf79ea08]{opacity:1;color:#a5b4fc}[data-theme=light] .bg-layer-item[data-v-cf79ea08]:hover{background:#f3f4f6}[data-theme=light] .bg-layer-item.selected[data-v-cf79ea08]{background:#6366f114}.bg-properties[data-v-cf79ea08]{flex:1;display:flex;flex-direction:column;padding:10px 14px;min-width:0}.bg-properties__header[data-v-cf79ea08]{display:flex;align-items:center;gap:10px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid #2a2f42}[data-theme=light] .bg-properties__header[data-v-cf79ea08]{border-bottom-color:#e5e7eb}.bg-properties__name[data-v-cf79ea08]{font-size:12px;font-weight:600;color:#a5b4fc}.bg-properties__content[data-v-cf79ea08]{flex:1;display:flex;flex-direction:column;gap:10px}.bg-properties__empty[data-v-cf79ea08]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--dt-text-4)}.bg-properties__empty .empty-icon[data-v-cf79ea08]{opacity:.4}.bg-properties__empty .empty-text[data-v-cf79ea08]{font-size:11px;font-style:italic}.bg-property-row[data-v-cf79ea08]{display:flex;align-items:center;justify-content:space-between;padding:4px 0}.bg-property-label[data-v-cf79ea08]{font-size:10px;color:var(--dt-text-4);font-weight:500}.bg-property-value[data-v-cf79ea08]{font-size:10px;color:var(--dt-text-2);font-family:var(--dt-mono);font-weight:600}.bg-slider-group[data-v-cf79ea08]{display:flex;align-items:center;gap:10px;padding:6px 0}.bg-slider__label[data-v-cf79ea08]{font-size:10px;font-weight:600;color:var(--dt-text-4);text-transform:uppercase;letter-spacing:.05em;width:50px;flex-shrink:0}.bg-slider__range[data-v-cf79ea08]{flex:1;min-width:60px;-webkit-appearance:none;appearance:none;height:5px;border-radius:3px;background:#2a2f42;outline:none;cursor:pointer}.bg-slider__range[data-v-cf79ea08]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#6366f1;cursor:pointer;border:2px solid #1a1d2e;box-shadow:0 2px 4px #0003;transition:transform .15s ease}.bg-slider__range[data-v-cf79ea08]::-webkit-slider-thumb:hover{transform:scale(1.1)}.bg-slider__range[data-v-cf79ea08]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#6366f1;cursor:pointer;border:2px solid #1a1d2e;box-shadow:0 2px 4px #0003}[data-theme=light] .bg-slider__range[data-v-cf79ea08]{background:#e5e7eb}[data-theme=light] .bg-slider__range[data-v-cf79ea08]::-webkit-slider-thumb{border-color:#fff}[data-theme=light] .bg-slider__range[data-v-cf79ea08]::-moz-range-thumb{border-color:#fff}.bg-slider__value[data-v-cf79ea08]{font-size:10px;font-family:var(--dt-mono);color:var(--dt-text-2);width:38px;text-align:right;font-weight:600}.bg-close-btn[data-v-cf79ea08]{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:1px solid #2a2f42;border-radius:6px;background:transparent;color:var(--dt-text-3);cursor:pointer;transition:all .15s ease;flex-shrink:0}.bg-close-btn[data-v-cf79ea08]:hover{background:#ef444426;border-color:#ef4444;color:#ef4444}[data-theme=light] .bg-close-btn[data-v-cf79ea08]{border-color:#e5e7eb}.bg-dropdown[data-v-cf79ea08]{position:relative}.bg-dropdown:hover .bg-dropdown__menu[data-v-cf79ea08],.bg-dropdown:focus-within .bg-dropdown__menu[data-v-cf79ea08]{opacity:1;pointer-events:auto;transform:translateY(0)}.bg-dropdown__menu[data-v-cf79ea08]{position:absolute;top:calc(100% + 4px);left:0;min-width:130px;padding:4px;background:#1a1d2e;border:1px solid #2a2f42;border-radius:6px;box-shadow:0 10px 24px #0000004d,0 4px 8px #0003;opacity:0;pointer-events:none;transform:translateY(4px);transition:all .15s ease;z-index:10}[data-theme=light] .bg-dropdown__menu[data-v-cf79ea08]{background:#fff;border-color:#e5e7eb}.dropdown-item[data-v-cf79ea08]{display:flex;align-items:center;gap:8px;width:100%;padding:7px 8px;border:none;border-radius:4px;background:transparent;color:var(--dt-text-2);font-size:11px;font-weight:500;text-align:left;cursor:pointer;transition:all .15s ease}.dropdown-item[data-v-cf79ea08]:hover{background:#6366f11f;color:#a5b4fc}@media(prefers-reduced-motion:reduce){.bg-editor-panel[data-v-cf79ea08],.bg-toggle[data-v-cf79ea08],.bg-layer-item[data-v-cf79ea08],.bg-slider__range[data-v-cf79ea08]::-webkit-slider-thumb,.bg-icon-btn[data-v-cf79ea08],.bg-close-btn[data-v-cf79ea08],.bg-dropdown__menu[data-v-cf79ea08]{transition:opacity .15s ease}}@media(max-width:800px){.bg-editor-panel[data-v-cf79ea08]{min-width:calc(100vw - 32px);max-width:calc(100vw - 32px);left:16px;transform:translate(0) translateY(30px)}.bg-editor-panel.open[data-v-cf79ea08]{transform:translate(0) translateY(0)}.bg-toggle__label[data-v-cf79ea08]{display:none}.bg-panel__header[data-v-cf79ea08]{gap:6px;padding:6px 10px}.bg-drag-handle[data-v-cf79ea08]{display:none}.bg-panel__main[data-v-cf79ea08]{flex-direction:column;max-height:none;min-height:200px}.bg-layers-list[data-v-cf79ea08]{width:100%;max-height:150px}.bg-divider-vertical[data-v-cf79ea08]{width:100%;height:1px}}.toast-glass[data-v-46049c96]{pointer-events:auto;position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:flex-start;gap:12px;min-width:320px;max-width:420px;padding:18px;border-radius:14px;background:color-mix(in srgb,var(--dt-surface) 75%,transparent);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid color-mix(in srgb,var(--dt-border) 30%,transparent);border-left-width:4px;box-shadow:0 0 0 1px color-mix(in srgb,var(--color-primary-500) 5%,transparent) inset,0 8px 32px #0000002e,0 4px 16px #0000001f}[data-glass=on] .toast-glass[data-v-46049c96]{background:color-mix(in srgb,var(--dt-surface) 65%,transparent);backdrop-filter:blur(24px) saturate(200%);-webkit-backdrop-filter:blur(24px) saturate(200%);box-shadow:0 0 0 1px color-mix(in srgb,var(--color-primary-500) 8%,transparent) inset,0 12px 48px #00000040,0 6px 24px #00000026}.toast-glass--success[data-v-46049c96]{border-left-color:var(--color-success-500)}.toast-glass--success .toast-glass__icon[data-v-46049c96]{color:var(--color-success-500)}.toast-glass--success .toast-glass__progress[data-v-46049c96]{background:linear-gradient(to right,color-mix(in srgb,var(--color-success-500) 16%,transparent),color-mix(in srgb,var(--color-success-400) 12%,transparent))}.toast-glass--success .toast-glass__shimmer[data-v-46049c96]{background:linear-gradient(120deg,transparent 0%,color-mix(in srgb,var(--color-success-500) 8%,transparent) 50%,transparent 100%)}.toast-glass--error[data-v-46049c96]{border-left-color:var(--color-error-500)}.toast-glass--error .toast-glass__icon[data-v-46049c96]{color:var(--color-error-500)}.toast-glass--error .toast-glass__progress[data-v-46049c96]{background:linear-gradient(to right,color-mix(in srgb,var(--color-error-500) 16%,transparent),color-mix(in srgb,var(--color-error-400) 12%,transparent))}.toast-glass--error .toast-glass__shimmer[data-v-46049c96]{background:linear-gradient(120deg,transparent 0%,color-mix(in srgb,var(--color-error-500) 8%,transparent) 50%,transparent 100%)}.toast-glass--warning[data-v-46049c96]{border-left-color:var(--color-warning-500)}.toast-glass--warning .toast-glass__icon[data-v-46049c96]{color:var(--color-warning-600)}.toast-glass--warning .toast-glass__progress[data-v-46049c96]{background:linear-gradient(to right,color-mix(in srgb,var(--color-warning-500) 16%,transparent),color-mix(in srgb,var(--color-warning-400) 12%,transparent))}.toast-glass--warning .toast-glass__shimmer[data-v-46049c96]{background:linear-gradient(120deg,transparent 0%,color-mix(in srgb,var(--color-warning-500) 8%,transparent) 50%,transparent 100%)}.toast-glass--info[data-v-46049c96]{border-left-color:var(--color-primary-500)}.toast-glass--info .toast-glass__icon[data-v-46049c96]{color:var(--color-primary-500)}.toast-glass--info .toast-glass__progress[data-v-46049c96]{background:linear-gradient(to right,color-mix(in srgb,var(--color-primary-500) 16%,transparent),color-mix(in srgb,var(--color-primary-400) 12%,transparent))}.toast-glass--info .toast-glass__shimmer[data-v-46049c96]{background:linear-gradient(120deg,transparent 0%,color-mix(in srgb,var(--color-primary-500) 8%,transparent) 50%,transparent 100%)}.toast-glass__shimmer[data-v-46049c96]{position:absolute;inset:0;z-index:-1;opacity:0;background-size:200% 100%;animation:toastShimmer-46049c96 3s ease-in-out infinite;pointer-events:none}@keyframes toastShimmer-46049c96{0%,to{opacity:0;background-position:200% 0}50%{opacity:.6;background-position:-100% 0}}.toast-glass__progress[data-v-46049c96]{position:absolute;inset:0;z-index:-1;border-radius:14px 0 0 14px;animation:toastProgressDrain-46049c96 linear forwards;transform-origin:left center;pointer-events:none}@keyframes toastProgressDrain-46049c96{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.toast-glass__icon[data-v-46049c96]{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:20px;margin-top:2px;animation:toastIconPulse-46049c96 2s ease-in-out infinite}@keyframes toastIconPulse-46049c96{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.9}}.toast-glass__content[data-v-46049c96]{flex:1;min-width:0}.toast-glass__title[data-v-46049c96]{font-size:14px;font-weight:650;line-height:1.4;color:var(--dt-text);margin-bottom:4px;letter-spacing:-.01em;display:flex;align-items:center;gap:7px}.toast-glass__title-badge[data-v-46049c96]{font-size:8px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:2px 5px;border-radius:3px;flex-shrink:0;line-height:1}.toast-glass__title-badge--futures[data-v-46049c96]{background:color-mix(in srgb,var(--color-accent-500) 15%,transparent);color:var(--color-accent-400)}.toast-glass__title-badge--margin[data-v-46049c96]{background:color-mix(in srgb,var(--color-tertiary-500) 15%,transparent);color:var(--color-tertiary-400)}.toast-glass__title-badge--cash[data-v-46049c96]{background:#ffffff1a;color:var(--color-neutral-0)}.toast-glass__message[data-v-46049c96]{font-size:13px;line-height:1.5;color:var(--dt-text-2);letter-spacing:-.005em}.toast-glass__footer[data-v-46049c96]{display:flex;align-items:center;gap:6px;margin-top:5px}.toast-glass__detail[data-v-46049c96]{font-family:var(--dt-mono);font-size:10px;font-weight:500;color:var(--dt-text-3);letter-spacing:.02em}.toast-glass__badge[data-v-46049c96]{font-size:9px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;padding:1px 5px;border-radius:3px;flex-shrink:0}.toast-glass__badge--live[data-v-46049c96]{background:color-mix(in srgb,var(--color-success-500) 15%,transparent);color:var(--color-success-500)}.toast-glass__badge--sim[data-v-46049c96]{background:color-mix(in srgb,var(--color-info-500) 15%,transparent);color:var(--color-info-500)}.toast-glass__close[data-v-46049c96]{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;border-radius:6px;background:transparent;color:var(--dt-text-3);cursor:pointer;transition:all .18s cubic-bezier(.34,1.56,.64,1)}.toast-glass__close[data-v-46049c96]:hover{background:color-mix(in srgb,var(--dt-hover) 80%,transparent);color:var(--dt-text);transform:scale(1.08)}.toast-glass__close[data-v-46049c96]:active{transform:scale(.96)}.toast-glass__close[data-v-46049c96]:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary-500) 30%,transparent)}@media(prefers-reduced-motion:reduce){.toast-glass__shimmer[data-v-46049c96],.toast-glass__progress[data-v-46049c96]{display:none}.toast-glass__icon[data-v-46049c96]{animation:none}.toast-glass__close[data-v-46049c96]{transition:opacity .12s linear}.toast-glass__close[data-v-46049c96]:hover{transform:none}}.toast-stack[data-v-f5841414]{position:fixed;z-index:var(--z-toast, 400);display:flex;flex-direction:column;gap:14px;padding:24px;max-width:440px;pointer-events:none}.toast-stack__list[data-v-f5841414]{display:flex;flex-direction:column;gap:14px}.toast-stack--top-right[data-v-f5841414]{top:var(--dt-topbar, 0);right:0}.toast-stack--top-left[data-v-f5841414]{top:var(--dt-topbar, 0);left:0}.toast-stack--top-center[data-v-f5841414]{top:var(--dt-topbar, 0);left:50%;transform:translate(-50%)}.toast-stack--bottom-right[data-v-f5841414]{bottom:var(--dt-status, 0);right:0;flex-direction:column-reverse}.toast-stack--bottom-right .toast-stack__list[data-v-f5841414]{flex-direction:column-reverse}.toast-stack--bottom-left[data-v-f5841414]{bottom:var(--dt-status, 0);left:0;flex-direction:column-reverse}.toast-stack--bottom-left .toast-stack__list[data-v-f5841414]{flex-direction:column-reverse}.toast-stack--bottom-center[data-v-f5841414]{bottom:var(--dt-status, 0);left:50%;transform:translate(-50%);flex-direction:column-reverse}.toast-stack--bottom-center .toast-stack__list[data-v-f5841414]{flex-direction:column-reverse}.toast-fade-enter-active[data-v-f5841414]{animation:toastSlideIn-f5841414 .35s cubic-bezier(.34,1.56,.64,1)}.toast-fade-leave-active[data-v-f5841414]{animation:toastSlideOut-f5841414 .22s ease;position:absolute}.toast-fade-move[data-v-f5841414]{transition:all .3s cubic-bezier(.4,0,.2,1)}@keyframes toastSlideIn-f5841414{0%{opacity:0;transform:translate(120%) scale(.92)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes toastSlideOut-f5841414{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(120%) scale(.92)}}.toast-stack--top-left[data-v-f5841414] .toast-fade-enter-active,.toast-stack--bottom-left[data-v-f5841414] .toast-fade-enter-active{animation-name:toastSlideInLeft-f5841414}.toast-stack--top-left[data-v-f5841414] .toast-fade-leave-active,.toast-stack--bottom-left[data-v-f5841414] .toast-fade-leave-active{animation-name:toastSlideOutLeft-f5841414}@keyframes toastSlideInLeft-f5841414{0%{opacity:0;transform:translate(-120%) scale(.92)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes toastSlideOutLeft-f5841414{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(-120%) scale(.92)}}.toast-stack--top-center[data-v-f5841414] .toast-fade-enter-active{animation-name:toastSlideInTop-f5841414}.toast-stack--top-center[data-v-f5841414] .toast-fade-leave-active{animation-name:toastSlideOutTop-f5841414}@keyframes toastSlideInTop-f5841414{0%{opacity:0;transform:translateY(-120%) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastSlideOutTop-f5841414{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-120%) scale(.92)}}.toast-stack--bottom-center[data-v-f5841414] .toast-fade-enter-active{animation-name:toastSlideInBottom-f5841414}.toast-stack--bottom-center[data-v-f5841414] .toast-fade-leave-active{animation-name:toastSlideOutBottom-f5841414}@keyframes toastSlideInBottom-f5841414{0%{opacity:0;transform:translateY(120%) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastSlideOutBottom-f5841414{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(120%) scale(.92)}}@media(prefers-reduced-motion:reduce){.toast-fade-enter-active[data-v-f5841414],.toast-fade-leave-active[data-v-f5841414],.toast-fade-move[data-v-f5841414]{animation:none!important;transition:opacity .15s linear!important}}@media(max-width:640px){.toast-stack[data-v-f5841414]{left:12px!important;right:12px!important;max-width:none;padding:12px;transform:none!important}.toast-stack--top-right[data-v-f5841414],.toast-stack--top-left[data-v-f5841414],.toast-stack--top-center[data-v-f5841414]{top:12px}.toast-stack--bottom-right[data-v-f5841414],.toast-stack--bottom-left[data-v-f5841414],.toast-stack--bottom-center[data-v-f5841414]{bottom:12px}}:root{--nexus-primary-hue: 258.0487804878;--nexus-primary-saturation: 49.7975708502%;--nexus-primary-lightness: 51.568627451%;--nexus-accent-hue-offset: 13.0592948006;--nexus-golden-ratio: 1.6180339887;--nexus-octad-base: 8px;--color-primary-50: #f6f6f8;--color-primary-100: #eeecf2;--color-primary-200: #d7d1e5;--color-primary-300: #b3a5d3;--color-primary-400: #866bc6;--color-primary-500: #6b46c1;--color-primary-600: #523596;--color-primary-700: #432e74;--color-primary-800: #342654;--color-primary-900: #211932;--color-primary-950: #161220;--color-accent-50: #f3e8fc;--color-accent-100: #e8d4fa;--color-accent-200: #d4b4f8;--color-accent-300: #bc88f6;--color-accent-400: #a855f7;--color-accent-500: #9945f0;--color-accent-600: #9333ea;--color-accent-700: #7e22ce;--color-accent-800: #6b21a8;--color-accent-900: #561e81;--color-accent-950: #431a61;--color-secondary-50: #f6f6f8;--color-secondary-100: #ecedf2;--color-secondary-200: #d1d5e5;--color-secondary-300: #a5aed3;--color-secondary-400: #6b7dc6;--color-secondary-500: #465ec1;--color-secondary-600: #354896;--color-secondary-700: #2f3c74;--color-secondary-800: #262f54;--color-secondary-900: #191e32;--color-secondary-950: #121520;--color-tertiary-50: #f8f6f8;--color-tertiary-100: #f1ecf2;--color-tertiary-200: #e1d1e5;--color-tertiary-300: #caa5d3;--color-tertiary-400: #b46bc6;--color-tertiary-500: #a846c1;--color-tertiary-600: #833596;--color-tertiary-700: #662f74;--color-tertiary-800: #4a2654;--color-tertiary-900: #2d1932;--color-tertiary-950: #1d1220;--color-neutral-0: #ffffff;--color-neutral-50: #f8f9fc;--color-neutral-100: #f1f2f5;--color-neutral-200: #e4e5eb;--color-neutral-300: #d1d3dc;--color-neutral-400: #9fa3b0;--color-neutral-500: #6b7280;--color-neutral-600: #5a5f73;--color-neutral-700: #4a4f66;--color-neutral-800: #2d3142;--color-neutral-900: #1a1d2b;--color-neutral-950: #12141d;--color-neutral-1000: #000000;--color-bg-primary: var(--color-neutral-0);--color-bg-secondary: var(--color-neutral-50);--color-text-primary: var(--color-neutral-900);--color-text-secondary: var(--color-neutral-600);--color-border-default: var(--color-neutral-300);--color-button-primary: var(--color-primary-500);--color-button-primary-hover: var(--color-primary-600);--radius-none: 0;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-3xl: 24px;--radius-full: 9999px;--radius-pill: 100px;--radius-user: 12px;--radius-admin: 8px;--color-error-50: #fef2f2;--color-error-100: #fee2e2;--color-error-200: #fecaca;--color-error-300: #fca5a5;--color-error-400: #f87171;--color-error-500: #ef4444;--color-error-600: #dc2626;--color-error-700: #b91c1c;--color-error-800: #991b1b;--color-error-900: #7f1d1d;--color-error-950: #450a0a;--color-warning-50: #fffbeb;--color-warning-100: #fef3c7;--color-warning-200: #fde68a;--color-warning-300: #fcd34d;--color-warning-400: #fbbf24;--color-warning-500: #f59e0b;--color-warning-600: #d97706;--color-warning-700: #b45309;--color-warning-800: #92400e;--color-warning-900: #78350f;--color-warning-950: #451a03;--color-success-50: #ecfdf5;--color-success-100: #d1fae5;--color-success-200: #a7f3d0;--color-success-300: #6ee7b7;--color-success-400: #34d399;--color-success-500: #10b981;--color-success-600: #059669;--color-success-700: #047857;--color-success-800: #065f46;--color-success-900: #064e3b;--color-success-950: #052e16;--color-info-50: #eff6ff;--color-info-100: #dbeafe;--color-info-200: #bfdbfe;--color-info-300: #93c5fd;--color-info-400: #60a5fa;--color-info-500: #3b82f6;--color-info-600: #2563eb;--color-info-700: #1d4ed8;--color-info-800: #1e40af;--color-info-900: #1e3a8a;--color-info-950: #172554;--right-sidebar-width: 240px;--right-sidebar-min: 180px;--right-sidebar-max: 400px;--bottom-panel-height: 200px;--bottom-panel-min: 120px;--bottom-panel-max: 400px;--topbar-height: 48px;--breadcrumbs-height: 45px;--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .1);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .12);--shadow-primary: 0 4px 16px rgba(107, 70, 193, .3);--shadow-primary-lg: 0 6px 24px rgba(107, 70, 193, .4);--shadow-accent: 0 4px 16px rgba(168, 85, 247, .3);--shadow-accent-lg: 0 6px 24px rgba(168, 85, 247, .4);--shadow-secondary: 0 4px 16px rgba(168, 70, 193, .3);--shadow-secondary-lg: 0 6px 24px rgba(168, 70, 193, .4);--shadow-tertiary: 0 4px 16px rgba(70, 94, 193, .3);--shadow-tertiary-lg: 0 6px 24px rgba(70, 94, 193, .4);--shadow-error: 0 4px 16px rgba(239, 68, 68, .3);--shadow-error-lg: 0 6px 24px rgba(239, 68, 68, .4);--shadow-success: 0 4px 16px rgba(16, 185, 129, .3);--shadow-success-lg: 0 6px 24px rgba(16, 185, 129, .4);--shadow-warning: 0 4px 16px rgba(245, 158, 11, .3);--shadow-warning-lg: 0 6px 24px rgba(245, 158, 11, .4);--shadow-info: 0 4px 16px rgba(59, 130, 246, .3);--shadow-info-lg: 0 6px 24px rgba(59, 130, 246, .4);--z-layer-background: 0;--z-layer-hairline: 1;--z-layer-ambient-glow: 2;--z-layer-parallax-deco: 3;--z-layer-particle-field: 4;--z-layer-grid-noise: 5;--z-layer-ambient-animation: 6;--z-layer-ornaments: 7;--z-layer-contextual-backdrop-art: 8;--z-layer-underlay-shadows: 9;--z-layer-content: 10;--z-layer-surface: 20;--z-layer-sticky-content: 90;--z-layer-navigation: 100;--z-layer-nav-scrim: 110;--z-layer-floating: 120;--z-layer-drag: 150;--z-layer-configuration: 200;--z-layer-command: 250;--z-layer-dropdown: 300;--z-layer-popover: 310;--z-layer-tooltip: 320;--z-layer-coachmark: 330;--z-layer-toast: 400;--z-layer-loader: 450;--z-layer-backdrop: 900;--z-layer-sheet: 950;--z-layer-modal: 1000;--z-layer-modal-tooltip: 1050;--z-layer-modal-stack: 1100;--z-layer-critical-toast: 1200;--z-layer-system: 2000}[data-theme=dark]{--color-bg-primary: var(--color-neutral-950);--color-bg-secondary: var(--color-neutral-900);--color-text-primary: var(--color-neutral-50);--color-text-secondary: var(--color-neutral-400);--color-border-default: var(--color-neutral-700);--color-button-primary: var(--color-primary-600);--color-button-primary-hover: var(--color-primary-700)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only-focusable:not(:focus):not(:focus-within){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hidden{display:none!important}.invisible{visibility:hidden}:root{--dt-font: "DM Sans", system-ui, sans-serif;--dt-mono: "JetBrains Mono", "SF Mono", monospace;--dt-bg: var(--color-neutral-900);--dt-surface: #161822;--dt-surface-2: #1c1f2e;--dt-surface-3: #232738;--dt-panel: var(--dt-surface-2);--dt-text: #e2e4ed;--dt-text-2: #a0a4b8;--dt-text-3: #6b7094;--dt-text-4: #8b8fa3;--dt-border: #282d40;--dt-border-subtle: #1f2333;--dt-hover: rgba(255, 255, 255, .04);--dt-active: color-mix(in srgb, var(--color-primary-500) 15%, transparent);--dt-accent: var(--color-primary-400);--dt-accent-dim: color-mix(in srgb, var(--color-primary-400) 12%, transparent);--text-on-primary-600: #ffffff;--dt-topbar: 44px;--dt-status: 24px;--dt-rail: 44px;--dt-sidebar: 260px;--dt-inspector: 280px;--dt-frame-bg: #0f111a;--dt-panel-bg: #11131c;--dt-status-bg: #0d0f17;--dt-status-text: var(--color-neutral-300);--dt-glass-blur: 18px;--layout-header-height: var(--dt-topbar);--layout-footer-height: var(--dt-status);--spacing-0: 0;--spacing-px: 1px;--spacing-0-5: 2px;--spacing-1: 4px;--spacing-1-5: 6px;--spacing-2: 8px;--spacing-2-5: 10px;--spacing-3: 12px;--spacing-3-5: 14px;--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px;--spacing-7: 28px;--spacing-8: 32px;--spacing-9: 36px;--spacing-10: 40px;--spacing-11: 44px;--spacing-12: 48px;--spacing-14: 56px;--spacing-16: 64px;--spacing-20: 80px;--spacing-24: 96px;--spacing-28: 112px;--spacing-32: 128px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--spacing-4xl: 96px;--stack-gap-2xs: 2px;--stack-gap-xs: 4px;--stack-gap-sm: 8px;--stack-gap-md: 12px;--stack-gap-lg: 16px;--stack-gap-xl: 20px;--stack-gap-2xl: 24px;--inline-gap-2xs: 2px;--inline-gap-xs: 4px;--inline-gap-sm: 6px;--inline-gap-md: 8px;--inline-gap-lg: 12px;--inline-gap-xl: 16px;--inline-gap-2xl: 20px;--grid-gap-xs: 8px;--grid-gap-sm: 12px;--grid-gap-md: 16px;--grid-gap-lg: 24px;--grid-gap-xl: 32px;--section-gap-sm: 24px;--section-gap-md: 32px;--section-gap-lg: 48px;--section-gap-xl: 64px;--container-pad-sm: 16px;--container-pad-md: 24px;--container-pad-lg: 32px;--container-pad-xl: 40px;--inset-2xs: 2px;--inset-xs: 4px;--inset-sm: 8px;--inset-md: 12px;--inset-lg: 16px;--inset-xl: 20px;--inset-2xl: 24px;--squish-2xs: 4px 10px;--squish-xs: 6px 12px;--squish-sm: 8px 12px;--squish-md: 10px 16px;--squish-lg: 12px 20px;--squish-xl: 16px 20px;--button-padding-sm: 10px 20px;--button-padding-md: 14px 28px;--button-padding-lg: 20px 36px;--button-height-sm: 40px;--button-height-md: 48px;--button-height-lg: 56px;--button-icon-gap: 8px;--button-row-gap: 12px;--button-border-radius: 12px;--button-border-radius-sm: 10px;--card-body-padding: 16px;--card-header-padding: 12px 16px;--card-footer-padding: 12px 16px;--card-gap: 12px;--card-border-radius: 12px;--input-padding: 10px 12px;--input-height-md: 48px;--input-border-radius: 8px;--input-label-gap: 4px;--toast-container-gap: 12px;--toast-container-padding: 20px;--toast-inner-gap: 12px;--modal-padding: 24px;--modal-header-gap: 16px;--modal-footer-gap: 16px;--modal-action-gap: 8px;--table-cell-padding-sm: 6px 8px;--table-cell-padding-md: 8px 12px;--table-cell-padding-lg: 12px 16px;--table-header-padding: 10px 12px;--badge-padding: 4px 8px;--nav-item-padding: 8px 12px;--nav-item-gap: 2px;--nav-section-gap: 16px;--alert-padding: 12px 16px;--alert-gap: 8px;--alert-border-radius: 8px;--divider-margin: 12px;--divider-label-gap: 12px;--breadcrumb-gap: 6px;--tooltip-padding: 6px 10px;--tab-padding: 8px 12px;--tab-gap: 2px;--dropdown-padding: 4px;--dropdown-item-padding: 8px 10px;--avatar-sm: 28px;--avatar-md: 36px;--avatar-lg: 48px;--avatar-group-overlap: -8px;--toggle-track-width: 48px;--toggle-track-height: 26px;--toggle-thumb-size: 20px;--progress-bar-height: 8px;--progress-label-gap: 8px;--skeleton-text-height: 14px;--skeleton-text-gap: 8px;--skeleton-border-radius: 8px;--shell-rail-item-size: 36px;--shell-sidebar-header-padding: 10px 14px;--shell-sidebar-body-padding: 8px;--shell-main-scroll-padding: 20px 24px 40px;--shell-breadcrumb-padding-inline: 16px;--shell-panel-padding: 20px;--shell-panel-radius: 12px;--shell-panel-gap: 8px;--shell-status-item-padding-inline: 8px;--shell-bottom-panel-height: 140px;--shell-bottom-tab-padding: 8px 10px 7px;--shell-bottom-body-padding: 8px 12px;--color-bg-page: var(--color-primary-950);--color-bg-primary: var(--color-neutral-950);--color-bg-secondary: var(--color-neutral-900);--color-bg-surface: var(--color-neutral-900);--color-bg-surface-raised: var(--color-neutral-800);--color-text-primary: var(--color-neutral-50);--color-text-secondary: var(--color-neutral-400);--color-text-neutral: var(--color-neutral-400);--color-text-disabled: var(--color-neutral-600);--color-text-inverse: var(--color-neutral-900);--color-border-default: var(--color-neutral-700);--color-border-subtle: var(--color-neutral-800);--color-button-primary: var(--color-primary-600);--color-button-primary-hover: var(--color-primary-700);--color-divider: var(--color-neutral-800);--shadow-for-toast: 0 8px 16px rgba(255, 255, 255, .06), 0 8px 32px rgba(255, 255, 255, .08);--shadow-for-surface: 0 2px 4px rgba(255, 255, 255, .02), 0 4px 8px rgba(255, 255, 255, .04);--shadow-for-modal: 0 16px 32px rgba(0, 0, 0, .4), 0 32px 64px rgba(0, 0, 0, .3);--btn-primary-gradient: linear-gradient(135deg, var(--color-primary-500), var(--color-accent-500));--btn-primary-gradient-hover: linear-gradient(135deg, var(--color-primary-600), var(--color-accent-600));--btn-primary-gradient-active: linear-gradient(135deg, var(--color-primary-700), var(--color-accent-700));--btn-primary-text: var(--text-on-primary-600);--btn-primary-inset: transparent;--btn-error-gradient: linear-gradient(135deg, var(--color-error-500), var(--color-error-600));--btn-error-gradient-hover: linear-gradient(135deg, var(--color-error-600), var(--color-error-700));--btn-success-gradient: linear-gradient(135deg, var(--color-success-500), var(--color-success-600));--btn-success-gradient-hover: linear-gradient(135deg, var(--color-success-600), var(--color-success-700));--btn-warning-gradient: linear-gradient(135deg, var(--color-warning-500), var(--color-warning-600));--btn-warning-gradient-hover: linear-gradient(135deg, var(--color-warning-600), var(--color-warning-700));--btn-info-gradient: linear-gradient(135deg, var(--color-info-500), var(--color-info-600));--btn-info-gradient-hover: linear-gradient(135deg, var(--color-info-600), var(--color-info-700));--btn-danger-bg: var(--color-neutral-900);--btn-danger-bg-hover: var(--color-error-950);--btn-danger-text: var(--color-error-500);--btn-danger-text-hover: var(--color-error-400);--btn-danger-border-gradient: linear-gradient(135deg, var(--color-error-500), var(--color-error-600));--btn-success-text: var(--text-on-success-500);--btn-error-text: var(--text-on-error-500);--btn-warning-text: var(--text-on-warning-500);--btn-info-text: var(--text-on-info-500);--btn-error-inset: transparent;--btn-secondary-bg: var(--color-neutral-800);--btn-secondary-bg-hover: var(--color-neutral-700);--btn-secondary-bg-active: var(--color-neutral-600);--btn-secondary-text: var(--color-neutral-100);--btn-secondary-border: var(--color-neutral-700);--btn-secondary-border-hover: var(--color-secondary-500);--btn-secondary-inset: transparent;--btn-ghost-bg-hover: var(--color-neutral-800);--btn-ghost-text: var(--color-neutral-300);--btn-ghost-text-hover: var(--color-neutral-200);--btn-ghost-border: var(--color-neutral-700);--btn-ghost-border-hover: var(--color-neutral-600);--btn-disabled-bg: var(--color-neutral-800);--btn-disabled-text: var(--color-neutral-600);--input-bg: var(--color-neutral-800);--input-focus-color: var(--color-secondary-400);--card-bg: var(--color-neutral-900);--card-border: var(--color-border-default);--card-shadow: 0 4px 16px rgba(0, 0, 0, .3);--app-icon-opacity: .96;--app-icon-filter: saturate(1.08) contrast(1.08);--z-background: var(--z-layer-background);--z-hairline: var(--z-layer-hairline);--z-content: var(--z-layer-content);--z-surface: var(--z-layer-surface);--z-sticky-content: var(--z-layer-sticky-content);--z-navigation: var(--z-layer-navigation);--z-nav-scrim: var(--z-layer-nav-scrim);--z-floating: var(--z-layer-floating);--z-drag: var(--z-layer-drag);--z-configuration: var(--z-layer-configuration);--z-command: var(--z-layer-command);--z-dropdown: var(--z-layer-dropdown);--z-popover: var(--z-layer-popover);--z-tooltip: var(--z-layer-tooltip);--z-coachmark: var(--z-layer-coachmark);--z-toast: var(--z-layer-toast);--z-loader: var(--z-layer-loader);--z-backdrop: var(--z-layer-backdrop);--z-sheet: var(--z-layer-sheet);--z-modal: var(--z-layer-modal);--z-modal-tooltip: var(--z-layer-modal-tooltip);--z-modal-stack: var(--z-layer-modal-stack);--z-critical-toast: var(--z-layer-critical-toast);--z-system: var(--z-layer-system);--z-nav-base: 100;--z-nav-activity-rail: 101;--z-nav-sidebar: 102;--z-nav-bottom-panel: 103;--z-nav-topbar: 104}[data-theme=light]{--dt-bg: var(--color-neutral-100);--dt-surface: #ffffff;--dt-surface-2: #f8f8fb;--dt-surface-3: #f0f1f5;--dt-panel: var(--dt-surface-2);--dt-text: #1a1d2b;--dt-text-2: #4a4f66;--dt-text-3: #5a5f73;--dt-text-4: #8b8fa3;--dt-border: #d4d6e0;--dt-border-subtle: #eaebf0;--dt-hover: rgba(0, 0, 0, .03);--dt-active: color-mix(in srgb, var(--color-primary-500) 10%, transparent);--dt-accent: var(--color-primary-600);--dt-accent-dim: color-mix(in srgb, var(--color-primary-500) 8%, transparent);--dt-frame-bg: #eaecf2;--dt-panel-bg: #f1f2f7;--dt-status-bg: #e5e7ee;--dt-status-text: var(--color-neutral-700);--color-bg-page: var(--color-primary-200);--color-bg-primary: var(--color-neutral-0);--color-bg-secondary: var(--color-neutral-50);--color-bg-surface: var(--color-neutral-0);--color-bg-surface-raised: var(--color-neutral-50);--color-text-primary: var(--color-neutral-900);--color-text-secondary: var(--color-neutral-600);--color-text-neutral: var(--color-neutral-500);--color-text-disabled: var(--color-neutral-400);--color-text-inverse: var(--color-neutral-0);--color-border-default: var(--color-neutral-300);--color-border-subtle: var(--color-neutral-200);--color-button-primary: var(--color-primary-500);--color-button-primary-hover: var(--color-primary-600);--color-divider: var(--color-neutral-200);--shadow-for-toast: 0 8px 16px rgba(0, 0, 0, .1), 0 8px 32px rgba(0, 0, 0, .12);--shadow-for-surface: 0 2px 4px rgba(0, 0, 0, .04), 0 4px 8px rgba(0, 0, 0, .06);--shadow-for-modal: 0 16px 32px rgba(0, 0, 0, .15), 0 32px 64px rgba(0, 0, 0, .1);--btn-primary-gradient: linear-gradient(135deg, var(--color-primary-500), var(--color-accent-500));--btn-primary-gradient-hover: linear-gradient(135deg, var(--color-primary-600), var(--color-accent-600));--btn-primary-gradient-active: linear-gradient(135deg, var(--color-primary-700), var(--color-accent-700));--btn-primary-text: var(--text-on-primary-600);--btn-error-gradient: linear-gradient(135deg, var(--color-error-500), var(--color-error-600));--btn-error-gradient-hover: linear-gradient(135deg, var(--color-error-600), var(--color-error-700));--btn-success-gradient: linear-gradient(135deg, var(--color-success-500), var(--color-success-600));--btn-success-gradient-hover: linear-gradient(135deg, var(--color-success-600), var(--color-success-700));--btn-warning-gradient: linear-gradient(135deg, var(--color-warning-500), var(--color-warning-600));--btn-warning-gradient-hover: linear-gradient(135deg, var(--color-warning-600), var(--color-warning-700));--btn-info-gradient: linear-gradient(135deg, var(--color-info-500), var(--color-info-600));--btn-info-gradient-hover: linear-gradient(135deg, var(--color-info-600), var(--color-info-700));--btn-danger-bg: var(--color-neutral-900);--btn-danger-bg-hover: var(--color-error-950);--btn-danger-text: var(--color-error-500);--btn-danger-text-hover: var(--color-error-400);--btn-danger-border-gradient: linear-gradient(135deg, var(--color-error-500), var(--color-error-600));--btn-success-text: var(--text-on-success-500);--btn-error-text: var(--text-on-error-500);--btn-warning-text: var(--text-on-warning-500);--btn-info-text: var(--text-on-info-500);--btn-primary-inset: transparent;--btn-error-inset: transparent;--btn-secondary-bg: var(--color-neutral-100);--btn-secondary-bg-hover: var(--color-neutral-200);--btn-secondary-bg-active: var(--color-neutral-300);--btn-secondary-text: var(--color-neutral-700);--btn-secondary-border: var(--color-neutral-300);--btn-secondary-border-hover: var(--color-secondary-500);--btn-secondary-inset: transparent;--btn-ghost-bg-hover: var(--color-neutral-100);--btn-ghost-text: var(--color-neutral-600);--btn-ghost-text-hover: var(--color-neutral-700);--btn-ghost-border: var(--color-neutral-300);--btn-ghost-border-hover: var(--color-neutral-400);--btn-disabled-bg: var(--color-neutral-200);--btn-disabled-text: var(--color-neutral-400);--input-bg: var(--color-neutral-100);--input-focus-color: var(--color-secondary-400);--card-bg: var(--color-neutral-50);--card-border: var(--color-border-default);--card-shadow: 0 4px 16px rgba(0, 0, 0, .06);--app-icon-opacity: .98;--app-icon-filter: saturate(1.04) contrast(1.12)}[data-glass=on]{--color-bg-surface: rgba(255, 255, 255, .03);--color-bg-surface-raised: rgba(255, 255, 255, .06);--color-border-default: rgba(255, 255, 255, .1);--color-border-subtle: rgba(255, 255, 255, .06);--btn-primary-gradient: linear-gradient(135deg, var(--color-primary-500), var(--color-accent-500));--btn-primary-gradient-hover: linear-gradient(135deg, var(--color-primary-600), var(--color-accent-600));--btn-primary-gradient-active: linear-gradient(135deg, var(--color-primary-700), var(--color-accent-700));--btn-primary-text: var(--text-on-primary-600);--btn-primary-inset: transparent;--btn-error-gradient: linear-gradient(135deg, var(--color-error-500), var(--color-error-600));--btn-error-gradient-hover: linear-gradient(135deg, var(--color-error-600), var(--color-error-700));--btn-success-gradient: linear-gradient(135deg, var(--color-success-500), var(--color-success-600));--btn-success-gradient-hover: linear-gradient(135deg, var(--color-success-600), var(--color-success-700));--btn-warning-gradient: linear-gradient(135deg, var(--color-warning-500), var(--color-warning-600));--btn-warning-gradient-hover: linear-gradient(135deg, var(--color-warning-600), var(--color-warning-700));--btn-info-gradient: linear-gradient(135deg, var(--color-info-500), var(--color-info-600));--btn-info-gradient-hover: linear-gradient(135deg, var(--color-info-600), var(--color-info-700));--btn-danger-bg: var(--color-neutral-900);--btn-danger-bg-hover: var(--color-error-950);--btn-danger-text: var(--color-error-500);--btn-danger-text-hover: var(--color-error-400);--btn-danger-border-gradient: linear-gradient(135deg, var(--color-error-500), var(--color-error-600));--btn-success-text: var(--text-on-success-500);--btn-error-text: var(--text-on-error-500);--btn-warning-text: var(--text-on-warning-500);--btn-info-text: var(--text-on-info-500);--btn-error-inset: transparent;--btn-primary-inset: inset 0 1px 0 rgba(255, 255, 255, .2);--btn-error-inset: inset 0 1px 0 rgba(255, 255, 255, .2);--btn-secondary-bg: rgba(255, 255, 255, .11);--btn-secondary-bg-hover: rgba(255, 255, 255, .15);--btn-secondary-bg-active: rgba(255, 255, 255, .19);--btn-secondary-text: rgba(255, 255, 255, .9);--btn-secondary-border: rgba(255, 255, 255, .1);--btn-secondary-border-hover: var(--color-secondary-500);--btn-secondary-inset: rgba(255, 255, 255, .1);--btn-ghost-bg-hover: rgba(255, 255, 255, .05);--btn-ghost-text: var(--color-neutral-300);--btn-ghost-text-hover: var(--color-neutral-200);--btn-ghost-border: rgba(255, 255, 255, .12);--btn-ghost-border-hover: rgba(255, 255, 255, .22);--btn-disabled-bg: var(--color-neutral-800);--btn-disabled-text: var(--color-neutral-600);--input-bg: rgba(0, 0, 0, .3);--input-focus-color: var(--color-secondary-400);--card-bg: rgba(0, 0, 0, .35);--card-border: rgba(255, 255, 255, .08);--card-shadow: 0 8px 32px rgba(0, 0, 0, .4), inset 0 1px 0 rgba(255, 255, 255, .05)}[data-theme=light][data-glass=on]{--color-bg-surface: rgba(255, 255, 255, .7);--color-bg-surface-raised: rgba(255, 255, 255, .8);--color-border-default: rgba(0, 0, 0, .1);--color-border-subtle: rgba(0, 0, 0, .06);--btn-primary-gradient: linear-gradient(135deg, var(--color-primary-500), var(--color-accent-500));--btn-primary-gradient-hover: linear-gradient(135deg, var(--color-primary-600), var(--color-accent-600));--btn-primary-gradient-active: linear-gradient(135deg, var(--color-primary-700), var(--color-accent-700));--btn-primary-text: var(--text-on-primary-600);--btn-primary-inset: transparent;--btn-error-gradient: linear-gradient(135deg, var(--color-error-500), var(--color-error-600));--btn-error-gradient-hover: linear-gradient(135deg, var(--color-error-600), var(--color-error-700));--btn-success-gradient: linear-gradient(135deg, var(--color-success-500), var(--color-success-600));--btn-success-gradient-hover: linear-gradient(135deg, var(--color-success-600), var(--color-success-700));--btn-warning-gradient: linear-gradient(135deg, var(--color-warning-500), var(--color-warning-600));--btn-warning-gradient-hover: linear-gradient(135deg, var(--color-warning-600), var(--color-warning-700));--btn-info-gradient: linear-gradient(135deg, var(--color-info-500), var(--color-info-600));--btn-info-gradient-hover: linear-gradient(135deg, var(--color-info-600), var(--color-info-700));--btn-danger-bg: var(--color-neutral-900);--btn-danger-bg-hover: var(--color-error-950);--btn-danger-text: var(--color-error-500);--btn-danger-text-hover: var(--color-error-400);--btn-danger-border-gradient: linear-gradient(135deg, var(--color-error-500), var(--color-error-600));--btn-success-text: var(--text-on-success-500);--btn-error-text: var(--text-on-error-500);--btn-warning-text: var(--text-on-warning-500);--btn-info-text: var(--text-on-info-500);--btn-error-inset: transparent;--btn-primary-inset: inset 0 1px 0 rgba(255, 255, 255, .2);--btn-error-inset: inset 0 1px 0 rgba(255, 255, 255, .2);--btn-secondary-bg: rgba(0, 0, 0, .12);--btn-secondary-bg-hover: rgba(0, 0, 0, .16);--btn-secondary-bg-active: rgba(0, 0, 0, .2);--btn-secondary-text: rgba(0, 0, 0, .85);--btn-secondary-border: rgba(0, 0, 0, .12);--btn-secondary-border-hover: var(--color-secondary-500);--btn-secondary-inset: rgba(255, 255, 255, .5);--btn-ghost-bg-hover: rgba(0, 0, 0, .04);--btn-ghost-text: var(--color-neutral-600);--btn-ghost-text-hover: var(--color-neutral-700);--btn-ghost-border: var(--color-neutral-300);--btn-ghost-border-hover: var(--color-neutral-400);--btn-disabled-bg: var(--color-neutral-200);--btn-disabled-text: var(--color-neutral-400);--input-bg: rgba(255, 255, 255, .4);--input-focus-color: var(--color-secondary-400);--card-bg: rgba(255, 255, 255, .55);--card-border: rgba(0, 0, 0, .06);--card-shadow: 0 8px 32px rgba(0, 0, 0, .06), inset 0 1px 0 rgba(255, 255, 255, .5)}*{box-sizing:border-box}html,body{margin:0;min-height:100vh;overflow-x:hidden;overflow-y:auto}.dt-shell{height:100vh;overflow:hidden}#app{margin:0;min-height:100vh}html{font-size:13px}body{font-family:var(--dt-font);background:var(--dt-bg);color:var(--dt-text);transition:background .18s ease,color .18s ease}a{color:inherit;text-decoration:none}.mono{font-family:var(--dt-mono)}.app-root{min-height:100vh;background:var(--dt-bg);color:var(--dt-text)}[data-glass=on] body{background:var(--color-neutral-900)}[data-theme=light][data-glass=on] body{background:var(--color-neutral-100)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--dt-text-4) 25%,transparent);border-radius:4px;border:2px solid transparent;background-clip:padding-box;transition:all .2s cubic-bezier(.34,1.56,.64,1)}::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--dt-text-3) 40%,transparent);border-width:1px}::-webkit-scrollbar-thumb:active{background:color-mix(in srgb,var(--dt-text-2) 50%,transparent)}[data-glass=on] ::-webkit-scrollbar-track{background:color-mix(in srgb,var(--color-neutral-950) 15%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}[data-glass=on] ::-webkit-scrollbar-thumb{background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary-500) 20%,transparent),color-mix(in srgb,var(--color-accent-500) 15%,transparent));border:2px solid color-mix(in srgb,var(--color-primary-500) 10%,transparent);box-shadow:0 2px 8px color-mix(in srgb,var(--color-primary-500) 8%,transparent)}[data-glass=on] ::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary-500) 35%,transparent),color-mix(in srgb,var(--color-accent-500) 25%,transparent));border-color:color-mix(in srgb,var(--color-primary-500) 20%,transparent);box-shadow:0 0 12px color-mix(in srgb,var(--color-primary-500) 15%,transparent),inset 0 0 8px color-mix(in srgb,var(--color-primary-400) 10%,transparent)}[data-glass=on] ::-webkit-scrollbar-thumb:active{background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary-500) 45%,transparent),color-mix(in srgb,var(--color-accent-500) 35%,transparent))}*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--dt-text-4) 25%,transparent) transparent}[data-glass=on] *{scrollbar-color:color-mix(in srgb,var(--color-primary-500) 25%,transparent) color-mix(in srgb,var(--color-neutral-950) 15%,transparent)}@media(prefers-reduced-motion:reduce){::-webkit-scrollbar-thumb{transition:background .15s linear,border-width .15s linear}}.dt-bg-shapes{position:fixed;inset:0;z-index:var(--z-layer-parallax-deco);pointer-events:none;overflow:hidden;opacity:0;transition:opacity .5s ease}[data-glass=on] .dt-bg-shapes{opacity:.35}.dt-bg-shape{position:absolute;border-radius:50%;filter:blur(100px)}.dt-bg-shape.s1{width:500px;height:500px;background:var(--color-primary-500);top:calc(var(--ambient-blob-1-y, 11) * 1% - 220px);left:calc(var(--ambient-blob-1-x, 7) * 1% - 220px);opacity:var(--ambient-blob-1-opacity, .25);filter:blur(var(--ambient-blob-1-blur, 44px));animation:dt-float-1 12s ease-in-out infinite}.dt-bg-shape.s2{width:280px;height:280px;background:var(--color-tertiary-500);top:calc(var(--ambient-blob-2-y, 78) * 1% - 140px);left:calc(var(--ambient-blob-2-x, 82) * 1% - 140px);opacity:var(--ambient-blob-2-opacity, .22);filter:blur(var(--ambient-blob-2-blur, 38px));animation:dt-float-2 15s ease-in-out infinite}.dt-bg-shape.s3{width:400px;height:400px;background:var(--color-secondary-500);top:calc(var(--ambient-blob-3-y, 88) * 1% - 200px);left:calc(var(--ambient-blob-3-x, 90) * 1% - 200px);opacity:var(--ambient-blob-3-opacity, .2);filter:blur(var(--ambient-blob-3-blur, 42px));animation:dt-float-3 18s ease-in-out infinite}@keyframes dt-float-1{0%,to{transform:translate(0)}50%{transform:translate(30px,20px)}}@keyframes dt-float-2{0%,to{transform:translate(0)}50%{transform:translate(-20px,-30px)}}@keyframes dt-float-3{0%,to{transform:translate(0)}50%{transform:translate(-25px,15px)}}@media(prefers-reduced-motion:reduce){.dt-bg-shape{animation:none}}.app-topbar{position:sticky;top:0;z-index:var(--z-navigation);min-height:var(--dt-topbar);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;background:var(--dt-frame-bg);border-bottom:1px solid var(--dt-border)}.brand{font-family:var(--dt-mono);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(135deg,var(--color-primary-400),var(--color-accent-400));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.app-nav{display:flex;align-items:center;gap:2px}.app-nav__link{border-radius:6px;border:1px solid transparent;padding:6px 10px;font-size:11px;color:var(--dt-text-3);transition:all .18s ease}.app-nav__link:hover,.app-nav__link.router-link-active{color:var(--dt-text);background:var(--dt-hover);border-color:var(--dt-border)}.app-controls{display:flex;align-items:center;gap:8px}.input-group{display:flex;flex-direction:column;gap:2px;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--dt-text-4)}.input-group select{min-width:94px;border-radius:8px;border:1px solid var(--dt-border);background:var(--dt-surface);color:var(--dt-text);padding:6px 8px;font-size:11px}.app-main{padding:20px 24px 32px}.app-main--devtools{min-height:100vh;padding:0}.page{display:grid;gap:16px}.nx-card{border-radius:12px;border:1px solid var(--dt-border);background:var(--dt-surface);padding:16px;transition:all .18s ease}.nx-card:hover{border-color:var(--color-accent-500);box-shadow:var(--dt-shadow-sm)}.nx-btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;border:none;border-radius:10px;padding:10px 20px;font-size:12px;font-weight:600;font-family:var(--dt-font);cursor:pointer;transition:all .2s ease}.nx-btn:focus-visible{outline:2px solid var(--color-accent-500);outline-offset:2px}.nx-btn.primary{position:relative;overflow:hidden;color:var(--text-on-primary-600);background:linear-gradient(135deg,var(--color-primary-600),var(--color-accent-500));box-shadow:0 4px 16px color-mix(in srgb,var(--color-primary-500) 35%,transparent)}.nx-btn.primary:after{content:"";position:absolute;top:-50%;left:-20%;width:60%;height:200%;pointer-events:none;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.25) 50%,transparent 80%);transform:translate(-100%) skew(-15deg)}.nx-btn.primary:hover{transform:translateY(-2px);box-shadow:0 4px 16px color-mix(in srgb,var(--color-primary-500) 35%,transparent),0 6px 20px color-mix(in srgb,var(--color-primary-500) 45%,transparent)}.nx-btn.primary:hover:after{transform:translate(350%) skew(-15deg);transition:transform .6s ease}.nx-btn.secondary{color:var(--dt-text);background:var(--dt-surface-3);border:1px solid var(--dt-border)}.nx-btn.tertiary{color:var(--color-accent-400);background:transparent;border:1px solid var(--color-accent-500)}.nx-btn.ghost{color:var(--dt-text-2);background:transparent;border:1px solid var(--dt-border)}.nx-btn.secondary:hover,.nx-btn.tertiary:hover,.nx-btn.ghost:hover{transform:translateY(-1px)}.nx-btn.secondary:hover{background:var(--dt-surface-2)}.nx-btn.tertiary:hover{background:color-mix(in srgb,var(--color-accent-500) 10%,transparent)}.nx-btn.ghost:hover{background:var(--dt-hover);color:var(--dt-text)}.nx-btn.disabled,.nx-btn:disabled{color:var(--dt-text-4);background:var(--dt-surface-3);border:1px solid var(--dt-border-subtle);cursor:not-allowed;pointer-events:none;transform:none;box-shadow:none}.nx-btn:disabled:focus-visible{outline:none;box-shadow:none}.nx-btn.success{color:var(--text-on-success-500);background:var(--color-success-500);box-shadow:0 4px 12px color-mix(in srgb,var(--color-success-500) 30%,transparent)}.nx-btn.error{color:var(--text-on-error-500);background:var(--color-error-500);box-shadow:0 4px 12px color-mix(in srgb,var(--color-error-500) 30%,transparent)}.nx-btn.warning{color:var(--text-on-warning-500);background:var(--color-warning-500);box-shadow:0 4px 12px color-mix(in srgb,var(--color-warning-500) 30%,transparent)}.nx-btn.info{color:var(--text-on-info-500);background:var(--color-info-500);box-shadow:0 4px 12px color-mix(in srgb,var(--color-info-500) 30%,transparent)}.nx-btn.success:hover,.nx-btn.error:hover,.nx-btn.warning:hover,.nx-btn.info:hover{transform:translateY(-1px)}.nx-badge{display:inline-flex;align-items:center;gap:4px;border-radius:9999px;padding:3px 8px;font-size:10px;font-weight:600}.nx-badge.success{background:color-mix(in srgb,var(--color-success-500) 15%,transparent);color:var(--color-success-400)}.nx-badge.warning{background:color-mix(in srgb,var(--color-warning-500) 15%,transparent);color:var(--color-warning-400)}.nx-badge.info{background:color-mix(in srgb,var(--color-info-500) 15%,transparent);color:var(--color-info-400)}.nx-badge.primary{background:color-mix(in srgb,var(--color-primary-500) 15%,transparent);color:var(--color-primary-400)}.nx-badge.error{background:color-mix(in srgb,var(--color-error-500) 15%,transparent);color:var(--color-error-400)}.nx-badge.neutral{background:var(--dt-surface-3);color:var(--dt-text-3)}.nx-badge-dot:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.nx-alert{display:flex;gap:8px;align-items:flex-start;border-radius:8px;border:1px solid;padding:12px 16px;font-size:12px}.nx-alert.info{color:var(--color-info-400);border-color:color-mix(in srgb,var(--color-info-500) 20%,transparent);background:color-mix(in srgb,var(--color-info-500) 8%,transparent)}.nx-alert.error{color:var(--color-error-400);border-color:color-mix(in srgb,var(--color-error-500) 20%,transparent);background:color-mix(in srgb,var(--color-error-500) 8%,transparent)}.nx-alert.warning{color:var(--color-warning-400);border-color:color-mix(in srgb,var(--color-warning-500) 20%,transparent);background:color-mix(in srgb,var(--color-warning-500) 8%,transparent)}.nx-alert.success{color:var(--color-success-400);border-color:color-mix(in srgb,var(--color-success-500) 20%,transparent);background:color-mix(in srgb,var(--color-success-500) 8%,transparent)}[data-theme=light] .nx-alert.error{color:var(--color-error-600)}[data-theme=light] .nx-alert.warning{color:var(--color-warning-600)}[data-theme=light] .nx-alert.success{color:var(--color-success-600)}[data-theme=light] .nx-alert.info{color:var(--color-info-600)}.nx-avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;border-radius:50%;font-weight:700;color:var(--text-on-primary-500, #fff);background:linear-gradient(135deg,var(--color-primary-500),var(--color-accent-500))}.nx-avatar img{width:100%;height:100%;object-fit:cover}.nx-avatar.sm{width:28px;height:28px;font-size:10px}.nx-avatar.md{width:36px;height:36px;font-size:12px}.nx-avatar.lg{width:48px;height:48px;font-size:16px}.nx-avatar-group{display:inline-flex;align-items:center}.nx-avatar-group .nx-avatar{margin-left:-8px;border:2px solid var(--dt-surface)}.nx-avatar-group .nx-avatar:first-child{margin-left:0}.nx-divider{width:100%;border:none;border-top:1px solid var(--dt-border);margin:12px 0}.nx-divider.dashed{border-top-style:dashed}.nx-divider.thick{border-top-width:2px}.nx-divider-label{display:flex;align-items:center;gap:12px;margin:12px 0;color:var(--dt-text-4);font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.nx-divider-label:before,.nx-divider-label:after{content:"";flex:1;border-top:1px solid var(--dt-border)}.nx-breadcrumb{display:flex;align-items:center;gap:6px;font-size:11px}.nx-breadcrumb-item{color:var(--dt-text-3);transition:color .15s ease}.nx-breadcrumb-item.current{color:var(--dt-text);font-weight:600}.nx-breadcrumb-sep{color:var(--dt-text-4);font-size:9px}.nx-tooltip-wrap{position:relative;display:inline-flex}.nx-tooltip{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%);border-radius:6px;padding:6px 10px;white-space:nowrap;pointer-events:none;opacity:0;z-index:var(--z-tooltip);transition:opacity .15s ease;box-shadow:var(--dt-shadow-sm);background:var(--dt-text);color:var(--dt-bg);font-size:10px;font-weight:500}.nx-tooltip:after{content:"";position:absolute;left:50%;top:100%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--dt-text)}.nx-tooltip-wrap:hover .nx-tooltip,.nx-tooltip-wrap:focus-within .nx-tooltip{opacity:1}.nx-dropdown{position:relative}.nx-dropdown-trigger{width:100%;min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-radius:8px;border:1px solid var(--dt-border);background:var(--dt-surface);color:var(--dt-text);padding:10px 12px;font-size:12px;font-family:var(--dt-font)}.nx-dropdown-arrow{color:var(--dt-text-3);font-size:10px}.nx-dropdown-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:var(--z-dropdown);display:none;border-radius:8px;border:1px solid var(--dt-border);background:var(--dt-surface);box-shadow:var(--dt-shadow);padding:4px}.nx-dropdown.open .nx-dropdown-menu{display:block}.nx-dropdown-item{width:100%;border:none;border-radius:6px;background:transparent;color:var(--dt-text-2);text-align:left;font-size:12px;padding:8px 10px}.nx-dropdown-item:hover,.nx-dropdown-item.selected{color:var(--dt-text);background:var(--dt-hover)}.nx-table-num{color:var(--dt-text);font-family:var(--dt-mono);font-size:11px}.nx-table-status{display:inline-flex;align-items:center;border-radius:9999px;padding:2px 8px;font-size:10px;font-weight:600}.nx-table-status.active{color:var(--color-success-400);background:color-mix(in srgb,var(--color-success-500) 15%,transparent)}.nx-table-status.pending{color:var(--color-warning-400);background:color-mix(in srgb,var(--color-warning-500) 15%,transparent)}.nx-table-status.inactive{color:var(--dt-text-3);background:var(--dt-surface-3)}.nx-table{width:100%;border-collapse:collapse}.nx-table thead{background:var(--dt-surface-2)}.nx-table th,.nx-table td{border-bottom:1px solid var(--dt-border-subtle);padding:10px 14px;text-align:left}.nx-table th{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--dt-text-3)}.nx-table td{font-size:12px;color:var(--dt-text-2)}.nx-table tbody tr:hover td{background:var(--dt-hover)}.nx-table-wrap{margin-top:12px;overflow-x:auto;border:1px solid var(--dt-border-subtle);border-radius:10px}.nx-progress{width:100%;height:8px;border-radius:999px;overflow:hidden;background:var(--dt-surface-3);border:1px solid var(--dt-border-subtle);margin-bottom:8px}.nx-progress-bar{height:100%;border-radius:inherit;transition:width .18s ease}.nx-progress-bar.indeterminate{width:40%!important;animation:nx-progress-indeterminate 1.2s ease-in-out infinite}@keyframes nx-progress-indeterminate{0%{transform:translate(-120%)}50%{transform:translate(60%)}to{transform:translate(220%)}}.nx-spinner{width:18px;height:18px;border:2px solid color-mix(in srgb,var(--dt-text-3) 25%,transparent);border-top-color:var(--color-primary-500);border-radius:50%;animation:nx-spin .8s linear infinite}.nx-spinner.sm{width:14px;height:14px}.nx-spinner.lg{width:24px;height:24px}@keyframes nx-spin{to{transform:rotate(360deg)}}.nx-skeleton{border-radius:6px;background:linear-gradient(90deg,color-mix(in srgb,var(--dt-surface-3) 95%,transparent) 25%,color-mix(in srgb,var(--dt-text-4) 18%,transparent),color-mix(in srgb,var(--dt-surface-3) 95%,transparent) 75%);background-size:200% 100%;animation:nx-skeleton-wave 1.5s ease-in-out infinite}.nx-skeleton.avatar{width:36px;height:36px;border-radius:50%}.nx-skeleton.title{width:54%;height:14px;margin-bottom:8px}.nx-skeleton.text{width:100%;height:10px;margin-bottom:6px}@keyframes nx-skeleton-wave{0%{background-position:200% 0}to{background-position:-200% 0}}.toast-container{position:fixed;z-index:var(--z-toast);display:flex;flex-direction:column;gap:12px;padding:20px;max-width:400px;pointer-events:none}.toast-container.top-right{top:var(--layout-header-height, 0px);right:0}.toast-container.top-left{top:var(--layout-header-height, 0px);left:0}.toast-container.top-center{top:var(--layout-header-height, 0px);left:50%;transform:translate(-50%)}.toast-container.bottom-right{right:0;bottom:var(--layout-footer-height, 0px)}.toast-container.bottom-left{left:0;bottom:var(--layout-footer-height, 0px)}.toast-container.bottom-center{left:50%;bottom:var(--layout-footer-height, 0px);transform:translate(-50%)}.toast{pointer-events:auto;position:relative;overflow:hidden;display:flex;align-items:flex-start;gap:12px;min-width:300px;max-width:400px;padding:16px;border-radius:12px;border:1px solid var(--dt-border-subtle);border-left-width:4px;background:var(--dt-surface);box-shadow:var(--dt-shadow);animation:toastSlideIn .25s ease}.toast.hiding{animation:toastSlideOut .2s ease forwards}.toast-container.top-left .toast,.toast-container.bottom-left .toast{animation-name:toastSlideInLeft}.toast-container.top-left .toast.hiding,.toast-container.bottom-left .toast.hiding{animation-name:toastSlideOutLeft}.toast-container.top-center .toast,.toast-container.bottom-center .toast{animation-name:toastSlideInCenter}.toast-container.top-center .toast.hiding,.toast-container.bottom-center .toast.hiding{animation-name:toastSlideOutCenter}.toast-success{border-left-color:var(--color-success-500)}.toast-error{border-left-color:var(--color-error-500)}.toast-warning{border-left-color:var(--color-warning-500)}.toast-info{border-left-color:var(--color-info-500)}.toast-icon{width:16px;flex-shrink:0;font-size:1.25rem;line-height:1;color:var(--dt-text-2);--app-icon-opacity: 1}.toast-content{flex:1}.toast-title{margin-bottom:2px;color:var(--dt-text);font-size:.9rem;font-weight:600}.toast-message{color:var(--dt-text-2);font-size:.85rem}.toast-close{width:24px;height:24px;border:none;border-radius:6px;background:transparent;color:var(--dt-text-3);cursor:pointer;--app-icon-opacity: .92}.toast-close:hover{background:var(--dt-surface-3);color:var(--dt-text);--app-icon-opacity: 1}.toast-progress{position:absolute;top:0;left:0;bottom:0;width:100%;border-radius:12px 0 0 12px;animation:toastProgressFill 4s linear forwards;pointer-events:none}.toast-success .toast-progress{background:color-mix(in srgb,var(--color-success-500) 12%,transparent)}.toast-error .toast-progress{background:color-mix(in srgb,var(--color-error-500) 12%,transparent)}.toast-warning .toast-progress{background:color-mix(in srgb,var(--color-warning-500) 12%,transparent)}.toast-info .toast-progress{background:color-mix(in srgb,var(--color-info-500) 12%,transparent)}@keyframes toastProgressFill{0%{width:100%}to{width:0}}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@keyframes toastSlideInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes toastSlideOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100%)}}@keyframes toastSlideInCenter{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes toastSlideOutCenter{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@media(prefers-reduced-motion:reduce){.toast,.toast.hiding,.toast-progress{animation-duration:.01ms!important}}.nx-modal-backdrop{position:fixed;inset:0;z-index:var(--z-backdrop);display:flex;align-items:center;justify-content:center;background:#00000080}.nx-modal{width:380px;max-width:90vw;border-radius:12px;border:1px solid var(--dt-border);background:var(--dt-surface);box-shadow:0 16px 48px #00000040;z-index:var(--z-modal)}.nx-modal__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--dt-border-subtle)}.nx-modal__header h3{margin:0;font-size:14px}.nx-modal__close{width:28px;height:28px;border:none;border-radius:6px;background:transparent;color:var(--dt-text-3);cursor:pointer;font-size:16px;--app-icon-opacity: .9}.nx-modal__close:hover{color:var(--dt-text);background:var(--dt-surface-3);--app-icon-opacity: 1}.nx-modal__body{padding:20px;color:var(--dt-text-2);font-size:12px;line-height:1.6}.nx-modal__footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 20px;border-top:1px solid var(--dt-border-subtle)}.nx-sec-backdrop{position:fixed;inset:0;z-index:var(--z-backdrop);background:#00000080}.nx-sec-drawer{position:absolute;top:0;right:0;height:100%;width:min(420px,92vw);display:grid;grid-template-rows:auto 1fr;border-left:1px solid var(--dt-border);background:var(--dt-surface);box-shadow:-16px 0 48px #00000059}.nx-sec-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--dt-border-subtle)}.nx-sec-lock{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid var(--dt-border);background:var(--dt-surface-2);--app-icon-opacity: 1}.nx-sec-title{color:var(--dt-text);font-size:13px;font-weight:700}.nx-sec-subtitle{margin-top:2px;color:var(--dt-text-3);font-size:10px}.nx-sec-x{width:28px;height:28px;border:none;border-radius:6px;background:transparent;color:var(--dt-text-3);font-size:16px;cursor:pointer;--app-icon-opacity: .92}.nx-sec-x:hover{background:var(--dt-surface-3);color:var(--dt-text);--app-icon-opacity: 1}.nx-sec-body{padding:14px 16px;overflow:auto}.nx-sec-row{border:1px solid var(--dt-border-subtle);border-radius:8px;background:var(--dt-surface-2);padding:10px 12px}.nx-sec-row-name{color:var(--dt-text);font-size:11px;font-weight:600}.nx-sec-row-meta{margin-top:3px;color:var(--dt-text-3);font-size:10px}.dt-scale{margin-bottom:16px}.dt-scale-header{display:flex;align-items:baseline;gap:8px;margin-bottom:6px}.dt-scale-name{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--dt-text-2)}.dt-scale-meta{font-size:9px;color:var(--dt-text-4);font-family:var(--dt-mono)}.dt-scale-strip{display:flex;gap:1px;border-radius:6px;overflow:hidden;height:36px}.dt-swatch{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:all .15s ease;min-width:0}.dt-swatch:hover{transform:scaleY(1.35);z-index:var(--z-surface);border-radius:3px;box-shadow:0 4px 12px #0000004d}.dt-swatch-label{font-size:7.5px;font-weight:700;opacity:.8;line-height:1;pointer-events:none}.dt-swatch-hex{font-size:7px;font-family:var(--dt-mono);opacity:0;transition:opacity .1s;pointer-events:none}.dt-swatch:hover .dt-swatch-hex{opacity:.9}.dt-swatch.key{outline:2px solid transparent;outline-offset:-2px;z-index:var(--z-content)}[data-theme=light] .dt-swatch.key{outline-color:transparent}.dt-copy-toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);background:var(--dt-surface-3);color:var(--dt-text);padding:8px 16px;border-radius:8px;font-size:11px;font-weight:600;font-family:var(--dt-mono);box-shadow:var(--dt-shadow);opacity:0;pointer-events:none;transition:all .2s ease;z-index:var(--z-toast, 400)}.dt-copy-toast.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.page--landing .hero{display:grid;gap:12px;padding:24px}.hero__eyebrow{width:fit-content}.hero h1,.home-welcome h1{margin:0;font-size:32px;line-height:1.15;letter-spacing:-.02em}.hero p,.home-welcome p{margin:0;color:var(--dt-text-2);max-width:64ch}.hero__actions{display:flex;flex-wrap:wrap;gap:10px}.feature-grid,.quick-actions{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.feature h3,.action-card h3,.dt-sidebar h3,.dt-inspector h3{margin:0 0 8px;font-size:13px}.feature p,.action-card p,.dt-inspector p{margin:0;color:var(--dt-text-2)}.home-welcome{display:grid;gap:10px}.home-welcome__meta{display:flex;align-items:center;gap:10px}.metric-grid{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card p{margin:0;color:var(--dt-text-3);font-size:11px}.metric-card strong{display:block;margin-top:8px;font-size:22px;color:var(--dt-text)}.page--login{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - var(--dt-topbar) - var(--dt-status));padding:24px}.login-card{width:100%;max-width:400px;padding:32px;display:grid;gap:24px}.login-header{text-align:center;display:grid;gap:12px;justify-items:center}.login-header h1{margin:0;font-size:24px;font-weight:600}.login-header p{margin:0;color:var(--dt-text-2);font-size:13px}.login-form{display:grid;gap:20px}.form-options{display:flex;justify-content:space-between;align-items:center;font-size:12px}.full-width{width:100%}.dt-shell{display:grid;grid-template-rows:var(--dt-topbar) 1fr var(--dt-status);grid-template-columns:var(--dt-rail) var(--dt-sidebar) 1fr var(--dt-inspector);grid-template-areas:"topbar topbar topbar topbar" "rail sidebar main inspector" "status status status status";height:100vh;width:100vw}.dt-view{min-height:100vh}.dt-devtools-shell{display:grid;grid-template-rows:var(--dt-topbar) 1fr var(--dt-status);grid-template-columns:var(--dt-rail) var(--dt-sidebar) 1fr var(--dt-inspector);grid-template-areas:"topbar topbar topbar topbar" "rail sidebar main inspector" "status status status status";min-height:100vh}.dt-topbar{grid-area:topbar;z-index:var(--z-nav-topbar, var(--z-navigation));display:flex;align-items:center;gap:6px;padding:0 12px;border-bottom:1px solid var(--dt-border);background:var(--dt-frame-bg);-webkit-backdrop-filter:blur(var(--dt-glass-blur));backdrop-filter:blur(var(--dt-glass-blur))}.dt-topbar-spacer{flex:1}.dt-brand,.dt-topbar-brand{font-family:var(--dt-mono);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;line-height:var(--dt-topbar);margin-right:12px;padding-right:12px;border-right:1px solid var(--dt-border);background:linear-gradient(135deg,var(--color-primary-400),var(--color-accent-400));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.dt-tabs{display:flex;align-items:center;height:100%}.dt-tab{height:100%;border:none;border-bottom:2px solid transparent;background:transparent;color:var(--dt-text-3);font-size:11px;font-weight:500;padding:0 14px;cursor:pointer;transition:all .18s ease;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.dt-tab:hover{color:var(--dt-text-2);background:var(--dt-hover)}.dt-tab:focus-visible{outline:none;box-shadow:0 0 0 4px color-mix(in srgb,var(--color-primary-500) 25%,transparent)}.dt-tab.active{color:var(--dt-text);background:var(--dt-active);border-bottom-color:var(--dt-accent);box-shadow:0 0 0 1px var(--dt-accent-dim)}.tab-count{margin-left:6px;border-radius:8px;padding:1px 5px;background:var(--dt-surface-3);color:var(--dt-text-3);font-size:9px;font-weight:600;line-height:1.2}.dt-topbar-controls{display:flex;align-items:center;gap:8px}.dt-topbar-sep{width:1px;height:18px;background:var(--dt-border);opacity:.8}.dt-toggle{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:500;color:var(--dt-text-3);cursor:pointer;padding:0 6px;-webkit-user-select:none;user-select:none;--app-icon-opacity: .8;transition:color var(--dt-transition)}.dt-toggle-track{width:36px;height:20px;border-radius:10px;position:relative;background:var(--dt-surface-3);border:1px solid var(--dt-border);transition:all var(--dt-transition);flex-shrink:0}.dt-toggle-track:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;top:1px;left:1px;background:var(--dt-text-4);box-shadow:0 1px 2px #0003;transition:all var(--dt-transition)}.dt-toggle:hover:not(.on) .dt-toggle-track{background:color-mix(in srgb,var(--dt-surface-3) 85%,white);border-color:var(--dt-border)}.dt-toggle:hover:not(.on) .dt-toggle-track:after{background:var(--dt-text-3)}.dt-toggle.on{color:var(--dt-text);--app-icon-opacity: 1}.dt-toggle.on .dt-toggle-track{background:var(--color-primary-500);border-color:var(--color-primary-600);box-shadow:0 0 0 1px var(--color-primary-600)}.dt-toggle.on .dt-toggle-track:after{transform:translate(16px);background:#fff;box-shadow:0 1px 3px #0000004d}.dt-toggle.on:hover .dt-toggle-track{background:var(--color-primary-600);border-color:var(--color-primary-700);box-shadow:0 0 0 1px var(--color-primary-700),0 0 8px rgba(var(--color-primary-500-rgb),.3)}.dt-hue-control{display:inline-flex;align-items:center;gap:8px}.dt-hue-label{color:var(--dt-text-4);font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.dt-hue-slider{-webkit-appearance:none;appearance:none;width:100px;height:14px;border-radius:7px;cursor:pointer;background:linear-gradient(to right,#e83030,#e88c30,#e8e830,#8ce830,#30e830,#30e88c,#30e8e8,#308ce8,#3030e8,#8c30e8,#e830e8,#e8308c,#e83030);border:1px solid var(--dt-border);outline:none}.dt-hue-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--color-primary-500);border:2px solid var(--text-on-primary-500, #fff);box-shadow:0 1px 4px #0006,0 0 0 1px #0000001a;cursor:grab;transition:box-shadow .15s ease}.dt-hue-slider::-webkit-slider-thumb:hover{box-shadow:0 2px 8px #00000080,0 0 0 2px color-mix(in srgb,var(--text-on-primary-500, #fff) 30%,transparent)}.dt-hue-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;border:2px solid var(--text-on-primary-500, #fff);background:var(--color-primary-500);box-shadow:0 1px 4px #0006;cursor:grab}.dt-hue-input{width:38px;height:20px;border-radius:3px;border:1px solid var(--dt-border);background:var(--dt-surface);color:var(--dt-text);padding:2px 4px;font-family:var(--dt-mono);font-size:10px;text-align:center}.dt-hue-swatch{width:14px;height:14px;border-radius:3px;border:1px solid var(--dt-border)}.dt-select{border:1px solid var(--dt-border);border-radius:8px;background:var(--dt-surface);color:var(--dt-text);padding:6px 10px;font-size:11px}.dt-rail{grid-area:rail;z-index:var(--z-nav-activity-rail, var(--z-navigation));display:flex;flex-direction:column;align-items:center;gap:2px;border-right:1px solid var(--dt-border);background:var(--dt-frame-bg);padding:6px 0;-webkit-backdrop-filter:blur(var(--dt-glass-blur));backdrop-filter:blur(var(--dt-glass-blur))}.dt-rail__item,.dt-rail-item{position:relative;width:var(--shell-rail-item-size);height:var(--shell-rail-item-size);border:1px solid transparent;border-radius:6px;color:var(--dt-text-4);background:transparent;cursor:pointer;transition:all .18s ease;--app-icon-opacity: .88;display:inline-flex;align-items:center;justify-content:center}.dt-rail__item:hover,.dt-rail-item:hover{color:var(--dt-text-2);background:var(--dt-hover);--app-icon-opacity: 1}.dt-rail__item:focus-visible,.dt-rail-item:focus-visible{outline:none;box-shadow:0 0 0 4px color-mix(in srgb,var(--color-primary-500) 25%,transparent)}.dt-rail__item.active,.dt-rail-item.active{color:var(--dt-accent);background:var(--dt-active);--app-icon-opacity: 1;box-shadow:0 0 0 1px var(--dt-accent-dim)}.dt-rail__item.active:before,.dt-rail-item.active:before{content:"";position:absolute;left:-1px;top:8px;bottom:8px;width:2px;border-radius:3px;background:var(--dt-accent)}.dt-rail-spacer{flex:1}.dt-settings-popover{position:fixed;bottom:48px;left:calc(var(--dt-rail) + 8px);z-index:var(--z-dropdown);min-width:220px;border:1px solid var(--dt-border);border-radius:10px;background:var(--dt-surface);box-shadow:var(--dt-shadow-sm);padding:10px;opacity:0;pointer-events:none;transform:translateY(-4px) scale(.98);transform-origin:bottom left;transition:all .18s ease}.dt-settings-popover.open{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.dt-settings-title{color:var(--dt-text);font-size:11px;font-weight:700;margin-bottom:8px}.dt-settings-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border-radius:8px;border:1px solid var(--dt-border-subtle);background:var(--dt-surface-2);padding:8px 10px;cursor:pointer}.dt-settings-row-label{color:var(--dt-text-2);font-size:11px}.dt-settings-switch{width:30px;height:16px;border-radius:999px;border:1px solid var(--dt-border);background:var(--dt-surface-3)}.dt-settings-switch.on{border-color:var(--color-primary-500);background:var(--color-primary-500)}.dt-sidebar{grid-area:sidebar;z-index:var(--z-nav-sidebar, var(--z-navigation));border-radius:0;border-top:none;border-bottom:none;border-left:none;background:var(--dt-panel-bg);display:flex;flex-direction:column;overflow:hidden;-webkit-backdrop-filter:blur(var(--dt-glass-blur));backdrop-filter:blur(var(--dt-glass-blur))}.dt-sidebar-header{padding:var(--shell-sidebar-header-padding);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--dt-text-3);border-bottom:1px solid var(--dt-border-subtle);display:flex;align-items:center;justify-content:space-between}.dt-sidebar-body{flex:1;overflow-y:auto;padding:var(--shell-sidebar-body-padding)}.dt-sidebar li,.dt-side-item{border-radius:6px;border:1px solid transparent;padding:6px 10px;color:var(--dt-text-3);font-size:11.5px;font-weight:500;cursor:pointer;transition:all .12s ease}.dt-sidebar li:hover,.dt-side-item:hover{color:var(--dt-text);background:var(--dt-hover);border-color:var(--dt-border)}.dt-sidebar li:focus-visible,.dt-side-item:focus-visible{outline:none;box-shadow:0 0 0 4px color-mix(in srgb,var(--color-primary-500) 25%,transparent)}.dt-sidebar li.active,.dt-side-item.active{color:var(--dt-accent);background:var(--dt-active);border-color:var(--dt-accent);box-shadow:0 0 0 1px var(--dt-accent-dim);font-weight:600}.dt-main{grid-area:main;overflow:hidden;background:transparent;position:relative;display:flex;flex-direction:column}.dt-main-scroll{padding:var(--shell-main-scroll-padding);flex:1;overflow-y:auto;overflow-x:hidden;display:grid;gap:16px}.dt-breadcrumb-bar{display:flex;align-items:center;gap:6px;color:var(--dt-text-3);font-size:11px;min-height:28px;border-bottom:1px solid var(--dt-border);background:color-mix(in srgb,var(--dt-bg) 90%,var(--dt-panel));padding:0 var(--shell-breadcrumb-padding-inline);flex-shrink:0}.dt-panel{background:var(--dt-surface);border:1px solid var(--dt-border);border-radius:var(--shell-panel-radius);padding:var(--shell-panel-padding);display:grid;gap:var(--shell-panel-gap);transition:all .2s ease}.dt-title{margin:0;color:var(--dt-text);font-size:14px;font-weight:700;font-family:var(--dt-font)}.dt-desc{margin:0;color:var(--dt-text-2);font-size:12px;line-height:1.5;font-family:var(--dt-font)}.dt-breadcrumb-bar .sep{color:var(--dt-text-4)}.dt-breadcrumb-bar .crumb.current{color:var(--dt-text);font-weight:600}.dt-section-title{margin:0;color:var(--dt-text);font-size:14px;font-weight:700}.dt-section-desc{margin-top:6px;color:var(--dt-text-3);font-size:11px;line-height:1.5}.dt-panel-section{display:none;border:1px solid var(--dt-border);border-radius:10px;background:var(--dt-surface);padding:14px}.dt-panel-section.active{display:block}.dt-section-divider{border:none;border-top:1px solid var(--dt-border-subtle);margin:14px 0}.dt-scale{margin-top:10px}.dt-scale-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}.dt-scale-name{color:var(--dt-text);font-size:11px;font-weight:700}.dt-scale-meta{color:var(--dt-text-4);font-size:10px;font-family:var(--dt-mono)}.dt-scale-strip,.dt-static-strip{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));border:1px solid var(--dt-border-subtle);border-radius:8px;overflow:hidden}.dt-btn-row{display:flex;flex-wrap:wrap;gap:8px}.dt-comp-grid{margin-top:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dt-comp-card{border:1px solid var(--dt-border-subtle);border-radius:10px;background:var(--dt-surface-2);overflow:hidden}.dt-comp-card-header{display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid var(--dt-border-subtle);padding:10px 12px}.dt-comp-card-title{color:var(--dt-text);font-size:11px;font-weight:700}.dt-comp-card-tag{border:1px solid var(--dt-border);border-radius:999px;padding:2px 7px;color:var(--dt-text-3);font-size:9px;text-transform:uppercase;letter-spacing:.04em}.dt-comp-card-tag.interactive{border-color:color-mix(in srgb,var(--color-info-500) 45%,var(--dt-border));color:var(--color-info-400)}.dt-comp-card-body{padding:12px}.dt-role-grid{margin-top:10px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.dt-role-card{border:1px solid var(--dt-border-subtle);border-radius:10px;background:var(--dt-surface-2);padding:12px;cursor:pointer}.dt-role-card.active{border-color:var(--dt-accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--dt-accent) 45%,transparent) inset}.dt-role-name{color:var(--dt-text);font-size:12px;font-weight:700}.dt-role-desc{margin-top:6px;color:var(--dt-text-3);font-size:10px;line-height:1.5}.dt-token-table tbody tr{cursor:copy}.dt-token-table td{vertical-align:middle}.dt-token-swatch{display:inline-flex;width:20px;height:20px;border:1px solid var(--dt-border);border-radius:4px}.dt-token-name{font-family:var(--dt-mono);font-size:10.5px;color:var(--dt-text-2)}.dt-code-block{margin-top:12px;border:1px solid var(--dt-border);border-radius:8px;overflow:hidden;background:var(--dt-surface-2)}.dt-code-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--dt-border-subtle);padding:8px 10px;color:var(--dt-text-3);font-family:var(--dt-mono);font-size:10px}.dt-code-body{margin:0;padding:12px;overflow-x:auto;color:var(--dt-text-2);font-family:var(--dt-mono);font-size:10.5px;line-height:1.65}.nx-type-row{display:grid;grid-template-columns:170px 1fr;gap:8px 16px;align-items:start;border-top:1px solid var(--dt-border-subtle);padding:12px 0}.nx-type-label{color:var(--dt-text-3);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.nx-type-sample{color:var(--dt-text)}.nx-type-meta{grid-column:2;color:var(--dt-text-4);font-family:var(--dt-mono);font-size:10px}.nx-space-row{display:grid;grid-template-columns:130px 44px 1fr;align-items:center;gap:12px;border-top:1px solid var(--dt-border-subtle);padding:10px 0}.nx-space-label{color:var(--dt-text-2);font-family:var(--dt-mono);font-size:10.5px}.nx-space-val{color:var(--dt-text-3);font-family:var(--dt-mono);font-size:10.5px}.nx-space-bar{height:10px;min-width:2px;max-width:100%;border-radius:999px;background:linear-gradient(135deg,var(--color-primary-500),var(--color-accent-500))}.dt-shadow-grid{margin-top:12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.dt-shadow-card{border:1px solid var(--dt-border);border-radius:10px;background:var(--dt-surface);padding:12px}.dt-shadow-label{color:var(--dt-text);font-size:11px;font-weight:600}.dt-shadow-meta{margin-top:4px;color:var(--dt-text-4);font-family:var(--dt-mono);font-size:10px}.dt-shadow-card.sh-none{box-shadow:none}.dt-shadow-card.sh-sm{box-shadow:0 1px 4px #00000024}.dt-shadow-card.sh-md{box-shadow:0 4px 10px #0003}.dt-shadow-card.sh-lg{box-shadow:0 8px 20px #0000003d}.dt-shadow-card.sh-xl{box-shadow:0 12px 28px #00000047}.dt-shadow-card.sh-2xl{box-shadow:0 18px 44px #00000057}.dt-zlayer-legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px;margin-bottom:12px}.dt-zlayer-legend-item{display:flex;align-items:center;gap:6px;color:var(--dt-text-3);font-size:10px}.dt-zlayer-legend-dot{width:10px;height:10px;border-radius:2px}.dt-zlayer-band{margin-bottom:10px}.dt-zlayer-band-label{margin-bottom:6px;color:var(--dt-text-3);font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.dt-zlayer-row{display:grid;grid-template-columns:48px 150px 1fr;gap:8px;align-items:center;border-radius:6px;padding:6px 8px}.dt-zlayer-row:hover{background:var(--dt-hover)}.dt-zlayer-idx{color:var(--dt-accent);font-family:var(--dt-mono);font-size:10px;font-weight:700;text-align:right}.dt-zlayer-key{color:var(--dt-text);font-family:var(--dt-mono);font-size:10.5px;font-weight:600}.dt-zlayer-desc{color:var(--dt-text-3);font-size:10px;line-height:1.4}.dt-zlayer-aria{display:inline-flex;margin-left:6px;border:1px solid color-mix(in srgb,var(--dt-accent) 40%,transparent);border-radius:4px;background:color-mix(in srgb,var(--dt-accent) 10%,transparent);padding:2px 6px;color:var(--dt-accent);font-size:8px;font-weight:600;letter-spacing:.03em}.dt-zlayer-sacred{margin:6px 0 8px;border:1px dashed color-mix(in srgb,var(--color-warning-500) 40%,var(--dt-border));border-radius:6px;background:color-mix(in srgb,var(--color-warning-500) 8%,transparent);padding:8px 12px;color:var(--color-warning-400);font-size:10px}.dt-preview-bg{margin-top:10px;border:1px solid var(--dt-border-subtle);border-radius:8px;background:var(--dt-surface-2);padding:12px}.dt-btn-label{margin-bottom:6px;color:var(--dt-text-3);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.dt-teleport-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.dt-teleport-list{display:grid;gap:6px;border:1px solid var(--dt-border);border-radius:8px;background:var(--dt-surface);padding:10px}.dt-teleport-list>div{color:var(--dt-text-2);font-size:10.5px;font-family:var(--dt-mono)}.dt-teleport-list.ok{border-color:color-mix(in srgb,var(--color-success-500) 40%,var(--dt-border));background:color-mix(in srgb,var(--color-success-500) 6%,var(--dt-surface))}.dt-teleport-list.bad{border-color:color-mix(in srgb,var(--color-error-500) 40%,var(--dt-border));background:color-mix(in srgb,var(--color-error-500) 6%,var(--dt-surface))}.dt-scss-rule{margin-top:10px;border:1px solid var(--dt-border-subtle);border-radius:8px;background:var(--dt-surface-2);padding:12px 14px}.dt-scss-rule-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.dt-scss-rule-num{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--dt-border);background:var(--dt-surface);color:var(--dt-text);font-size:9px;font-weight:700;font-family:var(--dt-mono)}.dt-scss-rule-title{color:var(--dt-text);font-size:12px;font-weight:700}.dt-scss-rule-body{color:var(--dt-text-2);font-size:11px;line-height:1.5}.dt-scss-rule-body code{border-radius:4px;background:var(--dt-surface);padding:0 4px;color:var(--dt-text);font-family:var(--dt-mono);font-size:10px}.dt-scss-do{color:var(--color-success-400);font-weight:600}.dt-scss-dont{color:var(--color-error-400);font-weight:600}.dt-scss-tree{margin:10px 0 0;border:1px solid var(--dt-border-subtle);border-radius:8px;background:var(--dt-surface-2);padding:12px;color:var(--dt-text-2);font-family:var(--dt-mono);font-size:10px;line-height:1.8}.dt-scss-checklist{list-style:none;margin:10px 0 0;padding:0}.dt-scss-checklist li{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--dt-border-subtle);padding:6px 0;color:var(--dt-text-2);font-size:11px}.dt-scss-checklist li:last-child{border-bottom:none}.dt-scss-check{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--dt-border);border-radius:4px;background:var(--dt-surface);color:var(--color-success-400);font-size:10px;font-weight:700;cursor:pointer}.dt-scss-check.checked{border-color:var(--color-success-400);background:color-mix(in srgb,var(--color-success-500) 15%,transparent)}.dt-bottom-panel{flex-shrink:0;border-top:1px solid var(--dt-border);background:color-mix(in srgb,var(--dt-panel) 60%,var(--dt-bg));display:flex;flex-direction:column;height:var(--shell-bottom-panel-height);z-index:var(--z-nav-bottom-panel, var(--z-navigation))}.dt-bottom-panel-tabs{display:flex;height:28px;align-items:center;gap:2px;border-bottom:1px solid var(--dt-border);background:color-mix(in srgb,var(--dt-bg) 95%,var(--dt-panel));padding:0 4px}.dt-bottom-panel-tab{border-bottom:2px solid transparent;padding:var(--shell-bottom-tab-padding);color:var(--dt-text-3);font-size:10px;font-weight:600;cursor:pointer;transition:all var(--dt-transition)}.dt-bottom-panel-tab:hover{color:var(--dt-text-2);background:var(--dt-hover)}.dt-bottom-panel-tab:focus-visible{outline:none;box-shadow:0 0 0 4px color-mix(in srgb,var(--color-primary-500) 25%,transparent)}.dt-bottom-panel-tab.active{color:var(--dt-text);background:var(--dt-active);border-bottom-color:var(--dt-accent);box-shadow:0 0 0 1px var(--dt-accent-dim)}.dt-bottom-panel-body{flex:1;overflow-y:auto;padding:var(--shell-bottom-body-padding);display:grid;gap:6px}.log-line{display:flex;align-items:center;gap:8px;color:var(--dt-text-2);font-size:10.5px;font-family:var(--dt-mono)}.log-time{color:var(--dt-text-4)}.log-ok{color:var(--color-success-400)}.log-info{color:var(--color-info-400)}.dt-inspector{grid-area:inspector;z-index:var(--z-navigation);display:grid;gap:10px;border-radius:0;border-top:none;border-bottom:none;border-right:none;padding:var(--spacing-3-5);background:var(--dt-panel-bg);border-left:1px solid var(--dt-border);overflow-y:auto;-webkit-backdrop-filter:blur(var(--dt-glass-blur));backdrop-filter:blur(var(--dt-glass-blur))}.dt-inspector-header{padding:10px 14px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--dt-text-3);border-bottom:1px solid var(--dt-border-subtle)}.dt-inspector-body{padding:10px 14px;display:grid;gap:6px}.dt-status{grid-area:status;z-index:var(--z-nav-base, var(--z-navigation));display:flex;align-items:center;gap:0;padding:0 10px;background:var(--dt-status-bg);color:var(--dt-status-text, var(--dt-text-3));font-size:10px;font-weight:500}.dt-status__item,.dt-status-item{display:inline-flex;align-items:center;gap:6px;padding:0 var(--shell-status-item-padding-inline);height:100%}.dt-status-item:hover{background:color-mix(in srgb,var(--dt-status-text, var(--dt-text-3)) 10%,transparent)}.dt-status-spacer{flex:1}.dt-status__dot,.dt-status-dot{width:6px;height:6px;border-radius:50%;background:var(--color-success-400)}.dt-shell.hide-topbar{grid-template-rows:0px 1fr var(--dt-status)}.dt-shell.hide-topbar .dt-topbar{display:none}.dt-shell.hide-rail{grid-template-columns:0px var(--dt-sidebar) 1fr var(--dt-inspector)}.dt-shell.hide-rail .dt-rail{display:none}.dt-shell.hide-rail .dt-settings-popover{left:8px}.dt-shell.hide-sidebar{grid-template-columns:var(--dt-rail) 0px 1fr var(--dt-inspector)}.dt-shell.hide-sidebar .dt-sidebar{display:none}.dt-shell.hide-inspector{grid-template-columns:var(--dt-rail) var(--dt-sidebar) 1fr 0px}.dt-shell.hide-inspector .dt-inspector{display:none}.dt-shell.hide-sidebar.hide-inspector{grid-template-columns:var(--dt-rail) 0px 1fr 0px}.dt-shell.hide-rail.hide-sidebar{grid-template-columns:0px 0px 1fr var(--dt-inspector)}.dt-shell.hide-rail.hide-inspector{grid-template-columns:0px var(--dt-sidebar) 1fr 0px}.dt-shell.hide-rail.hide-sidebar.hide-inspector{grid-template-columns:0px 0px 1fr 0px}.dt-shell.hide-status{grid-template-rows:var(--dt-topbar) 1fr 0px}.dt-shell.hide-status .dt-status{display:none}.dt-shell.hide-topbar.hide-status{grid-template-rows:0px 1fr 0px}.dt-shell.hide-breadcrumbs .dt-breadcrumb-bar,.dt-shell.hide-bottom .dt-bottom-panel{display:none}.dt-prop{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:3px 0}.dt-prop-key{color:var(--dt-text-3);font-size:10px}.dt-prop-val{color:var(--dt-text);font-family:var(--dt-mono);font-size:10px;font-weight:500}.dt-harmony-wheel{width:110px;height:110px;border-radius:50%;margin:10px auto;background:conic-gradient(#f44,#ff0,#0f0,#0ff,#00f,#f0f,#f44);position:relative;box-shadow:inset 0 0 20px #0006}.dt-harmony-dot{width:12px;height:12px;border-radius:50%;position:absolute;border:2px solid;box-shadow:0 2px 6px #0006;transform:translate(-50%,-50%);transition:all .4s cubic-bezier(.34,1.56,.64,1)}.dt-harmony-legend{display:flex;justify-content:center;gap:12px;margin-top:8px;font-size:9px;color:var(--dt-text-3)}.dt-scale-row{display:flex;gap:0;margin-top:10px;border-radius:8px;overflow:hidden}.dt-swatch{flex:1;min-width:0;padding:8px 2px;text-align:center;cursor:pointer;transition:transform .12s ease;display:flex;flex-direction:column;align-items:center;gap:2px}.dt-swatch:hover{transform:scaleY(1.08)}.dt-swatch.key{flex:1.4;padding:10px 2px}.dt-swatch-label{font-size:8px;font-weight:700;line-height:1}.dt-swatch-hex{font-size:7px;font-family:var(--dt-mono);line-height:1;opacity:.85}.dt-blob-ed{position:fixed;bottom:56px;left:calc(var(--dt-rail) + 8px);z-index:var(--z-popover);width:280px;background:var(--dt-surface);border:1px solid var(--dt-border);border-radius:10px;box-shadow:var(--dt-shadow);opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .15s ease,transform .15s ease}.dt-blob-ed.open{opacity:1;pointer-events:auto;transform:translateY(0)}[data-glass=on] .dt-blob-ed{background:var(--dt-glass-tint, rgba(30, 30, 45, .7));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-color:var(--dt-glass-border, rgba(255, 255, 255, .08))}.dt-blob-ed-head{padding:10px 14px;border-bottom:1px solid var(--dt-border-subtle);display:flex;align-items:center;justify-content:space-between}.dt-blob-ed-title{font-size:12px;font-weight:700;color:var(--dt-text)}.dt-blob-ed-body{padding:10px 14px;max-height:340px;overflow-y:auto}.dt-blob-item{margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid var(--dt-border-subtle)}.dt-blob-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.dt-blob-item-hdr{display:flex;align-items:center;gap:8px;margin-bottom:8px}.dt-blob-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0;border:2px solid rgba(255,255,255,.15)}.dt-blob-item-name{font-size:11px;font-weight:700;color:var(--dt-text)}.dt-blob-item-dim{font-size:9px;font-family:var(--dt-mono);color:var(--dt-text-4);margin-left:auto}.dt-blob-sr{display:flex;align-items:center;gap:6px;margin-bottom:4px}.dt-blob-sl{font-size:9px;color:var(--dt-text-3);width:24px;flex-shrink:0;text-align:right}.dt-blob-range{-webkit-appearance:none;appearance:none;flex:1;height:4px;border-radius:2px;background:var(--dt-surface-3);outline:none;cursor:pointer}.dt-blob-range::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--color-primary-400);border:2px solid var(--dt-surface);cursor:pointer}.dt-blob-range::-moz-range-thumb{width:12px;height:12px;border-radius:50%;border:2px solid var(--dt-surface);background:var(--color-primary-400);cursor:pointer}.dt-blob-sv{font-size:9px;font-family:var(--dt-mono);color:var(--dt-text-4);width:36px;text-align:right}.dt-blob-reset{display:flex;align-items:center;justify-content:center;gap:4px;width:100%;padding:6px;border-radius:6px;border:1px dashed var(--dt-border);background:none;color:var(--dt-text-3);cursor:pointer;font-size:10px;font-weight:600;transition:all .15s;margin-top:6px;font-family:var(--dt-font)}.dt-blob-reset:hover{border-color:var(--dt-accent);color:var(--dt-accent);background:color-mix(in srgb,var(--color-primary-500) 5%,transparent)}.dt-blob-hint{font-size:9px;color:var(--dt-text-4);text-align:center;padding:8px;font-style:italic}[data-glass=on]{--dt-frame-bg: rgba(15, 17, 26, .75);--dt-panel-bg: rgba(17, 19, 28, .75);--dt-status-bg: rgba(13, 15, 23, .75);--dt-panel: rgba(17, 19, 28, .75)}[data-glass=on] .app-topbar,[data-glass=on] .dt-topbar,[data-glass=on] .dt-status,[data-glass=on] .nx-card,[data-glass=on] .dt-rail,[data-glass=on] .dt-sidebar,[data-glass=on] .dt-inspector,[data-glass=on] .dt-panel,[data-glass=on] .dt-bottom-panel,[data-glass=on] .nx-code-block,[data-glass=on] .nx-preview{backdrop-filter:blur(var(--dt-glass-blur));-webkit-backdrop-filter:blur(var(--dt-glass-blur))}[data-glass=on] .nx-card,[data-glass=on] .dt-rail,[data-glass=on] .dt-panel,[data-glass=on] .dt-bottom-panel,[data-glass=on] .dt-sidebar,[data-glass=on] .dt-inspector,[data-glass=on] .dt-topbar,[data-glass=on] .dt-status,[data-glass=on] .nx-code-block,[data-glass=on] .nx-preview{border-color:#ffffff14}[data-glass=on] .dt-panel{background:color-mix(in srgb,var(--dt-surface) 78%,transparent);box-shadow:0 8px 32px #00000047,inset 0 .5px #ffffff1a}[data-theme=light][data-glass=on]{--dt-frame-bg: rgba(234, 236, 242, .75);--dt-panel-bg: rgba(241, 242, 247, .75);--dt-status-bg: rgba(229, 231, 238, .75);--dt-panel: rgba(248, 248, 251, .7)}[data-theme=light][data-glass=on] .nx-card,[data-theme=light][data-glass=on] .dt-rail,[data-theme=light][data-glass=on] .dt-panel,[data-theme=light][data-glass=on] .dt-bottom-panel,[data-theme=light][data-glass=on] .dt-sidebar,[data-theme=light][data-glass=on] .dt-inspector,[data-theme=light][data-glass=on] .dt-topbar,[data-theme=light][data-glass=on] .dt-status,[data-theme=light][data-glass=on] .nx-code-block,[data-theme=light][data-glass=on] .nx-preview{border-color:#0000000f}[data-surface=neon]{--dt-bg: #0d0d14;--dt-surface: #12121c;--dt-surface-2: #0e0e1e;--dt-surface-3: #16162a;--dt-frame-bg: #08080f;--dt-panel-bg: #0f0f1a;--dt-status-bg: #07070d;--dt-topbar-bg: var(--dt-frame-bg);--dt-rail-bg: var(--dt-frame-bg);--dt-sidebar-bg: var(--dt-panel-bg);--dt-inspector-bg: var(--dt-panel-bg);--dt-border: rgba(0, 240, 255, .18);--dt-border-subtle: rgba(255, 255, 255, .06);--dt-text: #e0e0ff;--dt-text-2: #aaaacc;--dt-text-3: #8888aa;--dt-text-4: #555577;--dt-status-text: #8888aa;--dt-hover: rgba(0, 240, 255, .04);--dt-active: rgba(0, 240, 255, .1);--dt-accent: #00f0ff;--dt-accent-dim: rgba(0, 240, 255, .12);--dt-shadow-sm: 0 2px 8px rgba(0, 0, 0, .5);--dt-shadow-md: 0 4px 16px rgba(0, 0, 0, .6);--dt-shadow-lg: 0 8px 32px rgba(0, 0, 0, .7);--neon-cyan: #00f0ff;--neon-purple: #b026ff;--neon-pink: #ff0080;--neon-cyan-border: rgba(0, 240, 255, .2);--neon-purple-border: rgba(176, 38, 255, .22);--neon-pink-dim: rgba(255, 0, 128, .12);--neon-pink-border: rgba(255, 0, 128, .2);--neon-row-hover: rgba(0, 240, 255, .03);--neon-positive: #39ff14;--neon-positive-bg: rgba(57, 255, 20, .1);--neon-negative: #ff3366;--neon-negative-bg: rgba(255, 51, 102, .1);--neon-warning: #ffe600;--neon-warning-bg: rgba(255, 230, 0, .1);--neon-orange: #ff8c00;--neon-input-bg: rgba(255, 255, 255, .04);--neon-input-border: rgba(255, 255, 255, .1);--neon-input-focus-border: rgba(92, 124, 250, .5);--neon-glow-title: 0 0 10px rgba(0, 240, 255, .35);--neon-radius: 6px;--neon-scrollbar-thumb: rgba(176, 38, 255, .3);--neon-font-display: "Electrolize", var(--dt-font);--neon-font-mono: "Share Tech Mono", var(--dt-mono);--neon-font-heading: "Orbitron", var(--dt-font)}[data-surface=neon] ::-webkit-scrollbar-thumb{background:var(--neon-scrollbar-thumb);border:1px solid var(--dt-border)}[data-surface=neon] ::-webkit-scrollbar-track{background:var(--dt-surface-2);border:1px solid var(--dt-border-subtle)}[data-surface=neon] *{scrollbar-color:var(--neon-scrollbar-thumb) var(--dt-surface-2)}@media(prefers-reduced-motion:reduce){[data-surface=neon] *{animation:none!important;transition-duration:.01ms!important}}[data-role=admin] .brand,[data-role=admin] .dt-topbar-brand{background:linear-gradient(135deg,var(--color-primary-400),var(--color-secondary-400));-webkit-background-clip:text;-webkit-text-fill-color:transparent}[data-role=admin] .nx-btn.primary{background:linear-gradient(135deg,var(--color-primary-500),var(--color-secondary-500));box-shadow:0 4px 16px color-mix(in srgb,var(--color-primary-500) 40%,transparent)}[data-role=admin] .app-topbar,[data-role=admin] .dt-topbar{border-bottom-color:color-mix(in srgb,var(--color-primary-500) 30%,var(--dt-border))}[data-role=admin] .dt-status{background:linear-gradient(90deg,var(--dt-status-bg),color-mix(in srgb,var(--color-secondary-600) 40%,var(--dt-status-bg)))}[data-role=admin] .dt-status__dot{box-shadow:0 0 6px var(--color-success-400)}[data-role=admin] .dt-tab.active,[data-role=admin] .dt-bottom-panel-tab.active{border-bottom-color:var(--color-secondary-400)}[data-role=developer] .brand,[data-role=developer] .dt-topbar-brand,[data-role=developer] .app-nav__link,[data-role=developer] .nx-btn,[data-role=developer] .nx-card,[data-role=developer] .dt-sidebar li,[data-role=developer] .input-group,[data-role=developer] .nx-table th,[data-role=developer] .nx-table td,[data-role=developer] .nx-code-block,[data-role=developer] .nx-preview{font-family:var(--dt-mono)}[data-role=developer] .dt-brand,[data-role=developer] .dt-topbar-brand{background:none;-webkit-background-clip:border-box;-webkit-text-fill-color:var(--dt-text-2);color:var(--dt-text-2);font-size:10px;letter-spacing:.12em}[data-role=developer] .dt-tab,[data-role=developer] .dt-bottom-panel-tab,[data-role=developer] .dt-status{font-family:var(--dt-mono);font-size:10px}[data-role=developer] .dt-status{background:var(--dt-surface);color:var(--dt-text-2)}@media(max-width:1200px){.dt-shell{grid-template-columns:var(--dt-rail) 1fr}.dt-devtools-shell{grid-template-columns:var(--dt-rail) 1fr;grid-template-areas:"topbar topbar" "rail main" "status status"}.dt-sidebar,.dt-inspector{display:none}}@media(max-width:900px){.feature-grid,.quick-actions,.metric-grid{grid-template-columns:1fr}.app-topbar{flex-wrap:wrap}.app-controls{width:100%;justify-content:flex-end}.dt-topbar{flex-wrap:wrap;height:auto;min-height:var(--dt-topbar);padding:8px 10px}.dt-topbar-controls{width:100%;justify-content:flex-end}.nx-type-row{grid-template-columns:1fr;gap:6px}.nx-type-meta{grid-column:auto}.nx-space-row{grid-template-columns:1fr;justify-items:start}.dt-shadow-grid{grid-template-columns:1fr}.dt-zlayer-row{grid-template-columns:40px 1fr}.dt-zlayer-desc{grid-column:1/-1;padding-left:48px}.dt-teleport-grid{grid-template-columns:1fr}}@media(max-width:800px){.dt-devtools-shell{grid-template-columns:1fr;grid-template-areas:"topbar" "main" "status"}.dt-rail{display:none}.dt-tabs{width:100%;overflow:auto}}