/* workspace/skills/shell-dock/ui/Source/ShellDock.css */

  html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    overflow: hidden;
  }

  #app {
    height: 100%;
  }

  .app.svelte-6tulgq {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: var(--color-background);
    color: var(--color-text);
    font-family: 'Rethink Sans', 'Inter', var(--font-sans);
    font-weight: 400;
  }

  .app--loading.svelte-6tulgq {
    align-items: center;
    justify-content: center;
    background: transparent;
    position: relative;
    z-index: 1;
  }

  .loading-text.svelte-6tulgq {
    font-size: 13px;
    color: rgba(255,255,255,0.8);
    text-shadow: 0 1px 4px rgba(0,0,0,0.3);
    animation: svelte-6tulgq-loading-text-in 0.6s cubic-bezier(0.16, 1, 0.3, 1) both;
  }

  .loading-spinner {
    color: rgba(255,255,255,0.7);
    margin: 12px 0 4px;
  }

  @keyframes svelte-6tulgq-loading-text-in {
    from { opacity: 0; filter: blur(6px); transform: translateY(8px); }
    to { opacity: 1; filter: blur(0); transform: translateY(0); }
  }

  .app__canvas.svelte-6tulgq {
    flex: 1;
    min-height: 0;
    overflow: visible;
    position: relative;
  }

  .app__canvas.svelte-6tulgq .svelte-flow { background: transparent; }

  .app__canvas.svelte-6tulgq .svelte-flow__node {
    background: var(--color-surface);
    border-radius: var(--radius-xl, 16px);
    box-shadow: var(--shadow-lg);
    border: none;
    padding: 0;
    overflow: visible;
  }

  .app__canvas.svelte-6tulgq .svelte-flow__node.selected {
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--color-primary) 15%, transparent), var(--shadow-lg);
  }

  .app__canvas.svelte-6tulgq .svelte-flow__node-layoutGroup,
  .app__canvas.svelte-6tulgq .svelte-flow__node-layoutGroup.selected {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
  }
  .app__canvas.svelte-6tulgq .svelte-flow__node.type-layoutGroup,
  .app__canvas.svelte-6tulgq .svelte-flow__node.type-layoutGroup.selected {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
  }

  .app__canvas.svelte-6tulgq .svelte-flow__node .svelte-flow__resize-control {
    border: none;
    background: none;
  }

  .app__canvas.svelte-6tulgq .svelte-flow__node .svelte-flow__resize-control.handle {
    width: 12px;
    height: 12px;
    border-radius: 0 0 var(--radius-xl, 16px) 0;
  }

  .app__canvas.svelte-6tulgq .svelte-flow__background {
    opacity: 0.3;
  }

  /* SvelteFlow injects a screen-reader-only description div with
     class `a11y-hidden` — its `display: none` rule is scoped via a
     Svelte hash selector that doesn't match our deployed output, so
     the plain `.a11y-hidden` ends up visible. Force-hide globally. */
  .a11y-hidden { display: none !important; }

  /* Attention highlight — AI flags nodes the user should notice.
     Subtle pulsing ring + tint; respects reduced-motion preference. */
  .app__canvas.svelte-6tulgq .svelte-flow__node.attention {
    animation: svelte-6tulgq-attention-pulse 1.8s ease-in-out infinite;
    box-shadow:
      0 0 0 2px var(--color-primary),
      0 0 24px 4px color-mix(in srgb, var(--color-primary) 55%, transparent),
      var(--shadow-lg);
  }
  @keyframes svelte-6tulgq-attention-pulse {
    0%, 100% {
      box-shadow:
        0 0 0 2px color-mix(in srgb, var(--color-primary) 60%, transparent),
        0 0 18px 2px color-mix(in srgb, var(--color-primary) 30%, transparent),
        var(--shadow-lg);
    }
    50% {
      box-shadow:
        0 0 0 3px var(--color-primary),
        0 0 28px 6px color-mix(in srgb, var(--color-primary) 55%, transparent),
        var(--shadow-lg);
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .app__canvas.svelte-6tulgq .svelte-flow__node.attention { animation: none; }
  }

  .svelte-flow__minimap {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    width: 194px;
    height: 111px;
    border-radius: 0;
    border: none;
    background: transparent !important;
    box-shadow: none;
    overflow: hidden;
    pointer-events: auto;
  }
/*$vite$:1*/
/* workspace/skills/platform-app-settings/ui/Source/AIAssistantsManager.css */

  .ai-mgr.svelte-8pfdu8 {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .ai-mgr__empty.svelte-8pfdu8 {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 32px;
    text-align: center;
    color: var(--text-muted, #888);
  }
  .ai-mgr__empty.svelte-8pfdu8 p:where(.svelte-8pfdu8) { margin: 4px 0; }
  .ai-mgr__hint.svelte-8pfdu8 { font-size: 12px; opacity: 0.7; }
  .ai-mgr__skill-header.svelte-8pfdu8 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
  }
  .ai-mgr__skill-toggle.svelte-8pfdu8 {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1;
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px 8px;
    border-radius: 4px;
    color: inherit;
    text-align: left;
  }
  .ai-mgr__skill-toggle.svelte-8pfdu8:hover { background: rgba(0, 0, 0, 0.04); }
  .ai-mgr__skill-name.svelte-8pfdu8 { font-weight: 500; }
  .ai-mgr__skill-version.svelte-8pfdu8 {
    font-size: 11px;
    opacity: 0.6;
    font-family: ui-monospace, monospace;
  }
  .ai-mgr__instances.svelte-8pfdu8 {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 8px 4px 4px 4px;
    border-top: 1px solid var(--border-muted, rgba(0, 0, 0, 0.08));
    margin-top: 8px;
  }
  .ai-mgr__instance.svelte-8pfdu8 {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 6px;
    border-radius: 4px;
    background: var(--bg-subtle, rgba(0, 0, 0, 0.02));
  }
  .ai-mgr__instance-row.svelte-8pfdu8 {
    display: flex;
    align-items: center;
    gap: 8px;
  }
  .ai-mgr__instance-name.svelte-8pfdu8 {
    background: none;
    border: none;
    cursor: pointer;
    padding: 2px 4px;
    border-radius: 3px;
    font-weight: 500;
    flex: 0 1 auto;
    color: inherit;
    text-align: left;
  }
  .ai-mgr__instance-name.svelte-8pfdu8:hover { background: rgba(0, 0, 0, 0.05); }
  .ai-mgr__instance-meta.svelte-8pfdu8 {
    font-size: 11px;
    opacity: 0.6;
    margin-left: auto;
  }
  .ai-mgr__instance-actions.svelte-8pfdu8 {
    display: flex;
    gap: 4px;
  }
  .ai-mgr__permissions.svelte-8pfdu8 {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 4px 0;
    font-size: 12px;
  }
  .ai-mgr__perms-label.svelte-8pfdu8 { opacity: 0.7; }
  .ai-mgr__perm.svelte-8pfdu8 {
    display: flex;
    align-items: center;
    gap: 4px;
    cursor: pointer;
  }
  .ai-mgr__empty-instance.svelte-8pfdu8 {
    padding: 12px;
    color: var(--text-muted, #888);
    text-align: center;
    font-size: 12px;
  }
  .ai-mgr__cred-count.svelte-8pfdu8 {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-left: auto;
    font-size: 11px;
    opacity: 0.7;
    background: none;
    border: 1px solid transparent;
    border-radius: 3px;
    padding: 2px 6px;
    cursor: pointer;
    color: inherit;
    font: inherit;
  }
  .ai-mgr__cred-count.svelte-8pfdu8:hover {
    opacity: 1;
    border-color: var(--border-muted, rgba(0, 0, 0, 0.1));
  }
  .ai-mgr__error.svelte-8pfdu8 {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    margin-top: 6px;
    background: var(--danger-bg, rgba(239, 68, 68, 0.08));
    border-left: 3px solid var(--danger-border, #ef4444);
    border-radius: var(--radius-sm, 4px);
    font-size: 12px;
    line-height: 1.4;
  }
  .ai-mgr__error--instance.svelte-8pfdu8 {
    margin-top: 4px;
    padding: 4px 8px;
    font-size: 11px;
  }
  .ai-mgr__error.svelte-8pfdu8 span:where(.svelte-8pfdu8) {
    flex: 1;
    word-break: break-word;
  }
  .ai-mgr__error-dismiss.svelte-8pfdu8 {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 16px;
    line-height: 1;
    padding: 0 4px;
    color: inherit;
    opacity: 0.6;
  }
  .ai-mgr__error-dismiss.svelte-8pfdu8:hover { opacity: 1; }
  .ai-mgr__bearer.svelte-8pfdu8 {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 480px;
  }
  .ai-mgr__bearer-warn.svelte-8pfdu8 {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 12px;
    background: var(--warn-bg, rgba(255, 165, 0, 0.1));
    border-radius: 4px;
    font-size: 13px;
  }
  .ai-mgr__bearer-row.svelte-8pfdu8 {
    display: flex;
    align-items: center;
    gap: 8px;
  }
  .ai-mgr__bearer-token.svelte-8pfdu8 {
    flex: 1;
    padding: 8px;
    font-family: ui-monospace, monospace;
    font-size: 12px;
    word-break: break-all;
    background: var(--bg-code, rgba(0, 0, 0, 0.04));
    border-radius: 3px;
  }
  .ai-mgr__bearer-meta.svelte-8pfdu8 {
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: 12px;
    opacity: 0.7;
  }
  .ai-mgr__bearer-meta.svelte-8pfdu8 code:where(.svelte-8pfdu8) {
    font-family: ui-monospace, monospace;
    background: var(--bg-code, rgba(0, 0, 0, 0.04));
    padding: 1px 4px;
    border-radius: 2px;
  }
  .ai-mgr__bearer-close.svelte-8pfdu8 {
    display: flex;
    justify-content: flex-end;
  }
/*$vite$:1*/
/* workspace/skills/platform-app-settings/ui/Source/AIInstanceConfigEditor.css */

  .cfg.svelte-1f9zkgw {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 520px;
    max-height: 70vh;
    overflow-y: auto;
  }
  .cfg__section.svelte-1f9zkgw {
    margin: 0 0 8px 0;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    opacity: 0.6;
    letter-spacing: 0.04em;
  }
  .cfg__mcp-info.svelte-1f9zkgw {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    padding: 8px 10px;
    background: var(--color-surface-secondary, rgba(0, 0, 0, 0.04));
    border-radius: var(--radius-sm, 4px);
    font-size: 12px;
    line-height: 1.5;
  }
  .cfg__mcp-info.svelte-1f9zkgw code:where(.svelte-1f9zkgw) {
    font-family: ui-monospace, monospace;
    background: rgba(0, 0, 0, 0.06);
    padding: 1px 4px;
    border-radius: 2px;
  }
  .cfg__actions.svelte-1f9zkgw {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 6px;
  }
/*$vite$:1*/
/* workspace/skills/platform-app-settings/ui/Source/SettingsPanel.css */

  .settings.svelte-1lz53uf { display: flex; flex-direction: column; min-height: 360px; }

  /* (unused) .settings__heading { font-size: 14px; font-weight: 600; color: var(--color-text); margin: 12px 0 12px; letter-spacing: -0.01em; }*/

  /* (unused) .settings__field { display: flex; flex-direction: column; gap: 6px; margin-bottom: 20px; }*/
  /* (unused) .settings__field--row { flex-direction: row; align-items: center; gap: 12px; }*/
  /* (unused) .settings__label { font-size: 12px; font-weight: 500; color: var(--color-text-secondary); }*/

  /* (unused) .settings__btn-group { display: flex; gap: 4px; background: var(--color-surface-secondary, var(--color-background)); border-radius: var(--radius-md); padding: 3px; }*/
  /* (unused) .settings__btn { padding: 6px 14px; border: none; border-radius: var(--radius-sm); background: none; font-size: 12px; font-weight: 500; color: var(--color-text-muted); cursor: pointer; transition: all 150ms ease-out; }*/
  /* (unused) .settings__btn:hover { color: var(--color-text); }*/
  /* (unused) .settings__btn--active { background: var(--color-surface); color: var(--color-text); box-shadow: var(--shadow-sm); }*/

  /* (unused) .settings__range-row { display: flex; align-items: center; gap: 8px; }*/
  /* (unused) .settings__range-row input[type="range"] { flex: 1; accent-color: var(--color-primary, #3b82f6); }*/
  /* (unused) .settings__range-value { font-size: 11px; color: var(--color-text-muted); min-width: 36px; text-align: right; font-variant-numeric: tabular-nums; }*/

  .settings__hint.svelte-1lz53uf { font-size: 12px; color: var(--color-text-muted); line-height: 1.5; }

  .settings__about.svelte-1lz53uf p:where(.svelte-1lz53uf) { margin: 4px 0; font-size: 13px; color: var(--color-text); }

  /* Skills */
  /* (unused) .settings__skills-list { display: flex; flex-direction: column; gap: 8px; }*/
  /* (unused) .settings__skill { background: var(--color-surface-secondary, var(--color-background)); border-radius: var(--radius-lg, 12px); padding: 12px 14px; }*/
  /* (unused) .settings__skill--inactive { opacity: 0.5; }*/
  /* (unused) .settings__skill-header { display: flex; align-items: center; gap: 6px; margin-bottom: 4px; }*/
  /* (unused) .settings__skill-name { font-size: 12px; font-weight: 600; color: var(--color-text); flex: 1; }*/
  /* (unused) .settings__skill-trigger { font-size: 9px; color: var(--color-text-muted); background: var(--color-surface-secondary, #f0f0f0); padding: 1px 6px; border-radius: var(--radius-full); }*/
  /* (unused) .settings__skill-toggle { padding: 2px 8px; border: 1px solid var(--color-border); border-radius: var(--radius-sm); background: none; font-size: 10px; font-weight: 600; cursor: pointer; color: var(--color-text-muted); }*/
  /* (unused) .settings__skill-toggle--on { background: var(--color-success, #22c55e); border-color: var(--color-success); color: white; }*/
  /* (unused) .settings__skill-desc { font-size: 11px; color: var(--color-text-muted); margin: 0; line-height: 1.4; }*/
  /* (unused) .settings__skill-cron { display: block; font-size: 9px; color: var(--color-text-muted); margin-top: 4px; font-family: monospace; }*/
  /* (unused) .settings__skill-badge { font-size: 9px; font-weight: 600; padding: 1px 6px; border-radius: var(--radius-full); }*/
  /* (unused) .settings__skill-badge--pending { background: rgba(234, 179, 8, 0.15); color: #ca8a04; }*/
  /* (unused) .settings__skill-badge--flagged { background: rgba(239, 68, 68, 0.15); color: #dc2626; }*/
  /* (unused) .settings__skill-badge--approved { background: rgba(34, 197, 94, 0.15); color: #16a34a; }*/

  /* Packages */
  /* (unused) .settings__pkg-list { display: flex; flex-direction: column; gap: 6px; }*/
  /* (unused) .settings__pkg { display: flex; align-items: center; gap: 8px; padding: 10px 12px; background: var(--color-surface-secondary, var(--color-background)); border-radius: var(--radius-lg, 12px); }*/
  /* (unused) .settings__pkg--installed { opacity: 0.6; }*/
  /* (unused) .settings__pkg-info { flex: 1; display: flex; flex-direction: column; gap: 1px; min-width: 0; }*/
  /* (unused) .settings__pkg-name { font-size: 12px; font-weight: 600; color: var(--color-text); }*/
  /* (unused) .settings__pkg-ver { font-size: 9px; color: var(--color-text-muted); }*/
  /* (unused) .settings__pkg-desc { font-size: 10px; color: var(--color-text-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }*/
  /* (unused) .settings__pkg-provider { font-size: 9px; color: var(--color-text-muted); background: var(--color-surface-secondary); padding: 1px 6px; border-radius: var(--radius-full); }*/
  /* (unused) .settings__pkg-install { padding: 3px 10px; border: 1px solid var(--color-primary, #3b82f6); border-radius: var(--radius-sm); background: none; color: var(--color-primary); font-size: 10px; font-weight: 600; cursor: pointer; flex-shrink: 0; }*/
  /* (unused) .settings__pkg-install:hover { background: var(--color-primary); color: white; }*/
  /* (unused) .settings__pkg-install:disabled { opacity: 0.4; cursor: not-allowed; }*/
  /* (unused) .settings__pkg-install--danger { border-color: var(--color-danger, #ef4444); color: var(--color-danger, #ef4444); }*/
  /* (unused) .settings__pkg-install--danger:hover { background: var(--color-danger, #ef4444); color: white; }*/

  /* (unused) .settings__text-input { width: 100%; padding: 10px 12px; border: none; border-radius: var(--radius-md); font-size: 13px; color: var(--color-text); background: var(--color-surface-secondary, var(--color-background)); outline: none; font-family: inherit; transition: box-shadow 150ms ease-out; }*/
  /* (unused) .settings__text-input:focus { box-shadow: 0 0 0 2px var(--color-primary-muted, rgba(37, 99, 235, 0.15)); }*/
  /* (unused) .settings__text-input--textarea { resize: vertical; min-height: 60px; }*/
  /* (unused) .settings__textarea { width: 100%; padding: 10px 12px; border: none; border-radius: var(--radius-md); font-size: 13px; color: var(--color-text); background: var(--color-surface-secondary, var(--color-background)); outline: none; font-family: inherit; resize: vertical; min-height: 60px; }*/
  /* (unused) .settings__textarea:focus { box-shadow: 0 0 0 2px var(--color-primary-muted, rgba(37, 99, 235, 0.15)); }*/


  /* Profile info grid */
  /* (unused) .settings__info-grid { display: flex; flex-direction: column; gap: 6px; padding: 12px; background: var(--color-surface-secondary, #f5f5f5); border-radius: var(--radius-md); margin-top: 8px; }*/
  /* (unused) .settings__info-row { display: flex; justify-content: space-between; align-items: center; }*/
  /* (unused) .settings__info-label { font-size: 11px; color: var(--color-text-muted); font-weight: 500; }*/
  /* (unused) .settings__info-value { font-size: 11px; color: var(--color-text); font-weight: 600; }*/

  /* Spaces */
  /* (unused) .settings__spaces-list { display: flex; flex-direction: column; gap: 4px; margin-bottom: 12px; }*/
  /* (unused) .settings__space-row { display: flex; align-items: center; gap: 8px; padding: 10px 12px; background: var(--color-surface-secondary, var(--color-background)); border-radius: var(--radius-md); }*/
  /* (unused) .settings__space-name { font-size: 12px; font-weight: 600; color: var(--color-text); flex: 1; }*/
  /* (unused) .settings__space-type { font-size: 9px; color: var(--color-text-muted); background: var(--color-surface-secondary); padding: 1px 6px; border-radius: var(--radius-full); }*/
  /* (unused) .settings__space-addr { font-size: 9px; color: var(--color-text-muted); font-family: monospace; }*/
  /* (unused) .settings__icon-btn { display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; border: none; border-radius: var(--radius-sm); background: none; color: var(--color-text-muted); cursor: pointer; }*/
  /* (unused) .settings__icon-btn:hover { background: var(--color-surface-hover); color: var(--color-text); }*/

  /* Organisation: users */
  /* (unused) .settings__users-list { display: flex; flex-direction: column; gap: 4px; margin-bottom: 12px; }*/
  /* (unused) .settings__user-row { display: flex; align-items: center; gap: 8px; padding: 10px 12px; background: var(--color-surface-secondary, var(--color-background)); border-radius: var(--radius-md); }*/
  /* (unused) .settings__user-name { font-size: 12px; font-weight: 500; color: var(--color-text); flex: 1; }*/
  /* (unused) .settings__user-email { font-size: 10px; color: var(--color-text-muted); }*/
  /* (unused) .settings__user-status { font-size: 9px; padding: 1px 6px; border-radius: var(--radius-full); background: var(--color-surface-secondary); color: var(--color-text-muted); }*/
  /* (unused) .settings__user-status--active { background: rgba(34, 197, 94, 0.1); color: #16a34a; }*/
  /* (unused) .settings__invite-row { display: flex; gap: 6px; align-items: center; }*/
  /* (unused) .settings__invite-row .settings__text-input { flex: 1; }*/

  .settings__reset.svelte-1lz53uf { margin-top: 12px; padding: 12px 16px 0; border-top: 1px solid var(--color-border, rgba(255,255,255,0.06)); display: flex; gap: 8px; justify-content: flex-end; }
  /* (unused) .settings__reset-btn { padding: 8px 14px; border: none; border-radius: var(--radius-md); background: var(--color-surface-secondary, var(--color-background)); font-size: 12px; color: var(--color-text-muted); cursor: pointer; transition: all 150ms ease-out; }*/
  /* (unused) .settings__reset-btn:hover { color: var(--color-danger); background: rgba(244, 63, 94, 0.08); }*/
  /* (unused) .settings__reset-btn--danger { color: var(--color-danger); }*/

  /* Tag management */
  /* (unused) .settings__tags-list { display: flex; flex-direction: column; gap: 4px; margin-bottom: 12px; }*/
  /* (unused) .settings__tag-row { display: flex; align-items: center; gap: 8px; padding: 8px 10px; background: var(--color-surface-secondary, var(--color-background)); border-radius: var(--radius-md); }*/
  /* (unused) .settings__tag-row:hover { background: var(--color-surface-hover); }*/
  /* (unused) .settings__tag-dot { width: 10px; height: 10px; border-radius: 3px; flex-shrink: 0; }*/
  /* (unused) .settings__tag-name { flex: 1; font-size: 12px; color: var(--color-text); }*/
  /* (unused) .settings__tag-action { border: none; background: none; cursor: pointer; color: var(--color-text-muted); padding: 2px; border-radius: var(--radius-sm); }*/
  /* (unused) .settings__tag-action:hover { background: var(--color-surface-hover); color: var(--color-text); }*/
  /* (unused) .settings__tag-action--danger:hover { color: var(--color-danger, #ef4444); }*/
  /* (unused) .settings__tag-edit { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; padding: 8px; border: 1px solid var(--color-primary); border-radius: var(--radius-sm); }*/
  /* (unused) .settings__tag-create { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }*/
  /* (unused) .settings__tag-colors { display: flex; gap: 3px; }*/
  /* (unused) .settings__tag-color { width: 18px; height: 18px; border: 2px solid transparent; border-radius: 3px; cursor: pointer; }*/
  /* (unused) .settings__tag-color:hover { filter: brightness(1.1); }*/
  /* (unused) .settings__tag-color--active { border-color: var(--color-text); }*/
/*$vite$:1*/
/* workspace/skills/platform-app-settings/ui/Source/ThemePicker.css */

  .tp__grid.svelte-1ta1k7h { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; }
  .tp__card.svelte-1ta1k7h { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 8px 4px; border: 2px solid var(--theme-border, var(--color-border)); border-radius: var(--radius-md, 8px); background: none; cursor: pointer; transition: border-color 150ms; }
  .tp__card.svelte-1ta1k7h:hover { border-color: var(--theme-primary, var(--color-primary, #3b82f6)); }
  .tp__card--active.svelte-1ta1k7h { border-color: var(--theme-primary, var(--color-primary, #3b82f6)); background: rgba(59, 130, 246, 0.06); }
  .tp__swatches.svelte-1ta1k7h { display: flex; gap: 2px; }
  .tp__swatch.svelte-1ta1k7h { width: 14px; height: 14px; border-radius: var(--radius-full); border: 1px solid rgba(0,0,0,0.1); }
  .tp__name.svelte-1ta1k7h { font-size: 9px; font-weight: 600; color: var(--theme-text, var(--color-text)); }
  .tp__mode.svelte-1ta1k7h { font-size: 8px; color: var(--theme-text-muted, var(--color-text-muted)); text-transform: uppercase; letter-spacing: 0.04em; }

  .tp__color-grid.svelte-1ta1k7h { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; }
  .tp__color-item.svelte-1ta1k7h { display: flex; align-items: center; gap: 6px; cursor: pointer; }
  .tp__color-input.svelte-1ta1k7h { width: 24px; height: 24px; border: 1px solid var(--theme-border, var(--color-border)); border-radius: var(--radius-sm); padding: 0; cursor: pointer; background: none; }
  .tp__color-label.svelte-1ta1k7h { font-size: 10px; color: var(--theme-text-muted, var(--color-text-muted)); }
/*$vite$:1*/
/* workspace/skills/platform-auth/ui/Source/LoginPage.css */

  .login.svelte-1h03jxd {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    background: transparent;
    position: relative;
    z-index: 1;
  }

  .login__card.svelte-1h03jxd {
    width: 400px;
    max-width: 90vw;
    padding: 40px;
    background: color-mix(in srgb, var(--color-surface) 85%, transparent);
    border-radius: var(--radius-xl, 16px);
    backdrop-filter: blur(20px);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.1);
    text-align: center;
  }

  .login__logo.svelte-1h03jxd {
    width: 100%;
    max-width: 240px;
    display: block;
    margin: 0 auto 28px;
  }

  .login__bootstrap-label.svelte-1h03jxd {
    font-size: 14px;
    font-weight: 600;
    color: var(--color-primary, #2563eb);
    margin: 0 0 16px;
  }

  .login__qr-wrapper.svelte-1h03jxd {
    display: flex;
    justify-content: center;
    padding: 20px;
    margin-bottom: 16px;
    background: #ffffff;
    border-radius: var(--radius-lg, 12px);
    border: 1px solid var(--color-border, rgba(0,0,0,0.06));
  }

  .login__qr-wrapper.svelte-1h03jxd canvas:where(.svelte-1h03jxd) {
    display: block;
  }

  .login__instructions.svelte-1h03jxd {
    font-size: 15px;
    color: var(--color-text);
    margin: 0 0 8px;
  }

  .login__timer.svelte-1h03jxd {
    font-size: 12px;
    color: var(--color-text-muted);
    margin: 0 0 16px;
    font-variant-numeric: tabular-nums;
  }

  .login__loading.svelte-1h03jxd {
    padding: 60px 0;
    color: var(--color-text-muted);
    font-size: 14px;
  }

  .login__error.svelte-1h03jxd {
    padding: 12px 16px;
    margin-bottom: 12px;
    border-radius: var(--radius-md);
    background: rgba(244, 63, 94, 0.08);
    color: var(--color-danger);
    font-size: 13px;
  }

  .login__success.svelte-1h03jxd {
    padding: 60px 0;
    color: var(--color-success, #22c55e);
    font-size: 15px;
    font-weight: 600;
  }

  .login__retry.svelte-1h03jxd {
    padding: 10px 24px;
    border: none;
    border-radius: var(--radius-md);
    background: var(--gradient-primary, var(--color-primary));
    color: white;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    margin-bottom: 16px;
  }

  .login__hint.svelte-1h03jxd {
    font-size: 12px;
    color: var(--color-text-muted);
    margin: 20px 0 0;
  }

  .login__link.svelte-1h03jxd {
    background: none;
    border: 0;
    padding: 0;
    color: var(--color-primary, #2563eb);
    font: inherit;
    cursor: pointer;
    text-decoration: underline;
  }

  .login__recover.svelte-1h03jxd {
    width: 100%;
    max-width: 92vw;
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }

  .login__paths.svelte-1h03jxd {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid var(--color-border, rgba(0,0,0,0.06));
    text-align: left;
  }

  .login__path-list.svelte-1h03jxd {
    list-style: none;
    margin: 8px 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
  }

  .login__path-item.svelte-1h03jxd {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    background: var(--color-surface-secondary, rgba(255,255,255,0.04));
    border-radius: var(--radius-sm, 6px);
    font-size: 13px;
    color: var(--color-text);
  }

  .login__path-item--default.svelte-1h03jxd { outline: 1px solid var(--color-primary, #2563eb); }

  .login__path-name.svelte-1h03jxd { flex: 1; font-weight: 600; }

  .login__path-badge.svelte-1h03jxd {
    padding: 1px 6px;
    background: var(--color-primary, #2563eb);
    color: #fff;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
  }

  .login__path-meta.svelte-1h03jxd {
    font-size: 11px;
    color: var(--color-text-muted);
    font-family: var(--font-mono, monospace);
  }

  .login__hint--small.svelte-1h03jxd { font-size: 11px; margin-top: 6px; }
/*$vite$:1*/
/* workspace/skills/platform-app-settings/ui/Source/TypographySettings.css */

  .typo__heading.svelte-k6isx6 { font-size: 14px; font-weight: 600; color: var(--theme-text, var(--color-text)); margin: 16px 0 12px; letter-spacing: -0.01em; }

  .typo__range-row.svelte-k6isx6 { display: flex; align-items: center; gap: 8px; }
  .typo__range-row.svelte-k6isx6 input[type="range"]:where(.svelte-k6isx6) { flex: 1; accent-color: var(--theme-primary, var(--color-primary, #3b82f6)); }
  .typo__range-value.svelte-k6isx6 { font-size: 11px; color: var(--theme-text-muted, var(--color-text-muted)); min-width: 36px; text-align: right; font-variant-numeric: tabular-nums; }

  .typo__btn-group.svelte-k6isx6 { display: flex; gap: 4px; background: var(--theme-surface-secondary, var(--color-surface-secondary, var(--color-background))); border-radius: var(--radius-md); padding: 3px; }

  .typo__preview.svelte-k6isx6 { display: block; margin-top: 6px; font-size: 12px; color: var(--theme-text-secondary, var(--color-text-secondary)); line-height: 1.4; padding: 6px 8px; background: var(--theme-surface-secondary, var(--color-surface-secondary)); border-radius: var(--radius-sm); }
/*$vite$:1*/
/* workspace/skills/platform-auth/ui/Source/ProfileSetup.css */

  .profile-setup.svelte-1taclol {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    background: var(--color-background);
  }

  .profile-setup__card.svelte-1taclol {
    width: 440px;
    max-width: 90vw;
    padding: 36px;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl, 12px);
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
  }

  .profile-setup__title.svelte-1taclol {
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 4px;
    color: var(--color-text);
  }

  .profile-setup__subtitle.svelte-1taclol {
    font-size: 13px;
    color: var(--color-text-muted);
    margin: 0 0 24px;
    line-height: 1.4;
  }

  .profile-setup__subtitle.svelte-1taclol strong:where(.svelte-1taclol) {
    color: var(--color-text);
    font-weight: 600;
  }

  .profile-setup__form.svelte-1taclol {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  .profile-setup__field.svelte-1taclol {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }

  .profile-setup__label.svelte-1taclol {
    font-size: 11px;
    font-weight: 600;
    color: var(--color-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.04em;
  }

  .profile-setup__input.svelte-1taclol {
    padding: 10px 12px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    font-size: 14px;
    color: var(--color-text);
    background: var(--color-background);
    outline: none;
    font-family: inherit;
  }

  .profile-setup__input.svelte-1taclol:focus {
    border-color: var(--color-primary, #3b82f6);
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
  }

  select.profile-setup__input.svelte-1taclol {
    appearance: auto;
  }

  .profile-setup__row.svelte-1taclol {
    display: flex;
    gap: 12px;
  }

  .profile-setup__row.svelte-1taclol .profile-setup__field:where(.svelte-1taclol) {
    flex: 1;
  }

  .profile-setup__hint.svelte-1taclol {
    font-size: 11px;
    color: var(--color-text-muted);
    font-style: italic;
  }

  .profile-setup__info.svelte-1taclol {
    padding: 12px;
    background: var(--color-surface-secondary, #f5f5f5);
    border-radius: var(--radius-md);
    display: flex;
    flex-direction: column;
    gap: 6px;
  }

  .profile-setup__info-row.svelte-1taclol {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .profile-setup__info-label.svelte-1taclol {
    font-size: 11px;
    color: var(--color-text-muted);
    font-weight: 500;
  }

  .profile-setup__info-value.svelte-1taclol {
    font-size: 12px;
    color: var(--color-text);
    font-weight: 600;
    font-family: monospace;
  }

  .profile-setup__submit.svelte-1taclol {
    padding: 12px;
    border: none;
    border-radius: var(--radius-md);
    background: var(--color-primary, #3b82f6);
    color: white;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    margin-top: 4px;
  }

  .profile-setup__submit.svelte-1taclol:hover { filter: brightness(1.1); }
  .profile-setup__submit.svelte-1taclol:disabled { opacity: 0.5; cursor: not-allowed; }
/*$vite$:1*/
/* workspace/skills/platform-evidence-deploy-key/ui/Source/Collect.css */

  .evidence-collect.svelte-1t9sj44 {
    display: flex;
    flex-direction: column;
    gap: 6px;
  }

  .evidence-collect__label.svelte-1t9sj44 {
    font-size: 11px;
    font-weight: 600;
    color: var(--color-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.04em;
  }

  .evidence-collect__hint.svelte-1t9sj44 {
    margin: 0;
    font-size: 11px;
    color: var(--color-text-muted);
    line-height: 1.4;
  }

  .evidence-collect__hint.svelte-1t9sj44 code:where(.svelte-1t9sj44) {
    background: var(--color-surface-secondary, rgba(255,255,255,0.04));
    padding: 1px 4px;
    border-radius: 3px;
    font-family: var(--font-mono, monospace);
    font-size: 10.5px;
  }
/*$vite$:1*/
/* workspace/skills/platform-marketplace/ui/Source/BundleBuilder.css */

  .builder.svelte-1rihd29 {
    display: grid;
    grid-template-columns: 300px 1fr;
    gap: 16px;
    min-height: 420px;
  }
  .builder__meta.svelte-1rihd29 {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .builder__tags.svelte-1rihd29 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    padding: 6px;
    border: 1px solid var(--theme-border);
    border-radius: 6px;
  }
  .builder__members.svelte-1rihd29 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-height: 0;
  }
  .builder__label.svelte-1rihd29 {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--theme-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
  }
  /* (unused) .builder__list {
    flex: 1;
    min-height: 0;
  }*/
  .builder__item.svelte-1rihd29 {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
    width: 100%;
    background: var(--theme-surface);
    border: 1px solid var(--theme-border);
    border-radius: 6px;
    cursor: pointer;
    text-align: left;
    margin-bottom: 4px;
  }
  .builder__item.svelte-1rihd29:hover {
    background: var(--theme-surface-hover);
  }
  .builder__item--on.svelte-1rihd29 {
    background: var(--theme-primary-muted);
    border-color: var(--theme-primary);
  }
  .builder__item-text.svelte-1rihd29 {
    flex: 1;
    min-width: 0;
  }
  .builder__item-name.svelte-1rihd29 {
    font-weight: 600;
    font-size: 0.85rem;
    color: var(--theme-text);
  }
  .builder__item-desc.svelte-1rihd29 {
    font-size: 0.75rem;
    color: var(--theme-text-muted);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
/*$vite$:1*/
/* workspace/skills/platform-marketplace/ui/Source/MarketplaceBrowse.css */

  /* Remove Modal's body padding so the left rail sits flush against the
     modal-container edge — rail is pinned at 0,0 of the container. */
  .mb-modal .modal-body { padding: 0 !important; }

  .mb.svelte-sjpdor { display: flex; width: 100%; height: 70vh; min-height: 480px; }
  .mb__rail.svelte-sjpdor {
    display: flex; flex-direction: column; align-items: center;
    width: 48px; flex-shrink: 0; padding: 10px 0 12px; gap: 2px;
    background: var(--color-background);
    /* Flush with the modal corner (container has border-radius: xl). */
    border-right: 1px solid var(--color-border);
  }
  .mb__brand.svelte-sjpdor { display: flex; align-items: center; justify-content: center; padding: 4px 0 6px; }
  .mb__rbtn.svelte-sjpdor {
    display: flex; align-items: center; justify-content: center;
    width: 32px; height: 32px; border: none; border-radius: var(--radius-md, 8px);
    background: none; color: var(--color-text-muted); cursor: pointer;
    transition: all 150ms ease-out;
  }
  .mb__rbtn.svelte-sjpdor:hover { background: var(--color-surface-hover); color: var(--color-text); }
  .mb__rbtn--active.svelte-sjpdor { background: var(--color-primary); color: white !important; }
  .mb__rsep.svelte-sjpdor { width: 20px; height: 1px; background: var(--color-border); margin: 4px 0; opacity: 0.4; }
  .mb__rspacer.svelte-sjpdor { flex: 1; }

  .mb__content.svelte-sjpdor { display: flex; flex-direction: column; flex: 1; min-width: 0; position: relative; }
  .mb__close.svelte-sjpdor {
    position: absolute; top: 10px; right: 12px; z-index: 3;
    display: flex; align-items: center; justify-content: center;
    width: 28px; height: 28px; border: none; border-radius: 999px;
    background: transparent; color: var(--color-text-muted); cursor: pointer;
    transition: all 150ms ease-out;
  }
  .mb__close.svelte-sjpdor:hover { background: var(--color-surface-hover); color: var(--color-text); }
  /* Right margin (52px) clears the close button at top:10px right:12px (28px wide). */
  .mb__filter-wrap.svelte-sjpdor { margin: 16px 52px 12px 20px; flex-shrink: 0; }
  .mb__grid-wrap.svelte-sjpdor { flex: 1; min-height: 0; display: flex; flex-direction: column; padding: 8px 20px 20px; }
  .mb__grid.svelte-sjpdor {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 12px; padding: 12px 4px 16px;
  }
  .mb__grid.svelte-sjpdor:has(.reveal-card:hover) .reveal-card:not(:hover),
  .mb__grid.svelte-sjpdor:has(.reveal-card:focus-within) .reveal-card:not(:focus-within):not(:hover) {
    opacity: 0.45; transform: scale(0.97); filter: saturate(0.7);
  }
  @media (prefers-reduced-motion: reduce) {
    .mb__grid.svelte-sjpdor:has(.reveal-card:hover) .reveal-card:not(:hover) {
      opacity: 0.6; transform: none; filter: none;
    }
  }
  .mb__state.svelte-sjpdor { padding: 48px 16px; text-align: center; color: var(--color-text-muted); font-size: 13px; }
/*$vite$:1*/
/* workspace/skills/platform-marketplace/ui/Source/SkillAssigner.css */

  .assigner.svelte-129jfv5 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 440px;
  }
  .assigner__modes.svelte-129jfv5 {
    display: flex;
    gap: 6px;
  }
  .assigner__mode.svelte-129jfv5 {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 8px 12px;
    border: 1px solid var(--theme-border);
    background: var(--theme-surface);
    border-radius: 6px;
    cursor: pointer;
    color: var(--theme-text-secondary);
    font-size: 0.85rem;
  }
  .assigner__mode--on.svelte-129jfv5 {
    background: var(--theme-primary-muted);
    color: var(--theme-primary);
    border-color: var(--theme-primary);
  }
  .assigner__section.svelte-129jfv5 {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .assigner__label.svelte-129jfv5 {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--theme-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
  }
  .assigner__choices.svelte-129jfv5 {
    display: flex;
    flex-direction: column;
    gap: 4px;
    max-height: 240px;
    overflow-y: auto;
  }
  .assigner__choice.svelte-129jfv5 {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    background: var(--theme-surface);
    border: 1px solid var(--theme-border);
    border-radius: 6px;
    cursor: pointer;
    color: var(--theme-text);
    text-align: left;
  }
  .assigner__choice.svelte-129jfv5:hover {
    background: var(--theme-surface-hover);
  }
  .assigner__choice--on.svelte-129jfv5 {
    background: var(--theme-primary-muted);
    border-color: var(--theme-primary);
  }
  .assigner__empty.svelte-129jfv5 {
    color: var(--theme-text-muted);
    font-size: 0.85rem;
    padding: 12px;
    text-align: center;
  }
  /* (unused) .assigner__results {
    max-height: 240px;
  }*/
/*$vite$:1*/
/* workspace/skills/platform-marketplace/ui/Source/PurchaseConfirmModal.css */

  .purchase.svelte-1bjninu {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 380px;
  }
  .purchase__item.svelte-1bjninu {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    background: var(--theme-surface-secondary);
    border-radius: 8px;
  }
  .purchase__icon.svelte-1bjninu {
    width: 48px;
    height: 48px;
    flex-shrink: 0;
    border-radius: 8px;
    background: var(--icon-bg, var(--theme-primary));
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
  }
  .purchase__item-body.svelte-1bjninu {
    flex: 1;
    min-width: 0;
  }
  .purchase__name.svelte-1bjninu {
    font-weight: 600;
    font-size: 0.95rem;
    color: var(--theme-text);
  }
  .purchase__desc.svelte-1bjninu {
    font-size: 0.75rem;
    color: var(--theme-text-muted);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 2px;
  }
  .purchase__price.svelte-1bjninu {
    font-weight: 600;
    font-size: 1rem;
    color: var(--theme-primary);
    flex-shrink: 0;
  }
  .purchase__section.svelte-1bjninu {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .purchase__label.svelte-1bjninu {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--theme-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
  }
  .purchase__accounts.svelte-1bjninu {
    display: flex;
    flex-direction: column;
    gap: 6px;
  }
  .purchase__account.svelte-1bjninu {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    background: var(--theme-surface);
    border: 1px solid var(--theme-border);
    border-radius: 8px;
    cursor: pointer;
  }
  .purchase__account.svelte-1bjninu:hover {
    background: var(--theme-surface-hover);
  }
  .purchase__account--on.svelte-1bjninu {
    background: var(--theme-primary-muted);
    border-color: var(--theme-primary);
  }
  .purchase__account.svelte-1bjninu input:where(.svelte-1bjninu) {
    margin: 0;
  }
  .purchase__account-text.svelte-1bjninu {
    flex: 1;
    min-width: 0;
  }
  .purchase__account-name.svelte-1bjninu {
    font-weight: 500;
    font-size: 0.85rem;
    color: var(--theme-text);
  }
  .purchase__account-meta.svelte-1bjninu {
    font-size: 0.7rem;
    color: var(--theme-text-muted);
  }
  .purchase__placeholder.svelte-1bjninu {
    font-style: italic;
  }
  .purchase__empty.svelte-1bjninu {
    font-size: 0.8rem;
    color: var(--theme-text-muted);
    text-align: center;
    padding: 16px;
  }
  .purchase__note.svelte-1bjninu {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 10px;
    background: var(--theme-warning-muted, rgba(245, 158, 11, 0.1));
    border-radius: 6px;
    font-size: 0.7rem;
    color: var(--theme-text-muted);
  }
/*$vite$:1*/
/* workspace/skills/platform-marketplace/ui/Source/SkillDetailDrawer.css */

  .detail.svelte-1pk3dtz {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 16px;
  }
  .detail__head.svelte-1pk3dtz {
    display: flex;
    gap: 12px;
    align-items: center;
  }
  .detail__head-body.svelte-1pk3dtz {
    flex: 1;
    min-width: 0;
  }
  .detail__icon.svelte-1pk3dtz {
    width: 56px;
    height: 56px;
    border-radius: 12px;
    background: var(--icon-bg, var(--theme-primary));
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .detail__name.svelte-1pk3dtz {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--theme-text);
  }
  .detail__meta.svelte-1pk3dtz {
    font-size: 0.8rem;
    color: var(--theme-text-muted);
  }
  .detail__desc.svelte-1pk3dtz {
    font-size: 0.9rem;
    color: var(--theme-text-secondary);
  }
  .detail__section.svelte-1pk3dtz {
    display: flex;
    flex-direction: column;
    gap: 6px;
  }
  .detail__label.svelte-1pk3dtz {
    font-size: 0.7rem;
    font-weight: 600;
    color: var(--theme-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
  }
  .detail__tags.svelte-1pk3dtz {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
  }
  .detail__provides.svelte-1pk3dtz,
  .detail__deps.svelte-1pk3dtz,
  .detail__members.svelte-1pk3dtz,
  .detail__perms.svelte-1pk3dtz {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  .detail__provides.svelte-1pk3dtz li:where(.svelte-1pk3dtz),
  .detail__deps.svelte-1pk3dtz li:where(.svelte-1pk3dtz),
  .detail__members.svelte-1pk3dtz li:where(.svelte-1pk3dtz),
  .detail__perms.svelte-1pk3dtz li:where(.svelte-1pk3dtz) {
    font-size: 0.85rem;
    color: var(--theme-text);
    padding: 4px 8px;
    background: var(--theme-surface-secondary);
    border-radius: 4px;
  }
  .detail__member-type.svelte-1pk3dtz {
    display: inline-block;
    font-size: 0.7rem;
    padding: 2px 6px;
    background: var(--theme-surface-hover);
    border-radius: 3px;
    margin-right: 8px;
    color: var(--theme-text-muted);
  }

  /* ── Version picker ── */
  .detail__versions.svelte-1pk3dtz {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  .detail__version.svelte-1pk3dtz {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 10px;
    background: var(--theme-surface-secondary);
    border-radius: 6px;
    font-size: 0.85rem;
  }
  .detail__version--current.svelte-1pk3dtz {
    background: var(--theme-surface-hover);
  }
  .detail__version-badge.svelte-1pk3dtz {
    font-size: 0.6rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 2px 6px;
    border-radius: 999px;
    background: var(--theme-primary, #8b5cf6);
    color: white;
  }
  .detail__version-num.svelte-1pk3dtz {
    font-weight: 600;
    color: var(--theme-text);
  }
  .detail__version-installed.svelte-1pk3dtz {
    font-size: 0.65rem;
    color: var(--color-success, #22c55e);
    font-weight: 500;
  }
  .detail__version-btn.svelte-1pk3dtz {
    margin-left: auto;
    padding: 4px 10px;
    border: 1px solid var(--theme-border, var(--color-border));
    border-radius: var(--radius-sm, 6px);
    background: transparent;
    color: var(--theme-primary, #8b5cf6);
    font-size: 0.72rem;
    font-weight: 600;
    cursor: pointer;
    font-family: inherit;
    transition: all 150ms ease-out;
  }
  .detail__version-btn.svelte-1pk3dtz:hover:not(:disabled) {
    background: var(--theme-primary, #8b5cf6);
    color: white;
  }
  .detail__version-btn.svelte-1pk3dtz:disabled {
    opacity: 0.5;
    cursor: default;
  }

  /* ── Danger zone ── */
  .detail__danger.svelte-1pk3dtz {
    margin-top: 24px;
    padding: 12px;
    border: 1px dashed var(--color-danger, #ef4444);
    border-radius: var(--radius-md, 8px);
    background: rgba(239, 68, 68, 0.04);
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .detail__danger-label.svelte-1pk3dtz {
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--color-danger, #ef4444);
  }
  .detail__danger-hint.svelte-1pk3dtz {
    font-size: 0.72rem;
    color: var(--color-text-muted, var(--theme-text-muted));
    line-height: 1.4;
    margin: 0;
  }
  .detail__danger-actions.svelte-1pk3dtz {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }
  .detail__danger-btn.svelte-1pk3dtz {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    background: transparent;
    color: var(--color-danger, #ef4444);
    border: 1px solid var(--color-danger, #ef4444);
    border-radius: var(--radius-sm, 6px);
    font-size: 0.75rem;
    font-weight: 600;
    cursor: pointer;
    transition:
      background 260ms ease-out,
      color 260ms ease-out,
      box-shadow 260ms ease-out;
    font-family: inherit;
  }
  .detail__danger-btn.svelte-1pk3dtz:hover:not(:disabled):not(.detail__danger-btn--armed) {
    background: rgba(239, 68, 68, 0.08);
  }
  .detail__danger-btn--armed.svelte-1pk3dtz {
    background: var(--color-danger, #ef4444);
    color: white;
    box-shadow: 0 2px 10px rgba(239, 68, 68, 0.35);
  }
  .detail__danger-btn.svelte-1pk3dtz:disabled {
    opacity: 0.6;
    cursor: default;
  }
/*$vite$:1*/
/* workspace/skills/platform-org-settings/ui/Source/OrgSettingsModal.css */

  .org.svelte-1y2uax5 { display: flex; flex-direction: column; min-height: 360px; }
  .org__heading.svelte-1y2uax5 { font-size: 14px; font-weight: 600; color: var(--color-text); margin: 16px 0 10px; letter-spacing: -0.01em; }
  .org__hint.svelte-1y2uax5 { font-size: 12px; color: var(--color-text-muted); line-height: 1.5; }

  .org__info-grid.svelte-1y2uax5 { display: flex; flex-direction: column; gap: 6px; margin-bottom: 8px; padding: 10px; background: var(--color-surface-secondary); border-radius: var(--radius-md); }
  .org__info-row.svelte-1y2uax5 { display: flex; justify-content: space-between; }
  .org__info-label.svelte-1y2uax5 { font-size: 11px; color: var(--color-text-muted); }
  .org__info-value.svelte-1y2uax5 { font-size: 12px; color: var(--color-text); }

  .org__users-list.svelte-1y2uax5 { display: flex; flex-direction: column; gap: 4px; }
  .org__user-row.svelte-1y2uax5 { display: grid; grid-template-columns: 1fr 1.5fr auto; gap: 8px; padding: 6px 10px; border-radius: var(--radius-sm); background: var(--color-surface-secondary); font-size: 12px; align-items: center; }
  .org__user-name.svelte-1y2uax5 { font-weight: 500; color: var(--color-text); }
  .org__user-email.svelte-1y2uax5 { color: var(--color-text-muted); font-size: 11px; }
  .org__user-status.svelte-1y2uax5 { font-size: 10px; padding: 2px 6px; border-radius: 4px; background: var(--color-text-muted); color: white; }
  .org__user-status--active.svelte-1y2uax5 { background: #10b981; }

  .org__invite-row.svelte-1y2uax5 { display: flex; gap: 8px; margin-top: 8px; align-items: center; }

  .org__btn-group.svelte-1y2uax5 { display: flex; gap: 4px; background: var(--color-surface-secondary); border-radius: var(--radius-md); padding: 3px; }

  .org__tags-list.svelte-1y2uax5 { display: flex; flex-direction: column; gap: 4px; margin-bottom: 8px; }
  .org__tag-row.svelte-1y2uax5 { display: grid; grid-template-columns: 8px 14px 1fr auto auto; gap: 8px; padding: 6px 10px; border-radius: var(--radius-sm); background: var(--color-surface-secondary); align-items: center; }
  .org__tag-dot.svelte-1y2uax5 { width: 8px; height: 8px; border-radius: 50%; }
  .org__tag-name.svelte-1y2uax5 { font-size: 12px; color: var(--color-text); }
  .org__tag-action.svelte-1y2uax5 { background: none; border: none; padding: 4px; cursor: pointer; color: var(--color-text-muted); opacity: 0.6; border-radius: var(--radius-sm); transition: all 120ms ease-out; }
  .org__tag-action.svelte-1y2uax5:hover { opacity: 1; background: var(--color-surface); }
  .org__tag-action--danger.svelte-1y2uax5:hover { color: var(--color-danger); }

  .org__tag-edit.svelte-1y2uax5 { display: grid; grid-template-columns: 1fr auto 80px auto auto; gap: 8px; padding: 6px 10px; border-radius: var(--radius-sm); background: var(--color-surface-secondary); align-items: center; }
  .org__tag-colors.svelte-1y2uax5 { display: flex; gap: 3px; }
  .org__tag-color.svelte-1y2uax5 { width: 16px; height: 16px; border-radius: 50%; border: 2px solid transparent; cursor: pointer; padding: 0; }
  .org__tag-color--active.svelte-1y2uax5 { border-color: var(--color-text); }

  .org__tag-create.svelte-1y2uax5 { display: grid; grid-template-columns: 1fr auto auto; gap: 8px; padding: 8px 10px; border-radius: var(--radius-sm); background: var(--color-surface-secondary); align-items: center; }

  .org__skills-list.svelte-1y2uax5 { display: flex; flex-direction: column; gap: 6px; }
  .org__skill.svelte-1y2uax5 { padding: 10px; border-radius: var(--radius-sm); background: var(--color-surface-secondary); }
  .org__skill--inactive.svelte-1y2uax5 { opacity: 0.5; }
  .org__skill-header.svelte-1y2uax5 { display: flex; align-items: center; gap: 8px; }
  .org__skill-name.svelte-1y2uax5 { font-size: 12px; font-weight: 500; color: var(--color-text); flex: 1; }
  .org__skill-trigger.svelte-1y2uax5 { font-size: 10px; padding: 2px 6px; border-radius: 4px; background: var(--color-surface); color: var(--color-text-muted); }
  .org__skill-desc.svelte-1y2uax5 { font-size: 11px; color: var(--color-text-muted); margin: 4px 0 0 24px; }
/*$vite$:1*/
/* workspace/skills/platform-proveownership/ui/Source/AuthSettings.css */

  .auth-settings.svelte-1nr4g4r {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 16px;
  }

  .auth-settings__section.svelte-1nr4g4r {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }

  .auth-settings__title.svelte-1nr4g4r {
    margin: 0;
    font-size: 13px;
    font-weight: 600;
    color: var(--color-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.04em;
  }

  .auth-settings__list.svelte-1nr4g4r {
    display: flex;
    flex-direction: column;
    gap: 6px;
  }

  .auth-settings__row.svelte-1nr4g4r {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 12px;
    padding: 6px 4px;
    font-size: 13px;
  }

  .auth-settings__row--meta.svelte-1nr4g4r {
    font-size: 11px;
    color: var(--color-text-muted);
    font-family: var(--font-mono, monospace);
  }

  .auth-settings__profile.svelte-1nr4g4r {
    display: flex;
    flex-direction: column;
    gap: 2px;
  }

  .auth-settings__empty.svelte-1nr4g4r {
    font-size: 12px;
    color: var(--color-text-muted);
    line-height: 1.5;
    margin: 0;
  }

  .auth-settings__empty.svelte-1nr4g4r code:where(.svelte-1nr4g4r) {
    background: var(--color-surface-secondary, rgba(255,255,255,0.04));
    padding: 1px 4px;
    border-radius: 3px;
    font-family: var(--font-mono, monospace);
    font-size: 11px;
  }

  .auth-settings__footer.svelte-1nr4g4r {
    margin-top: 8px;
    font-size: 11px;
    color: var(--color-text-muted);
  }
/*$vite$:1*/
/* workspace/skills/platform-marketplace/ui/Source/SkillStoreCard.css */

  .ssc__icon-tile.svelte-8m2pj4 {
    width: 64px;
    height: 64px;
    border-radius: 14px;
    background: var(--ssc-bg, var(--color-primary));
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
  }
  .ssc__preview-img.svelte-8m2pj4 {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .ssc__image-wrap.svelte-8m2pj4 {
    position: relative;
    width: 100%;
    height: 100%;
  }
  .ssc__busy.svelte-8m2pj4 {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.45);
    backdrop-filter: blur(2px);
    border-radius: inherit;
    z-index: 2;
  }
  .ssc__spinner.svelte-8m2pj4 {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 2.5px solid rgba(255, 255, 255, 0.25);
    border-top-color: #ffffff;
    animation: svelte-8m2pj4-ssc-spin 0.7s linear infinite;
  }
  @keyframes svelte-8m2pj4-ssc-spin {
    to { transform: rotate(360deg); }
  }
  .ssc__preview-gradient.svelte-8m2pj4,
  .ssc__preview-shader.svelte-8m2pj4 {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, 0.9);
  }

  .ssc__badge-row.svelte-8m2pj4 {
    display: flex;
    gap: 4px;
    align-items: center;
  }
  .ssc__scope-badge.svelte-8m2pj4 {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 3px 7px;
    border-radius: 999px;
    font-size: 0.6rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  }
  .ssc__scope-badge--user.svelte-8m2pj4 {
    background: #8b5cf6;
    color: white;
  }
  .ssc__scope-badge--org.svelte-8m2pj4 {
    background: #f59e0b;
    color: white;
  }
  .ssc__scope-badge--space.svelte-8m2pj4 {
    background: #3b82f6;
    color: white;
  }
  .ssc__bundle-badge.svelte-8m2pj4 {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 8px;
    background: var(--color-primary);
    color: white;
    border-radius: 999px;
    font-size: 0.65rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  }
  .ssc__gate-badge.svelte-8m2pj4 {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 0.65rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
    color: white;
  }
  .ssc__gate-badge--muted.svelte-8m2pj4 {
    background: rgba(100, 116, 139, 0.85);
  }
  .ssc__gate-badge--warning.svelte-8m2pj4 {
    background: rgba(245, 158, 11, 0.9);
  }
  .ssc__gate-badge--danger.svelte-8m2pj4 {
    background: rgba(239, 68, 68, 0.9);
  }
  .ssc__installed-badge.svelte-8m2pj4 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 999px;
    background: var(--color-success, #10b981);
    color: white;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  }
  .ssc__free.svelte-8m2pj4 { color: var(--color-success, #10b981); }

  /* Reveal overlay body styles */
  .ssc__reveal-desc.svelte-8m2pj4 {
    margin: 0 0 12px;
    font-size: 0.8rem;
    color: var(--color-text-secondary, var(--color-text-muted));
  }
  .ssc__reveal-section.svelte-8m2pj4 {
    margin-bottom: 10px;
  }
  .ssc__reveal-section.svelte-8m2pj4:last-child { margin-bottom: 0; }
  .ssc__reveal-label.svelte-8m2pj4 {
    font-size: 0.65rem;
    font-weight: 600;
    color: var(--color-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: 4px;
  }
  .ssc__reveal-list.svelte-8m2pj4 {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
  }
  .ssc__reveal-list.svelte-8m2pj4 li:where(.svelte-8m2pj4) {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.75rem;
    color: var(--color-text);
  }
  .ssc__reveal-overflow.svelte-8m2pj4 {
    color: var(--color-text-muted) !important;
    font-style: italic;
  }
  .ssc__reveal-grid.svelte-8m2pj4 {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
  }
  .ssc__reveal-chip.svelte-8m2pj4 {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 8px;
    background: var(--color-surface-secondary, var(--color-background));
    border-radius: 6px;
    font-size: 0.7rem;
    color: var(--color-text);
  }
  .ssc__reveal-chip.svelte-8m2pj4 strong:where(.svelte-8m2pj4) { color: var(--color-primary); }
  .ssc__reveal-tags.svelte-8m2pj4 {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
  }
/*$vite$:1*/
/* workspace/skills/platform-proveownership/ui/Source/ClaimOwnership.css */

  .claim.svelte-13srk9h {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100%;
    padding: 24px;
    background: transparent;
  }

  .claim__card.svelte-13srk9h {
    width: 480px;
    max-width: 92vw;
    padding: 32px;
    /* Frosted glass — matches LoginPage's `.login__card` so recovery
     * and QR modes feel like the same surface against the shell's
     * ambient background. */
    background: color-mix(in srgb, var(--color-surface) 85%, transparent);
    backdrop-filter: blur(20px);
    border-radius: var(--radius-xl, 16px);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.1);
  }

  .claim__title.svelte-13srk9h {
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 4px;
    color: var(--color-text);
  }

  .claim__subtitle.svelte-13srk9h {
    font-size: 13px;
    color: var(--color-text-muted);
    margin: 0 0 20px;
    line-height: 1.45;
  }

  .claim__status.svelte-13srk9h,
  .claim__empty.svelte-13srk9h {
    padding: 16px;
    background: var(--color-surface-secondary, rgba(255,255,255,0.04));
    border-radius: var(--radius-md);
    font-size: 13px;
    color: var(--color-text-muted);
  }

  .claim__empty.svelte-13srk9h strong:where(.svelte-13srk9h) { color: var(--color-text); display: block; margin-bottom: 4px; }
  .claim__empty.svelte-13srk9h p:where(.svelte-13srk9h) { margin: 0; line-height: 1.5; }
  .claim__empty.svelte-13srk9h code:where(.svelte-13srk9h) {
    background: var(--color-surface, rgba(0,0,0,0.04));
    padding: 1px 4px;
    border-radius: 3px;
    font-family: var(--font-mono, monospace);
    font-size: 11.5px;
  }

  .claim__form.svelte-13srk9h {
    display: flex;
    flex-direction: column;
    gap: 14px;
  }

  .claim__field.svelte-13srk9h {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }

  .claim__label.svelte-13srk9h {
    font-size: 11px;
    font-weight: 600;
    color: var(--color-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.04em;
  }

  .claim__divider.svelte-13srk9h {
    margin-top: 8px;
    padding-top: 12px;
    border-top: 1px solid var(--color-border);
    font-size: 11px;
    font-weight: 600;
    color: var(--color-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.04em;
  }

  .claim__collector.svelte-13srk9h {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 12px;
    background: var(--color-surface-secondary, rgba(255,255,255,0.03));
    border-radius: var(--radius-md);
  }

  .claim__collector-head.svelte-13srk9h {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
  }

  .claim__collector-label.svelte-13srk9h {
    font-size: 13px;
    font-weight: 600;
    color: var(--color-text);
  }

  .claim__collector-weight.svelte-13srk9h {
    font-size: 11px;
    color: var(--color-text-muted);
    font-family: var(--font-mono, monospace);
  }

  .claim__collector-err.svelte-13srk9h {
    font-size: 12px;
    color: var(--color-warning, #f59e0b);
    margin: 0;
  }

  .claim__result.svelte-13srk9h {
    padding: 10px 12px;
    border-radius: var(--radius-md);
    font-size: 13px;
  }

  .claim__result--ok.svelte-13srk9h {
    background: var(--color-success-subtle, rgba(16,185,129,0.12));
    color: var(--color-success, #10b981);
  }

  .claim__result--err.svelte-13srk9h {
    background: var(--color-error-subtle, rgba(239,68,68,0.12));
    color: var(--color-error, #ef4444);
  }

  .claim__back.svelte-13srk9h {
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px solid var(--color-border, rgba(0,0,0,0.06));
    text-align: center;
  }

  .claim__back-link.svelte-13srk9h {
    background: none;
    border: 0;
    padding: 4px 8px;
    color: var(--color-text-muted);
    font: inherit;
    font-size: 13px;
    cursor: pointer;
    border-radius: var(--radius-sm, 6px);
  }

  .claim__back-link.svelte-13srk9h:hover {
    color: var(--color-text);
    background: color-mix(in srgb, var(--color-text) 6%, transparent);
  }
/*$vite$:1*/
/* workspace/skills/platform-profile/ui/Source/ProfileModal.css */

  .profile.svelte-1d4j8vg { display: flex; flex-direction: column; gap: 12px; }
  .profile__info.svelte-1d4j8vg { display: flex; flex-direction: column; gap: 6px; padding: 12px; background: var(--color-surface-secondary, #f5f5f5); border-radius: var(--radius-md); margin-top: 4px; }
  .profile__row.svelte-1d4j8vg { display: flex; justify-content: space-between; align-items: center; }
  .profile__label.svelte-1d4j8vg { font-size: 11px; color: var(--color-text-muted); font-weight: 500; }
  .profile__value.svelte-1d4j8vg { font-size: 11px; color: var(--color-text); font-weight: 600; }

  /* Avatars row */
  .profile__avatars.svelte-1d4j8vg { display: flex; gap: 16px; align-items: flex-start; justify-content: center; padding: 8px 0; }
  .profile__avatar-wrap.svelte-1d4j8vg { display: flex; flex-direction: column; align-items: center; gap: 4px; }
  .profile__avatar-label.svelte-1d4j8vg { font-size: 9px; color: var(--color-text-muted); font-weight: 500; }

  .profile__avatar-preview.svelte-1d4j8vg {
    position: relative; width: 64px; height: 64px; border-radius: 50%; overflow: visible;
    background: var(--color-primary, #3b82f6); display: flex; align-items: center; justify-content: center;
    flex-shrink: 0; border: 2px solid var(--color-border);
  }
  .profile__avatar-img.svelte-1d4j8vg { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }
  .profile__avatar-fallback.svelte-1d4j8vg { font-size: 24px; font-weight: 700; color: white; }

  .profile__3d-preview.svelte-1d4j8vg {
    position: relative; width: 64px; height: 64px; border-radius: var(--radius-lg, 12px);
    background: var(--color-surface-secondary); display: flex;
    align-items: center; justify-content: center;
    flex-shrink: 0; border: 2px solid var(--color-border); color: var(--color-text-muted);
    overflow: visible;
  }

  /* Small badge icon overlay */
  .profile__avatar-badge.svelte-1d4j8vg {
    position: absolute; bottom: -2px; right: -2px;
    width: 22px; height: 22px; border-radius: 50%;
    background: var(--color-surface, #1e1e2e); border: 2px solid var(--color-border);
    display: flex; align-items: center; justify-content: center;
    cursor: pointer; color: var(--color-text-muted);
    transition: all 150ms;
  }
  .profile__avatar-badge.svelte-1d4j8vg:hover { background: var(--color-surface-hover); color: var(--color-text); transform: scale(1.1); }
  .profile__avatar-badge--3d.svelte-1d4j8vg { border-radius: var(--radius-sm, 4px); }

  @keyframes svelte-1d4j8vg-badge-spin { to { transform: rotate(360deg); } }
  .profile__badge-spin.svelte-1d4j8vg {
    width: 10px; height: 10px; border: 2px solid var(--color-text-muted);
    border-top-color: transparent; border-radius: 50%; animation: svelte-1d4j8vg-badge-spin 0.6s linear infinite;
  }
/*$vite$:1*/
/* workspace/skills/platform-space-settings/ui/Source/BackgroundPicker.css */

  .bgp__types.svelte-gaavvz { display: flex; gap: 4px; flex-wrap: wrap; }
  .bgp__content.svelte-gaavvz { display: flex; flex-direction: column; gap: 12px; margin-top: 12px; }
  .bgp__colors.svelte-gaavvz { display: flex; align-items: center; gap: 10px; }
  .bgp__color-pick.svelte-gaavvz { width: 40px; height: 40px; border: 2px solid var(--color-border); border-radius: var(--radius-md, 8px); cursor: pointer; padding: 0; background: none; }
  .bgp__hint.svelte-gaavvz { font-size: 11px; color: var(--color-text-muted); }
  .bgp__label.svelte-gaavvz { font-size: 11px; font-weight: 600; color: var(--color-text-muted); text-transform: uppercase; letter-spacing: 0.04em; }

  /* Unified swatch grid — gradients + shaders */
  .bgp__swatch-grid.svelte-gaavvz { display: grid; grid-template-columns: repeat(auto-fill, minmax(72px, 1fr)); gap: 8px; }
  .bgp__swatch-card.svelte-gaavvz { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 0; border: 2px solid transparent; border-radius: var(--radius-md, 8px); background: none; cursor: pointer; transition: border-color 150ms, transform 150ms; }
  .bgp__swatch-card.svelte-gaavvz:hover { border-color: var(--color-border); transform: translateY(-1px); }
  .bgp__swatch-card--active.svelte-gaavvz { border-color: var(--color-primary, #3b82f6); }
  .bgp__swatch-preview.svelte-gaavvz { width: 100%; aspect-ratio: 16 / 10; border-radius: var(--radius-sm, 6px) var(--radius-sm, 6px) 0 0; display: flex; align-items: center; justify-content: center; color: rgba(255,255,255,0.4); }
  .bgp__swatch-label.svelte-gaavvz { font-size: 9px; font-weight: 500; color: var(--color-text-muted); padding: 2px 0 4px; text-transform: capitalize; }

  /* (unused) .bgp__shader-editor { font-family: 'JetBrains Mono', monospace; font-size: 10px; line-height: 1.4; resize: vertical; min-height: 100px; }*/

  /* Image gallery */
  .bgp__gallery.svelte-gaavvz { display: grid; grid-template-columns: repeat(auto-fill, minmax(88px, 1fr)); gap: 6px; }
  .bgp__thumb.svelte-gaavvz { position: relative; aspect-ratio: 16/10; border: 2px solid transparent; border-radius: var(--radius-md, 8px); overflow: hidden; cursor: pointer; padding: 0; background: var(--color-surface-secondary); display: flex; align-items: center; justify-content: center; transition: border-color 150ms, transform 150ms; }
  .bgp__thumb.svelte-gaavvz img:where(.svelte-gaavvz) { width: 100%; height: 100%; object-fit: cover; }
  .bgp__thumb.svelte-gaavvz:hover { border-color: var(--color-border); transform: translateY(-1px); }
  .bgp__thumb--active.svelte-gaavvz { border-color: var(--color-primary, #3b82f6); }
  .bgp__thumb--upload.svelte-gaavvz { border-style: dashed; border-color: var(--color-border); opacity: 0.6; color: var(--color-text-muted); }
  .bgp__thumb--upload.svelte-gaavvz:hover { opacity: 1; border-color: var(--color-primary); transform: none; }
  .bgp__uploading-text.svelte-gaavvz { font-size: 10px; }

  /* Image controls */
  .bgp__fill.svelte-gaavvz { display: flex; flex-direction: column; gap: 8px; }
  .bgp__fill-opts.svelte-gaavvz { display: flex; gap: 4px; flex-wrap: wrap; }
  .bgp__zoom-row.svelte-gaavvz { display: flex; align-items: center; gap: 8px; }
  .bgp__zoom-slider.svelte-gaavvz { flex: 1; accent-color: var(--color-primary, #3b82f6); }

  .bgp__gravity.svelte-gaavvz { display: flex; flex-direction: column; gap: 6px; }
  .bgp__gravity-grid.svelte-gaavvz { display: flex; gap: 4px; flex-wrap: wrap; }
  .bgp__gravity-btn.svelte-gaavvz { display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border: 1px solid var(--color-border); border-radius: var(--radius-sm); background: none; cursor: pointer; color: var(--color-text-muted); transition: all 150ms; }
  .bgp__gravity-btn.svelte-gaavvz:hover { border-color: var(--color-primary); color: var(--color-text); }
  .bgp__gravity-btn--active.svelte-gaavvz { border-color: var(--color-primary, #3b82f6); background: rgba(59,130,246,0.1); color: var(--color-primary); }

  .bgp__remove.svelte-gaavvz { display: flex; align-items: center; gap: 4px; padding: 6px 10px; margin-top: 4px; border: none; border-radius: var(--radius-sm); background: none; color: var(--color-text-muted); font-size: 10px; cursor: pointer; transition: color 150ms; }
  .bgp__remove.svelte-gaavvz:hover { color: var(--color-danger); }
/*$vite$:1*/
/* workspace/skills/platform-space-settings/ui/Source/GradientBuilder.css */

  .gb.svelte-cqk9jm { display: flex; flex-direction: column; gap: 8px; }
  .gb__preview.svelte-cqk9jm { height: 48px; border-radius: var(--radius-sm); border: 1px solid var(--color-border); }
  .gb__controls.svelte-cqk9jm { display: flex; align-items: center; gap: 8px; }
  .gb__type.svelte-cqk9jm { display: flex; gap: 2px; }
  .gb__btn.svelte-cqk9jm {
    padding: 3px 10px; border: 1px solid var(--color-border); border-radius: var(--radius-sm);
    background: none; font-size: 10px; color: var(--color-text-muted); cursor: pointer;
  }
  .gb__btn.svelte-cqk9jm:hover { border-color: var(--color-primary); color: var(--color-text); }
  .gb__btn--active.svelte-cqk9jm { border-color: var(--color-primary); background: var(--color-primary); color: white; }
  .gb__angle.svelte-cqk9jm { display: flex; align-items: center; gap: 6px; flex: 1; }
  .gb__slider.svelte-cqk9jm { flex: 1; height: 4px; accent-color: var(--color-primary); }
  .gb__angle-val.svelte-cqk9jm { font-size: 10px; color: var(--color-text-muted); min-width: 30px; }
  .gb__bar.svelte-cqk9jm {
    position: relative; height: 24px; border-radius: var(--radius-sm);
    border: 1px solid var(--color-border); cursor: crosshair;
  }
  .gb__stop.svelte-cqk9jm {
    position: absolute; top: 50%; transform: translate(-50%, -50%);
    width: 16px; height: 16px; border-radius: 50%;
    border: 2px solid white; box-shadow: 0 0 3px rgba(0,0,0,0.5);
    cursor: grab; overflow: hidden;
  }
  .gb__stop.svelte-cqk9jm:active { cursor: grabbing; }
  .gb__stop-color.svelte-cqk9jm {
    width: 20px; height: 20px; border: none; padding: 0; cursor: pointer;
    position: absolute; top: -2px; left: -2px;
  }
  .gb__hint.svelte-cqk9jm { font-size: 9px; color: var(--color-text-muted); margin: 0; }
/*$vite$:1*/
/* workspace/skills/platform-skill-settings/ui/Source/SkillsManager.css */

  .sm.svelte-1g91cmx { display: flex; flex-direction: column; gap: 12px; }
  .sm__filter-bar.svelte-1g91cmx { display: flex; align-items: center; gap: 4px; flex-wrap: wrap; }
  .sm__filter-group.svelte-1g91cmx { display: flex; gap: 2px; background: var(--color-surface-secondary, var(--color-background)); border-radius: var(--radius-sm, 6px); padding: 2px; }
  .sm__filter-btn.svelte-1g91cmx {
    display: flex; align-items: center; gap: 3px;
    padding: 3px 8px; border: none; border-radius: var(--radius-sm, 5px);
    background: transparent; color: var(--color-text-muted);
    font-size: 10px; font-weight: 500; cursor: pointer;
    font-family: inherit; transition: all 150ms ease-out;
  }
  .sm__filter-btn.svelte-1g91cmx:hover { color: var(--color-text); background: var(--color-surface-hover); }
  .sm__filter-btn--active.svelte-1g91cmx { background: var(--color-surface); color: var(--color-text); box-shadow: 0 1px 3px rgba(0,0,0,0.1); }
  .sm__filter-sep.svelte-1g91cmx { width: 1px; height: 16px; background: var(--color-border); margin: 0 2px; }
  .sm__filter-count.svelte-1g91cmx { font-size: 10px; color: var(--color-text-muted); margin-left: auto; }

  .sm__scope-badge.svelte-1g91cmx { display: inline-flex; align-items: center; justify-content: center; width: 16px; height: 16px; border-radius: 999px; font-size: 8px; font-weight: 700; color: white; flex-shrink: 0; }
  .sm__scope-badge--user.svelte-1g91cmx { background: #8b5cf6; }
  .sm__scope-badge--space.svelte-1g91cmx { background: #3b82f6; }
  .sm__scope-badge--organisation.svelte-1g91cmx { background: #f59e0b; }

  .sm__section.svelte-1g91cmx { display: flex; flex-direction: column; gap: 8px; }
  .sm__label.svelte-1g91cmx { font-size: 11px; font-weight: 600; color: var(--color-text-muted); text-transform: uppercase; letter-spacing: 0.04em; }
  .sm__list.svelte-1g91cmx { display: flex; flex-direction: column; gap: 4px; }
  .sm__item.svelte-1g91cmx { display: flex; align-items: center; gap: 6px; padding: 6px 10px; border: 1px solid var(--color-border); border-radius: var(--radius-sm); }
  .sm__item--hidden.svelte-1g91cmx { opacity: 0.5; }
  .sm__item--drag-over.svelte-1g91cmx { border-color: var(--color-primary, #3b82f6); background: rgba(59, 130, 246, 0.06); }
  .sm__item.svelte-1g91cmx:active { cursor: grabbing; }
  .sm__drag.svelte-1g91cmx { display: flex; align-items: center; color: var(--color-text-muted); opacity: 0.3; cursor: grab; flex-shrink: 0; width: 10px; }
  .sm__drag--disabled.svelte-1g91cmx { cursor: default; opacity: 0; }
  .sm__drag.svelte-1g91cmx:hover { opacity: 0.7; }
  .sm__item.svelte-1g91cmx:hover .sm__drag:where(.svelte-1g91cmx):not(.sm__drag--disabled) { opacity: 0.5; }
  .sm__name.svelte-1g91cmx { font-size: 11px; font-weight: 500; color: var(--color-text); flex: 1; }
  .sm__empty.svelte-1g91cmx { font-size: 12px; color: var(--color-text-muted); padding: 16px 0; text-align: center; }

  .sm__cog-btn.svelte-1g91cmx {
    display: flex; align-items: center; justify-content: center;
    width: 22px; height: 22px; border: none; border-radius: var(--radius-sm, 4px);
    background: none; color: var(--color-text-muted); cursor: pointer;
    opacity: 0; transition: all 150ms ease-out; flex-shrink: 0;
  }
  .sm__item.svelte-1g91cmx:hover .sm__cog-btn:where(.svelte-1g91cmx) { opacity: 0.6; }
  .sm__cog-btn.svelte-1g91cmx:hover { opacity: 1 !important; background: var(--color-surface-hover); color: var(--color-text); }
/*$vite$:1*/
/* workspace/skills/platform-space-settings/ui/Source/SpaceSettingsModal.css */

  /* Icon picker grid */
  .space-settings__icon-grid.svelte-xz0f85 { display: flex; flex-wrap: wrap; gap: 4px; }
  .space-settings__icon-btn.svelte-xz0f85 { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border: 2px solid transparent; border-radius: var(--radius-md, 8px); background: none; cursor: pointer; transition: all 150ms; padding: 0; }
  .space-settings__icon-btn.svelte-xz0f85:hover { background: var(--color-surface-hover); border-color: var(--color-border); }
  .space-settings__icon-btn--active.svelte-xz0f85 { border-color: var(--color-primary, #3b82f6); background: rgba(59,130,246,0.08); }
  .space-settings__icon-btn--upload.svelte-xz0f85 { border-style: dashed; border-color: var(--color-border); opacity: 0.6; }
  .space-settings__icon-btn--upload.svelte-xz0f85:hover { opacity: 1; border-color: var(--color-primary, #3b82f6); }

  /* Accordion content spacing */

  /* (unused) .space-settings__field { display: flex; flex-direction: column; gap: 4px; }*/
  .space-settings__label.svelte-xz0f85 { font-size: 11px; font-weight: 600; color: var(--color-text-muted); text-transform: uppercase; letter-spacing: 0.04em; padding-top: 8px; }

  /* (unused) .space-settings__input { width: 100%; padding: 8px 10px; border: 1px solid var(--color-border); border-radius: var(--radius-sm); font-size: 13px; color: var(--color-text); background: var(--color-background); outline: none; font-family: inherit; box-sizing: border-box; }*/
  /* (unused) .space-settings__input:focus { border-color: var(--color-primary, #3b82f6); }*/
  /* (unused) .space-settings__textarea { resize: vertical; min-height: 50px; }*/

  /* (unused) .space-settings__section { display: flex; flex-direction: column; gap: 8px; }*/
  .space-settings__members.svelte-xz0f85 { display: flex; flex-direction: column; gap: 4px; }
  .space-settings__member.svelte-xz0f85 { display: flex; align-items: center; gap: 8px; padding: 6px 10px; border: 1px solid var(--color-border); border-radius: var(--radius-sm); }
  .space-settings__member-name.svelte-xz0f85 { font-size: 12px; font-weight: 500; color: var(--color-text); flex: 1; display: flex; align-items: center; gap: 4px; }
  .space-settings__member-email.svelte-xz0f85 { font-size: 10px; color: var(--color-text-muted); }
  /* (unused) .space-settings__badge { font-size: 8px; font-weight: 700; padding: 1px 4px; border-radius: var(--radius-full); background: var(--color-surface-secondary); color: var(--color-text-muted); }*/
  /* (unused) .space-settings__badge--you { background: rgba(59, 130, 246, 0.1); color: var(--color-primary); }*/
  .space-settings__empty.svelte-xz0f85 { font-size: 11px; color: var(--color-text-muted); padding: 8px; }
  .space-settings__hint.svelte-xz0f85 { font-size: 11px; color: var(--color-text-muted); margin: 0; line-height: 1.4; }


  .space-settings__add-row.svelte-xz0f85 { display: flex; gap: 6px; }
  /* (unused) .space-settings__add-row .space-settings__input { flex: 1; }*/
  /* (unused) .space-settings__add-btn { padding: 6px 14px; border: none; border-radius: var(--radius-sm); background: var(--color-primary, #3b82f6); color: white; font-size: 12px; font-weight: 500; cursor: pointer; }*/
  /* (unused) .space-settings__add-btn:disabled { opacity: 0.4; cursor: not-allowed; }*/
  /* (unused) .space-settings__add-btn:not(:disabled):hover { filter: brightness(1.1); }*/

  /* (unused) .space-settings__danger-btn {
    display: flex; align-items: center; gap: 6px;
    padding: 8px 14px; border: 1px solid var(--color-danger, #ef4444);
    border-radius: var(--radius-sm); background: none;
    color: var(--color-danger, #ef4444); font-size: 12px; font-weight: 500; cursor: pointer;
  }*/
  /* (unused) .space-settings__danger-btn:hover { background: var(--color-danger, #ef4444); color: white; }*/
/*$vite$:1*/
/* workspace/skills/platform-space-settings/ui/Source/ObjectSkillsPanel.css */

  .osp.svelte-r1z81w {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .osp__title.svelte-r1z81w {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--theme-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
  }
  .osp__list.svelte-r1z81w {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  .osp__item.svelte-r1z81w {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
    background: var(--theme-surface);
    border: 1px solid var(--theme-border);
    border-radius: 6px;
  }
  .osp__item-text.svelte-r1z81w {
    flex: 1;
    min-width: 0;
  }
  .osp__item-name.svelte-r1z81w {
    font-weight: 600;
    font-size: 0.85rem;
    color: var(--theme-text);
  }
  .osp__item-type.svelte-r1z81w {
    font-size: 0.7rem;
    color: var(--theme-text-muted);
  }
  /* (unused) .osp__actions {
    display: flex;
    justify-content: flex-end;
  }*/
/*$vite$:1*/
/* oneos-renderers/src/lib/canvas/CursorOverlay.css */

  .remote-cursor.svelte-axqoze {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 9999;
    transition: transform 80ms linear;
  }

  .remote-cursor__label.svelte-axqoze {
    display: inline-block;
    margin-left: 14px;
    margin-top: -2px;
    padding: 1px 6px;
    border-radius: 4px;
    font-size: 10px;
    font-weight: 600;
    color: white;
    background: var(--cursor-color, #3b82f6);
    white-space: nowrap;
    line-height: 1.4;
  }
/*$vite$:1*/
/* oneos-renderers/src/lib/canvas/ShaderBackground.css */

  .shader-bg--hidden.svelte-1g93er1 { visibility: hidden; pointer-events: none; }
  .shader-bg.svelte-1g93er1 {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    pointer-events: none;
  }
/*$vite$:1*/
/* oneos-renderers/src/lib/dock/Spinner.css */

  .spinner.svelte-1yimema {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    animation: svelte-1yimema-spin 1s linear infinite;
  }

  .spinner.svelte-1yimema svg:where(.svelte-1yimema) {
    width: 100%;
    height: 100%;
  }

  @keyframes svelte-1yimema-spin {
    to { transform: rotate(360deg); }
  }
/*$vite$:1*/
/* oneos-renderers/src/lib/feedback/ToastContainer.css */

  .liquid-svg-defs.svelte-m2kfg3 {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
  }

  .toast-anchor.svelte-m2kfg3 {
    position: fixed;
    bottom: 110px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column-reverse;
    gap: 10px;
    z-index: 9999;
    max-width: 380px;
    min-width: 320px;
    pointer-events: none;
  }

  /* ══════════════════════════════════════════
     SHARED GLASS LAYERS
     ══════════════════════════════════════════ */

  .toast-item__liquid.svelte-m2kfg3,
  .toast-call__liquid.svelte-m2kfg3 {
    position: absolute;
    inset: 0;
    background: rgb(11, 19, 38);
    backdrop-filter: blur(20px) saturate(1.4);
    -webkit-backdrop-filter: blur(20px) saturate(1.4);
    border-radius: 16px;
    z-index: 0;
  }

  .toast-item__glow.svelte-m2kfg3,
  .toast-call__glow.svelte-m2kfg3 {
    position: absolute;
    inset: 0;
    border-radius: 16px;
    z-index: 1;
    box-shadow:
      0 4px 16px rgba(0, 0, 0, 0.12),
      0 0 0 1px rgba(255, 255, 255, 0.08),
      0 0 24px var(--glow-color, rgba(255, 255, 255, 0.1));
  }

  .toast-item__inset.svelte-m2kfg3,
  .toast-call__inset.svelte-m2kfg3 {
    position: absolute;
    inset: 0;
    border-radius: 16px;
    z-index: 2;
    box-shadow:
      inset 1px 1px 2px 0 rgba(255, 255, 255, 0.2),
      inset -1px -1px 2px 0 rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.12);
  }

  .toast-item__accent.svelte-m2kfg3 {
    position: absolute;
    left: 0;
    top: 6px;
    bottom: 6px;
    width: 3px;
    border-radius: 0 2px 2px 0;
    z-index: 5;
  }

  .toast-item--error.svelte-m2kfg3 .toast-item__accent:where(.svelte-m2kfg3),
  .toast-notif--error.svelte-m2kfg3 .toast-item__accent:where(.svelte-m2kfg3) { background: var(--color-danger, #ef4444); }
  .toast-item--success.svelte-m2kfg3 .toast-item__accent:where(.svelte-m2kfg3),
  .toast-notif--success.svelte-m2kfg3 .toast-item__accent:where(.svelte-m2kfg3) { background: var(--color-success, #22c55e); }
  .toast-item--warning.svelte-m2kfg3 .toast-item__accent:where(.svelte-m2kfg3),
  .toast-notif--warning.svelte-m2kfg3 .toast-item__accent:where(.svelte-m2kfg3) { background: var(--color-warning, #f59e0b); }
  .toast-item--info.svelte-m2kfg3 .toast-item__accent:where(.svelte-m2kfg3),
  .toast-notif--info.svelte-m2kfg3 .toast-item__accent:where(.svelte-m2kfg3) { background: var(--color-primary, #3b82f6); }
  .toast-item--alert.svelte-m2kfg3 .toast-item__accent:where(.svelte-m2kfg3),
  .toast-notif--alert.svelte-m2kfg3 .toast-item__accent:where(.svelte-m2kfg3) { background: #a855f7; }
  .toast-item--notification.svelte-m2kfg3 .toast-item__accent:where(.svelte-m2kfg3),
  .toast-notif--notification.svelte-m2kfg3 .toast-item__accent:where(.svelte-m2kfg3) { background: #6366f1; }

  .toast-item__content.svelte-m2kfg3 {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
  }

  .toast-item__title.svelte-m2kfg3 {
    font-weight: 600;
    color: var(--color-text);
  }

  .toast-item__message.svelte-m2kfg3 {
    color: var(--color-text-muted);
    word-break: break-word;
  }

  .toast-item__action-btn.svelte-m2kfg3 {
    border: none;
    background: none;
    cursor: pointer;
    color: var(--color-text-muted);
    padding: 3px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.15s ease, background 0.15s ease;
  }

  .toast-item__action-btn.svelte-m2kfg3:hover {
    color: var(--color-text);
    background: rgba(255, 255, 255, 0.1);
  }

  /* ══════════════════════════════════════════
     TIMED TOASTS — deck stack + countdown
     ══════════════════════════════════════════ */

  .toast-deck.svelte-m2kfg3 {
    position: relative;
    min-height: 52px;
    pointer-events: none;
  }

  .toast-item.svelte-m2kfg3 {
    position: relative;
    border-radius: 16px;
    pointer-events: auto;
    transform-origin: center bottom;
    transform: translateY(var(--deck-y, 0)) scale(var(--deck-scale, 1));
    opacity: var(--deck-opacity, 1);
    transition:
      transform 0.4s cubic-bezier(0.34, 1.4, 0.64, 1),
      opacity 0.3s ease;
    overflow: hidden;
  }

  /* Stack behind the front card */
  .toast-item.svelte-m2kfg3:not(:first-child) {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
  }

  /* Front card entrance */
  .toast-item--front.svelte-m2kfg3 {
    animation: svelte-m2kfg3-toast-deck-in 0.45s cubic-bezier(0.34, 1.4, 0.64, 1);
  }

  .toast-item.svelte-m2kfg3:hover {
    transform: translateY(0) scale(1) !important;
    opacity: 1 !important;
  }

  .toast-item__body.svelte-m2kfg3 {
    position: relative;
    z-index: 10;
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 12px 14px 12px 16px;
    font-size: 12px;
  }

  /* ── Countdown ring ── */
  .toast-item__icon-wrap.svelte-m2kfg3 {
    position: relative;
    width: 28px;
    height: 28px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .toast-item__countdown.svelte-m2kfg3 {
    position: absolute;
    inset: 0;
    width: 28px;
    height: 28px;
    transform: rotate(-90deg);
  }

  .toast-item__countdown-track.svelte-m2kfg3 {
    fill: none;
    stroke: rgba(255, 255, 255, 0.08);
    stroke-width: 2;
  }

  .toast-item__countdown-ring.svelte-m2kfg3 {
    fill: none;
    stroke: var(--glow-color, rgba(255, 255, 255, 0.4));
    stroke-width: 2;
    stroke-linecap: round;
    stroke-dasharray: 75.4;  /* 2 * PI * 12 */
    stroke-dashoffset: 0;
    animation: svelte-m2kfg3-countdown var(--duration, 5000ms) linear forwards;
  }

  /* Pause countdown on hover */
  .toast-item--hovered.svelte-m2kfg3 .toast-item__countdown-ring:where(.svelte-m2kfg3) {
    animation-play-state: paused;
  }

  @keyframes svelte-m2kfg3-countdown {
    from { stroke-dashoffset: 0; }
    to   { stroke-dashoffset: 75.4; }
  }

  .toast-item__actions.svelte-m2kfg3 {
    display: flex;
    align-items: center;
    gap: 2px;
    flex-shrink: 0;
    opacity: 0;
    transition: opacity 0.15s ease;
  }

  .toast-item.svelte-m2kfg3:hover .toast-item__actions:where(.svelte-m2kfg3) {
    opacity: 1;
  }

  /* ══════════════════════════════════════════
     NON-TIMED NOTIFICATIONS — rolodex
     ══════════════════════════════════════════ */

  .toast-rolodex.svelte-m2kfg3 {
    position: relative;
    pointer-events: auto;
    min-height: 52px;
  }

  .toast-notif.svelte-m2kfg3 {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    animation: svelte-m2kfg3-toast-enter 0.45s cubic-bezier(0.34, 1.4, 0.64, 1);
    transition:
      transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1),
      opacity 0.3s ease;
  }

  .toast-notif.svelte-m2kfg3:not(:first-child) {
    position: absolute;
    inset: 0;
  }

  .toast-notif--read.svelte-m2kfg3 {
    opacity: 0.6 !important;
  }

  .toast-notif__body.svelte-m2kfg3 {
    position: relative;
    z-index: 10;
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 12px 14px 12px 16px;
    font-size: 12px;
  }

  .toast-notif__custom-actions.svelte-m2kfg3 {
    display: flex;
    align-items: center;
    gap: 2px;
    flex-shrink: 0;
  }

  .toast-notif__custom-btn.svelte-m2kfg3 {
    border: none;
    background: rgba(255, 255, 255, 0.08);
    cursor: pointer;
    color: var(--color-text);
    padding: 4px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.15s ease;
  }

  .toast-notif__custom-btn.svelte-m2kfg3:hover {
    background: rgba(255, 255, 255, 0.16);
  }

  .toast-notif__trail.svelte-m2kfg3 {
    display: flex;
    align-items: center;
    gap: 2px;
    flex-shrink: 0;
  }

  .toast-notif__mark-read.svelte-m2kfg3 {
    border: none;
    background: none;
    cursor: pointer;
    color: var(--color-primary, #3b82f6);
    padding: 3px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.15s ease, background 0.15s ease;
  }

  .toast-notif__mark-read.svelte-m2kfg3:hover {
    background: rgba(59, 130, 246, 0.15);
  }

  .toast-rolodex__counter.svelte-m2kfg3 {
    position: absolute;
    bottom: -18px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 9px;
    font-weight: 600;
    color: var(--color-text-muted);
    letter-spacing: 0.04em;
    pointer-events: none;
  }

  /* ══════════════════════════════════════════
     CALL TOAST — avatar + accept/decline
     ══════════════════════════════════════════ */

  .toast-call.svelte-m2kfg3 {
    position: relative;
    border-radius: 20px;
    pointer-events: auto;
    animation: svelte-m2kfg3-toast-enter 0.45s cubic-bezier(0.34, 1.4, 0.64, 1);
    overflow: hidden;
  }

  .toast-call__body.svelte-m2kfg3 {
    position: relative;
    z-index: 10;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
  }

  .toast-call__avatar.svelte-m2kfg3 {
    position: relative;
    width: 44px;
    height: 44px;
    flex-shrink: 0;
  }

  .toast-call__avatar-img.svelte-m2kfg3 {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    object-fit: cover;
  }

  .toast-call__avatar-initials.svelte-m2kfg3 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: linear-gradient(135deg, #6366f1, #a855f7);
    color: white;
    font-size: 16px;
    font-weight: 700;
  }

  .toast-call__pulse.svelte-m2kfg3 {
    position: absolute;
    inset: -4px;
    border-radius: 50%;
    border: 2px solid var(--color-success, #22c55e);
    animation: svelte-m2kfg3-call-pulse 1.5s ease-out infinite;
  }

  @keyframes svelte-m2kfg3-call-pulse {
    0%   { transform: scale(0.9); opacity: 0.8; }
    100% { transform: scale(1.3); opacity: 0; }
  }

  .toast-call__info.svelte-m2kfg3 {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
  }

  .toast-call__name.svelte-m2kfg3 {
    font-size: 14px;
    font-weight: 700;
    color: var(--color-text);
  }

  .toast-call__label.svelte-m2kfg3 {
    font-size: 11px;
    color: var(--color-text-muted);
  }

  .toast-call__btns.svelte-m2kfg3 {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
  }

  .toast-call__btn.svelte-m2kfg3 {
    width: 40px;
    height: 40px;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
  }

  .toast-call__btn.svelte-m2kfg3:hover {
    transform: scale(1.1);
  }

  .toast-call__btn.svelte-m2kfg3:active {
    transform: scale(0.95);
  }

  .toast-call__btn--accept.svelte-m2kfg3 {
    background: var(--color-success, #22c55e);
    box-shadow: 0 0 16px rgba(34, 197, 94, 0.4);
  }

  .toast-call__btn--decline.svelte-m2kfg3 {
    background: var(--color-danger, #ef4444);
    box-shadow: 0 0 16px rgba(239, 68, 68, 0.4);
    transform: rotate(135deg);
  }

  .toast-call__btn--decline.svelte-m2kfg3:hover {
    transform: rotate(135deg) scale(1.1);
  }

  .toast-call__btn--decline.svelte-m2kfg3:active {
    transform: rotate(135deg) scale(0.95);
  }

  /* ══════════════════════════════════════════
     SHARED ANIMATIONS
     ══════════════════════════════════════════ */

  /* Deck entrance: new toast slides up from below into front position */
  @keyframes svelte-m2kfg3-toast-deck-in {
    0% {
      opacity: 0;
      transform: translateY(30px) scale(0.92);
      filter: blur(4px);
    }
    100% {
      opacity: 1;
      transform: translateY(var(--deck-y, 0)) scale(var(--deck-scale, 1));
      filter: blur(0);
    }
  }

  /* Entrance for notifs, calls */
  @keyframes svelte-m2kfg3-toast-enter {
    0% {
      opacity: 0;
      transform: translateY(30px) scale(0.92);
      filter: blur(4px);
    }
    100% {
      opacity: 1;
      transform: translateY(0) scale(1);
      filter: blur(0);
    }
  }
/*$vite$:1*/
/* oneos-renderers/src/lib/dock/AppDock.css */

  /* ── Dock bar: flex row → [content | controls] ── */
  .dock-bar.svelte-1y9emn9 {
    position: fixed;
    bottom: 12px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 50;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    height: 115px;
    width: fit-content;
    background: var(--glass-bg, var(--color-surface));
    backdrop-filter: blur(var(--glass-blur, 24px));
    -webkit-backdrop-filter: blur(var(--glass-blur, 24px));
    border: 1px solid var(--glass-border, var(--color-border));
    border-radius: var(--radius-xl, 16px);
    box-shadow:
      var(--shadow-lg),
      0 0 0 1px rgba(255, 255, 255, 0.05) inset;
    overflow: visible;
  }

  /* ── Right-side controls container ── */
  .dock-controls.svelte-1y9emn9 {
    display: flex;
    align-items: center;
    gap: 4px;
    height: 100%;
    padding: 0 8px;
    flex-shrink: 0;
  }

  /* ── Zoom controls ── */
  .dock-zoom.svelte-1y9emn9 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    height: 100%;
    width: 20px;
    padding: 6px 0;
  }

  .dock-zoom__btn.svelte-1y9emn9 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border: none;
    border-radius: var(--radius-sm);
    background: none;
    color: var(--color-text-muted);
    cursor: pointer;
    opacity: 0.5;
    transition: all 150ms ease-out;
  }
  .dock-zoom__btn.svelte-1y9emn9:hover { opacity: 1; background: var(--color-surface-hover); color: var(--color-text); }
  .dock-zoom__btn.svelte-1y9emn9:active { transform: scale(0.92); }




  /* ── Dock card (center — no own background/border) ── */
  .dock-content.svelte-1y9emn9 {
    display: flex;
    flex-direction: column;
    overflow: visible;
  }

  @keyframes svelte-1y9emn9-dock-enter {
    from {
      opacity: 0;
      filter: blur(12px);
      transform: translateX(-50%) translateY(20px);
    }
    to {
      opacity: 1;
      filter: blur(0);
      transform: translateX(-50%) translateY(0);
    }
  }

  /* ── Status row ── */
  .dock-status.svelte-1y9emn9 {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 12px;
    flex-shrink: 0;
    white-space: nowrap;
  }
  .dock-status__brand.svelte-1y9emn9 { font-size: 14px; font-weight: 800; letter-spacing: -0.03em; background: linear-gradient(135deg, #2dd4bf, #a78bfa); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
  .dock-status__brand-1.svelte-1y9emn9 { background: linear-gradient(135deg, #a78bfa, #818cf8); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }

  /* ── Scope toggles ── */
  .dock-scope.svelte-1y9emn9 { display: flex; gap: 1px; align-items: center; margin-left: 4px; padding: 1px; background: var(--color-surface-secondary, rgba(255,255,255,0.06)); border-radius: 4px; }
  .dock-scope__btn.svelte-1y9emn9 { display: flex; align-items: center; justify-content: center; width: 18px; height: 18px; border: none; border-radius: 3px; background: transparent; color: var(--color-text-muted); cursor: pointer; opacity: 0.35; transition: all 150ms ease-out; }
  .dock-scope__btn.svelte-1y9emn9:hover { opacity: 0.7; background: var(--color-surface-hover); }
  .dock-scope__btn--active.svelte-1y9emn9 { opacity: 1; color: var(--color-text); background: var(--color-surface-hover); }

  .dock-status__ws-btn.svelte-1y9emn9 { display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; margin-left: 6px; border: none; border-radius: var(--radius-sm); background: none; cursor: pointer; transition: all 150ms ease-out; flex-shrink: 0; }
  .dock-status__ws-btn.svelte-1y9emn9:hover { background: var(--color-surface-hover); }
  .dock-status__ws-btn.svelte-1y9emn9:active { transform: scale(0.92); }
  .dock-status__space.svelte-1y9emn9 { display: inline-flex; align-items: center; gap: 4px; font-size: 13px; font-weight: 500; color: var(--color-text-muted); white-space: nowrap; flex-shrink: 0; }
  .dock-status__spacer.svelte-1y9emn9 { flex: 1; }
  .dock-status__tray.svelte-1y9emn9 { display: flex; align-items: center; gap: 4px; flex-shrink: 0; }
  .dock-status__btn.svelte-1y9emn9 { position: relative; display: flex; align-items: center; justify-content: center; width: 26px; height: 26px; border: none; border-radius: var(--radius-md); background: none; color: var(--color-text-muted); cursor: pointer; transition: all 150ms ease-out; }
  .dock-status__btn.svelte-1y9emn9:hover { background: var(--color-surface-hover); color: var(--color-text); }
  .dock-status__dot.svelte-1y9emn9 { position: absolute; bottom: 2px; right: 2px; width: 5px; height: 5px; border-radius: 50%; }
  .dock-status__dot--on.svelte-1y9emn9 { background: var(--color-success, #22c55e); }
  .dock-status__dot--off.svelte-1y9emn9 { background: var(--color-text-muted); }
  .dock-status__badge.svelte-1y9emn9 {
    position: absolute; top: 0; right: 0; min-width: 11px; height: 11px;
    padding: 0 2px; border-radius: var(--radius-full);
    background: var(--color-danger, #ef4444); color: white;
    font-size: 7px; font-weight: 700;
    display: flex; align-items: center; justify-content: center;
    animation: svelte-1y9emn9-badge-bounce 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  }
  @keyframes svelte-1y9emn9-badge-bounce {
    0% { transform: scale(0); } 60% { transform: scale(1.3); } 100% { transform: scale(1); }
  }
  .dock-status__avatar.svelte-1y9emn9 { width: 22px; height: 22px; border-radius: 50%; background: var(--color-primary); color: white; display: flex; align-items: center; justify-content: center; font-size: 10px; font-weight: 600; cursor: pointer; flex-shrink: 0; border: none; padding: 0; }
  .dock-status__avatar.svelte-1y9emn9:hover { opacity: 0.8; }

  /* Notification dropdown */
  .dock-status__notif-wrap.svelte-1y9emn9 { position: relative; }
  .dock-status__notif-backdrop.svelte-1y9emn9 { position: fixed; inset: 0; z-index: 99; }
  .dock-status__notif-dd.svelte-1y9emn9 { position: absolute; bottom: 100%; right: 0; margin-bottom: 8px; width: 280px; background: var(--glass-bg, var(--color-surface)); backdrop-filter: blur(var(--glass-blur, 20px)); border: 1px solid var(--glass-border, var(--color-border)); border-radius: var(--radius-lg, 12px); box-shadow: var(--shadow-lg); z-index: 100; overflow: hidden; }
  .dock-status__notif-hdr.svelte-1y9emn9 { display: flex; align-items: center; justify-content: space-between; padding: 8px 10px 4px; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; color: var(--color-text-muted); }
  .dock-status__notif-mark.svelte-1y9emn9 { border: none; background: none; color: var(--color-primary); font-size: 10px; font-weight: 500; cursor: pointer; }
  /* (unused) .dock-status__notif-list { padding: 4px; }*/
  .dock-status__notif-empty.svelte-1y9emn9 { padding: 16px; text-align: center; font-size: 11px; color: var(--color-text-muted); }
  .dock-status__notif-item.svelte-1y9emn9 { display: flex; align-items: flex-start; gap: 6px; width: 100%; padding: 6px 8px; border: none; border-radius: var(--radius-sm); background: none; cursor: pointer; text-align: left; }
  .dock-status__notif-item.svelte-1y9emn9:hover { background: var(--color-surface-hover); }
  .dock-status__notif-item--unread.svelte-1y9emn9 { background: rgba(59, 130, 246, 0.04); }
  .dock-status__notif-body.svelte-1y9emn9 { flex: 1; display: flex; flex-direction: column; gap: 1px; min-width: 0; }
  .dock-status__notif-title.svelte-1y9emn9 { font-size: 11px; font-weight: 600; color: var(--color-text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .dock-status__notif-text.svelte-1y9emn9 { font-size: 10px; color: var(--color-text-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .dock-status__notif-time.svelte-1y9emn9 { font-size: 9px; color: var(--color-text-muted); flex-shrink: 0; }

  /* ── Icons row ── */
  .dock-icons-row.svelte-1y9emn9 {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  /* Remove the inner Dock component's own background — dock-bar provides the chrome */
  .dock-icons-row.svelte-1y9emn9 .dock__bar {
    background: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    border: none;
    box-shadow: none;
  }

  .dock-icons-row.svelte-1y9emn9 .dock__separator {
    display: none;
  }

  .dock-icons-row.svelte-1y9emn9 .dock {
    padding: 0;
    background: none;
  }

  /* ── Widgets row (below dock icons) ── */
  .dock-widgets.svelte-1y9emn9 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 2px 12px 6px;
    overflow-x: auto;
    scrollbar-width: none;
  }
  .dock-widgets.svelte-1y9emn9::-webkit-scrollbar { display: none; }
  .dock-widgets__item.svelte-1y9emn9 { display: flex; align-items: center; flex-shrink: 0; }

  /* ── Location bookmarks ── */
  .dock-bookmarks.svelte-1y9emn9 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 4px 0;
  }

  /* ── Layout controls (auto-layout modes) ── */
  .dock-layout.svelte-1y9emn9 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    height: 100%;
    width: 22px;
    padding: 6px 0;
  }
  .dock-layout__btn.svelte-1y9emn9 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border: none;
    border-radius: var(--radius-sm);
    background: none;
    color: var(--color-text-muted);
    cursor: pointer;
    opacity: 0.55;
    transition: all 150ms ease-out;
  }
  .dock-layout__btn.svelte-1y9emn9:hover { opacity: 1; background: var(--color-surface-hover); color: var(--color-text); }
  .dock-layout__btn.svelte-1y9emn9:active { transform: scale(0.92); }

  /* ── Grid controls ── */
  .dock-grid.svelte-1y9emn9 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    height: 100%;
    width: 20px;
    padding: 6px 0;
  }

  .dock-grid__btn.svelte-1y9emn9 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border: none;
    border-radius: var(--radius-sm);
    background: none;
    color: var(--color-text-muted);
    cursor: pointer;
    opacity: 0.5;
    transition: all 150ms ease-out;
  }
  .dock-grid__btn.svelte-1y9emn9:hover { opacity: 1; background: var(--color-surface-hover); color: var(--color-text); }
  .dock-grid__btn.svelte-1y9emn9:active { transform: scale(0.92); }
  .dock-grid__btn--active.svelte-1y9emn9 { opacity: 0.85; color: var(--color-primary, #60a5fa); }

  .dock-grid__size.svelte-1y9emn9 {
    font-size: 9px;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    line-height: 1;
  }

  /* ── Minimap slot ── */
  .dock-minimap-slot.svelte-1y9emn9 {
    width: 197px;
    height: 111px;
    margin-top: -7px;
    border-radius: 0;
    overflow: hidden;
    pointer-events: auto;
    flex-shrink: 0;
  }


  /* Avatar context menu */
  .dock-avatar-ctx.svelte-1y9emn9 { position: fixed; z-index: 1000; min-width: 180px; padding: 4px 0; background: var(--glass-bg, var(--color-surface)); backdrop-filter: blur(var(--glass-blur, 20px)); border: 1px solid var(--glass-border, var(--color-border)); border-radius: var(--radius-lg, 12px); box-shadow: var(--shadow-lg); }
  .dock-avatar-ctx__section.svelte-1y9emn9 { padding: 4px 10px 2px; font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; color: var(--color-text-muted); }
  .dock-avatar-ctx__item.svelte-1y9emn9 { display: flex; align-items: center; gap: 8px; width: calc(100% - 6px); margin: 0 3px; padding: 6px 10px; border: none; background: none; border-radius: var(--radius-sm); cursor: pointer; font-size: 11px; color: var(--color-text); text-align: left; transition: background 150ms ease-out; }
  .dock-avatar-ctx__item.svelte-1y9emn9:hover { background: var(--color-surface-hover); }
  .dock-avatar-ctx__item--danger.svelte-1y9emn9 { color: var(--color-danger); }
  .dock-avatar-ctx__div.svelte-1y9emn9 { height: 1px; margin: 4px 10px; background: var(--color-border); opacity: 0.4; }

  .dock-content.svelte-1y9emn9 > * {
    pointer-events: auto;
  }



  .picker-backdrop.svelte-1y9emn9 {
    position: fixed;
    inset: 0;
    z-index: 99;
  }

  /* ── Space selector overlay (InteractiveSelector) ── */
  .space-selector-overlay.svelte-1y9emn9 {
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 12px;
    width: min(600px, 80vw);
    z-index: 100;
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: center;
  }

  /* (unused) .space-selector__new {
    padding: 6px 16px;
    border: 1px solid var(--glass-border, var(--color-border));
    border-radius: var(--radius-md, 8px);
    background: var(--glass-bg, var(--color-surface));
    backdrop-filter: blur(var(--glass-blur, 20px));
    color: var(--color-text-muted);
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    font-family: inherit;
    transition: all 150ms;
  }*/

  /* (unused) .space-selector__new:hover {
    color: var(--color-text);
    background: var(--color-surface-hover);
  }*/

  .picker.svelte-1y9emn9 {
    position: absolute;
    bottom: 100%;
    margin-bottom: 12px;
    width: 280px;
    background: var(--glass-bg, var(--color-surface));
    backdrop-filter: blur(var(--glass-blur, 20px));
    -webkit-backdrop-filter: blur(var(--glass-blur, 20px));
    border: 1px solid var(--glass-border, var(--color-border));
    border-radius: var(--radius-xl, 16px);
    box-shadow: var(--shadow-xl, 0 20px 40px rgba(15, 23, 42, 0.08));
    z-index: 100;
    overflow: hidden;
  }

  .picker__header.svelte-1y9emn9 {
    padding: 14px 16px 8px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--color-text-muted);
  }

  .picker__list.svelte-1y9emn9 {
    padding: 0 4px;
    max-height: 240px;
    overflow-y: auto;
  }

  .picker__item.svelte-1y9emn9 {
    display: flex;
    align-items: center;
    gap: var(--space-1, 4px);
    width: 100%;
    padding: 8px;
    border: none;
    border-radius: var(--radius-sm);
    background: none;
    color: var(--color-text);
    font-size: var(--font-size-sm, 12px);
    cursor: pointer;
    text-align: left;
  }

  .picker__item.svelte-1y9emn9:hover {
    background: var(--color-surface-hover);
  }

  /* (unused) .picker__item--active {
    background: var(--color-surface-secondary, #f0f0f0);
  }*/

  .picker__dot.svelte-1y9emn9 {
    width: 10px;
    height: 10px;
    border-radius: var(--radius-full, 50%);
    flex-shrink: 0;
  }

  .picker__name.svelte-1y9emn9 {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 500;
  }

  /* (unused) .picker__members {
    font-size: 10px;
    color: var(--color-text-muted);
    background: var(--color-surface-secondary, #f0f0f0);
    padding: 1px 5px;
    border-radius: var(--radius-full, 50%);
    flex-shrink: 0;
  }*/

  .picker__new.svelte-1y9emn9 {
    display: flex;
    align-items: center;
    gap: 6px;
    width: 100%;
    padding: 10px 12px;
    border: none;
    border-top: 1px solid var(--color-border);
    background: none;
    color: var(--color-primary, #3b82f6);
    font-size: var(--font-size-sm, 12px);
    font-weight: 500;
    cursor: pointer;
  }

  .picker__new.svelte-1y9emn9:hover {
    background: var(--color-surface-hover);
  }

  /* Create form */

  .picker__create-form.svelte-1y9emn9 {
    padding: 8px 12px 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
  }

  .picker__input.svelte-1y9emn9 {
    width: 100%;
    padding: 6px 8px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    font-size: var(--font-size-sm, 12px);
    color: var(--color-text);
    background: var(--color-background);
    outline: none;
  }

  .picker__input.svelte-1y9emn9:focus {
    border-color: var(--color-primary, #3b82f6);
  }

  .picker__type-row.svelte-1y9emn9 {
    display: flex;
    gap: 4px;
  }

  .picker__type-btn.svelte-1y9emn9 {
    flex: 1;
    padding: 4px 0;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    background: none;
    color: var(--color-text-muted);
    font-size: 10px;
    font-weight: 500;
    cursor: pointer;
  }

  .picker__type-btn.svelte-1y9emn9:hover {
    border-color: var(--color-primary, #3b82f6);
    color: var(--color-text);
  }

  .picker__type-btn--active.svelte-1y9emn9 {
    border-color: var(--color-primary, #3b82f6);
    background: var(--color-primary, #3b82f6);
    color: white;
  }

  .picker__actions.svelte-1y9emn9 {
    display: flex;
    gap: 6px;
    justify-content: flex-end;
  }

  .picker__cancel.svelte-1y9emn9 {
    padding: 4px 10px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    background: none;
    color: var(--color-text-muted);
    font-size: 11px;
    cursor: pointer;
  }

  .picker__cancel.svelte-1y9emn9:hover {
    background: var(--color-surface-hover);
  }

  .picker__confirm.svelte-1y9emn9 {
    padding: 4px 10px;
    border: none;
    border-radius: var(--radius-sm);
    background: var(--color-primary, #3b82f6);
    color: white;
    font-size: 11px;
    font-weight: 500;
    cursor: pointer;
  }

  .picker__confirm.svelte-1y9emn9:disabled {
    opacity: 0.5;
    cursor: not-allowed;
  }

  .picker__confirm.svelte-1y9emn9:not(:disabled):hover {
    filter: brightness(1.1);
  }

  /* ── Create palette (2×4 popup grid) ── */
  .create-palette.svelte-1y9emn9 {
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 12px;
    background: var(--glass-bg, var(--color-surface));
    backdrop-filter: blur(var(--glass-blur, 20px));
    -webkit-backdrop-filter: blur(var(--glass-blur, 20px));
    border: 1px solid var(--glass-border, var(--color-border));
    border-radius: var(--radius-xl, 16px);
    box-shadow: var(--shadow-xl, 0 20px 40px rgba(0, 0, 0, 0.12));
    z-index: 100;
    padding: 12px;
    animation: svelte-1y9emn9-palette-in 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  }

  @keyframes svelte-1y9emn9-palette-in {
    from { opacity: 0; transform: translateX(-50%) translateY(8px) scale(0.95); filter: blur(6px); }
    to { opacity: 1; transform: translateX(-50%) translateY(0) scale(1); filter: blur(0); }
  }

  .create-palette__header.svelte-1y9emn9 {
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--color-text-muted);
    padding: 0 4px 8px;
  }

  .create-palette__grid.svelte-1y9emn9 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 4px;
  }

  .create-palette__item.svelte-1y9emn9 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    padding: 10px 8px;
    border: none;
    border-radius: var(--radius-lg, 10px);
    background: none;
    color: var(--color-text);
    cursor: pointer;
    transition: all 0.15s ease;
    min-width: 64px;
  }

  .create-palette__item.svelte-1y9emn9:hover {
    background: var(--color-surface-hover);
    transform: translateY(-1px);
  }

  .create-palette__item.svelte-1y9emn9:active {
    transform: scale(0.96);
  }

  .create-palette__label.svelte-1y9emn9 {
    font-size: 10px;
    font-weight: 500;
    color: var(--color-text-muted);
    white-space: nowrap;
  }

  .create-palette__item.svelte-1y9emn9:hover .create-palette__label:where(.svelte-1y9emn9) {
    color: var(--color-text);
  }

  /* Dock background context menu */
  .dock-ctx.svelte-1y9emn9 {
    position: fixed;
    z-index: 1000;
    min-width: 180px;
    padding: 4px 0;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md, 8px);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
  }

  .dock-ctx__section.svelte-1y9emn9 {
    padding: 4px 12px 2px;
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--color-text-muted);
  }

  .dock-ctx__item.svelte-1y9emn9 {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 6px 12px;
    border: none;
    background: none;
    cursor: pointer;
    font-size: 11px;
    color: var(--color-text);
    text-align: left;
  }

  .dock-ctx__item.svelte-1y9emn9:hover {
    background: var(--color-surface-hover);
  }

  /* Calendar picker extras */
  .picker__color-btn.svelte-1y9emn9 { width: 24px; height: 24px; border: 2px solid transparent; border-radius: var(--radius-sm); cursor: pointer; }
  .picker__color-btn.svelte-1y9emn9:hover { filter: brightness(1.1); }
  .picker__color-btn--active.svelte-1y9emn9 { border-color: var(--color-text); }
  /* dock-icon-pad removed — icons render naked on the glass bar */

  /* (unused) .dock-avatar { width: 36px; height: 36px; border-radius: 50%; background: var(--color-primary, #3b82f6); color: white; display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 600; }*/

  .picker__edit-btn.svelte-1y9emn9 { border: none; background: none; color: var(--color-text-muted); cursor: pointer; padding: 2px 4px; border-radius: var(--radius-sm); margin-left: auto; }
  .picker__edit-btn.svelte-1y9emn9:hover { background: var(--color-surface-hover); color: var(--color-text); }
  .picker__delete-btn.svelte-1y9emn9 { border: none; background: none; color: var(--color-text-muted); cursor: pointer; font-size: 16px; padding: 0 4px; }
  .picker__delete-btn.svelte-1y9emn9:hover { color: var(--color-danger, #ef4444); }

  /* ── Instance popup ── */
  .instance-backdrop.svelte-1y9emn9 { position: fixed; inset: 0; z-index: 99; }
  .instance-popup.svelte-1y9emn9 {
    position: fixed;
    z-index: 100;
    min-width: 180px;
    padding: 4px 0;
    background: var(--glass-bg, var(--color-surface));
    backdrop-filter: blur(var(--glass-blur, 20px));
    -webkit-backdrop-filter: blur(var(--glass-blur, 20px));
    border: 1px solid var(--glass-border, var(--color-border));
    border-radius: var(--radius-lg, 12px);
    box-shadow: var(--shadow-lg);
  }
  .instance-popup__header.svelte-1y9emn9 {
    padding: 6px 14px 4px;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--color-text-muted);
  }
  .instance-popup__item.svelte-1y9emn9 {
    display: flex;
    align-items: center;
    gap: 8px;
    width: calc(100% - 8px);
    margin: 0 4px;
    padding: 6px 10px;
    border: none;
    background: none;
    cursor: pointer;
    font-size: 12px;
    color: var(--color-text);
    text-align: left;
    border-radius: var(--radius-sm);
  }
  .instance-popup__item.svelte-1y9emn9:hover { background: var(--color-surface-hover); }
  .instance-popup__item--new.svelte-1y9emn9 { color: var(--color-primary, #3b82f6); }
  .instance-popup__divider.svelte-1y9emn9 { height: 1px; margin: 4px 10px; background: var(--color-border); opacity: 0.4; }
/*$vite$:1*/
/* oneos-renderers/src/lib/dock/ClaimGate.css */

  .setup.svelte-13s46f0 {
    position: fixed;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 1.5rem;
    z-index: 50;
  }
  .setup__card.svelte-13s46f0 {
    width: 100%;
    max-width: 26rem;
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    padding: 2rem;
    border-radius: 1rem;
    background: var(--color-surface, rgba(20, 20, 28, 0.72));
    backdrop-filter: blur(18px);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.35);
    color: var(--color-text, #f2f3f7);
  }
  .setup__title.svelte-13s46f0 { margin: 0; font-size: 1.4rem; font-weight: 650; }
  .setup__sub.svelte-13s46f0 { margin: 0 0 0.5rem; font-size: 0.9rem; opacity: 0.78; line-height: 1.45; }
  .setup__label.svelte-13s46f0 { font-size: 0.78rem; font-weight: 600; opacity: 0.8; margin-top: 0.35rem; }
  .setup__input.svelte-13s46f0 {
    width: 100%;
    box-sizing: border-box;
    padding: 0.6rem 0.7rem;
    border-radius: 0.55rem;
    border: 1px solid var(--color-border, rgba(255, 255, 255, 0.14));
    background: var(--color-surface-secondary, rgba(255, 255, 255, 0.06));
    color: inherit;
    font-size: 0.92rem;
  }
  .setup__input.svelte-13s46f0:focus { outline: none; border-color: var(--color-accent, #10b981); }
  .setup__key.svelte-13s46f0 code:where(.svelte-13s46f0) { font-family: ui-monospace, monospace; }
  .setup__btn.svelte-13s46f0 {
    margin-top: 0.8rem;
    padding: 0.7rem 1rem;
    border: none;
    border-radius: 0.6rem;
    background: var(--color-accent, #10b981);
    color: #06281d;
    font-weight: 650;
    font-size: 0.95rem;
    cursor: pointer;
  }
  .setup__btn.svelte-13s46f0:disabled { opacity: 0.6; cursor: default; }
  .setup__key.svelte-13s46f0 {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.7rem;
    border-radius: 0.55rem;
    background: rgba(0, 0, 0, 0.35);
    border: 1px solid rgba(255, 255, 255, 0.12);
    word-break: break-all;
  }
  .setup__key.svelte-13s46f0 code:where(.svelte-13s46f0) { flex: 1; font-size: 0.85rem; }
  .setup__copy.svelte-13s46f0 {
    flex: none;
    padding: 0.35rem 0.7rem;
    border-radius: 0.4rem;
    border: 1px solid rgba(255, 255, 255, 0.18);
    background: transparent;
    color: inherit;
    cursor: pointer;
    font-size: 0.8rem;
  }
  .setup__error.svelte-13s46f0 { margin: 0.4rem 0 0; font-size: 0.84rem; color: #ff8a8a; line-height: 1.4; }
/*$vite$:1*/
/* oneos-ui/src/lib/primitives/Button.css */

  .ob.svelte-8lp98u {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border: 1px solid transparent;
    border-radius: var(--radius-md, 8px);
    font-family: inherit;
    font-weight: 500;
    cursor: pointer;
    white-space: nowrap;
    position: relative;
    transition: background 150ms ease, border-color 150ms ease, color 150ms ease, opacity 150ms ease;
    outline: none;
  }
  .ob.svelte-8lp98u:focus-visible {
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-primary, #00B8A0) 25%, transparent);
  }
  .ob.svelte-8lp98u:disabled {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
  }

  /* ── Primary: solid fill ── */
  .ob--primary.svelte-8lp98u {
    background: var(--color-primary, #00B8A0);
    color: var(--color-on-primary, #fff);
    border-color: var(--color-primary, #00B8A0);
  }
  .ob--primary.svelte-8lp98u:hover:not(:disabled) {
    background: var(--color-primary-hover, #009e8a);
    border-color: var(--color-primary-hover, #009e8a);
  }

  /* ── Secondary: border only ── */
  .ob--secondary.svelte-8lp98u {
    background: transparent;
    color: var(--color-text, #f0f0f5);
    border-color: var(--color-border, rgba(255,255,255,0.08));
  }
  .ob--secondary.svelte-8lp98u:hover:not(:disabled) {
    background: var(--color-surface-hover, rgba(255,255,255,0.04));
    border-color: var(--color-border-hover, rgba(255,255,255,0.15));
  }

  /* ── Danger: solid red ── */
  .ob--danger.svelte-8lp98u {
    background: var(--color-danger, #ef4444);
    color: #fff;
    border-color: var(--color-danger, #ef4444);
  }
  .ob--danger.svelte-8lp98u:hover:not(:disabled) {
    background: var(--color-danger-hover, #dc2626);
    border-color: var(--color-danger-hover, #dc2626);
  }

  /* ── Ghost: no background, no border ── */
  .ob--ghost.svelte-8lp98u {
    background: transparent;
    color: var(--color-text-secondary, #c8c8d8);
    border-color: transparent;
  }
  .ob--ghost.svelte-8lp98u:hover:not(:disabled) {
    background: var(--color-surface-hover, rgba(255,255,255,0.04));
    color: var(--color-text, #f0f0f5);
  }

  /* ── Link: text only ── */
  .ob--link.svelte-8lp98u {
    background: transparent;
    color: var(--color-primary, #00B8A0);
    border-color: transparent;
    padding-left: 0;
    padding-right: 0;
  }
  .ob--link.svelte-8lp98u:hover:not(:disabled) {
    text-decoration: underline;
  }

  /* ── Sizes ── */
  .ob--sm.svelte-8lp98u { padding: 4px 10px; font-size: 12px; min-height: 28px; border-radius: var(--radius-sm, 6px); }
  .ob--md.svelte-8lp98u { padding: 6px 14px; font-size: 13px; min-height: 34px; }
  .ob--lg.svelte-8lp98u { padding: 8px 18px; font-size: 14px; min-height: 40px; }

  .ob--full.svelte-8lp98u { width: 100%; }

  /* ── Loading spinner ── */
  .ob__spinner.svelte-8lp98u {
    position: absolute;
    width: 1em;
    height: 1em;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: svelte-8lp98u-ob-spin 0.6s linear infinite;
  }
  @keyframes svelte-8lp98u-ob-spin { to { transform: rotate(360deg); } }

  .ob__content.svelte-8lp98u { display: inline-flex; align-items: center; gap: 6px; }
  .ob__content--hidden.svelte-8lp98u { visibility: hidden; display: inline-flex; align-items: center; gap: 6px; }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/Modal.css */

  .modal.svelte-z5x4kt {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    padding: var(--space-4);
    border: none;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .modal.svelte-z5x4kt::backdrop {
    background-color: rgb(0 0 0 / 0.4);
    backdrop-filter: blur(8px);
  }

  .modal.svelte-z5x4kt:not([open]) {
    display: none;
  }

  .modal-container.svelte-z5x4kt {
    background-color: var(--color-surface);
    border-radius: var(--radius-xl, 16px);
    box-shadow: var(--shadow-xl, 0 20px 40px rgba(15, 23, 42, 0.08));
    max-height: calc(100vh - var(--space-8));
    display: flex;
    flex-direction: column;
    overflow: hidden;
    animation: svelte-z5x4kt-modal-in 200ms ease-out;
  }

  @keyframes svelte-z5x4kt-modal-in {
    from {
      opacity: 0;
      transform: scale(0.97) translateY(8px);
    }
    to {
      opacity: 1;
      transform: scale(1) translateY(0);
    }
  }

  /* Sizes — per Stitch spec */
  .modal-sm.svelte-z5x4kt .modal-container:where(.svelte-z5x4kt) { width: 400px; }
  .modal-md.svelte-z5x4kt .modal-container:where(.svelte-z5x4kt) { width: 560px; }
  .modal-lg.svelte-z5x4kt .modal-container:where(.svelte-z5x4kt) { width: 800px; }
  .modal-xl.svelte-z5x4kt .modal-container:where(.svelte-z5x4kt) { width: 1140px; }
  .modal-full.svelte-z5x4kt .modal-container:where(.svelte-z5x4kt) {
    width: calc(100vw - var(--space-8));
    height: calc(100vh - var(--space-8));
  }

  .modal-header.svelte-z5x4kt {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4);
    padding: 20px 24px;
  }

  .modal-title.svelte-z5x4kt {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: var(--color-text);
    letter-spacing: -0.01em;
  }

  .modal-close.svelte-z5x4kt {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    border: none;
    border-radius: var(--radius-md);
    background: transparent;
    color: var(--color-text-muted);
    cursor: pointer;
    transition: all 150ms ease-out;
  }

  .modal-close.svelte-z5x4kt:hover {
    background-color: var(--color-surface-hover);
    color: var(--color-text);
  }

  .modal-close.svelte-z5x4kt svg:where(.svelte-z5x4kt) {
    width: 20px;
    height: 20px;
  }

  .modal-body.svelte-z5x4kt {
    flex: 1;
    padding: 0 24px 24px;
    overflow-y: auto;
  }

  .modal-footer.svelte-z5x4kt {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--space-3);
    padding: 16px 24px;
    background-color: var(--color-surface-secondary, var(--color-background));
  }
/*$vite$:1*/
/* oneos-ui/src/lib/primitives/Checkbox.css */

  .checkbox-wrapper.svelte-ejlqxp {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    cursor: pointer;
    user-select: none;
  }

  .checkbox-wrapper.checkbox-disabled.svelte-ejlqxp {
    opacity: 0.5;
    cursor: not-allowed;
  }

  .checkbox-input.svelte-ejlqxp {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
  }

  .checkbox-box.svelte-ejlqxp {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border: 2px solid var(--color-border);
    border-radius: var(--radius-sm);
    background-color: var(--color-surface);
    transition: var(--transition-colors);
  }

  .checkbox-icon.svelte-ejlqxp {
    opacity: 0;
    color: var(--color-on-primary);
    transition: opacity var(--duration-fast) var(--ease-out);
  }

  /* Hover */
  .checkbox-wrapper.svelte-ejlqxp:hover:not(.checkbox-disabled) .checkbox-box:where(.svelte-ejlqxp) {
    border-color: var(--color-border-hover);
  }

  /* Focus */
  .checkbox-input.svelte-ejlqxp:focus-visible + .checkbox-box:where(.svelte-ejlqxp) {
    box-shadow: var(--shadow-focus);
  }

  /* Checked */
  .checkbox-input.svelte-ejlqxp:checked + .checkbox-box:where(.svelte-ejlqxp) {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
  }

  .checkbox-input.svelte-ejlqxp:checked + .checkbox-box:where(.svelte-ejlqxp) .checkbox-icon:where(.svelte-ejlqxp) {
    opacity: 1;
  }

  /* Error */
  .checkbox-input.checkbox-error.svelte-ejlqxp + .checkbox-box:where(.svelte-ejlqxp) {
    border-color: var(--color-danger);
  }

  /* Sizes */
  .checkbox-sm.svelte-ejlqxp .checkbox-box:where(.svelte-ejlqxp) {
    width: 16px;
    height: 16px;
  }
  .checkbox-sm.svelte-ejlqxp .checkbox-icon:where(.svelte-ejlqxp) {
    width: 12px;
    height: 12px;
  }
  .checkbox-sm.svelte-ejlqxp .checkbox-label:where(.svelte-ejlqxp) {
    font-size: var(--text-sm);
  }

  .checkbox-md.svelte-ejlqxp .checkbox-box:where(.svelte-ejlqxp) {
    width: 20px;
    height: 20px;
  }
  .checkbox-md.svelte-ejlqxp .checkbox-icon:where(.svelte-ejlqxp) {
    width: 14px;
    height: 14px;
  }
  .checkbox-md.svelte-ejlqxp .checkbox-label:where(.svelte-ejlqxp) {
    font-size: var(--text-base);
  }

  .checkbox-lg.svelte-ejlqxp .checkbox-box:where(.svelte-ejlqxp) {
    width: 24px;
    height: 24px;
  }
  .checkbox-lg.svelte-ejlqxp .checkbox-icon:where(.svelte-ejlqxp) {
    width: 16px;
    height: 16px;
  }
  .checkbox-lg.svelte-ejlqxp .checkbox-label:where(.svelte-ejlqxp) {
    font-size: var(--text-lg);
  }

  .checkbox-label.svelte-ejlqxp {
    color: var(--color-text);
  }
/*$vite$:1*/
/* oneos-ui/src/lib/primitives/Input.css */

  /* ── Standalone input ── */
  .oi-input.svelte-8kva6e {
    display: block;
    width: auto;
    border: 1px solid var(--color-border, rgba(255,255,255,0.08));
    border-radius: var(--radius-md, 8px);
    background: var(--color-background, #0f1019);
    color: var(--color-text, #f0f0f5);
    font-family: inherit;
    outline: none;
    transition: border-color 150ms ease, box-shadow 150ms ease;
  }
  .oi-input.svelte-8kva6e::placeholder { color: var(--color-text-muted, #666); }
  .oi-input.svelte-8kva6e:hover { border-color: var(--color-border-hover, rgba(255,255,255,0.15)); }
  .oi-input.svelte-8kva6e:focus {
    border-color: var(--color-primary, #00B8A0);
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--color-primary, #00B8A0) 15%, transparent);
  }
  .oi-input.svelte-8kva6e:disabled,
  .oi-input--disabled.svelte-8kva6e {
    opacity: 0.5;
    cursor: not-allowed;
  }

  /* Sizes */
  .oi-input--sm.svelte-8kva6e { padding: 6px 10px; font-size: 12px; min-height: 30px; }
  .oi-input--md.svelte-8kva6e { padding: 8px 12px; font-size: 13px; min-height: 36px; }
  .oi-input--lg.svelte-8kva6e { padding: 10px 14px; font-size: 14px; min-height: 42px; }

  /* Error */
  .oi-input--error.svelte-8kva6e {
    border-color: var(--color-danger, #ef4444);
  }
  .oi-input--error.svelte-8kva6e:focus {
    border-color: var(--color-danger, #ef4444);
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--color-danger, #ef4444) 15%, transparent);
  }

  /* Full width */
  .oi-input--full.svelte-8kva6e { width: 100%; }

  /* ── Wrapper with prefix/suffix ── */
  .oi-input-wrap.svelte-8kva6e {
    display: inline-flex;
    align-items: center;
    border: 1px solid var(--color-border, rgba(255,255,255,0.08));
    border-radius: var(--radius-md, 8px);
    background: var(--color-background, #0f1019);
    transition: border-color 150ms ease, box-shadow 150ms ease;
    overflow: hidden;
  }
  .oi-input-wrap.svelte-8kva6e:hover { border-color: var(--color-border-hover, rgba(255,255,255,0.15)); }
  .oi-input-wrap.svelte-8kva6e:focus-within {
    border-color: var(--color-primary, #00B8A0);
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--color-primary, #00B8A0) 15%, transparent);
  }
  .oi-input-wrap--error.svelte-8kva6e { border-color: var(--color-danger, #ef4444); }
  .oi-input-wrap--error.svelte-8kva6e:focus-within {
    border-color: var(--color-danger, #ef4444);
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--color-danger, #ef4444) 15%, transparent);
  }
  .oi-input-wrap--full.svelte-8kva6e { width: 100%; }
  .oi-input-wrap--disabled.svelte-8kva6e { opacity: 0.5; cursor: not-allowed; }

  /* Sizes on wrapper */
  .oi-input-wrap--sm.svelte-8kva6e { min-height: 30px; font-size: 12px; }
  .oi-input-wrap--md.svelte-8kva6e { min-height: 36px; font-size: 13px; }
  .oi-input-wrap--lg.svelte-8kva6e { min-height: 42px; font-size: 14px; }

  /* Adorned input (no border, fills wrapper) */
  .oi-input--adorned.svelte-8kva6e {
    flex: 1;
    min-width: 0;
    border: none;
    border-radius: 0;
    background: transparent;
    color: var(--color-text, #f0f0f5);
    font-family: inherit;
    font-size: inherit;
    outline: none;
  }
  .oi-input--adorned.svelte-8kva6e::placeholder { color: var(--color-text-muted, #666); }

  .oi-input-wrap--sm.svelte-8kva6e .oi-input--adorned:where(.svelte-8kva6e) { padding: 6px 10px; }
  .oi-input-wrap--md.svelte-8kva6e .oi-input--adorned:where(.svelte-8kva6e) { padding: 8px 12px; }
  .oi-input-wrap--lg.svelte-8kva6e .oi-input--adorned:where(.svelte-8kva6e) { padding: 10px 14px; }

  /* Adornment areas */
  .oi-input-adorn.svelte-8kva6e {
    display: flex;
    align-items: center;
    color: var(--color-text-muted, #666);
    white-space: nowrap;
    user-select: none;
    flex-shrink: 0;
  }
  .oi-input-adorn--prefix.svelte-8kva6e {
    padding-left: 10px;
    border-right: 1px solid var(--color-border, rgba(255,255,255,0.08));
    padding-right: 10px;
  }
  .oi-input-adorn--suffix.svelte-8kva6e {
    padding-right: 10px;
    border-left: 1px solid var(--color-border, rgba(255,255,255,0.08));
    padding-left: 10px;
  }

  .oi-input-wrap--sm.svelte-8kva6e .oi-input-adorn:where(.svelte-8kva6e) { font-size: 11px; padding-left: 8px; padding-right: 8px; }
  .oi-input-wrap--lg.svelte-8kva6e .oi-input-adorn:where(.svelte-8kva6e) { font-size: 14px; padding-left: 12px; padding-right: 12px; }
/*$vite$:1*/
/* oneos-renderers/src/lib/settings/CredentialLinkPicker.css */

  .cred-picker.svelte-q24yn8 {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 420px;
    max-height: 60vh;
  }
  .cred-picker__hint.svelte-q24yn8 {
    margin: 0;
    font-size: 12px;
    opacity: 0.75;
    line-height: 1.5;
  }
  .cred-picker__hint.svelte-q24yn8 code:where(.svelte-q24yn8) {
    font-family: ui-monospace, monospace;
    background: rgba(0, 0, 0, 0.04);
    padding: 1px 4px;
    border-radius: 2px;
  }
  .cred-picker__list.svelte-q24yn8 {
    display: flex;
    flex-direction: column;
    gap: 6px;
    overflow-y: auto;
  }
  .cred-picker__row.svelte-q24yn8 {
    display: flex;
    align-items: center;
    gap: 12px;
  }
  .cred-picker__info.svelte-q24yn8 {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
  }
  .cred-picker__name.svelte-q24yn8 {
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 500;
    font-size: 13px;
  }
  .cred-picker__meta.svelte-q24yn8 {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 11px;
    opacity: 0.6;
  }
  .cred-picker__tags.svelte-q24yn8 {
    font-family: ui-monospace, monospace;
    opacity: 0.7;
  }
  .cred-picker__empty.svelte-q24yn8 {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 24px;
    text-align: center;
    color: var(--text-muted, #888);
  }
  .cred-picker__empty.svelte-q24yn8 p:where(.svelte-q24yn8) {
    margin: 4px 0;
  }
  .cred-picker__empty-hint.svelte-q24yn8 {
    font-size: 11px;
    opacity: 0.7;
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/FormField.css */

  .form-field.svelte-hiqrh6 {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
  }

  .form-field.label-left.svelte-hiqrh6 {
    flex-direction: row;
    align-items: flex-start;
    gap: var(--space-4);
  }

  .form-field.label-left.svelte-hiqrh6 .form-field-label:where(.svelte-hiqrh6) {
    min-width: 120px;
    padding-top: var(--space-2);
  }

  .form-field.label-left.svelte-hiqrh6 .form-field-input:where(.svelte-hiqrh6) {
    flex: 1;
  }

  .form-field-label.svelte-hiqrh6 {
    display: block;
    font-size: var(--text-sm);
    font-weight: var(--font-medium);
    color: var(--color-text);
  }

  .form-field-required.svelte-hiqrh6 {
    color: var(--color-danger);
    margin-left: var(--space-0.5);
  }

  .form-field-input.svelte-hiqrh6 {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
  }

  /* Make inputs full width by default */
  .form-field-input.svelte-hiqrh6 input,
  .form-field-input.svelte-hiqrh6 textarea,
  .form-field-input.svelte-hiqrh6 select {
    width: 100%;
  }

  .form-field-hint.svelte-hiqrh6 {
    margin: 0;
    font-size: var(--text-sm);
    color: var(--color-text-muted);
  }

  .form-field-error-text.svelte-hiqrh6 {
    margin: 0;
    font-size: var(--text-sm);
    color: var(--color-danger);
  }

  /* Error state styling */
  .form-field-error.svelte-hiqrh6 .form-field-label:where(.svelte-hiqrh6) {
    color: var(--color-danger);
  }
/*$vite$:1*/
/* oneos-ui/src/lib/primitives/TextArea.css */

  .ota.svelte-1ofzm7o {
    display: block;
    width: auto;
    border: 1px solid var(--color-border, rgba(255,255,255,0.08));
    border-radius: var(--radius-md, 8px);
    background: var(--color-background, #0f1019);
    color: var(--color-text, #f0f0f5);
    font-family: inherit;
    resize: vertical;
    outline: none;
    transition: border-color 150ms ease, box-shadow 150ms ease;
  }
  .ota.svelte-1ofzm7o::placeholder { color: var(--color-text-muted, #666); }
  .ota.svelte-1ofzm7o:hover:not(:disabled) { border-color: var(--color-border-hover, rgba(255,255,255,0.15)); }
  .ota.svelte-1ofzm7o:focus {
    border-color: var(--color-primary, #00B8A0);
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--color-primary, #00B8A0) 15%, transparent);
  }
  .ota.svelte-1ofzm7o:disabled {
    opacity: 0.5;
    cursor: not-allowed;
    resize: none;
  }

  .ota--error.svelte-1ofzm7o { border-color: var(--color-danger, #ef4444); }
  .ota--error.svelte-1ofzm7o:focus {
    border-color: var(--color-danger, #ef4444);
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--color-danger, #ef4444) 15%, transparent);
  }

  .ota--sm.svelte-1ofzm7o { padding: 6px 10px; font-size: 12px; }
  .ota--md.svelte-1ofzm7o { padding: 8px 12px; font-size: 13px; }
  .ota--lg.svelte-1ofzm7o { padding: 10px 14px; font-size: 14px; }

  .ota--full.svelte-1ofzm7o { width: 100%; }
/*$vite$:1*/
/* oneos-ui/src/lib/primitives/Select.css */

  .select.svelte-yfdxoe {
    position: relative;
    display: inline-flex;
    width: 100%;
  }

  .select__input.svelte-yfdxoe {
    width: 100%;
    appearance: none;
    background: var(--color-surface, #fff);
    border: 1px solid var(--color-border, #e2e8f0);
    border-radius: var(--radius-md, 0.375rem);
    color: var(--color-text, #1a202c);
    cursor: pointer;
    font-family: inherit;
    outline: none;
    transition: border-color 0.15s, box-shadow 0.15s;
    padding-right: 2.5rem;
  }

  .select--sm.svelte-yfdxoe .select__input:where(.svelte-yfdxoe) { padding: 0.375rem 0.75rem; font-size: 0.875rem; }
  .select--md.svelte-yfdxoe .select__input:where(.svelte-yfdxoe) { padding: 0.5rem 1rem; font-size: 1rem; }
  .select--lg.svelte-yfdxoe .select__input:where(.svelte-yfdxoe) { padding: 0.75rem 1.25rem; font-size: 1.125rem; }

  .select--filled.svelte-yfdxoe .select__input:where(.svelte-yfdxoe) {
    background: var(--color-surface-muted, #f1f5f9);
    border-color: transparent;
  }

  .select--unstyled.svelte-yfdxoe .select__input:where(.svelte-yfdxoe) {
    background: transparent;
    border-color: transparent;
    padding-left: 0;
  }

  .select__input.svelte-yfdxoe:focus {
    border-color: var(--color-primary, #3b82f6);
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
  }

  .select--error.svelte-yfdxoe .select__input:where(.svelte-yfdxoe) {
    border-color: var(--color-error, #ef4444);
  }

  .select--disabled.svelte-yfdxoe {
    opacity: 0.5;
    pointer-events: none;
  }

  .select__icon.svelte-yfdxoe {
    position: absolute;
    right: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    color: var(--color-text-muted, #64748b);
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/ScrollArea.css */

  .sa-root.svelte-ovtfms {
    position: relative;
    overflow: hidden;
    border-radius: inherit;
  }

  /* ── Viewport ── */
  .sa-viewport.svelte-ovtfms {
    height: 100%;
    width: 100%;
    border-radius: inherit;
  }
  .sa-viewport--v.svelte-ovtfms { overflow-y: scroll; }
  .sa-viewport--h.svelte-ovtfms { overflow-x: scroll; }

  /* Hide native scrollbar */
  .sa-viewport.svelte-ovtfms::-webkit-scrollbar { display: none; }
  .sa-viewport.svelte-ovtfms {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  /* ── Scrollbar track ── */
  .sa-scrollbar.svelte-ovtfms {
    display: flex;
    touch-action: none;
    user-select: none;
    padding: 1px;
    transition: opacity 150ms ease;
    opacity: 0;
  }

  .sa-root--visible.svelte-ovtfms > .sa-scrollbar:where(.svelte-ovtfms) {
    opacity: 1;
  }

  .sa-scrollbar--v.svelte-ovtfms {
    position: absolute;
    top: 0;
    right: 0;
    width: 8px;
    height: 100%;
    border-left: 1px solid transparent;
    flex-direction: column;
  }

  .sa-scrollbar--h.svelte-ovtfms {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 8px;
    width: 100%;
    border-top: 1px solid transparent;
    flex-direction: row;
  }

  .sa-scrollbar--thin.sa-scrollbar--v.svelte-ovtfms { width: 6px; }
  .sa-scrollbar--thin.sa-scrollbar--h.svelte-ovtfms { height: 6px; }

  /* ── Thumb ── */
  .sa-thumb.svelte-ovtfms {
    position: relative;
    flex: none;
    border-radius: var(--radius-full, 9999px);
    background: var(--color-border, rgba(255, 255, 255, 0.15));
    transition: background 150ms ease;
    cursor: pointer;
  }

  .sa-scrollbar--v.svelte-ovtfms .sa-thumb:where(.svelte-ovtfms) { width: 100%; }
  .sa-scrollbar--h.svelte-ovtfms .sa-thumb:where(.svelte-ovtfms) { height: 100%; }

  .sa-thumb.svelte-ovtfms:hover {
    background: var(--color-text-tertiary, rgba(255, 255, 255, 0.3));
  }
/*$vite$:1*/
/* oneos-ui/src/lib/primitives/Toggle.css */

  .toggle-wrapper.svelte-qum1xq {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    cursor: pointer;
    user-select: none;
  }

  .toggle-wrapper.toggle-disabled.svelte-qum1xq {
    opacity: 0.5;
    cursor: not-allowed;
  }

  .toggle-input.svelte-qum1xq {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
  }

  .toggle-track.svelte-qum1xq {
    position: relative;
    flex-shrink: 0;
    background-color: var(--color-surface-active);
    border-radius: var(--radius-full);
    transition: background-color var(--duration-fast) var(--ease-out);
  }

  .toggle-thumb.svelte-qum1xq {
    position: absolute;
    top: 2px;
    left: 2px;
    background-color: white;
    border-radius: var(--radius-full);
    box-shadow: var(--shadow-sm);
    transition: transform var(--duration-fast) var(--ease-out);
  }

  /* Hover */
  .toggle-wrapper.svelte-qum1xq:hover:not(.toggle-disabled) .toggle-track:where(.svelte-qum1xq) {
    background-color: var(--color-secondary);
  }

  /* Focus */
  .toggle-input.svelte-qum1xq:focus-visible + .toggle-track:where(.svelte-qum1xq) {
    box-shadow: var(--shadow-focus);
  }

  /* Checked */
  .toggle-input.svelte-qum1xq:checked + .toggle-track:where(.svelte-qum1xq) {
    background-color: var(--color-primary);
  }

  .toggle-wrapper.svelte-qum1xq:hover:not(.toggle-disabled) .toggle-input:where(.svelte-qum1xq):checked + .toggle-track:where(.svelte-qum1xq) {
    background-color: var(--color-primary-hover);
  }

  /* Sizes */
  .toggle-sm.svelte-qum1xq .toggle-track:where(.svelte-qum1xq) {
    width: 32px;
    height: 18px;
  }
  .toggle-sm.svelte-qum1xq .toggle-thumb:where(.svelte-qum1xq) {
    width: 14px;
    height: 14px;
  }
  .toggle-sm.svelte-qum1xq .toggle-input:where(.svelte-qum1xq):checked + .toggle-track:where(.svelte-qum1xq) .toggle-thumb:where(.svelte-qum1xq) {
    transform: translateX(14px);
  }
  .toggle-sm.svelte-qum1xq .toggle-label:where(.svelte-qum1xq) {
    font-size: var(--text-sm);
  }

  .toggle-md.svelte-qum1xq .toggle-track:where(.svelte-qum1xq) {
    width: 44px;
    height: 24px;
  }
  .toggle-md.svelte-qum1xq .toggle-thumb:where(.svelte-qum1xq) {
    width: 20px;
    height: 20px;
  }
  .toggle-md.svelte-qum1xq .toggle-input:where(.svelte-qum1xq):checked + .toggle-track:where(.svelte-qum1xq) .toggle-thumb:where(.svelte-qum1xq) {
    transform: translateX(20px);
  }
  .toggle-md.svelte-qum1xq .toggle-label:where(.svelte-qum1xq) {
    font-size: var(--text-base);
  }

  .toggle-lg.svelte-qum1xq .toggle-track:where(.svelte-qum1xq) {
    width: 56px;
    height: 30px;
  }
  .toggle-lg.svelte-qum1xq .toggle-thumb:where(.svelte-qum1xq) {
    width: 26px;
    height: 26px;
  }
  .toggle-lg.svelte-qum1xq .toggle-input:where(.svelte-qum1xq):checked + .toggle-track:where(.svelte-qum1xq) .toggle-thumb:where(.svelte-qum1xq) {
    transform: translateX(26px);
  }
  .toggle-lg.svelte-qum1xq .toggle-label:where(.svelte-qum1xq) {
    font-size: var(--text-lg);
  }

  .toggle-label.svelte-qum1xq {
    color: var(--color-text);
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/Accordion.css */

  .accordion.svelte-xiofia {
    display: flex;
    flex-direction: column;
    width: 100%;
  }

  /* Variants */
  .accordion--default.svelte-xiofia .accordion__item:where(.svelte-xiofia) {
    border-bottom: 1px solid var(--color-border);
  }

  .accordion--default.svelte-xiofia .accordion__item:where(.svelte-xiofia):last-child {
    border-bottom: none;
  }

  .accordion--bordered.svelte-xiofia {
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg, 12px);
    overflow: hidden;
  }

  .accordion--bordered.svelte-xiofia .accordion__item:where(.svelte-xiofia):not(:last-child) {
    border-bottom: 1px solid var(--color-border);
  }

  .accordion--separated.svelte-xiofia {
    gap: var(--space-2, 8px);
  }

  .accordion--separated.svelte-xiofia .accordion__item:where(.svelte-xiofia) {
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg, 12px);
    overflow: hidden;
  }

  /* Item */
  .accordion__item--disabled.svelte-xiofia {
    opacity: 0.5;
  }

  /* Header */
  .accordion__header.svelte-xiofia {
    display: flex;
    align-items: center;
    gap: var(--space-3, 12px);
    width: 100%;
    padding: var(--space-3, 12px) var(--space-4, 16px);
    border: none;
    background: none;
    cursor: pointer;
    font-size: var(--font-size-base, 14px);
    font-weight: var(--font-weight-medium, 500);
    color: var(--color-text);
    text-align: left;
    font-family: inherit;
    transition: background var(--duration-fast, 150ms);
  }

  /* Hover highlights the whole item when collapsed, just the header when expanded */
  .accordion__item.svelte-xiofia:not(.accordion__item--expanded):hover:not(.accordion__item--disabled) {
    background: var(--color-bg-secondary, rgba(255, 255, 255, 0.04));
  }

  .accordion__header.svelte-xiofia:disabled {
    cursor: not-allowed;
  }

  /* Icon badge */
  .accordion__icon-badge.svelte-xiofia {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: transform var(--duration-fast, 150ms);
  }

  .accordion__header.svelte-xiofia:hover .accordion__icon-badge:where(.svelte-xiofia) {
    transform: scale(1.08);
  }

  /* Label group */
  .accordion__label.svelte-xiofia {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1;
    min-width: 0;
  }

  .accordion__title.svelte-xiofia {
    font-weight: var(--font-weight-medium, 500);
    color: var(--color-text);
    line-height: 1.3;
  }

  .accordion__subtitle.svelte-xiofia {
    font-size: var(--font-size-sm, 12px);
    font-weight: var(--font-weight-normal, 400);
    color: var(--color-text-muted, var(--color-text-tertiary));
    line-height: 1.3;
  }

  /* Chevron */
  .accordion__chevron.svelte-xiofia {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-text-muted, var(--color-text-tertiary));
    transition: transform var(--duration-fast, 150ms);
    flex-shrink: 0;
  }

  .accordion__chevron.rotated.svelte-xiofia {
    transform: rotate(180deg);
  }

  /* Collapse wrapper — smooth height animation via grid trick */
  .accordion__collapse.svelte-xiofia {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 300ms ease-out;
    overflow: hidden;
  }

  .accordion__collapse--open.svelte-xiofia {
    grid-template-rows: 1fr;
  }

  .accordion__collapse.svelte-xiofia > .accordion__content:where(.svelte-xiofia) {
    min-height: 0;
    overflow: hidden;
  }

  /* Content */
  .accordion__content.svelte-xiofia {
    padding: 0 var(--space-4, 16px) var(--space-4, 16px);
    font-size: var(--font-size-sm, 13px);
    color: var(--color-text-muted, var(--color-text-tertiary));
    line-height: 1.6;
    opacity: 0;
    transition: opacity 200ms 100ms ease-out;
  }

  .accordion__collapse--open.svelte-xiofia > .accordion__content:where(.svelte-xiofia) {
    opacity: 1;
  }

  .accordion__content-inner.svelte-xiofia {
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--color-text-muted, rgba(255,255,255,0.2)) transparent;
  }

  .accordion__content-inner.svelte-xiofia::-webkit-scrollbar {
    width: 4px;
  }

  .accordion__content-inner.svelte-xiofia::-webkit-scrollbar-track {
    background: transparent;
  }

  .accordion__content-inner.svelte-xiofia::-webkit-scrollbar-thumb {
    background: var(--color-text-muted, rgba(255,255,255,0.2));
    border-radius: 4px;
  }

  .accordion__item--expanded.svelte-xiofia .accordion__content:where(.svelte-xiofia) {
    padding-left: calc(var(--space-4, 16px) + 30px + var(--space-3, 12px));
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/Chip.css */

  .chip.svelte-19agvpy {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    border-radius: var(--radius-full, 9999px);
    font-weight: 500;
    white-space: nowrap;
    transition: background-color 0.15s, border-color 0.15s, opacity 0.15s;
  }

  .chip--sm.svelte-19agvpy { padding: 0.125rem 0.5rem; font-size: 0.75rem; }
  .chip--md.svelte-19agvpy { padding: 0.25rem 0.75rem; font-size: 0.8125rem; }
  .chip--lg.svelte-19agvpy { padding: 0.375rem 1rem; font-size: 0.875rem; }

  /* Filled variants — use bridged semantic tokens so light/dark themes both work */
  .chip--filled.chip--default.svelte-19agvpy {
    background: var(--color-surface-secondary, var(--color-surface-muted, #e2e8f0));
    color: var(--color-text, #1a202c);
    border: 1px solid var(--color-border, transparent);
  }
  .chip--filled.chip--primary.svelte-19agvpy { background: var(--color-primary, #3b82f6); color: var(--color-on-primary, white); }
  .chip--filled.chip--success.svelte-19agvpy { background: var(--color-success, #22c55e); color: white; }
  .chip--filled.chip--warning.svelte-19agvpy { background: var(--color-warning, #f59e0b); color: white; }
  .chip--filled.chip--error.svelte-19agvpy { background: var(--color-error, #ef4444); color: white; }

  /* Outline variants */
  .chip--outline.svelte-19agvpy {
    background: transparent;
    border: 1px solid currentColor;
  }
  .chip--outline.chip--default.svelte-19agvpy { color: var(--color-text, #1a202c); border-color: var(--color-border, #e2e8f0); }
  .chip--outline.chip--primary.svelte-19agvpy { color: var(--color-primary, #3b82f6); }
  .chip--outline.chip--success.svelte-19agvpy { color: var(--color-success, #22c55e); }
  .chip--outline.chip--warning.svelte-19agvpy { color: var(--color-warning, #f59e0b); }
  .chip--outline.chip--error.svelte-19agvpy { color: var(--color-error, #ef4444); }

  /* Subtle variants — toned-down fill that stays readable on any surface */
  .chip--subtle.chip--default.svelte-19agvpy {
    background: var(--color-surface-secondary, var(--color-surface-muted, #f1f5f9));
    color: var(--color-text, #1a202c);
    border: 1px solid var(--color-border, transparent);
  }
  .chip--subtle.chip--primary.svelte-19agvpy {
    background: var(--color-primary-muted, rgba(59, 130, 246, 0.15));
    color: var(--color-primary, #3b82f6);
  }
  .chip--subtle.chip--success.svelte-19agvpy {
    background: rgba(34, 197, 94, 0.15);
    color: var(--color-success, #22c55e);
  }
  .chip--subtle.chip--warning.svelte-19agvpy {
    background: rgba(245, 158, 11, 0.15);
    color: var(--color-warning, #f59e0b);
  }
  .chip--subtle.chip--error.svelte-19agvpy {
    background: rgba(239, 68, 68, 0.15);
    color: var(--color-error, #ef4444);
  }

  .chip--interactive.svelte-19agvpy {
    cursor: pointer;
  }

  .chip--interactive.svelte-19agvpy:hover {
    opacity: 0.8;
  }

  .chip--selected.svelte-19agvpy {
    outline: 2px solid var(--color-primary, #3b82f6);
    outline-offset: 1px;
  }

  .chip--disabled.svelte-19agvpy {
    opacity: 0.5;
    pointer-events: none;
  }

  .chip__icon.svelte-19agvpy {
    display: flex;
    align-items: center;
    margin-left: -0.25rem;
  }

  .chip__remove.svelte-19agvpy {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin-right: -0.25rem;
    margin-left: 0.125rem;
    border: none;
    background: transparent;
    color: currentColor;
    opacity: 0.6;
    cursor: pointer;
    border-radius: 50%;
    transition: opacity 0.15s, background-color 0.15s;
  }

  .chip__remove.svelte-19agvpy:hover:not(:disabled) {
    opacity: 1;
    background: rgba(0, 0, 0, 0.1);
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/SearchTagBar.css */

  .stb.svelte-mkr0bz {
    display: flex; flex-wrap: wrap; align-items: center; gap: 6px;
    padding: 6px 10px; min-height: 36px;
    background: var(--color-surface-secondary, var(--color-background));
    border: 1px solid var(--color-border); border-radius: var(--radius-md, 8px);
    color: var(--color-text-muted); transition: border-color 150ms ease-out;
  }
  .stb.svelte-mkr0bz:focus-within { border-color: var(--color-primary); background: var(--color-surface); }

  .stb__search-icon.svelte-mkr0bz { font-size: 14px; }

  .stb__input.svelte-mkr0bz {
    flex: 1; min-width: 120px; border: none; outline: none;
    background: transparent; color: var(--color-text);
    font-family: inherit; font-size: 0.8rem; padding: 4px 2px;
  }
  .stb__input.svelte-mkr0bz::placeholder { color: var(--color-text-muted); }

  .stb__pill.svelte-mkr0bz {
    display: inline-flex; align-items: center; gap: 4px;
    padding: 3px 6px 3px 9px; background: var(--color-primary);
    color: var(--color-on-primary, white); border: none; border-radius: 999px;
    font-size: 0.7rem; font-weight: 500; cursor: pointer; flex-shrink: 0;
    transition: filter 150ms ease-out;
  }
  .stb__pill.svelte-mkr0bz:hover { filter: brightness(1.1); }

  .stb__add-wrap.svelte-mkr0bz { position: relative; flex-shrink: 0; }
  .stb__add.svelte-mkr0bz {
    display: inline-flex; align-items: center; gap: 4px;
    padding: 3px 8px; background: transparent; color: var(--color-text-muted);
    border: 1px dashed var(--color-border); border-radius: 999px;
    font-size: 0.7rem; font-weight: 500; cursor: pointer;
    transition: all 150ms ease-out;
  }
  .stb__add.svelte-mkr0bz:hover, .stb__add--open.svelte-mkr0bz {
    color: var(--color-primary); border-color: var(--color-primary);
    background: var(--color-primary-muted, rgba(59, 130, 246, 0.1));
    border-style: solid;
  }

  .stb__menu-backdrop.svelte-mkr0bz { position: fixed; inset: 0; z-index: 100; }
  .stb__menu.svelte-mkr0bz {
    position: absolute; top: calc(100% + 6px); right: 0; z-index: 101;
    width: 240px; max-height: 320px; background: var(--color-surface);
    border: 1px solid var(--color-border); border-radius: var(--radius-md, 8px);
    box-shadow: var(--shadow-lg); overflow: hidden;
    display: flex; flex-direction: column;
    animation: svelte-mkr0bz-stb-menu-enter 180ms ease-out;
  }
  @keyframes svelte-mkr0bz-stb-menu-enter {
    from { opacity: 0; transform: translateY(-4px) scale(0.98); }
    to   { opacity: 1; transform: translateY(0) scale(1); }
  }
  .stb__menu-search.svelte-mkr0bz {
    border: none; border-bottom: 1px solid var(--color-border);
    outline: none; background: transparent; color: var(--color-text);
    font-family: inherit; font-size: 0.8rem; padding: 8px 12px;
  }
  .stb__menu-search.svelte-mkr0bz::placeholder { color: var(--color-text-muted); }
  .stb__menu-list.svelte-mkr0bz {
    display: flex; flex-wrap: wrap; gap: 4px; padding: 10px;
    overflow-y: auto; min-height: 0;
  }
  .stb__menu-item.svelte-mkr0bz {
    background: var(--color-surface-secondary); border: none;
    padding: 4px 10px; border-radius: 999px; font-size: 0.7rem;
    color: var(--color-text); cursor: pointer; transition: all 120ms ease-out;
  }
  .stb__menu-item.svelte-mkr0bz:hover { background: var(--color-primary); color: white; }
  .stb__menu-empty.svelte-mkr0bz {
    width: 100%; text-align: center; font-size: 0.75rem;
    color: var(--color-text-muted); padding: 16px 8px;
  }

  .stb__clear.svelte-mkr0bz {
    border: none; border-radius: var(--radius-sm, 6px);
    background: var(--color-surface-secondary, var(--color-background));
    color: var(--color-text-secondary, rgba(255,255,255,0.6));
    font-size: 11px; font-weight: 600; padding: 4px 10px; cursor: pointer;
    white-space: nowrap; flex-shrink: 0;
  }
  .stb__clear.svelte-mkr0bz:hover { background: var(--color-surface-hover); color: var(--color-text); }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/RevealCard.css */

  /* ── Root card ───────────────────────────────────────────────── */
  .reveal-card.svelte-1hhgqox {
    position: relative;
    display: flex;
    flex-direction: column;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl, 16px);
    box-shadow: var(--shadow-md, 0 2px 8px rgba(0, 0, 0, 0.08));
    overflow: hidden;
    transition:
      transform 220ms ease-out,
      box-shadow 220ms ease-out,
      opacity 220ms ease-out,
      border-color 150ms ease-out;
    will-change: transform, opacity;
    text-align: left;
    font-family: inherit;
  }
  .reveal-card--clickable.svelte-1hhgqox { cursor: pointer; }
  .reveal-card--clickable.svelte-1hhgqox:focus-visible {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
  }

  .reveal-card.svelte-1hhgqox:hover,
  .reveal-card.svelte-1hhgqox:focus-within,
  .reveal-card--busy.svelte-1hhgqox {
    transform: scale(1.04);
    box-shadow: var(--shadow-xl, 0 16px 40px rgba(0, 0, 0, 0.22));
    border-color: var(--color-primary-muted, var(--color-border));
    z-index: 2;
  }

  /* ── Default face ────────────────────────────────────────────── */
  .reveal-card__face.svelte-1hhgqox {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
  }

  .reveal-card__image-wrap.svelte-1hhgqox {
    position: relative;
    width: 100%;
    aspect-ratio: var(--reveal-image-aspect, 16 / 10);
    background: var(--color-background);
    overflow: hidden;
    flex-shrink: 0;
  }

  .reveal-card__image.svelte-1hhgqox {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .reveal-card__badge.svelte-1hhgqox {
    position: absolute;
    top: 10px;
    z-index: 2;
    pointer-events: auto;
  }
  .reveal-card__badge--left.svelte-1hhgqox { left: 10px; }
  .reveal-card__badge--right.svelte-1hhgqox { right: 10px; }

  .reveal-card__body.svelte-1hhgqox {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 10px 12px 12px;
    flex: 1;
    min-height: 0;
  }

  .reveal-card__title.svelte-1hhgqox {
    font-weight: 600;
    font-size: 0.85rem;
    color: var(--color-text);
    line-height: 1.25;
  }
  .reveal-card__subtitle.svelte-1hhgqox {
    font-size: 0.68rem;
    color: var(--color-text-muted);
  }
  .reveal-card__desc.svelte-1hhgqox {
    font-size: 0.72rem;
    color: var(--color-text-secondary, var(--color-text-muted));
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 3px;
    line-height: 1.4;
  }
  .reveal-card__tags.svelte-1hhgqox {
    display: flex;
    flex-wrap: wrap;
    gap: 3px;
    margin-top: 6px;
  }
  .reveal-card__trailing.svelte-1hhgqox {
    display: flex;
    justify-content: flex-end;
    margin-top: auto;
    padding-top: 6px;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--color-primary);
  }

  /* ── Reveal overlay ──────────────────────────────────────────── */
  .reveal-card__overlay.svelte-1hhgqox {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    padding: 16px;
    background: var(--color-surface);
    border-radius: var(--radius-xl, 16px);
    opacity: 0;
    transition: opacity 220ms ease-out;
    pointer-events: none;
    z-index: 3;
  }
  .reveal-card.svelte-1hhgqox:hover .reveal-card__overlay:where(.svelte-1hhgqox),
  .reveal-card.svelte-1hhgqox:focus-within .reveal-card__overlay:where(.svelte-1hhgqox),
  .reveal-card--busy.svelte-1hhgqox .reveal-card__overlay:where(.svelte-1hhgqox) {
    opacity: 1;
    pointer-events: auto;
  }

  .reveal-card__reveal-title.svelte-1hhgqox {
    font-size: 0.7rem;
    font-weight: 600;
    color: var(--color-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: 8px;
  }

  .reveal-card__reveal-body.svelte-1hhgqox {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    font-size: 0.8rem;
    color: var(--color-text);
    line-height: 1.45;
  }
  .reveal-card__reveal-body.svelte-1hhgqox::-webkit-scrollbar { width: 4px; }
  .reveal-card__reveal-body.svelte-1hhgqox::-webkit-scrollbar-thumb {
    background: var(--color-border);
    border-radius: 2px;
  }

  .reveal-card__actions.svelte-1hhgqox {
    display: flex;
    gap: 8px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid var(--color-border);
  }

  /* ── Inline button styles (avoid importing Button to keep the
   *    composite self-contained) ──────────────────────────────── */
  .reveal-card__btn.svelte-1hhgqox {
    flex: 1;
    min-height: 36px;
    padding: 8px 12px;
    border: 1px solid transparent;
    border-radius: var(--radius-md, 8px);
    font-size: 0.85rem;
    font-weight: 600;
    font-family: inherit;
    cursor: pointer;
    transition:
      background 150ms ease-out,
      border-color 150ms ease-out,
      color 150ms ease-out,
      transform 150ms ease-out;
    text-align: center;
  }
  .reveal-card__btn.svelte-1hhgqox:active { transform: scale(0.97); }
  .reveal-card__btn.svelte-1hhgqox:disabled { cursor: default; opacity: 0.6; }
  .reveal-card__btn.svelte-1hhgqox:disabled:active { transform: none; }

  .reveal-card__btn--busy.svelte-1hhgqox {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    opacity: 1;
  }
  .reveal-card__btn-spinner.svelte-1hhgqox {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
  }

  .reveal-card__btn--primary.svelte-1hhgqox {
    background: var(--color-primary);
    color: white;
    border-color: var(--color-primary);
  }
  .reveal-card__btn--primary.svelte-1hhgqox:hover:not(:disabled) {
    filter: brightness(1.1);
  }
  .reveal-card__btn--success.svelte-1hhgqox {
    background: var(--color-success, #10b981);
    color: white;
    border-color: var(--color-success, #10b981);
  }
  .reveal-card__btn--danger.svelte-1hhgqox {
    background: var(--color-danger, #ef4444);
    color: white;
    border-color: var(--color-danger, #ef4444);
  }
  .reveal-card__btn--danger.svelte-1hhgqox:hover:not(:disabled) {
    filter: brightness(1.1);
  }
  .reveal-card__btn--ghost.svelte-1hhgqox {
    background: transparent;
    color: var(--color-text);
    border-color: var(--color-border);
  }
  .reveal-card__btn--ghost.svelte-1hhgqox:hover {
    background: var(--color-surface-hover);
    border-color: var(--color-text-muted);
  }

  /* ── Reduced motion ──────────────────────────────────────────── */
  @media (prefers-reduced-motion: reduce) {
    .reveal-card.svelte-1hhgqox,
    .reveal-card__overlay.svelte-1hhgqox,
    .reveal-card__btn.svelte-1hhgqox {
      transition-duration: 150ms !important;
    }
    .reveal-card.svelte-1hhgqox:hover,
    .reveal-card.svelte-1hhgqox:focus-within {
      transform: none !important;
    }
  }
/*$vite$:1*/
/* oneos-renderers/src/lib/dock/SkillContextMenu.css */

  .skill-ctx.svelte-1hhvas6 {
    position: fixed;
    z-index: 1000;
    min-width: 200px;
    padding: 6px 0;
    background: var(--glass-bg, var(--color-surface));
    backdrop-filter: blur(var(--glass-blur, 20px));
    -webkit-backdrop-filter: blur(var(--glass-blur, 20px));
    border: 1px solid var(--glass-border, var(--color-border));
    border-radius: var(--radius-lg, 12px);
    box-shadow: var(--shadow-lg, 0 12px 32px rgba(15, 23, 42, 0.06));
  }

  .skill-ctx__header.svelte-1hhvas6 {
    padding: 8px 14px 6px;
    font-size: 12px;
    font-weight: 600;
    color: var(--color-text);
    margin-bottom: 2px;
  }

  .skill-ctx__section.svelte-1hhvas6 {
    padding: 6px 14px 2px;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--color-text-muted);
  }

  .skill-ctx__item.svelte-1hhvas6 {
    display: flex;
    align-items: center;
    gap: 10px;
    width: calc(100% - 8px);
    padding: 8px 14px;
    margin: 0 4px;
    border: none;
    background: none;
    cursor: pointer;
    font-size: 13px;
    color: var(--color-text);
    text-align: left;
    border-radius: var(--radius-sm);
    transition: background 150ms ease-out;
  }

  .skill-ctx__item.svelte-1hhvas6:hover {
    background: var(--color-surface-hover);
  }

  .skill-ctx__item--danger.svelte-1hhvas6 {
    color: var(--color-danger);
  }

  .skill-ctx__item--danger.svelte-1hhvas6:hover {
    background: rgba(244, 63, 94, 0.08);
  }

  .skill-ctx__item--muted.svelte-1hhvas6 {
    color: var(--color-text-muted);
  }

  .skill-ctx__divider.svelte-1hhvas6 {
    height: 1px;
    margin: 6px 12px;
    background: var(--color-border);
    opacity: 0.5;
  }

  .skill-ctx__confirm.svelte-1hhvas6 {
    padding: 8px 12px;
    display: flex;
    flex-direction: column;
    gap: 6px;
  }

  .skill-ctx__confirm-text.svelte-1hhvas6 {
    font-size: 11px;
    font-weight: 600;
    color: var(--color-danger, #ef4444);
  }

  .skill-ctx__confirm-actions.svelte-1hhvas6 {
    display: flex;
    gap: 4px;
  }

  .skill-ctx__confirm-btn.svelte-1hhvas6 {
    padding: 3px 10px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    background: none;
    font-size: 10px;
    cursor: pointer;
    color: var(--color-text-muted);
  }

  .skill-ctx__confirm-btn.svelte-1hhvas6:hover {
    background: var(--color-surface-hover);
  }

  .skill-ctx__confirm-btn--yes.svelte-1hhvas6 {
    border-color: var(--color-danger, #ef4444);
    color: var(--color-danger, #ef4444);
  }

  .skill-ctx__confirm-btn--yes.svelte-1hhvas6:hover {
    background: rgba(239, 68, 68, 0.08);
  }
/*$vite$:1*/
/* oneos-renderers/src/lib/dock/DockItemSettingsModal.css */

  .ds.svelte-10mwpdf { display: flex; flex-direction: column; gap: 14px; }
  .ds__field.svelte-10mwpdf { display: flex; flex-direction: column; gap: 4px; }
  .ds__label.svelte-10mwpdf { font-size: 11px; font-weight: 600; color: var(--color-text-muted); text-transform: uppercase; letter-spacing: 0.04em; }
  .ds__input.svelte-10mwpdf { width: 100%; padding: 6px 8px; border: 1px solid var(--color-border); border-radius: var(--radius-sm); font-size: 12px; color: var(--color-text); background: var(--color-background); outline: none; font-family: inherit; box-sizing: border-box; }
  .ds__input.svelte-10mwpdf:focus { border-color: var(--color-primary, #3b82f6); }
  .ds__save.svelte-10mwpdf { align-self: flex-end; padding: 6px 20px; border: none; border-radius: var(--radius-sm); background: var(--color-primary, #3b82f6); color: white; font-size: 12px; font-weight: 500; cursor: pointer; }
  .ds__save.svelte-10mwpdf:hover { filter: brightness(1.1); }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/TagInput.css */

  .tag-input.svelte-145oxjw {
    position: relative;
  }

  .tag-input--disabled.svelte-145oxjw {
    opacity: 0.5;
    pointer-events: none;
  }

  .tag-input__container.svelte-145oxjw {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-1);
    padding: var(--space-2);
    background: var(--color-bg-primary);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    transition: all var(--duration-fast);
  }

  .tag-input--focused.svelte-145oxjw .tag-input__container:where(.svelte-145oxjw) {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px var(--color-focus-ring);
  }

  .tag-input__tag.svelte-145oxjw {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
    background: var(--color-primary);
    color: var(--color-text-on-primary, white);
    border-radius: var(--radius-md);
    animation: svelte-145oxjw-tag-pop 0.15s ease-out;
  }

  @keyframes svelte-145oxjw-tag-pop {
    from { transform: scale(0.8); opacity: 0; }
    to { transform: scale(1); opacity: 1; }
  }

  .tag-input--sm.svelte-145oxjw .tag-input__tag:where(.svelte-145oxjw) { padding: 0 var(--space-2); font-size: var(--font-size-xs); }
  .tag-input--md.svelte-145oxjw .tag-input__tag:where(.svelte-145oxjw) { padding: var(--space-1) var(--space-2); font-size: var(--font-size-sm); }
  .tag-input--lg.svelte-145oxjw .tag-input__tag:where(.svelte-145oxjw) { padding: var(--space-1) var(--space-3); font-size: var(--font-size-base); }

  .tag-input__tag-text.svelte-145oxjw {
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .tag-input__tag-remove.svelte-145oxjw {
    background: none;
    border: none;
    color: inherit;
    opacity: 0.7;
    cursor: pointer;
    padding: 0;
    line-height: 1;
    font-size: 1.2em;
  }

  .tag-input__tag-remove.svelte-145oxjw:hover {
    opacity: 1;
  }

  .tag-input__input.svelte-145oxjw {
    flex: 1;
    min-width: 100px;
    border: none;
    background: transparent;
    outline: none;
    color: var(--color-text-primary);
  }

  .tag-input--sm.svelte-145oxjw .tag-input__input:where(.svelte-145oxjw) { font-size: var(--font-size-xs); }
  .tag-input--md.svelte-145oxjw .tag-input__input:where(.svelte-145oxjw) { font-size: var(--font-size-sm); }
  .tag-input--lg.svelte-145oxjw .tag-input__input:where(.svelte-145oxjw) { font-size: var(--font-size-base); }

  .tag-input__input.svelte-145oxjw::placeholder {
    color: var(--color-text-tertiary);
  }

  .tag-input__suggestions.svelte-145oxjw {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin-top: var(--space-1);
    background: var(--color-bg-primary);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-lg);
    z-index: 100;
  }

  .tag-input__suggestion.svelte-145oxjw {
    display: block;
    width: 100%;
    padding: var(--space-2) var(--space-3);
    background: none;
    border: none;
    text-align: left;
    cursor: pointer;
    font-size: var(--font-size-sm);
    color: var(--color-text-primary);
  }

  .tag-input__suggestion.svelte-145oxjw:hover {
    background: var(--color-bg-secondary);
  }
/*$vite$:1*/
/* oneos-renderers/src/lib/dock/WidgetSlot.css */

  .widget-slot__err.svelte-z75vn9 {
    font-size: 11px;
    opacity: 0.5;
    color: var(--color-danger, #ef4444);
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/Dock.css */

  .dock.svelte-oid3q5 {
    display: flex;
    justify-content: center;
    padding: var(--space-2) var(--space-4) var(--space-3);
    flex-shrink: 0;
  }

  .dock__bar.svelte-oid3q5 {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: 3px;
    padding: var(--space-1) var(--space-3) var(--space-1);
    background: var(--glass-bg, var(--color-surface));
    backdrop-filter: blur(var(--glass-blur, 20px));
    -webkit-backdrop-filter: blur(var(--glass-blur, 20px));
    border: 1px solid var(--glass-border, var(--color-border));
    border-radius: var(--radius-xl, 16px);
    box-shadow:
      var(--shadow-lg),
      0 0 0 1px rgba(255, 255, 255, 0.05) inset;
  }

  .dock--full-width.svelte-oid3q5 {
    padding: var(--space-1) 0;
  }

  .dock--full-width.svelte-oid3q5 .dock__bar:where(.svelte-oid3q5) {
    width: 100%;
    border-radius: 0;
    border-left: none;
    border-right: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    background: var(--color-surface);
    box-shadow: 0 -1px 0 var(--color-border);
  }

  .dock__separator.svelte-oid3q5 {
    width: 1px;
    height: 24px;
    background: var(--color-border);
    opacity: 0.4;
    margin: 0 var(--space-1);
    flex-shrink: 0;
  }

  .dock--sm.svelte-oid3q5 .dock__separator:where(.svelte-oid3q5) { height: 20px; }
  .dock--lg.svelte-oid3q5 .dock__separator:where(.svelte-oid3q5) { height: 28px; }

  .dock__item-wrapper.svelte-oid3q5 {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* Magnification: JS sets transform + zIndex via style attr */
    transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
    transform-origin: bottom center;
    will-change: transform;
  }

  .dock__item.svelte-oid3q5 {
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: var(--radius-lg, 12px);
    background: transparent;
    cursor: pointer;
    padding: 0;
    position: relative;
    transition: background-color 0.15s ease;
  }

  .dock__item.svelte-oid3q5:active:not(:disabled) {
    opacity: 0.85;
  }

  .dock__item--active.svelte-oid3q5 {
    background: var(--color-surface-secondary);
  }

  .dock__item--disabled.svelte-oid3q5 {
    opacity: 0.4;
    cursor: not-allowed;
  }

  .dock__icon.svelte-oid3q5 {
    font-size: 1.25em;
    line-height: 1;
  }

  .dock--sm.svelte-oid3q5 .dock__icon:where(.svelte-oid3q5) { font-size: 1em; }
  .dock--lg.svelte-oid3q5 .dock__icon:where(.svelte-oid3q5) { font-size: 1.5em; }

  .dock__badge.svelte-oid3q5 {
    position: absolute;
    top: -4px;
    right: -4px;
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    border-radius: var(--radius-full, 9999px);
    background: var(--color-danger, #ef4444);
    color: white;
    font-size: 9px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    border: 2px solid var(--color-surface);
    box-sizing: content-box;
    /* Badge pop-in animation */
    animation: svelte-oid3q5-badge-pop 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
    /* Subtle pulse glow */
    box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.4);
  }

  .dock__badge.svelte-oid3q5:not(:empty) {
    animation: svelte-oid3q5-badge-pop 0.4s cubic-bezier(0.34, 1.56, 0.64, 1),
               svelte-oid3q5-badge-pulse 2s ease-in-out 0.5s infinite;
  }

  @keyframes svelte-oid3q5-badge-pop {
    0% { transform: scale(0); opacity: 0; }
    60% { transform: scale(1.3); }
    100% { transform: scale(1); opacity: 1; }
  }

  @keyframes svelte-oid3q5-badge-pulse {
    0%, 100% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.4); }
    50% { box-shadow: 0 0 0 4px rgba(239, 68, 68, 0); }
  }

  .dock__indicator.svelte-oid3q5 {
    width: 4px;
    height: 4px;
    border-radius: var(--radius-full, 9999px);
    background: var(--color-primary);
    margin-top: 2px;
  }

  .dock__tooltip.svelte-oid3q5 {
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 8px;
    padding: var(--space-0-5) var(--space-2);
    background: var(--color-text, #1a202c);
    color: var(--color-text-inverse, #fff);
    font-size: var(--font-size-xs, 0.75rem);
    font-weight: 500;
    white-space: nowrap;
    border-radius: var(--radius-md, 6px);
    pointer-events: none;
    z-index: 10;
    animation: svelte-oid3q5-tooltip-in 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  }

  @keyframes svelte-oid3q5-tooltip-in {
    from {
      opacity: 0;
      transform: translateX(-50%) translateY(4px) scale(0.9);
      filter: blur(4px);
    }
    to {
      opacity: 1;
      transform: translateX(-50%) translateY(0) scale(1);
      filter: blur(0);
    }
  }

  .dock__tooltip.svelte-oid3q5::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: 4px solid transparent;
    border-top-color: var(--color-text, #1a202c);
  }
/*$vite$:1*/
/* oneos-renderers/src/lib/dock/SearchBar.css */

  .search-wrapper.svelte-1dizbfu {
    position: relative;
  }

  .search-bar.svelte-1dizbfu {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 3px 8px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background: var(--color-background);
    min-width: 126px;
  }

  .search-bar__input.svelte-1dizbfu {
    border: none;
    background: none;
    outline: none;
    font-size: 11px;
    color: var(--color-text);
    min-width: 0;
    flex: 1;
  }

  .search-bar__input.svelte-1dizbfu::placeholder {
    color: var(--color-text-muted);
  }

  .search-bar__loading.svelte-1dizbfu {
    font-size: 10px;
    color: var(--color-text-muted);
    animation: svelte-1dizbfu-pulse 1s infinite;
  }

  .search-results.svelte-1dizbfu {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin-top: 4px;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
    max-height: 300px;
    overflow-y: auto;
    z-index: 200;
    padding: 4px;
  }

  .search-results__empty.svelte-1dizbfu {
    padding: 12px;
    text-align: center;
    font-size: 11px;
    color: var(--color-text-muted);
  }

  .search-results__item.svelte-1dizbfu {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 6px 8px;
    border: none;
    border-radius: var(--radius-sm);
    background: none;
    cursor: pointer;
    text-align: left;
  }

  .search-results__item.svelte-1dizbfu:hover {
    background: var(--color-surface-hover);
  }

  .search-results__text.svelte-1dizbfu {
    display: flex;
    flex-direction: column;
    min-width: 0;
    flex: 1;
  }

  .search-results__name.svelte-1dizbfu {
    font-size: 12px;
    font-weight: 500;
    color: var(--color-text);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .search-results__type.svelte-1dizbfu {
    font-size: 9px;
    color: var(--color-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.04em;
  }

  @keyframes svelte-1dizbfu-pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.4; }
  }
/*$vite$:1*/
/* oneos-renderers/src/lib/dock/LocationBookmarks.css */

  .bm-strip.svelte-ps8zkx {
    display: flex;
    gap: 2px;
    height: 100%;
    align-items: center;
  }

  .bm-col.svelte-ps8zkx {
    display: flex;
    flex-direction: column;
    gap: 1px;
  }

  .bm-btn.svelte-ps8zkx {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 16px;
    border: none;
    border-radius: var(--radius-sm, 4px);
    background: none;
    color: var(--color-text-muted);
    cursor: pointer;
    opacity: 0.35;
    font-size: 8px;
    font-weight: 700;
    font-family: inherit;
    line-height: 1;
    transition: all 150ms ease-out;
    padding: 0;
  }

  .bm-btn.svelte-ps8zkx:hover {
    opacity: 1;
    background: var(--color-surface-hover);
    color: var(--color-text);
  }

  .bm-btn.svelte-ps8zkx:active {
    transform: scale(0.9);
  }

  .bm-btn--set.svelte-ps8zkx {
    opacity: 0.9;
    color: var(--color-primary, #60a5fa);
  }

  .bm-btn--set.svelte-ps8zkx:hover {
    color: var(--color-primary, #60a5fa);
  }

/*$vite$:1*/
/* oneos-ui/src/lib/composites/InteractiveSelector.css */

  .iselector.svelte-1furenl {
    display: flex;
    gap: 4px;
    width: 100%;
    border-radius: var(--radius-xl, 16px);
    overflow: hidden;
    background: var(--color-bg, #1a1a2e);
  }

  .iselector__card.svelte-1furenl {
    position: relative;
    flex: 1;
    min-width: 0;
    cursor: pointer;
    overflow: hidden;
    opacity: 0;
    transform: translateY(20px);
    transition:
      flex var(--duration, 700ms) cubic-bezier(0.4, 0, 0.2, 1),
      opacity 400ms ease-out,
      transform 400ms ease-out;
    outline: none;
  }

  .iselector__card.svelte-1furenl:focus-visible {
    box-shadow: inset 0 0 0 2px var(--color-primary, #3b82f6);
  }

  .iselector__card--revealed.svelte-1furenl {
    opacity: 1;
    transform: translateY(0);
  }

  /* Background image */
  .iselector__bg.svelte-1furenl {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    transition: transform var(--duration, 700ms) cubic-bezier(0.4, 0, 0.2, 1);
  }

  .iselector__card--active.svelte-1furenl .iselector__bg:where(.svelte-1furenl) {
    transform: scale(1.05);
  }

  .iselector__bg--gradient.svelte-1furenl {
    background: linear-gradient(135deg, var(--card-color), color-mix(in srgb, var(--card-color), black 40%));
  }

  /* Dark overlay */
  .iselector__overlay.svelte-1furenl {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.1) 50%, transparent 100%);
    transition: opacity var(--duration, 700ms);
  }

  .iselector__card.svelte-1furenl:not(.iselector__card--active) .iselector__overlay:where(.svelte-1furenl) {
    background: rgba(0, 0, 0, 0.45);
  }

  /* Inset shadow */
  .iselector__shadow.svelte-1furenl {
    position: absolute;
    inset: 0;
    box-shadow: inset 0 0 30px rgba(0, 0, 0, 0);
    transition: box-shadow var(--duration, 700ms);
    pointer-events: none;
  }

  .iselector__shadow--active.svelte-1furenl {
    box-shadow: inset 0 0 60px rgba(0, 0, 0, 0.4);
  }

  /* Body content */
  .iselector__body.svelte-1furenl {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    height: 100%;
    padding: var(--space-4, 16px);
    gap: var(--space-2, 8px);
    z-index: 1;
  }

  /* Icon */
  .iselector__icon.svelte-1furenl {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(8px);
    font-size: 18px;
    color: white;
    flex-shrink: 0;
  }

  /* Text */
  .iselector__text.svelte-1furenl {
    display: flex;
    flex-direction: column;
    gap: 4px;
    animation: svelte-1furenl-iselector-text-in 400ms ease-out;
  }

  .iselector__title.svelte-1furenl {
    font-size: var(--font-size-lg, 18px);
    font-weight: var(--font-weight-bold, 700);
    color: white;
    line-height: 1.2;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
  }

  .iselector__desc.svelte-1furenl {
    font-size: var(--font-size-sm, 13px);
    font-weight: var(--font-weight-normal, 400);
    color: rgba(255, 255, 255, 0.75);
    line-height: 1.4;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  }

  @keyframes svelte-1furenl-iselector-text-in {
    from {
      opacity: 0;
      transform: translateX(-8px);
    }
    to {
      opacity: 1;
      transform: translateX(0);
    }
  }
/*$vite$:1*/
/* oneos-ui/src/lib/primitives/Spinner.css */

  /* Overlay mode */
  .spinner-overlay.svelte-18es313 {
    position: fixed;
    inset: 0;
    background: rgba(10, 10, 15, 0.95);
    backdrop-filter: blur(8px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    animation: svelte-18es313-fadeIn 0.3s ease-out;
  }

  .spinner-container.svelte-18es313 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
  }

  /* Inline mode */
  .spinner-inline.svelte-18es313 {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
  }

  /* Default spinner */
  .spinner.svelte-18es313 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  .spinner-svg.svelte-18es313 {
    animation: svelte-18es313-spin 1s linear infinite;
    width: 100%;
    height: 100%;
  }

  .spinner-track.svelte-18es313 {
    opacity: 0.2;
  }

  .spinner-head.svelte-18es313 {
    stroke-dasharray: 60 200;
    stroke-dashoffset: 0;
  }

  /* Sizes */
  .spinner-xs.svelte-18es313 { width: 12px; height: 12px; }
  .spinner-sm.svelte-18es313 { width: 16px; height: 16px; }
  .spinner-md.svelte-18es313 { width: 24px; height: 24px; }
  .spinner-lg.svelte-18es313 { width: 32px; height: 32px; }
  .spinner-xl.svelte-18es313 { width: 48px; height: 48px; }

  /* Colors */
  .spinner-currentColor.svelte-18es313 { color: currentColor; }
  .spinner-primary.svelte-18es313 { color: var(--color-primary, #6366f1); }
  .spinner-secondary.svelte-18es313 { color: var(--color-secondary, #8b5cf6); }
  .spinner-white.svelte-18es313 { color: white; }

  /* Rings variant */
  .spinner-rings.svelte-18es313 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .ring.svelte-18es313 {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: var(--color-primary, #6366f1);
    animation: svelte-18es313-spin 1.5s cubic-bezier(0.68, -0.55, 0.27, 1.55) infinite;
  }

  .ring-2.svelte-18es313 {
    width: 80%;
    height: 80%;
    border-top-color: var(--color-secondary, #8b5cf6);
    animation-delay: -0.5s;
  }

  .ring-3.svelte-18es313 {
    width: 60%;
    height: 60%;
    border-top-color: var(--color-primary, #6366f1);
    animation-delay: -1s;
  }

  /* Message */
  .spinner-message.svelte-18es313 {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    color: var(--color-text-muted, #888);
    text-align: center;
  }

  .overlay-message.svelte-18es313 {
    font-size: 16px;
    font-weight: 600;
    color: white;
    animation: svelte-18es313-pulse 2s ease-in-out infinite;
  }

  /* Screen reader only */
  .sr-only.svelte-18es313 {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }

  @keyframes svelte-18es313-spin {
    to { transform: rotate(360deg); }
  }

  @keyframes svelte-18es313-pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.6; }
  }

  @keyframes svelte-18es313-fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
  }
/*$vite$:1*/
/* oneos-renderers/src/lib/canvas/LayoutGroupNode.css */

  .layout-group.svelte-vh07ab {
    width: 100%;
    height: 100%;
    border: 1px solid color-mix(in srgb, var(--color-text, white) 15%, transparent);
    border-radius: var(--radius-xl, 16px);
    position: relative;
  }

  /* Chrome: 4-column grid, bottom-right outside border */
  .layout-group__chrome.svelte-vh07ab {
    --chrome-color: color-mix(in srgb, var(--color-text, white) 15%, transparent);
    position: absolute;
    bottom: -24px;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 4px;
  }

  .layout-group__chrome.svelte-vh07ab * {
    color: var(--chrome-color);
  }

  .layout-group__chrome-btn.svelte-vh07ab {
    display: flex; align-items: center; justify-content: center;
    width: 16px; height: 16px;
    border: none; background: none; padding: 0;
    cursor: pointer; font-family: inherit;
  }
  .layout-group__chrome-btn.svelte-vh07ab:hover { color: var(--color-text-muted); }
  .layout-group__chrome-btn--danger.svelte-vh07ab:hover { color: var(--color-danger, #ef4444) !important; }
/*$vite$:1*/
/* oneos-ui/src/lib/layout/PageLayout.css */

  .page-layout.svelte-1dw0axl {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    margin: 0 auto;
    width: 100%;
  }

  .center-vertical.svelte-1dw0axl {
    justify-content: center;
  }

  /* Max widths */
  .max-width-sm.svelte-1dw0axl { max-width: 640px; }
  .max-width-md.svelte-1dw0axl { max-width: 768px; }
  .max-width-lg.svelte-1dw0axl { max-width: 1024px; }
  .max-width-xl.svelte-1dw0axl { max-width: 1280px; }
  .max-width-full.svelte-1dw0axl { max-width: 100%; }

  /* Padding */
  .padding-none.svelte-1dw0axl { padding: 0; }
  .padding-sm.svelte-1dw0axl { padding: var(--space-4); }
  .padding-md.svelte-1dw0axl { padding: var(--space-6); }
  .padding-lg.svelte-1dw0axl { padding: var(--space-8); }

  .page-header.svelte-1dw0axl {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-4);
    margin-bottom: var(--space-6);
  }

  .page-header-text.svelte-1dw0axl {
    flex: 1;
    min-width: 0;
  }

  .page-title.svelte-1dw0axl {
    margin: 0;
    font-size: var(--text-2xl);
    font-weight: var(--font-bold);
    color: var(--color-text);
  }

  .page-description.svelte-1dw0axl {
    margin: var(--space-1) 0 0;
    font-size: var(--text-base);
    color: var(--color-text-muted);
  }

  .page-actions.svelte-1dw0axl {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    flex-shrink: 0;
  }

  .page-content.svelte-1dw0axl {
    flex: 1;
  }
/*$vite$:1*/
/* oneos-ui/src/lib/layout/StackLayout.css */

  .stack.svelte-1jat74s {
    display: flex;
    flex-direction: column;
  }

  /* Gap */
  .gap-none.svelte-1jat74s { gap: 0; }
  .gap-xs.svelte-1jat74s { gap: var(--space-1); }
  .gap-sm.svelte-1jat74s { gap: var(--space-2); }
  .gap-md.svelte-1jat74s { gap: var(--space-4); }
  .gap-lg.svelte-1jat74s { gap: var(--space-6); }
  .gap-xl.svelte-1jat74s { gap: var(--space-8); }

  /* Align (horizontal) */
  .align-start.svelte-1jat74s { align-items: flex-start; }
  .align-center.svelte-1jat74s { align-items: center; }
  .align-end.svelte-1jat74s { align-items: flex-end; }
  .align-stretch.svelte-1jat74s { align-items: stretch; }

  /* Justify (vertical) */
  .justify-start.svelte-1jat74s { justify-content: flex-start; }
  .justify-center.svelte-1jat74s { justify-content: center; }
  .justify-end.svelte-1jat74s { justify-content: flex-end; }
  .justify-between.svelte-1jat74s { justify-content: space-between; }
  .justify-around.svelte-1jat74s { justify-content: space-around; }
  .justify-evenly.svelte-1jat74s { justify-content: space-evenly; }

  /* Dividers */
  .stack-dividers.svelte-1jat74s > *:not(:last-child) {
    padding-bottom: var(--space-4);
    border-bottom: 1px solid var(--color-border);
  }

  .stack-dividers.gap-xs.svelte-1jat74s > *:not(:last-child) { padding-bottom: var(--space-1); }
  .stack-dividers.gap-sm.svelte-1jat74s > *:not(:last-child) { padding-bottom: var(--space-2); }
  .stack-dividers.gap-md.svelte-1jat74s > *:not(:last-child) { padding-bottom: var(--space-4); }
  .stack-dividers.gap-lg.svelte-1jat74s > *:not(:last-child) { padding-bottom: var(--space-6); }
  .stack-dividers.gap-xl.svelte-1jat74s > *:not(:last-child) { padding-bottom: var(--space-8); }
/*$vite$:1*/
/* oneos-ui/src/lib/layout/SplitLayout.css */

  .split-layout.svelte-1u5ehus {
    display: grid;
    min-height: 100%;
  }

  /* Horizontal layout (side-by-side) */
  .split-horizontal.svelte-1u5ehus {
    grid-template-columns: var(--sidebar-width) 1fr;
  }

  .split-horizontal.sidebar-right.svelte-1u5ehus {
    grid-template-columns: 1fr var(--sidebar-width);
  }

  .split-horizontal.sidebar-right.svelte-1u5ehus .split-sidebar:where(.svelte-1u5ehus) {
    order: 2;
  }

  /* Vertical layout (stacked) */
  .split-vertical.svelte-1u5ehus {
    grid-template-columns: 1fr;
    grid-template-rows: var(--sidebar-width) 1fr;
  }

  .split-vertical.sidebar-bottom.svelte-1u5ehus {
    grid-template-rows: 1fr var(--sidebar-width);
  }

  .split-vertical.sidebar-bottom.svelte-1u5ehus .split-sidebar:where(.svelte-1u5ehus) {
    order: 2;
  }

  /* Gap */
  .gap-none.svelte-1u5ehus { gap: 0; }
  .gap-sm.svelte-1u5ehus { gap: var(--space-2); }
  .gap-md.svelte-1u5ehus { gap: var(--space-4); }
  .gap-lg.svelte-1u5ehus { gap: var(--space-6); }

  .split-sidebar.svelte-1u5ehus {
    overflow-y: auto;
    background-color: var(--color-surface-secondary);
  }

  /* Horizontal borders */
  .split-horizontal.svelte-1u5ehus .split-sidebar:where(.svelte-1u5ehus) {
    border-right: 1px solid var(--color-border);
  }

  .split-horizontal.sidebar-right.svelte-1u5ehus .split-sidebar:where(.svelte-1u5ehus) {
    border-right: none;
    border-left: 1px solid var(--color-border);
  }

  /* Vertical borders */
  .split-vertical.svelte-1u5ehus .split-sidebar:where(.svelte-1u5ehus) {
    border-bottom: 1px solid var(--color-border);
  }

  .split-vertical.sidebar-bottom.svelte-1u5ehus .split-sidebar:where(.svelte-1u5ehus) {
    border-bottom: none;
    border-top: 1px solid var(--color-border);
  }

  .split-main.svelte-1u5ehus {
    overflow-y: auto;
    padding: var(--space-4);
  }

  /* Mobile collapse */
  @media (max-width: 768px) {
    .collapse-mobile.split-horizontal.svelte-1u5ehus {
      grid-template-columns: 1fr;
    }

    .collapse-mobile.split-vertical.svelte-1u5ehus {
      grid-template-rows: 1fr;
    }

    .collapse-mobile.svelte-1u5ehus .split-sidebar:where(.svelte-1u5ehus) {
      display: none;
    }
  }
/*$vite$:1*/
/* oneos-ui/src/lib/layout/RowLayout.css */

  .row.svelte-1dd3z7k {
    display: flex;
    flex-direction: row;
  }

  .row-wrap.svelte-1dd3z7k {
    flex-wrap: wrap;
  }

  .row-reverse.svelte-1dd3z7k {
    flex-direction: row-reverse;
  }

  /* Gap */
  .gap-none.svelte-1dd3z7k { gap: 0; }
  .gap-xs.svelte-1dd3z7k { gap: var(--space-1); }
  .gap-sm.svelte-1dd3z7k { gap: var(--space-2); }
  .gap-md.svelte-1dd3z7k { gap: var(--space-4); }
  .gap-lg.svelte-1dd3z7k { gap: var(--space-6); }
  .gap-xl.svelte-1dd3z7k { gap: var(--space-8); }

  /* Align (vertical) */
  .align-start.svelte-1dd3z7k { align-items: flex-start; }
  .align-center.svelte-1dd3z7k { align-items: center; }
  .align-end.svelte-1dd3z7k { align-items: flex-end; }
  .align-stretch.svelte-1dd3z7k { align-items: stretch; }
  .align-baseline.svelte-1dd3z7k { align-items: baseline; }

  /* Justify (horizontal) */
  .justify-start.svelte-1dd3z7k { justify-content: flex-start; }
  .justify-center.svelte-1dd3z7k { justify-content: center; }
  .justify-end.svelte-1dd3z7k { justify-content: flex-end; }
  .justify-between.svelte-1dd3z7k { justify-content: space-between; }
  .justify-around.svelte-1dd3z7k { justify-content: space-around; }
  .justify-evenly.svelte-1dd3z7k { justify-content: space-evenly; }
/*$vite$:1*/
/* oneos-ui/src/lib/layout/Container.css */

  .container.svelte-tfs5il {
    width: 100%;
  }

  .container--sm.svelte-tfs5il { max-width: 640px; }
  .container--md.svelte-tfs5il { max-width: 768px; }
  .container--lg.svelte-tfs5il { max-width: 1024px; }
  .container--xl.svelte-tfs5il { max-width: 1280px; }
  .container--full.svelte-tfs5il { max-width: 100%; }

  .container--padding.svelte-tfs5il {
    padding-left: var(--space-4);
    padding-right: var(--space-4);
  }

  .container--center.svelte-tfs5il {
    margin-left: auto;
    margin-right: auto;
  }
/*$vite$:1*/
/* oneos-ui/src/lib/layout/GridLayout.css */

  .grid-layout.svelte-15cea54 {
    display: grid;
  }

  /* Fixed columns */
  .grid-1.svelte-15cea54 { grid-template-columns: repeat(1, 1fr); }
  .grid-2.svelte-15cea54 { grid-template-columns: repeat(2, 1fr); }
  .grid-3.svelte-15cea54 { grid-template-columns: repeat(3, 1fr); }
  .grid-4.svelte-15cea54 { grid-template-columns: repeat(4, 1fr); }
  .grid-5.svelte-15cea54 { grid-template-columns: repeat(5, 1fr); }
  .grid-6.svelte-15cea54 { grid-template-columns: repeat(6, 1fr); }

  /* Auto columns */
  .grid-auto.svelte-15cea54 {
    grid-template-columns: repeat(auto-fit, minmax(var(--min-col-width), 1fr));
  }

  /* Gap */
  .gap-none.svelte-15cea54 { gap: 0; }
  .gap-xs.svelte-15cea54 { gap: var(--space-1); }
  .gap-sm.svelte-15cea54 { gap: var(--space-2); }
  .gap-md.svelte-15cea54 { gap: var(--space-4); }
  .gap-lg.svelte-15cea54 { gap: var(--space-6); }
  .gap-xl.svelte-15cea54 { gap: var(--space-8); }

  /* Align */
  .align-start.svelte-15cea54 { align-items: start; }
  .align-center.svelte-15cea54 { align-items: center; }
  .align-end.svelte-15cea54 { align-items: end; }
  .align-stretch.svelte-15cea54 { align-items: stretch; }

  /* Responsive - reduce columns on smaller screens */
  @media (max-width: 1024px) {
    .grid-5.svelte-15cea54, .grid-6.svelte-15cea54 { grid-template-columns: repeat(4, 1fr); }
  }

  @media (max-width: 768px) {
    .grid-3.svelte-15cea54, .grid-4.svelte-15cea54, .grid-5.svelte-15cea54, .grid-6.svelte-15cea54 { grid-template-columns: repeat(2, 1fr); }
  }

  @media (max-width: 480px) {
    .grid-2.svelte-15cea54, .grid-3.svelte-15cea54, .grid-4.svelte-15cea54, .grid-5.svelte-15cea54, .grid-6.svelte-15cea54 { grid-template-columns: 1fr; }
  }
/*$vite$:1*/
/* oneos-ui/src/lib/layout/Section.css */

  .section.svelte-oibpkl {
    width: 100%;
  }

  .section--padding-none.svelte-oibpkl { padding-top: 0; padding-bottom: 0; }
  .section--padding-sm.svelte-oibpkl { padding-top: var(--space-4); padding-bottom: var(--space-4); }
  .section--padding-md.svelte-oibpkl { padding-top: var(--space-8); padding-bottom: var(--space-8); }
  .section--padding-lg.svelte-oibpkl { padding-top: var(--space-12, 3rem); padding-bottom: var(--space-12, 3rem); }
  .section--padding-xl.svelte-oibpkl { padding-top: var(--space-16, 4rem); padding-bottom: var(--space-16, 4rem); }

  .section--bg-none.svelte-oibpkl { background: transparent; }
  .section--bg-primary.svelte-oibpkl { background: var(--color-bg-primary); }
  .section--bg-secondary.svelte-oibpkl { background: var(--color-bg-secondary); }
  .section--bg-tertiary.svelte-oibpkl { background: var(--color-bg-tertiary); }

  .section--full-height.svelte-oibpkl {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
  }
/*$vite$:1*/
/* oneos-ui/src/lib/layout/Masonry.css */

  .masonry.svelte-1yapnwp {
    column-fill: balance;
  }

  .masonry.svelte-1yapnwp > * {
    break-inside: avoid;
    margin-bottom: var(--space-4);
  }
/*$vite$:1*/
/* oneos-ui/src/lib/layout/Flex.css */

  .flex.svelte-19ypa13 {
    display: flex;
  }

  .flex--inline.svelte-19ypa13 {
    display: inline-flex;
  }

  .flex--gap-none.svelte-19ypa13 { gap: 0; }
  .flex--gap-xs.svelte-19ypa13 { gap: var(--space-1); }
  .flex--gap-sm.svelte-19ypa13 { gap: var(--space-2); }
  .flex--gap-md.svelte-19ypa13 { gap: var(--space-4); }
  .flex--gap-lg.svelte-19ypa13 { gap: var(--space-6); }
  .flex--gap-xl.svelte-19ypa13 { gap: var(--space-8); }
/*$vite$:1*/
/* oneos-ui/src/lib/layout/SplitView.css */

  .split-view.svelte-1bdadyv {
    display: flex;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }

  .split-view--horizontal.svelte-1bdadyv {
    flex-direction: row;
  }

  .split-view--vertical.svelte-1bdadyv {
    flex-direction: column;
  }

  .split-view__pane.svelte-1bdadyv {
    overflow: auto;
    position: relative;
  }

  .split-view__pane--first.svelte-1bdadyv {
    flex-shrink: 0;
  }

  .split-view__pane--second.svelte-1bdadyv {
    flex: 1;
    min-width: 0;
    min-height: 0;
  }

  .split-view--collapsed.svelte-1bdadyv .split-view__pane--first:where(.svelte-1bdadyv) {
    width: 0 !important;
    height: 0 !important;
    overflow: hidden;
  }

  .split-view__handle.svelte-1bdadyv {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background: var(--color-surface-secondary);
    border: none;
    transition: background-color 0.15s ease;
    z-index: 1;
  }

  .split-view--horizontal.svelte-1bdadyv .split-view__handle:where(.svelte-1bdadyv) {
    width: 8px;
    cursor: col-resize;
    flex-direction: column;
  }

  .split-view--vertical.svelte-1bdadyv .split-view__handle:where(.svelte-1bdadyv) {
    height: 8px;
    cursor: row-resize;
    flex-direction: row;
  }

  .split-view__handle.svelte-1bdadyv:hover,
  .split-view--dragging.svelte-1bdadyv .split-view__handle:where(.svelte-1bdadyv) {
    background: var(--color-primary);
  }

  .split-view__handle-bar.svelte-1bdadyv {
    border-radius: var(--radius-full);
    background: var(--color-text-muted);
  }

  .split-view--horizontal.svelte-1bdadyv .split-view__handle-bar:where(.svelte-1bdadyv) {
    width: 2px;
    height: 24px;
  }

  .split-view--vertical.svelte-1bdadyv .split-view__handle-bar:where(.svelte-1bdadyv) {
    height: 2px;
    width: 24px;
  }

  .split-view__handle.svelte-1bdadyv:hover .split-view__handle-bar:where(.svelte-1bdadyv),
  .split-view--dragging.svelte-1bdadyv .split-view__handle-bar:where(.svelte-1bdadyv) {
    background: var(--color-on-primary);
  }

  .split-view--dragging.svelte-1bdadyv {
    cursor: col-resize;
    user-select: none;
  }

  .split-view--dragging.split-view--vertical.svelte-1bdadyv {
    cursor: row-resize;
  }

  .split-view__collapse-btn.svelte-1bdadyv {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    padding: 0;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-full);
    background: var(--color-surface);
    color: var(--color-text-muted);
    font-size: 8px;
    cursor: pointer;
    z-index: 2;
    transition: var(--transition-colors);
  }

  .split-view--horizontal.svelte-1bdadyv .split-view__collapse-btn:where(.svelte-1bdadyv) {
    top: var(--space-2);
  }

  .split-view--vertical.svelte-1bdadyv .split-view__collapse-btn:where(.svelte-1bdadyv) {
    left: var(--space-2);
  }

  .split-view__collapse-btn.svelte-1bdadyv:hover {
    background: var(--color-primary);
    color: var(--color-on-primary);
    border-color: var(--color-primary);
  }
/*$vite$:1*/
/* oneos-ui/src/lib/layout/Center.css */

  .center.svelte-mb2hq9 {
    display: flex;
  }

  .center--inline.svelte-mb2hq9 {
    display: inline-flex;
  }

  .center--horizontal.svelte-mb2hq9 {
    justify-content: center;
  }

  .center--vertical.svelte-mb2hq9 {
    align-items: center;
  }

  .center--both.svelte-mb2hq9 {
    justify-content: center;
    align-items: center;
  }
/*$vite$:1*/
/* oneos-ui/src/lib/higher-order/WizardFlow.css */

  .wizard.svelte-ucf30v {
    display: flex;
    flex-direction: column;
    gap: var(--space-6);
  }

  .wizard-indicator.svelte-ucf30v {
    display: flex;
    align-items: flex-start;
    gap: 0;
  }

  .wizard-step.svelte-ucf30v {
    display: flex;
    align-items: flex-start;
    gap: var(--space-3);
    padding: 0;
    border: none;
    background: transparent;
    text-align: left;
    cursor: default;
  }

  .wizard-step-clickable.svelte-ucf30v {
    cursor: pointer;
  }

  .wizard-step-clickable.svelte-ucf30v:hover .wizard-step-number:where(.svelte-ucf30v) {
    background-color: var(--color-primary-muted);
  }

  .wizard-step-number.svelte-ucf30v {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: var(--radius-full);
    background-color: var(--color-surface-secondary);
    color: var(--color-text-muted);
    font-size: var(--text-sm);
    font-weight: var(--font-semibold);
    flex-shrink: 0;
    transition: var(--transition-colors);
  }

  .wizard-step-active.svelte-ucf30v .wizard-step-number:where(.svelte-ucf30v) {
    background-color: var(--color-primary);
    color: var(--color-on-primary);
  }

  .wizard-step-completed.svelte-ucf30v .wizard-step-number:where(.svelte-ucf30v) {
    background-color: var(--color-success);
    color: var(--color-on-success);
  }

  .wizard-step-label.svelte-ucf30v {
    display: flex;
    flex-direction: column;
    padding-top: var(--space-1);
  }

  .wizard-step-active.svelte-ucf30v .wizard-step-title {
    color: var(--color-primary);
    font-weight: var(--font-semibold);
  }

  .wizard-connector.svelte-ucf30v {
    flex: 1;
    height: 2px;
    min-width: var(--space-4);
    margin: 15px var(--space-2) 0;
    background-color: var(--color-border);
    transition: background-color var(--duration-normal) var(--ease-out);
  }

  .wizard-connector-completed.svelte-ucf30v {
    background-color: var(--color-success);
  }

  .wizard-content.svelte-ucf30v {
    flex: 1;
  }

  .wizard-navigation.svelte-ucf30v {
    padding-top: var(--space-4);
    border-top: 1px solid var(--color-border);
  }
/*$vite$:1*/
/* oneos-ui/src/lib/layout/AssistantLayout.css */

  .assistant-layout.svelte-p67ds4 {
    display: flex;
    flex-direction: column;
    background: var(--color-background, #0a0a0f);
    color: var(--color-text, #fff);
  }

  .assistant-fullscreen.svelte-p67ds4 {
    position: fixed;
    inset: 0;
  }

  .assistant-embedded.svelte-p67ds4 {
    width: 100%;
    height: 100%;
  }

  .assistant-floating.svelte-p67ds4 {
    position: fixed;
    bottom: 24px;
    right: 24px;
    z-index: 1000;
  }

  .assistant-floating-container.svelte-p67ds4 {
    width: 400px;
    max-height: 600px;
    background: var(--color-surface, #1a1a2e);
    border: 1px solid var(--color-border, #333);
    border-radius: 16px;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
    overflow: hidden;
    display: flex;
    flex-direction: column;
  }

  .assistant-header.svelte-p67ds4 {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    padding: 0 16px;
    background: var(--color-surface, #1a1a2e);
    border-bottom: 1px solid var(--color-border, #333);
  }

  .assistant-body.svelte-p67ds4 {
    flex: 1;
    display: flex;
    min-height: 0;
    overflow: hidden;
  }

  .assistant-sidebar.svelte-p67ds4 {
    flex-shrink: 0;
    background: var(--color-surface-dim, #12121f);
    border-right: 1px solid var(--color-border, #333);
    overflow-y: auto;
  }

  .sidebar-right.svelte-p67ds4 .assistant-sidebar:where(.svelte-p67ds4) {
    order: 2;
    border-right: none;
    border-left: 1px solid var(--color-border, #333);
  }

  .assistant-main.svelte-p67ds4 {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
  }

  .assistant-messages.svelte-p67ds4 {
    flex: 1;
    overflow-y: auto;
    padding: 16px;
  }

  .assistant-input.svelte-p67ds4 {
    flex-shrink: 0;
    padding: 16px;
    background: var(--color-surface, #1a1a2e);
    border-top: 1px solid var(--color-border, #333);
  }

  .assistant-floating.svelte-p67ds4 .assistant-messages:where(.svelte-p67ds4) {
    max-height: 400px;
  }

  .assistant-actions.svelte-p67ds4 {
    position: absolute;
    bottom: calc(100% + 16px);
    right: 0;
    display: flex;
    gap: 8px;
  }

  /* Scrollbar styling */
  .assistant-messages.svelte-p67ds4::-webkit-scrollbar,
  .assistant-sidebar.svelte-p67ds4::-webkit-scrollbar {
    width: 8px;
  }

  .assistant-messages.svelte-p67ds4::-webkit-scrollbar-track,
  .assistant-sidebar.svelte-p67ds4::-webkit-scrollbar-track {
    background: transparent;
  }

  .assistant-messages.svelte-p67ds4::-webkit-scrollbar-thumb,
  .assistant-sidebar.svelte-p67ds4::-webkit-scrollbar-thumb {
    background: var(--color-border, #333);
    border-radius: 4px;
  }

  .assistant-messages.svelte-p67ds4::-webkit-scrollbar-thumb:hover,
  .assistant-sidebar.svelte-p67ds4::-webkit-scrollbar-thumb:hover {
    background: var(--color-text-muted, #555);
  }
/*$vite$:1*/
/* oneos-ui/src/lib/higher-order/DataLoader.css */

  .data-loader.svelte-1vnlucj {
    width: 100%;
  }

  .loader-spinner.svelte-1vnlucj {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--space-8);
  }
/*$vite$:1*/
/* oneos-ui/src/lib/higher-order/DateTimePicker.css */

  .datetime-picker.svelte-z3qyl7 {
    display: flex;
    gap: var(--space-2);
  }

  .datetime-picker--horizontal.svelte-z3qyl7 {
    flex-direction: row;
    align-items: flex-start;
  }

  .datetime-picker--vertical.svelte-z3qyl7 {
    flex-direction: column;
  }

  .datetime-picker--disabled.svelte-z3qyl7 {
    opacity: 0.5;
    pointer-events: none;
  }
/*$vite$:1*/
/* oneos-ui/src/lib/higher-order/AsyncOperation.css */

  .async-operation.svelte-vbnixh {
    width: 100%;
  }
/*$vite$:1*/
/* oneos-ui/src/lib/higher-order/ExpiryCountdown.css */

  .expiry-countdown.svelte-1gilhzg {
    display: inline-flex;
  }

  .expiry-countdown[data-status="critical"].svelte-1gilhzg {
    animation: svelte-1gilhzg-pulse 1s ease-in-out infinite;
  }

  @keyframes svelte-1gilhzg-pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.7; }
  }
/*$vite$:1*/
/* oneos-ui/src/lib/higher-order/ApprovalFlow.css */

  .approval-flow.svelte-1hvzzqj {
    padding: var(--space-4);
    border-radius: var(--radius-lg);
    background-color: var(--color-surface);
    border: 1px solid var(--color-border);
  }

  .approval-content.svelte-1hvzzqj {
    padding: var(--space-4);
  }

  .approval-context.svelte-1hvzzqj {
    padding: var(--space-4);
    background-color: var(--color-surface-secondary);
    border-radius: var(--radius-md);
  }

  .approval-countdown.svelte-1hvzzqj {
    padding: var(--space-2) var(--space-3);
    background-color: var(--color-surface-secondary);
    border-radius: var(--radius-md);
  }
/*$vite$:1*/
/* oneos-ui/src/lib/higher-order/AlertQueue.css */

  .alert-queue-container.svelte-1617r31 {
    position: relative;
  }

  .alert-trigger.svelte-1617r31 {
    position: relative;
  }

  .alert-badge {
    position: absolute;
    top: -4px;
    right: -4px;
    min-width: 18px;
    height: 18px;
    font-size: 10px;
  }

  .alert-queue.svelte-1617r31 {
    position: fixed;
    z-index: 1000;
    width: 360px;
    max-height: 480px;
    background-color: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-lg);
    overflow: hidden;
  }

  .alert-queue-top-right.svelte-1617r31 {
    top: var(--space-4);
    right: var(--space-4);
  }

  .alert-queue-top-left.svelte-1617r31 {
    top: var(--space-4);
    left: var(--space-4);
  }

  .alert-queue-bottom-right.svelte-1617r31 {
    bottom: var(--space-4);
    right: var(--space-4);
  }

  .alert-queue-bottom-left.svelte-1617r31 {
    bottom: var(--space-4);
    left: var(--space-4);
  }

  .alert-queue-top-center.svelte-1617r31 {
    top: var(--space-4);
    left: 50%;
    transform: translateX(-50%);
  }

  .alert-queue-bottom-center.svelte-1617r31 {
    bottom: var(--space-4);
    left: 50%;
    transform: translateX(-50%);
  }

  .alert-header.svelte-1617r31 {
    padding: var(--space-3) var(--space-4);
    border-bottom: 1px solid var(--color-border);
    background-color: var(--color-surface-secondary);
  }

  .alert-list.svelte-1617r31 {
    padding: var(--space-2);
    max-height: 380px;
    overflow-y: auto;
  }

  .alert-item.svelte-1617r31 {
    padding: var(--space-3);
    border-radius: var(--radius-md);
    cursor: pointer;
    transition: background-color var(--duration-fast) var(--ease-out);
  }

  .alert-item.svelte-1617r31:hover {
    background-color: var(--color-surface-secondary);
  }

  .alert-unread.svelte-1617r31 {
    background-color: var(--color-primary-muted);
  }

  .alert-unread.svelte-1617r31:hover {
    background-color: var(--color-primary-muted);
  }

  .alert-item[data-priority="critical"].svelte-1617r31 {
    border-left: 3px solid var(--color-danger);
  }

  .alert-item[data-priority="high"].svelte-1617r31 {
    border-left: 3px solid var(--color-danger);
  }

  .alert-item[data-priority="medium"].svelte-1617r31 {
    border-left: 3px solid var(--color-warning);
  }

  .alert-content {
    flex: 1;
    min-width: 0;
  }

  .alert-empty.svelte-1617r31 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--space-3);
    padding: var(--space-8);
  }

  .alert-more.svelte-1617r31 {
    text-align: center;
    padding: var(--space-2);
  }
/*$vite$:1*/
/* oneos-ui/src/lib/higher-order/ConnectionMonitor.css */

  .connection-monitor.svelte-c6y3g8 {
    width: 100%;
  }

  .connection-indicator.svelte-c6y3g8 {
    display: inline-flex;
  }

  .status-dot.svelte-c6y3g8 {
    width: 8px;
    height: 8px;
    border-radius: var(--radius-full);
    flex-shrink: 0;
  }

  .status-online.svelte-c6y3g8 {
    background-color: var(--color-success);
    box-shadow: 0 0 0 2px var(--color-success-muted);
  }

  .status-connecting.svelte-c6y3g8 {
    background-color: var(--color-warning);
    animation: svelte-c6y3g8-pulse 1.5s ease-in-out infinite;
  }

  .status-offline.svelte-c6y3g8 {
    background-color: var(--color-danger);
  }

  @keyframes svelte-c6y3g8-pulse {
    0%, 100% {
      opacity: 1;
      transform: scale(1);
    }
    50% {
      opacity: 0.5;
      transform: scale(0.9);
    }
  }

  .offline-banner.svelte-c6y3g8 {
    padding: var(--space-3) var(--space-4);
    background-color: var(--color-danger-muted);
    border: 1px solid var(--color-danger);
    border-radius: var(--radius-md);
    margin-top: var(--space-2);
  }
/*$vite$:1*/
/* oneos-ui/src/lib/higher-order/StateMachine.css */

  .state-machine.svelte-138bnm4 {
    width: 100%;
  }

  .state-debug.svelte-138bnm4 {
    margin-top: var(--space-4);
    padding: var(--space-3);
    background-color: var(--color-surface-secondary);
    border: 1px dashed var(--color-border);
    border-radius: var(--radius-md);
    font-family: var(--font-mono);
    font-size: var(--text-xs);
  }

  .debug-row.svelte-138bnm4 {
    display: flex;
    align-items: center;
    gap: var(--space-2);
  }

  .debug-events.svelte-138bnm4 {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-1);
  }

  .debug-event {
    cursor: pointer;
  }

  .debug-event:hover {
    opacity: 0.8;
  }
/*$vite$:1*/
/* oneos-ui/src/lib/higher-order/ErrorBoundary.css */

  .error-boundary.svelte-uri94m {
    width: 100%;
  }

  .error-icon.svelte-uri94m {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    border-radius: var(--radius-full);
    background-color: color-mix(in srgb, var(--color-danger) 10%, transparent);
  }

  .error-details.svelte-uri94m {
    width: 100%;
    padding: var(--space-3);
    background-color: var(--color-surface-secondary);
    border-radius: var(--radius-md);
    font-family: var(--font-mono);
    overflow-x: auto;
  }
/*$vite$:1*/
/* oneos-ui/src/lib/primitives/Radio.css */

  .radio.svelte-141ntx {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    cursor: pointer;
    user-select: none;
  }

  .radio--disabled.svelte-141ntx {
    cursor: not-allowed;
    opacity: 0.5;
  }

  .radio__input.svelte-141ntx {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
  }

  .radio__control.svelte-141ntx {
    position: relative;
    width: 20px;
    height: 20px;
    border: 2px solid var(--color-border-strong);
    border-radius: var(--radius-full);
    background: var(--color-bg-primary);
    transition: all var(--duration-fast) var(--ease-out);
  }

  .radio__control.svelte-141ntx::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    border-radius: var(--radius-full);
    background: var(--color-primary);
    transform: translate(-50%, -50%) scale(0);
    transition: transform var(--duration-fast) var(--ease-out);
  }

  .radio--checked.svelte-141ntx .radio__control:where(.svelte-141ntx) {
    border-color: var(--color-primary);
  }

  .radio--checked.svelte-141ntx .radio__control:where(.svelte-141ntx)::after {
    transform: translate(-50%, -50%) scale(1);
  }

  .radio.svelte-141ntx:not(.radio--disabled):hover .radio__control:where(.svelte-141ntx) {
    border-color: var(--color-primary);
  }

  .radio__input.svelte-141ntx:focus-visible + .radio__control:where(.svelte-141ntx) {
    outline: 2px solid var(--color-focus-ring);
    outline-offset: 2px;
  }

  .radio__label.svelte-141ntx {
    font-size: var(--font-size-sm);
    color: var(--color-text-primary);
  }
/*$vite$:1*/
/* oneos-ui/src/lib/primitives/ColorInput.css */

  .color-input.svelte-1xbjoll {
    display: inline-flex;
    flex-direction: column;
    gap: var(--space-2);
  }

  .color-input--disabled.svelte-1xbjoll {
    opacity: 0.5;
    pointer-events: none;
  }

  .color-input__main.svelte-1xbjoll {
    display: flex;
    align-items: center;
    gap: var(--space-2);
  }

  .color-input__swatch.svelte-1xbjoll {
    position: relative;
    border: 2px solid var(--color-border);
    border-radius: var(--radius-md);
    cursor: pointer;
    overflow: hidden;
    transition: border-color var(--duration-fast);
  }

  .color-input--sm.svelte-1xbjoll .color-input__swatch:where(.svelte-1xbjoll) { width: 28px; height: 28px; }
  .color-input--md.svelte-1xbjoll .color-input__swatch:where(.svelte-1xbjoll) { width: 36px; height: 36px; }
  .color-input--lg.svelte-1xbjoll .color-input__swatch:where(.svelte-1xbjoll) { width: 44px; height: 44px; }

  .color-input__swatch.svelte-1xbjoll:hover {
    border-color: var(--color-border-strong);
  }

  .color-input__swatch.svelte-1xbjoll:focus {
    outline: 2px solid var(--color-focus-ring);
    outline-offset: 2px;
  }

  .color-input__native.svelte-1xbjoll {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
    width: 100%;
    height: 100%;
  }

  .color-input__text.svelte-1xbjoll {
    flex: 1;
    padding: var(--space-2);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    font-family: var(--font-mono);
    font-size: var(--font-size-sm);
    background: var(--color-bg-primary);
    color: var(--color-text-primary);
    text-transform: uppercase;
  }

  .color-input--sm.svelte-1xbjoll .color-input__text:where(.svelte-1xbjoll) { padding: var(--space-1); font-size: var(--font-size-xs); }
  .color-input--lg.svelte-1xbjoll .color-input__text:where(.svelte-1xbjoll) { padding: var(--space-3); font-size: var(--font-size-base); }

  .color-input__text.svelte-1xbjoll:focus {
    outline: 2px solid var(--color-focus-ring);
    outline-offset: -1px;
    border-color: var(--color-primary);
  }

  .color-input__presets.svelte-1xbjoll {
    display: flex;
    gap: var(--space-1);
    flex-wrap: wrap;
  }

  .color-input__preset.svelte-1xbjoll {
    width: 24px;
    height: 24px;
    border: 2px solid transparent;
    border-radius: var(--radius-sm);
    cursor: pointer;
    transition: all var(--duration-fast);
  }

  .color-input__preset.svelte-1xbjoll:hover {
    transform: scale(1.1);
  }

  .color-input__preset.active.svelte-1xbjoll {
    border-color: var(--color-text-primary);
    box-shadow: 0 0 0 2px var(--color-bg-primary);
  }
/*$vite$:1*/
/* oneos-ui/src/lib/primitives/RadioGroup.css */

  .radio-group.svelte-11wt9pw {
    display: flex;
  }

  .radio-group--horizontal.svelte-11wt9pw {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .radio-group--vertical.svelte-11wt9pw {
    flex-direction: column;
  }

  .gap-sm.svelte-11wt9pw { gap: var(--space-2); }
  .gap-md.svelte-11wt9pw { gap: var(--space-3); }
  .gap-lg.svelte-11wt9pw { gap: var(--space-4); }
/*$vite$:1*/
/* oneos-ui/src/lib/primitives/Label.css */

  .label-wrapper.svelte-11idi4k {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
  }

  .label.svelte-11idi4k {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
    font-weight: var(--font-weight-medium);
    color: var(--color-text);
    cursor: pointer;
  }

  /* Sizes */
  .label--sm.svelte-11idi4k .label:where(.svelte-11idi4k) {
    font-size: var(--font-size-xs);
  }

  .label--md.svelte-11idi4k .label:where(.svelte-11idi4k) {
    font-size: var(--font-size-sm);
  }

  .label--lg.svelte-11idi4k .label:where(.svelte-11idi4k) {
    font-size: var(--font-size-base);
  }

  /* Required indicator */
  .label__required.svelte-11idi4k {
    color: var(--color-error);
    font-weight: var(--font-weight-bold);
  }

  /* Hint text */
  .label__hint.svelte-11idi4k {
    font-size: var(--font-size-xs);
    color: var(--color-text-tertiary);
  }

  .label--sm.svelte-11idi4k .label__hint:where(.svelte-11idi4k) {
    font-size: 10px;
  }

  /* Disabled */
  .label--disabled.svelte-11idi4k .label:where(.svelte-11idi4k) {
    color: var(--color-text-tertiary);
    cursor: not-allowed;
  }
/*$vite$:1*/
/* oneos-ui/src/lib/primitives/NumberInput.css */

  .number-input.svelte-10u2wdx {
    display: inline-flex;
    align-items: stretch;
    border: 1px solid var(--color-border, #e2e8f0);
    border-radius: var(--radius-md, 0.375rem);
    overflow: hidden;
  }

  .number-input__input.svelte-10u2wdx {
    flex: 1;
    min-width: 0;
    border: none;
    background: var(--color-surface, #fff);
    color: var(--color-text, #1a202c);
    text-align: center;
    font-family: inherit;
    outline: none;
  }

  .number-input--sm.svelte-10u2wdx .number-input__input:where(.svelte-10u2wdx) { padding: 0.375rem 0.5rem; font-size: 0.875rem; }
  .number-input--md.svelte-10u2wdx .number-input__input:where(.svelte-10u2wdx) { padding: 0.5rem 0.75rem; font-size: 1rem; }
  .number-input--lg.svelte-10u2wdx .number-input__input:where(.svelte-10u2wdx) { padding: 0.75rem 1rem; font-size: 1.125rem; }

  .number-input__btn.svelte-10u2wdx {
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: var(--color-surface-muted, #f1f5f9);
    color: var(--color-text, #1a202c);
    cursor: pointer;
    font-size: 1.25em;
    font-weight: 500;
    transition: background-color 0.15s;
  }

  .number-input--sm.svelte-10u2wdx .number-input__btn:where(.svelte-10u2wdx) { width: 2rem; }
  .number-input--md.svelte-10u2wdx .number-input__btn:where(.svelte-10u2wdx) { width: 2.5rem; }
  .number-input--lg.svelte-10u2wdx .number-input__btn:where(.svelte-10u2wdx) { width: 3rem; }

  .number-input__btn.svelte-10u2wdx:hover:not(:disabled) {
    background: var(--color-surface-hover, #e2e8f0);
  }

  .number-input__btn.svelte-10u2wdx:disabled {
    opacity: 0.5;
    cursor: not-allowed;
  }

  .number-input--disabled.svelte-10u2wdx {
    opacity: 0.5;
    pointer-events: none;
  }

  .number-input.svelte-10u2wdx:focus-within {
    border-color: var(--color-primary, #3b82f6);
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
  }
/*$vite$:1*/
/* oneos-ui/src/lib/primitives/Slider.css */

  .slider.svelte-1bjrjyt {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    width: 100%;
  }

  .slider--disabled.svelte-1bjrjyt {
    opacity: 0.5;
    pointer-events: none;
  }

  .slider__track-wrapper.svelte-1bjrjyt {
    flex: 1;
    position: relative;
    height: 20px;
    display: flex;
    align-items: center;
  }

  .slider__input.svelte-1bjrjyt {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 2;
    margin: 0;
  }

  .slider__track.svelte-1bjrjyt {
    width: 100%;
    background: var(--color-bg-tertiary);
    border-radius: var(--radius-full);
    overflow: hidden;
  }

  .slider--sm.svelte-1bjrjyt .slider__track:where(.svelte-1bjrjyt) { height: 4px; }
  .slider--md.svelte-1bjrjyt .slider__track:where(.svelte-1bjrjyt) { height: 6px; }
  .slider--lg.svelte-1bjrjyt .slider__track:where(.svelte-1bjrjyt) { height: 8px; }

  .slider__fill.svelte-1bjrjyt {
    height: 100%;
    background: var(--color-primary);
    border-radius: var(--radius-full);
    transition: width var(--duration-fast);
  }

  .slider__input.svelte-1bjrjyt:focus + .slider__track:where(.svelte-1bjrjyt) {
    box-shadow: 0 0 0 3px var(--color-focus-ring);
  }

  .slider__min.svelte-1bjrjyt,
  .slider__max.svelte-1bjrjyt {
    font-size: var(--font-size-xs);
    color: var(--color-text-tertiary);
    min-width: 2ch;
  }

  .slider__value.svelte-1bjrjyt {
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
    color: var(--color-text-primary);
    min-width: 3ch;
    text-align: right;
  }

  /* Thumb styling (for browsers that support it) */
  .slider__input.svelte-1bjrjyt::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 16px;
    height: 16px;
    background: var(--color-primary);
    border-radius: 50%;
    cursor: pointer;
    box-shadow: var(--shadow-md);
  }

  .slider__input.svelte-1bjrjyt::-moz-range-thumb {
    width: 16px;
    height: 16px;
    background: var(--color-primary);
    border: none;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: var(--shadow-md);
  }
/*$vite$:1*/
/* oneos-ui/src/lib/primitives/PasswordInput.css */

  .password-input.svelte-1vukpv1 {
    display: inline-flex;
    align-items: center;
    width: 100%;
    border: 1px solid var(--color-border, #e2e8f0);
    border-radius: var(--radius-md, 0.375rem);
    background: var(--color-surface, #fff);
    transition: border-color 0.15s, box-shadow 0.15s;
  }

  .password-input__input.svelte-1vukpv1 {
    flex: 1;
    min-width: 0;
    border: none;
    background: transparent;
    color: var(--color-text, #1a202c);
    font-family: inherit;
    outline: none;
  }

  .password-input--sm.svelte-1vukpv1 .password-input__input:where(.svelte-1vukpv1) { padding: 0.375rem 0.75rem; font-size: 0.875rem; }
  .password-input--md.svelte-1vukpv1 .password-input__input:where(.svelte-1vukpv1) { padding: 0.5rem 1rem; font-size: 1rem; }
  .password-input--lg.svelte-1vukpv1 .password-input__input:where(.svelte-1vukpv1) { padding: 0.75rem 1.25rem; font-size: 1.125rem; }

  .password-input__toggle.svelte-1vukpv1 {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 0.75rem;
    border: none;
    background: transparent;
    color: var(--color-text-muted, #64748b);
    cursor: pointer;
    transition: color 0.15s;
  }

  .password-input__toggle.svelte-1vukpv1:hover:not(:disabled) {
    color: var(--color-text, #1a202c);
  }

  .password-input.svelte-1vukpv1:focus-within {
    border-color: var(--color-primary, #3b82f6);
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
  }

  .password-input--error.svelte-1vukpv1 {
    border-color: var(--color-error, #ef4444);
  }

  .password-input--disabled.svelte-1vukpv1 {
    opacity: 0.5;
    pointer-events: none;
  }
/*$vite$:1*/
/* oneos-ui/src/lib/primitives/FloatingLabel.css */

  .floating-label.svelte-182v97q {
    display: flex;
    flex-direction: column;
    width: 100%;
  }

  .floating-label__field.svelte-182v97q {
    position: relative;
    display: flex;
    align-items: center;
  }

  /* Input */
  .floating-label__input.svelte-182v97q {
    width: 100%;
    font-family: var(--font-body);
    font-size: var(--text-base, 1rem);
    color: var(--color-text);
    background: transparent;
    border: none;
    outline: none;
    padding: var(--space-4) var(--space-3) var(--space-2);
    transition: border-color var(--duration-fast) ease;
  }

  .floating-label__input.svelte-182v97q::placeholder {
    color: transparent;
  }

  .floating-label--disabled.svelte-182v97q .floating-label__input:where(.svelte-182v97q) {
    opacity: 0.5;
    cursor: not-allowed;
  }

  /* Label */
  .floating-label__label.svelte-182v97q {
    position: absolute;
    left: var(--space-3);
    top: 50%;
    transform: translateY(-50%);
    font-family: var(--font-body);
    font-size: var(--text-base, 1rem);
    color: var(--color-text-muted);
    pointer-events: none;
    transition: transform var(--duration-normal, 200ms) ease, font-size var(--duration-normal, 200ms) ease, color var(--duration-normal, 200ms) ease, top var(--duration-normal, 200ms) ease;
    transform-origin: top left;
  }

  .floating-label--floated.svelte-182v97q .floating-label__label:where(.svelte-182v97q) {
    top: 6px;
    transform: translateY(0);
    font-size: var(--font-size-xs, 0.75rem);
  }

  .floating-label--focused.svelte-182v97q .floating-label__label:where(.svelte-182v97q) {
    color: var(--color-primary);
  }

  .floating-label--error.svelte-182v97q .floating-label__label:where(.svelte-182v97q) {
    color: var(--color-danger, #dc3545);
  }

  .floating-label__required.svelte-182v97q {
    color: var(--color-danger, #dc3545);
  }

  /* Standard variant */
  .floating-label--standard.svelte-182v97q .floating-label__field:where(.svelte-182v97q) {
    border-bottom: 1px solid var(--color-border);
    transition: border-color var(--duration-fast) ease;
  }

  .floating-label--standard.floating-label--focused.svelte-182v97q .floating-label__field:where(.svelte-182v97q) {
    border-bottom: 2px solid var(--color-primary);
  }

  .floating-label--standard.floating-label--error.svelte-182v97q .floating-label__field:where(.svelte-182v97q) {
    border-bottom: 2px solid var(--color-danger, #dc3545);
  }

  .floating-label--standard.svelte-182v97q .floating-label__input:where(.svelte-182v97q) {
    padding: var(--space-4) 0 var(--space-2);
  }

  .floating-label--standard.svelte-182v97q .floating-label__label:where(.svelte-182v97q) {
    left: 0;
  }

  /* Filled variant */
  .floating-label--filled.svelte-182v97q .floating-label__field:where(.svelte-182v97q) {
    background-color: var(--color-surface-secondary);
    border-radius: var(--radius-md) var(--radius-md) 0 0;
    border-bottom: 1px solid var(--color-border);
    transition: border-color var(--duration-fast) ease;
  }

  .floating-label--filled.floating-label--focused.svelte-182v97q .floating-label__field:where(.svelte-182v97q) {
    border-bottom: 2px solid var(--color-primary);
  }

  .floating-label--filled.floating-label--error.svelte-182v97q .floating-label__field:where(.svelte-182v97q) {
    border-bottom: 2px solid var(--color-danger, #dc3545);
  }

  /* Outlined variant */
  .floating-label--outlined.svelte-182v97q .floating-label__field:where(.svelte-182v97q) {
    border-radius: var(--radius-md);
  }

  .floating-label--outlined.svelte-182v97q .floating-label__input:where(.svelte-182v97q) {
    padding: var(--space-4) var(--space-3) var(--space-2);
    z-index: 1;
  }

  .floating-label__outline.svelte-182v97q {
    position: absolute;
    inset: -6px 0 0 0;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    padding: 0 var(--space-2);
    pointer-events: none;
    margin: 0;
    transition: border-color var(--duration-fast) ease;
  }

  .floating-label--focused.svelte-182v97q .floating-label__outline:where(.svelte-182v97q) {
    border: 2px solid var(--color-primary);
  }

  .floating-label--error.svelte-182v97q .floating-label__outline:where(.svelte-182v97q) {
    border: 2px solid var(--color-danger, #dc3545);
  }

  .floating-label__outline-legend.svelte-182v97q {
    height: 0;
    visibility: hidden;
    font-size: var(--font-size-xs, 0.75rem);
    padding: 0;
    max-width: 0.01px;
    transition: max-width var(--duration-normal, 200ms) ease;
  }

  .floating-label__outline-legend--floated.svelte-182v97q {
    max-width: 100%;
    padding: 0 var(--space-1);
  }

  .floating-label__outline-legend.svelte-182v97q span:where(.svelte-182v97q) {
    display: inline-block;
    padding: 0 var(--space-1);
  }

  /* Error message */
  .floating-label__error.svelte-182v97q {
    margin: var(--space-1) var(--space-3) 0;
    font-size: var(--font-size-xs, 0.75rem);
    color: var(--color-danger, #dc3545);
  }
/*$vite$:1*/
/* oneos-ui/src/lib/primitives/PinInput.css */

  .pin-input.svelte-dnda35 {
    display: inline-flex;
    gap: 0.5rem;
  }

  .pin-input__digit.svelte-dnda35 {
    width: 2.5rem;
    height: 3rem;
    text-align: center;
    border: 1px solid var(--color-border, #e2e8f0);
    border-radius: var(--radius-md, 0.375rem);
    background: var(--color-surface, #fff);
    color: var(--color-text, #1a202c);
    font-family: inherit;
    font-size: 1.25rem;
    font-weight: 600;
    outline: none;
    transition: border-color 0.15s, box-shadow 0.15s;
  }

  .pin-input--sm.svelte-dnda35 .pin-input__digit:where(.svelte-dnda35) { width: 2rem; height: 2.5rem; font-size: 1rem; }
  .pin-input--lg.svelte-dnda35 .pin-input__digit:where(.svelte-dnda35) { width: 3rem; height: 3.5rem; font-size: 1.5rem; }

  .pin-input__digit.svelte-dnda35:focus {
    border-color: var(--color-primary, #3b82f6);
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
  }

  .pin-input__digit.svelte-dnda35::placeholder {
    color: var(--color-text-muted, #94a3b8);
  }

  .pin-input--disabled.svelte-dnda35 {
    opacity: 0.5;
    pointer-events: none;
  }
/*$vite$:1*/
/* oneos-ui/src/lib/primitives/PhoneInput.css */

  .phone-input.svelte-1dcxc1u {
    display: flex;
    align-items: stretch;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background-color: var(--color-surface);
    overflow: visible;
    transition: border-color var(--duration-fast) ease;
  }

  .phone-input.svelte-1dcxc1u:focus-within {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 2px rgba(var(--color-primary-rgb, 59, 130, 246), 0.2);
  }

  .phone-input--disabled.svelte-1dcxc1u {
    opacity: 0.5;
    cursor: not-allowed;
  }

  /* Country selector */
  .phone-input__country.svelte-1dcxc1u {
    position: relative;
    flex-shrink: 0;
  }

  .phone-input__country-btn.svelte-1dcxc1u {
    display: flex;
    align-items: center;
    gap: var(--space-1);
    padding: var(--space-2) var(--space-2);
    border: none;
    background: transparent;
    cursor: pointer;
    font-family: var(--font-body);
    font-size: var(--text-sm, 0.875rem);
    color: var(--color-text);
    border-right: 1px solid var(--color-border);
    height: 100%;
    border-radius: var(--radius-md) 0 0 var(--radius-md);
    transition: background-color var(--duration-fast) ease;
  }

  .phone-input__country-btn.svelte-1dcxc1u:hover:not(:disabled) {
    background-color: var(--color-surface-secondary);
  }

  .phone-input__country-btn.svelte-1dcxc1u:disabled {
    cursor: not-allowed;
  }

  .phone-input__flag.svelte-1dcxc1u {
    font-size: 1.2em;
  }

  .phone-input__dial.svelte-1dcxc1u {
    font-weight: var(--font-medium, 500);
    color: var(--color-text-muted);
  }

  .phone-input__caret.svelte-1dcxc1u {
    font-size: 0.6em;
    color: var(--color-text-muted);
  }

  /* Dropdown */
  .phone-input__dropdown.svelte-1dcxc1u {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 100;
    background-color: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-lg);
    margin-top: var(--space-1);
    min-width: 280px;
    max-height: 300px;
    display: flex;
    flex-direction: column;
    animation: svelte-1dcxc1u-phone-dropdown-enter var(--duration-fast) ease;
  }

  @keyframes svelte-1dcxc1u-phone-dropdown-enter {
    from {
      opacity: 0;
      transform: translateY(-4px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  .phone-input__search-wrapper.svelte-1dcxc1u {
    padding: var(--space-2);
    border-bottom: 1px solid var(--color-border);
  }

  .phone-input__search.svelte-1dcxc1u {
    width: 100%;
    padding: var(--space-2);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    font-family: var(--font-body);
    font-size: var(--text-sm, 0.875rem);
    background-color: var(--color-surface);
    color: var(--color-text);
    outline: none;
  }

  .phone-input__search.svelte-1dcxc1u:focus {
    border-color: var(--color-primary);
  }

  .phone-input__list.svelte-1dcxc1u {
    list-style: none;
    margin: 0;
    padding: var(--space-1);
    overflow-y: auto;
    flex: 1;
  }

  .phone-input__option.svelte-1dcxc1u {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    width: 100%;
    padding: var(--space-2);
    border: none;
    background: transparent;
    cursor: pointer;
    font-family: var(--font-body);
    font-size: var(--text-sm, 0.875rem);
    color: var(--color-text);
    border-radius: var(--radius-sm);
    transition: background-color var(--duration-fast) ease;
    text-align: left;
  }

  .phone-input__option.svelte-1dcxc1u:hover {
    background-color: var(--color-surface-secondary);
  }

  .phone-input__option--selected.svelte-1dcxc1u {
    background-color: var(--color-primary-light, var(--color-surface-secondary));
    font-weight: var(--font-medium, 500);
  }

  .phone-input__option-flag.svelte-1dcxc1u {
    font-size: 1.2em;
  }

  .phone-input__option-name.svelte-1dcxc1u {
    flex: 1;
  }

  .phone-input__option-dial.svelte-1dcxc1u {
    color: var(--color-text-muted);
    font-weight: var(--font-medium, 500);
  }

  .phone-input__no-results.svelte-1dcxc1u {
    padding: var(--space-3);
    text-align: center;
    color: var(--color-text-muted);
    font-size: var(--text-sm, 0.875rem);
  }

  /* Phone input */
  .phone-input__input.svelte-1dcxc1u {
    flex: 1;
    border: none;
    background: transparent;
    padding: var(--space-2) var(--space-3);
    font-family: var(--font-body);
    font-size: var(--text-base, 1rem);
    color: var(--color-text);
    outline: none;
    min-width: 0;
  }

  .phone-input__input.svelte-1dcxc1u::placeholder {
    color: var(--color-text-muted);
  }

  .phone-input__input.svelte-1dcxc1u:disabled {
    cursor: not-allowed;
  }
/*$vite$:1*/
/* oneos-ui/src/lib/primitives/RangeSlider.css */

  .range-slider.svelte-1iwmbi {
    width: 100%;
  }

  .range-slider__labels.svelte-1iwmbi {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.5rem;
    font-size: 0.875rem;
    color: var(--color-text-muted, #64748b);
  }

  .range-slider__track.svelte-1iwmbi {
    position: relative;
    height: 6px;
    background: var(--color-surface-muted, #e2e8f0);
    border-radius: 3px;
  }

  .range-slider--sm.svelte-1iwmbi .range-slider__track:where(.svelte-1iwmbi) { height: 4px; }
  .range-slider--lg.svelte-1iwmbi .range-slider__track:where(.svelte-1iwmbi) { height: 8px; }

  .range-slider__range.svelte-1iwmbi {
    position: absolute;
    top: 0;
    bottom: 0;
    background: var(--color-primary, #3b82f6);
    border-radius: 3px;
  }

  .range-slider__input.svelte-1iwmbi {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: 20px;
    margin: 0;
    padding: 0;
    background: transparent;
    pointer-events: none;
    appearance: none;
    -webkit-appearance: none;
  }

  .range-slider__input.svelte-1iwmbi::-webkit-slider-thumb {
    width: 20px;
    height: 20px;
    border: 2px solid var(--color-primary, #3b82f6);
    border-radius: 50%;
    background: white;
    cursor: pointer;
    pointer-events: auto;
    appearance: none;
    -webkit-appearance: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    transition: transform 0.15s, box-shadow 0.15s;
  }

  .range-slider__input.svelte-1iwmbi::-moz-range-thumb {
    width: 20px;
    height: 20px;
    border: 2px solid var(--color-primary, #3b82f6);
    border-radius: 50%;
    background: white;
    cursor: pointer;
    pointer-events: auto;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    transition: transform 0.15s, box-shadow 0.15s;
  }

  .range-slider__input.svelte-1iwmbi::-webkit-slider-thumb:hover {
    transform: scale(1.1);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  }

  .range-slider--sm.svelte-1iwmbi .range-slider__input:where(.svelte-1iwmbi)::-webkit-slider-thumb { width: 16px; height: 16px; }
  .range-slider--lg.svelte-1iwmbi .range-slider__input:where(.svelte-1iwmbi)::-webkit-slider-thumb { width: 24px; height: 24px; }

  .range-slider--disabled.svelte-1iwmbi {
    opacity: 0.5;
    pointer-events: none;
  }
/*$vite$:1*/
/* oneos-ui/src/lib/primitives/IconButton.css */

  .icon-button.svelte-1g1pzcd {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: var(--radius-md, 0.375rem);
    cursor: pointer;
    font-family: inherit;
    transition: background-color 0.15s, transform 0.1s, box-shadow 0.15s;
  }

  .icon-button--rounded.svelte-1g1pzcd { border-radius: 50%; }

  /* Sizes */
  .icon-button--xs.svelte-1g1pzcd { width: 1.5rem; height: 1.5rem; font-size: 0.75rem; }
  .icon-button--sm.svelte-1g1pzcd { width: 2rem; height: 2rem; font-size: 0.875rem; }
  .icon-button--md.svelte-1g1pzcd { width: 2.5rem; height: 2.5rem; font-size: 1rem; }
  .icon-button--lg.svelte-1g1pzcd { width: 3rem; height: 3rem; font-size: 1.25rem; }
  .icon-button--xl.svelte-1g1pzcd { width: 3.5rem; height: 3.5rem; font-size: 1.5rem; }

  /* Variants */
  .icon-button--default.svelte-1g1pzcd {
    background: var(--color-surface-muted, #f1f5f9);
    color: var(--color-text, #1a202c);
  }
  .icon-button--default.svelte-1g1pzcd:hover:not(:disabled) {
    background: var(--color-surface-hover, #e2e8f0);
  }

  .icon-button--primary.svelte-1g1pzcd {
    background: var(--color-primary, #3b82f6);
    color: white;
  }
  .icon-button--primary.svelte-1g1pzcd:hover:not(:disabled) {
    background: var(--color-primary-hover, #2563eb);
  }

  .icon-button--ghost.svelte-1g1pzcd {
    background: transparent;
    color: var(--color-text, #1a202c);
  }
  .icon-button--ghost.svelte-1g1pzcd:hover:not(:disabled) {
    background: var(--color-surface-muted, #f1f5f9);
  }

  .icon-button--subtle.svelte-1g1pzcd {
    background: transparent;
    color: var(--color-text-muted, #64748b);
  }
  .icon-button--subtle.svelte-1g1pzcd:hover:not(:disabled) {
    color: var(--color-text, #1a202c);
    background: var(--color-surface-muted, #f1f5f9);
  }

  .icon-button--outline.svelte-1g1pzcd {
    background: transparent;
    color: var(--color-text, #1a202c);
    border: 1px solid var(--color-border, #e2e8f0);
  }
  .icon-button--outline.svelte-1g1pzcd:hover:not(:disabled) {
    background: var(--color-surface-muted, #f1f5f9);
  }

  .icon-button.svelte-1g1pzcd:disabled {
    opacity: 0.5;
    cursor: not-allowed;
  }

  .icon-button.svelte-1g1pzcd:active:not(:disabled) {
    transform: scale(0.95);
  }

  .icon-button__spinner.svelte-1g1pzcd {
    width: 1em;
    height: 1em;
    border: 2px solid currentColor;
    border-top-color: transparent;
    border-radius: 50%;
    animation: svelte-1g1pzcd-spin 0.6s linear infinite;
  }

  @keyframes svelte-1g1pzcd-spin {
    to { transform: rotate(360deg); }
  }
/*$vite$:1*/
/* oneos-ui/src/lib/primitives/CloseButton.css */

  .close-button.svelte-tqx6va {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: var(--radius-sm, 0.25rem);
    background: transparent;
    color: var(--color-text-muted, #64748b);
    cursor: pointer;
    transition: background-color 0.15s, color 0.15s;
  }

  .close-button--xs.svelte-tqx6va { width: 1.25rem; height: 1.25rem; }
  .close-button--sm.svelte-tqx6va { width: 1.5rem; height: 1.5rem; }
  .close-button--md.svelte-tqx6va { width: 2rem; height: 2rem; }
  .close-button--lg.svelte-tqx6va { width: 2.5rem; height: 2.5rem; }

  .close-button.svelte-tqx6va svg:where(.svelte-tqx6va) {
    width: 60%;
    height: 60%;
  }

  .close-button.svelte-tqx6va:hover:not(:disabled) {
    background: var(--color-surface-muted, #f1f5f9);
    color: var(--color-text, #1a202c);
  }

  .close-button.svelte-tqx6va:active:not(:disabled) {
    background: var(--color-surface-hover, #e2e8f0);
  }

  .close-button.svelte-tqx6va:disabled {
    opacity: 0.5;
    cursor: not-allowed;
  }
/*$vite$:1*/
/* oneos-ui/src/lib/primitives/Text.css */

  .text.svelte-3upbob {
    margin: 0;
    font-family: var(--font-body);
  }

  /* Variants */
  .text-h1.svelte-3upbob {
    font-family: var(--font-heading);
    font-size: var(--text-4xl);
    font-weight: var(--font-bold);
    line-height: var(--leading-tight);
    letter-spacing: var(--tracking-tight);
  }
  .text-h2.svelte-3upbob {
    font-family: var(--font-heading);
    font-size: var(--text-3xl);
    font-weight: var(--font-bold);
    line-height: var(--leading-tight);
    letter-spacing: var(--tracking-tight);
  }
  .text-h3.svelte-3upbob {
    font-family: var(--font-heading);
    font-size: var(--text-2xl);
    font-weight: var(--font-semibold);
    line-height: var(--leading-snug);
  }
  .text-h4.svelte-3upbob {
    font-family: var(--font-heading);
    font-size: var(--text-xl);
    font-weight: var(--font-semibold);
    line-height: var(--leading-snug);
  }
  .text-h5.svelte-3upbob {
    font-family: var(--font-heading);
    font-size: var(--text-lg);
    font-weight: var(--font-semibold);
    line-height: var(--leading-normal);
  }
  .text-h6.svelte-3upbob {
    font-family: var(--font-heading);
    font-size: var(--text-base);
    font-weight: var(--font-semibold);
    line-height: var(--leading-normal);
  }
  .text-body.svelte-3upbob {
    font-size: var(--text-base);
    font-weight: var(--font-normal);
    line-height: var(--leading-normal);
  }
  .text-body-sm.svelte-3upbob {
    font-size: var(--text-sm);
    font-weight: var(--font-normal);
    line-height: var(--leading-normal);
  }
  .text-caption.svelte-3upbob {
    font-size: var(--text-xs);
    font-weight: var(--font-normal);
    line-height: var(--leading-normal);
  }
  .text-overline.svelte-3upbob {
    font-size: var(--text-xs);
    font-weight: var(--font-semibold);
    line-height: var(--leading-normal);
    letter-spacing: var(--tracking-wider);
    text-transform: uppercase;
  }

  /* Colors */
  .text-color-default.svelte-3upbob { color: var(--color-text); }
  .text-color-secondary.svelte-3upbob { color: var(--color-text-secondary); }
  .text-color-muted.svelte-3upbob { color: var(--color-text-muted); }
  .text-color-danger.svelte-3upbob { color: var(--color-danger); }
  .text-color-success.svelte-3upbob { color: var(--color-success); }
  .text-color-primary.svelte-3upbob { color: var(--color-primary); }

  /* Alignment */
  .text-align-left.svelte-3upbob { text-align: left; }
  .text-align-center.svelte-3upbob { text-align: center; }
  .text-align-right.svelte-3upbob { text-align: right; }

  /* Truncate */
  .text-truncate.svelte-3upbob {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
/*$vite$:1*/
/* oneos-ui/src/lib/primitives/Icon.css */

  .icon.svelte-1r6tzw5 {
    display: inline-block;
    flex-shrink: 0;
  }

  /* Sizes */
  .icon-xs.svelte-1r6tzw5 { width: 12px; height: 12px; }
  .icon-sm.svelte-1r6tzw5 { width: 16px; height: 16px; }
  .icon-md.svelte-1r6tzw5 { width: 20px; height: 20px; }
  .icon-lg.svelte-1r6tzw5 { width: 24px; height: 24px; }
  .icon-xl.svelte-1r6tzw5 { width: 32px; height: 32px; }
  .icon-2xl.svelte-1r6tzw5 { width: 48px; height: 48px; }

  /* Colors */
  .icon-currentColor.svelte-1r6tzw5 { color: currentColor; }
  .icon-primary.svelte-1r6tzw5 { color: var(--color-primary); }
  .icon-secondary.svelte-1r6tzw5 { color: var(--color-secondary); }
  .icon-danger.svelte-1r6tzw5 { color: var(--color-danger); }
  .icon-success.svelte-1r6tzw5 { color: var(--color-success); }
  .icon-warning.svelte-1r6tzw5 { color: var(--color-warning); }
  .icon-muted.svelte-1r6tzw5 { color: var(--color-text-muted); }
/*$vite$:1*/
/* oneos-ui/src/lib/primitives/Code.css */

  .code.svelte-18pwzod {
    display: inline;
    padding: 0.125em 0.375em;
    font-family: var(--font-mono);
    font-size: 0.875em;
    background: var(--color-bg-secondary);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    color: var(--color-text-primary);
    word-break: break-word;
  }

  .code--success.svelte-18pwzod {
    background: var(--color-success-light, rgba(34, 197, 94, 0.1));
    border-color: var(--color-success);
    color: var(--color-success);
  }

  .code--warning.svelte-18pwzod {
    background: var(--color-warning-light, rgba(234, 179, 8, 0.1));
    border-color: var(--color-warning);
    color: var(--color-warning-dark, #a16207);
  }

  .code--error.svelte-18pwzod {
    background: var(--color-error-light, rgba(239, 68, 68, 0.1));
    border-color: var(--color-error);
    color: var(--color-error);
  }
/*$vite$:1*/
/* oneos-ui/src/lib/primitives/Image.css */

  .image-container.svelte-12b364b {
    position: relative;
    overflow: hidden;
    display: inline-block;
  }

  .image.svelte-12b364b {
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity var(--duration-normal) var(--ease-out);
  }

  .image.loaded.svelte-12b364b {
    opacity: 1;
  }

  /* Fit variants */
  .fit--cover.svelte-12b364b { object-fit: cover; }
  .fit--contain.svelte-12b364b { object-fit: contain; }
  .fit--fill.svelte-12b364b { object-fit: fill; }
  .fit--none.svelte-12b364b { object-fit: none; }
  .fit--scale-down.svelte-12b364b { object-fit: scale-down; }

  /* Radius */
  .radius--none.svelte-12b364b { border-radius: 0; }
  .radius--sm.svelte-12b364b { border-radius: var(--radius-sm); }
  .radius--md.svelte-12b364b { border-radius: var(--radius-md); }
  .radius--lg.svelte-12b364b { border-radius: var(--radius-lg); }
  .radius--full.svelte-12b364b { border-radius: var(--radius-full); }

  /* Skeleton */
  .image-skeleton.svelte-12b364b {
    position: absolute;
    inset: 0;
    background: linear-gradient(
      90deg,
      var(--color-bg-secondary) 0%,
      var(--color-bg-tertiary) 50%,
      var(--color-bg-secondary) 100%
    );
    background-size: 200% 100%;
    animation: svelte-12b364b-shimmer 1.5s infinite;
  }

  @keyframes svelte-12b364b-shimmer {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
  }

  /* Error state */
  .image-error.svelte-12b364b {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: var(--color-bg-secondary);
    color: var(--color-text-tertiary);
    gap: var(--space-2);
  }

  .image-error__icon.svelte-12b364b {
    font-size: var(--font-size-2xl);
    opacity: 0.5;
  }

  .image-error__text.svelte-12b364b {
    font-size: var(--font-size-sm);
  }
/*$vite$:1*/
/* oneos-ui/src/lib/primitives/Kbd.css */

  .kbd-group.svelte-am0bd1 {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
  }

  .kbd-separator.svelte-am0bd1 {
    color: var(--color-text-tertiary);
    font-size: var(--font-size-xs);
  }

  .kbd.svelte-am0bd1 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-mono);
    font-weight: var(--font-weight-medium);
    background: var(--color-bg-secondary);
    border: 1px solid var(--color-border);
    border-bottom-width: 2px;
    border-radius: var(--radius-sm);
    color: var(--color-text-secondary);
    white-space: nowrap;
  }

  .kbd--sm.svelte-am0bd1 {
    padding: 0 var(--space-1);
    font-size: var(--font-size-xs);
    min-width: 1.25rem;
    height: 1.25rem;
  }

  .kbd--md.svelte-am0bd1 {
    padding: var(--space-1) var(--space-2);
    font-size: var(--font-size-xs);
    min-width: 1.5rem;
    height: 1.5rem;
  }

  .kbd--lg.svelte-am0bd1 {
    padding: var(--space-1) var(--space-2);
    font-size: var(--font-size-sm);
    min-width: 1.75rem;
    height: 1.75rem;
  }
/*$vite$:1*/
/* oneos-ui/src/lib/primitives/Mark.css */

  .mark.svelte-17zao29 {
    padding: 0.125em 0.25em;
    border-radius: var(--radius-sm, 0.125rem);
  }

  .mark--yellow.svelte-17zao29 { background: rgba(250, 204, 21, 0.4); color: #854d0e; }
  .mark--green.svelte-17zao29 { background: rgba(34, 197, 94, 0.3); color: #166534; }
  .mark--blue.svelte-17zao29 { background: rgba(59, 130, 246, 0.3); color: #1e40af; }
  .mark--red.svelte-17zao29 { background: rgba(239, 68, 68, 0.3); color: #991b1b; }
  .mark--purple.svelte-17zao29 { background: rgba(168, 85, 247, 0.3); color: #6b21a8; }
  .mark--orange.svelte-17zao29 { background: rgba(249, 115, 22, 0.3); color: #9a3412; }
/*$vite$:1*/
/* oneos-ui/src/lib/primitives/Avatar.css */

  .avatar.svelte-1ifvb9p {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--color-bg-secondary);
    color: var(--color-text-secondary);
    font-weight: var(--font-weight-medium);
    overflow: hidden;
    flex-shrink: 0;
  }

  /* Sizes */
  .avatar--xs.svelte-1ifvb9p {
    width: 24px;
    height: 24px;
    font-size: var(--font-size-xs);
  }

  .avatar--sm.svelte-1ifvb9p {
    width: 32px;
    height: 32px;
    font-size: var(--font-size-sm);
  }

  .avatar--md.svelte-1ifvb9p {
    width: 40px;
    height: 40px;
    font-size: var(--font-size-base);
  }

  .avatar--lg.svelte-1ifvb9p {
    width: 48px;
    height: 48px;
    font-size: var(--font-size-lg);
  }

  .avatar--xl.svelte-1ifvb9p {
    width: 64px;
    height: 64px;
    font-size: var(--font-size-xl);
  }

  .avatar--2xl.svelte-1ifvb9p {
    width: 96px;
    height: 96px;
    font-size: var(--font-size-2xl);
  }

  /* Shapes */
  .avatar--circle.svelte-1ifvb9p {
    border-radius: var(--radius-full);
  }

  .avatar--square.svelte-1ifvb9p {
    border-radius: 0;
  }

  .avatar--rounded.svelte-1ifvb9p {
    border-radius: var(--radius-md);
  }

  /* Image */
  .avatar__image.svelte-1ifvb9p {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  /* Icon */
  .avatar__icon.svelte-1ifvb9p {
    font-size: 1.2em;
  }

  /* Initials */
  .avatar__initials.svelte-1ifvb9p {
    text-transform: uppercase;
    user-select: none;
  }

  /* Status indicator */
  .avatar__status.svelte-1ifvb9p {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 25%;
    height: 25%;
    min-width: 8px;
    min-height: 8px;
    border-radius: var(--radius-full);
    border: 2px solid var(--color-bg);
    box-sizing: content-box;
  }

  .avatar__status--online.svelte-1ifvb9p {
    background: var(--color-success);
  }

  .avatar__status--offline.svelte-1ifvb9p {
    background: var(--color-text-tertiary);
  }

  .avatar__status--busy.svelte-1ifvb9p {
    background: var(--color-error);
  }

  .avatar__status--away.svelte-1ifvb9p {
    background: var(--color-warning);
  }
/*$vite$:1*/
/* oneos-ui/src/lib/primitives/Blockquote.css */

  .blockquote.svelte-1boek8b {
    margin: 0;
    padding: 0;
  }

  .blockquote__content.svelte-1boek8b {
    margin: 0;
    font-style: italic;
    color: var(--color-text, #1a202c);
  }

  .blockquote--sm.svelte-1boek8b .blockquote__content:where(.svelte-1boek8b) { font-size: 0.875rem; }
  .blockquote--md.svelte-1boek8b .blockquote__content:where(.svelte-1boek8b) { font-size: 1rem; }
  .blockquote--lg.svelte-1boek8b .blockquote__content:where(.svelte-1boek8b) { font-size: 1.25rem; }

  /* Bordered variant */
  .blockquote--bordered.svelte-1boek8b .blockquote__content:where(.svelte-1boek8b) {
    padding-left: 1rem;
    border-left: 4px solid var(--color-primary, #3b82f6);
  }

  /* Filled variant */
  .blockquote--filled.svelte-1boek8b {
    padding: 1rem 1.5rem;
    background: var(--color-surface-muted, #f1f5f9);
    border-radius: var(--radius-md, 0.375rem);
  }

  /* Default variant */
  .blockquote--default.svelte-1boek8b .blockquote__content:where(.svelte-1boek8b)::before {
    content: '"';
    font-size: 2em;
    line-height: 0;
    vertical-align: -0.4em;
    color: var(--color-text-muted, #94a3b8);
    margin-right: 0.25em;
  }

  .blockquote__cite.svelte-1boek8b {
    margin-top: 0.75rem;
    font-size: 0.875em;
    font-style: normal;
    color: var(--color-text-muted, #64748b);
  }
/*$vite$:1*/
/* oneos-ui/src/lib/primitives/Link.css */

  .link.svelte-1wx1ddq {
    color: var(--color-primary);
    text-decoration: none;
    cursor: pointer;
    transition: color var(--duration-fast) var(--ease-out);
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
  }

  .link.svelte-1wx1ddq:hover {
    color: var(--color-primary-hover);
  }

  .link.svelte-1wx1ddq:focus-visible {
    outline: 2px solid var(--focus-ring-color);
    outline-offset: 2px;
    border-radius: var(--radius-sm);
  }

  /* Variants */
  .link--subtle.svelte-1wx1ddq {
    color: var(--color-text-secondary);
  }

  .link--subtle.svelte-1wx1ddq:hover {
    color: var(--color-text);
  }

  .link--nav.svelte-1wx1ddq {
    color: var(--color-text);
    font-weight: var(--font-weight-medium);
    padding: var(--space-2) var(--space-3);
    border-radius: var(--radius-md);
  }

  .link--nav.svelte-1wx1ddq:hover {
    background: var(--color-bg-secondary);
    color: var(--color-primary);
  }

  .link--button.svelte-1wx1ddq {
    color: var(--color-primary);
    font-weight: var(--font-weight-medium);
    padding: var(--space-2) var(--space-4);
    border-radius: var(--radius-md);
    background: var(--color-primary-subtle);
  }

  .link--button.svelte-1wx1ddq:hover {
    background: var(--color-primary-subtle-hover);
  }

  /* Underline */
  .underline--always.svelte-1wx1ddq {
    text-decoration: underline;
    text-underline-offset: 2px;
  }

  .underline--hover.svelte-1wx1ddq:hover {
    text-decoration: underline;
    text-underline-offset: 2px;
  }

  .underline--never.svelte-1wx1ddq {
    text-decoration: none;
  }

  /* Disabled */
  .link--disabled.svelte-1wx1ddq {
    color: var(--color-text-tertiary);
    cursor: not-allowed;
    pointer-events: none;
  }

  /* External icon */
  .link__external-icon.svelte-1wx1ddq {
    font-size: 0.8em;
    opacity: 0.7;
  }
/*$vite$:1*/
/* oneos-ui/src/lib/primitives/Anchor.css */

  .anchor.svelte-kyt2ut {
    color: var(--color-primary, #3b82f6);
    text-decoration: none;
    cursor: pointer;
    transition: color 0.15s;
  }

  .anchor.svelte-kyt2ut:hover {
    color: var(--color-primary-hover, #2563eb);
  }

  .anchor--underline-always.svelte-kyt2ut {
    text-decoration: underline;
    text-underline-offset: 2px;
  }

  .anchor--underline-hover.svelte-kyt2ut:hover {
    text-decoration: underline;
    text-underline-offset: 2px;
  }

  .anchor--underline-never.svelte-kyt2ut {
    text-decoration: none;
  }

  .anchor__external-icon.svelte-kyt2ut {
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.25em;
    opacity: 0.7;
  }
/*$vite$:1*/
/* oneos-ui/src/lib/primitives/Progress.css */

  .progress-wrapper.svelte-a4gly3 {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    width: 100%;
  }

  .progress-wrapper.svelte-a4gly3:has(.progress__label--top:where(.svelte-a4gly3)) {
    flex-direction: column;
    align-items: stretch;
  }

  .progress.svelte-a4gly3 {
    flex: 1;
    background: var(--color-bg-tertiary);
    border-radius: var(--radius-full);
    overflow: hidden;
  }

  /* Sizes */
  .progress--xs.svelte-a4gly3 .progress:where(.svelte-a4gly3) { height: 4px; }
  .progress--sm.svelte-a4gly3 .progress:where(.svelte-a4gly3) { height: 8px; }
  .progress--md.svelte-a4gly3 .progress:where(.svelte-a4gly3) { height: 12px; }
  .progress--lg.svelte-a4gly3 .progress:where(.svelte-a4gly3) { height: 20px; }

  /* Bar */
  .progress__bar.svelte-a4gly3 {
    height: 100%;
    border-radius: var(--radius-full);
    transition: width var(--duration-normal) var(--ease-out);
    display: flex;
    align-items: center;
    justify-content: center;
  }

  /* Variants */
  .progress__bar--default.svelte-a4gly3 { background: var(--color-primary); }
  .progress__bar--success.svelte-a4gly3 { background: var(--color-success); }
  .progress__bar--warning.svelte-a4gly3 { background: var(--color-warning); }
  .progress__bar--error.svelte-a4gly3 { background: var(--color-error); }
  .progress__bar--info.svelte-a4gly3 { background: var(--color-info); }

  /* Striped */
  .progress__bar--striped.svelte-a4gly3 {
    background-image: linear-gradient(
      45deg,
      rgba(255, 255, 255, 0.15) 25%,
      transparent 25%,
      transparent 50%,
      rgba(255, 255, 255, 0.15) 50%,
      rgba(255, 255, 255, 0.15) 75%,
      transparent 75%,
      transparent
    );
    background-size: 1rem 1rem;
  }

  .progress__bar--animated.svelte-a4gly3 {
    animation: svelte-a4gly3-progress-stripes 1s linear infinite;
  }

  @keyframes svelte-a4gly3-progress-stripes {
    0% { background-position: 1rem 0; }
    100% { background-position: 0 0; }
  }

  /* Indeterminate */
  .progress__bar--indeterminate.svelte-a4gly3 {
    width: 30% !important;
    animation: svelte-a4gly3-progress-indeterminate 1.5s ease-in-out infinite;
  }

  @keyframes svelte-a4gly3-progress-indeterminate {
    0% { transform: translateX(-100%); }
    100% { transform: translateX(400%); }
  }

  /* Labels */
  .progress__label.svelte-a4gly3 {
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-medium);
    color: var(--color-text-secondary);
    white-space: nowrap;
  }

  .progress__label--inside.svelte-a4gly3 {
    color: white;
    font-size: 10px;
  }

  .progress__label--top.svelte-a4gly3 {
    align-self: flex-end;
  }

  .progress--xs.svelte-a4gly3 .progress__label--inside:where(.svelte-a4gly3),
  .progress--sm.svelte-a4gly3 .progress__label--inside:where(.svelte-a4gly3) {
    display: none;
  }
/*$vite$:1*/
/* oneos-ui/src/lib/primitives/Skeleton.css */

  .skeleton.svelte-1dgw1ab {
    background: var(--color-bg-tertiary);
    display: block;
  }

  /* Variants */
  .skeleton--text.svelte-1dgw1ab {
    height: 1em;
    border-radius: var(--radius-sm);
  }

  .skeleton--circular.svelte-1dgw1ab {
    border-radius: var(--radius-full);
    aspect-ratio: 1;
  }

  .skeleton--rectangular.svelte-1dgw1ab {
    border-radius: 0;
  }

  .skeleton--rounded.svelte-1dgw1ab {
    border-radius: var(--radius-md);
  }

  /* Pulse animation */
  .skeleton--pulse.svelte-1dgw1ab {
    animation: svelte-1dgw1ab-skeleton-pulse 1.5s ease-in-out infinite;
  }

  @keyframes svelte-1dgw1ab-skeleton-pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.4; }
  }

  /* Wave animation */
  .skeleton--wave.svelte-1dgw1ab {
    position: relative;
    overflow: hidden;
  }

  .skeleton--wave.svelte-1dgw1ab::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(
      90deg,
      transparent 0%,
      rgba(255, 255, 255, 0.3) 50%,
      transparent 100%
    );
    animation: svelte-1dgw1ab-skeleton-wave 1.5s ease-in-out infinite;
  }

  @keyframes svelte-1dgw1ab-skeleton-wave {
    0% { transform: translateX(-100%); }
    100% { transform: translateX(100%); }
  }

  /* Multiple lines */
  .skeleton-lines.svelte-1dgw1ab {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
  }
/*$vite$:1*/
/* oneos-ui/src/lib/primitives/Divider.css */

  .divider.svelte-cko2j3 {
    display: flex;
    align-items: center;
  }

  .divider--horizontal.svelte-cko2j3 {
    width: 100%;
    flex-direction: row;
  }

  .divider--vertical.svelte-cko2j3 {
    height: 100%;
    flex-direction: column;
    width: auto;
  }

  .divider--horizontal.svelte-cko2j3::before,
  .divider--horizontal.svelte-cko2j3::after {
    content: '';
    flex: 1;
    border-bottom-style: solid;
    border-bottom-color: var(--color-border);
  }

  .divider--vertical.svelte-cko2j3::before,
  .divider--vertical.svelte-cko2j3::after {
    content: '';
    flex: 1;
    border-left-style: solid;
    border-left-color: var(--color-border);
  }

  /* Thickness */
  .divider--thin.svelte-cko2j3::before,
  .divider--thin.svelte-cko2j3::after {
    border-width: 1px;
  }

  .divider--medium.svelte-cko2j3::before,
  .divider--medium.svelte-cko2j3::after {
    border-width: 2px;
  }

  .divider--thick.svelte-cko2j3::before,
  .divider--thick.svelte-cko2j3::after {
    border-width: 4px;
  }

  /* Variants */
  .divider--subtle.svelte-cko2j3::before,
  .divider--subtle.svelte-cko2j3::after {
    border-color: var(--color-border-subtle);
  }

  .divider--strong.svelte-cko2j3::before,
  .divider--strong.svelte-cko2j3::after {
    border-color: var(--color-border-strong);
  }

  /* Label */
  .divider__label.svelte-cko2j3 {
    padding: 0 var(--space-3);
    color: var(--color-text-secondary);
    font-size: var(--font-size-sm);
    white-space: nowrap;
  }

  .divider--vertical.svelte-cko2j3 .divider__label:where(.svelte-cko2j3) {
    padding: var(--space-3) 0;
    writing-mode: vertical-rl;
  }
/*$vite$:1*/
/* oneos-ui/src/lib/primitives/CopyButton.css */

  .copy-button.svelte-1d93rtp {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: var(--radius-sm, 0.25rem);
    background: var(--color-surface-muted, #f1f5f9);
    color: var(--color-text-muted, #64748b);
    cursor: pointer;
    transition: background-color 0.15s, color 0.15s;
  }

  .copy-button--xs.svelte-1d93rtp { width: 1.5rem; height: 1.5rem; padding: 0.25rem; }
  .copy-button--sm.svelte-1d93rtp { width: 2rem; height: 2rem; padding: 0.375rem; }
  .copy-button--md.svelte-1d93rtp { width: 2.5rem; height: 2.5rem; padding: 0.5rem; }

  .copy-button.svelte-1d93rtp svg:where(.svelte-1d93rtp) {
    width: 100%;
    height: 100%;
  }

  .copy-button.svelte-1d93rtp:hover {
    background: var(--color-surface-hover, #e2e8f0);
    color: var(--color-text, #1a202c);
  }

  .copy-button--copied.svelte-1d93rtp {
    color: var(--color-success, #22c55e);
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/Combobox.css */

  .combobox.svelte-p4akh5 {
    position: relative;
    width: 100%;
  }

  .combobox--disabled.svelte-p4akh5 {
    opacity: 0.5;
    pointer-events: none;
  }

  .combobox__input-wrapper.svelte-p4akh5 {
    display: flex;
    align-items: center;
    background: var(--color-bg-primary);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    transition: all var(--duration-fast);
  }

  .combobox__input-wrapper.svelte-p4akh5:focus-within {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px var(--color-focus-ring);
  }

  .combobox__input.svelte-p4akh5 {
    flex: 1;
    border: none;
    background: transparent;
    outline: none;
    color: var(--color-text-primary);
    min-width: 0;
  }

  .combobox--sm.svelte-p4akh5 .combobox__input:where(.svelte-p4akh5) { padding: var(--space-1) var(--space-2); font-size: var(--font-size-xs); }
  .combobox--md.svelte-p4akh5 .combobox__input:where(.svelte-p4akh5) { padding: var(--space-2) var(--space-3); font-size: var(--font-size-sm); }
  .combobox--lg.svelte-p4akh5 .combobox__input:where(.svelte-p4akh5) { padding: var(--space-3) var(--space-4); font-size: var(--font-size-base); }

  .combobox__input.svelte-p4akh5::placeholder {
    color: var(--color-text-tertiary);
  }

  .combobox__spinner.svelte-p4akh5 {
    width: 1em;
    height: 1em;
    margin-right: var(--space-2);
    border: 2px solid var(--color-border);
    border-top-color: var(--color-primary);
    border-radius: 50%;
    animation: svelte-p4akh5-spin 0.8s linear infinite;
  }

  @keyframes svelte-p4akh5-spin {
    to { transform: rotate(360deg); }
  }

  .combobox__clear.svelte-p4akh5,
  .combobox__chevron.svelte-p4akh5 {
    padding: var(--space-1) var(--space-2);
    color: var(--color-text-tertiary);
  }

  .combobox__clear.svelte-p4akh5 {
    background: none;
    border: none;
    cursor: pointer;
    font-size: var(--font-size-lg);
  }

  .combobox__clear.svelte-p4akh5:hover {
    color: var(--color-text-primary);
  }

  .combobox__dropdown.svelte-p4akh5 {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin-top: var(--space-1);
    background: var(--color-bg-primary);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-lg);
    z-index: 100;
    max-height: 250px;
    overflow-y: auto;
  }

  .combobox__empty.svelte-p4akh5 {
    padding: var(--space-4);
    text-align: center;
    color: var(--color-text-tertiary);
    font-size: var(--font-size-sm);
  }

  .combobox__option.svelte-p4akh5 {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
    width: 100%;
    padding: var(--space-2) var(--space-3);
    background: none;
    border: none;
    text-align: left;
    cursor: pointer;
    transition: background var(--duration-fast);
  }

  .combobox__option.highlighted.svelte-p4akh5 {
    background: var(--color-bg-secondary);
  }

  .combobox__option.selected.svelte-p4akh5 {
    background: var(--color-primary-light, rgba(99, 102, 241, 0.1));
  }

  .combobox__option.disabled.svelte-p4akh5 {
    opacity: 0.5;
    cursor: not-allowed;
  }

  .combobox__option-label.svelte-p4akh5 {
    font-size: var(--font-size-sm);
    color: var(--color-text-primary);
  }

  .combobox__option-desc.svelte-p4akh5 {
    font-size: var(--font-size-xs);
    color: var(--color-text-tertiary);
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/Form.css */

  .form.svelte-19rqqeq {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
  }

  .form-submitting.svelte-19rqqeq {
    opacity: 0.7;
    pointer-events: none;
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/Collapsible.css */

  .collapsible.svelte-1kife5c {
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    overflow: hidden;
  }

  .collapsible__trigger.svelte-1kife5c {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: var(--space-3) var(--space-4);
    background: var(--color-bg-primary);
    border: none;
    text-align: left;
    cursor: pointer;
    transition: background var(--duration-fast);
  }

  .collapsible__trigger.svelte-1kife5c:hover:not(:disabled) {
    background: var(--color-bg-secondary);
  }

  .collapsible__trigger.svelte-1kife5c:disabled {
    opacity: 0.5;
    cursor: not-allowed;
  }

  .collapsible__icon.svelte-1kife5c {
    flex-shrink: 0;
    font-size: 1.25rem;
    color: var(--color-text-tertiary);
    transition: transform var(--duration-fast);
  }

  .collapsible--open.svelte-1kife5c .collapsible__icon:where(.svelte-1kife5c) {
    transform: rotate(90deg);
  }

  .collapsible__content.svelte-1kife5c {
    overflow: hidden;
  }

  .collapsible__inner.svelte-1kife5c {
    padding: var(--space-4);
    border-top: 1px solid var(--color-border);
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/ToggleGroup.css */

  .toggle-group.svelte-15ko8l7 {
    display: inline-flex;
    border-radius: var(--radius-md, 0.375rem);
    overflow: hidden;
    border: 1px solid var(--color-border, #e2e8f0);
  }

  .toggle-group__item.svelte-15ko8l7 {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    border: none;
    background: var(--color-surface, #fff);
    color: var(--color-text, #1a202c);
    cursor: pointer;
    font-family: inherit;
    transition: background-color 0.15s, color 0.15s;
  }

  .toggle-group__item.svelte-15ko8l7:not(:last-child) {
    border-right: 1px solid var(--color-border, #e2e8f0);
  }

  .toggle-group--sm.svelte-15ko8l7 .toggle-group__item:where(.svelte-15ko8l7) { padding: 0.375rem 0.75rem; font-size: 0.875rem; }
  .toggle-group--md.svelte-15ko8l7 .toggle-group__item:where(.svelte-15ko8l7) { padding: 0.5rem 1rem; font-size: 0.875rem; }
  .toggle-group--lg.svelte-15ko8l7 .toggle-group__item:where(.svelte-15ko8l7) { padding: 0.75rem 1.5rem; font-size: 1rem; }

  .toggle-group__item.svelte-15ko8l7:hover:not(:disabled):not(.toggle-group__item--selected) {
    background: var(--color-surface-muted, #f1f5f9);
  }

  .toggle-group__item--selected.svelte-15ko8l7 {
    background: var(--color-primary, #3b82f6);
    color: white;
  }

  .toggle-group__item.svelte-15ko8l7:disabled {
    opacity: 0.5;
    cursor: not-allowed;
  }

  .toggle-group--disabled.svelte-15ko8l7 {
    opacity: 0.5;
    pointer-events: none;
  }

  .toggle-group__icon.svelte-15ko8l7 {
    display: flex;
    align-items: center;
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/SegmentedControl.css */

  .segmented.svelte-b11acf {
    position: relative;
    display: inline-flex;
    background: var(--color-surface-muted, #f1f5f9);
    border-radius: var(--radius-md, 0.375rem);
    padding: 4px;
  }

  .segmented--full-width.svelte-b11acf {
    display: flex;
    width: 100%;
  }

  .segmented__indicator.svelte-b11acf {
    position: absolute;
    top: 4px;
    bottom: 4px;
    left: 4px;
    background: var(--color-surface, #fff);
    border-radius: calc(var(--radius-md, 0.375rem) - 2px);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s ease;
  }

  .segmented__item.svelte-b11acf {
    position: relative;
    z-index: 1;
    flex: 1;
    border: none;
    background: transparent;
    color: var(--color-text-muted, #64748b);
    cursor: pointer;
    font-family: inherit;
    font-weight: 500;
    transition: color 0.15s;
    white-space: nowrap;
  }

  .segmented--sm.svelte-b11acf .segmented__item:where(.svelte-b11acf) { padding: 0.25rem 0.75rem; font-size: 0.75rem; }
  .segmented--md.svelte-b11acf .segmented__item:where(.svelte-b11acf) { padding: 0.375rem 1rem; font-size: 0.875rem; }
  .segmented--lg.svelte-b11acf .segmented__item:where(.svelte-b11acf) { padding: 0.5rem 1.5rem; font-size: 1rem; }

  .segmented__item--selected.svelte-b11acf {
    color: var(--color-text, #1a202c);
  }

  .segmented__item.svelte-b11acf:hover:not(:disabled):not(.segmented__item--selected) {
    color: var(--color-text, #1a202c);
  }

  .segmented__item.svelte-b11acf:disabled {
    opacity: 0.5;
    cursor: not-allowed;
  }

  .segmented--disabled.svelte-b11acf {
    opacity: 0.5;
    pointer-events: none;
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/ButtonGroup.css */

  .button-group.svelte-us4glb {
    display: inline-flex;
  }

  .button-group--vertical.svelte-us4glb {
    flex-direction: column;
  }

  .button-group--horizontal.svelte-us4glb:not(.button-group--attached) {
    gap: 0.5rem;
  }

  .button-group--vertical.svelte-us4glb:not(.button-group--attached) {
    gap: 0.5rem;
  }

  /* Attached horizontal buttons */
  .button-group--horizontal.button-group--attached.svelte-us4glb > * {
    border-radius: 0;
  }

  .button-group--horizontal.button-group--attached.svelte-us4glb > *:first-child {
    border-top-left-radius: var(--radius-md, 0.375rem);
    border-bottom-left-radius: var(--radius-md, 0.375rem);
  }

  .button-group--horizontal.button-group--attached.svelte-us4glb > *:last-child {
    border-top-right-radius: var(--radius-md, 0.375rem);
    border-bottom-right-radius: var(--radius-md, 0.375rem);
  }

  .button-group--horizontal.button-group--attached.svelte-us4glb > *:not(:first-child) {
    margin-left: -1px;
  }

  /* Attached vertical buttons */
  .button-group--vertical.button-group--attached.svelte-us4glb > * {
    border-radius: 0;
  }

  .button-group--vertical.button-group--attached.svelte-us4glb > *:first-child {
    border-top-left-radius: var(--radius-md, 0.375rem);
    border-top-right-radius: var(--radius-md, 0.375rem);
  }

  .button-group--vertical.button-group--attached.svelte-us4glb > *:last-child {
    border-bottom-left-radius: var(--radius-md, 0.375rem);
    border-bottom-right-radius: var(--radius-md, 0.375rem);
  }

  .button-group--vertical.button-group--attached.svelte-us4glb > *:not(:first-child) {
    margin-top: -1px;
  }

  /* Size propagation */
  .button-group--sm.svelte-us4glb > button { padding: 0.375rem 0.75rem; font-size: 0.875rem; }
  .button-group--md.svelte-us4glb > button { padding: 0.5rem 1rem; font-size: 0.875rem; }
  .button-group--lg.svelte-us4glb > button { padding: 0.75rem 1.5rem; font-size: 1rem; }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/DatePicker.css */

  .datepicker.svelte-zp9m0a {
    position: relative;
    display: inline-block;
  }

  .datepicker--disabled.svelte-zp9m0a {
    opacity: 0.5;
    pointer-events: none;
  }

  .datepicker__trigger.svelte-zp9m0a {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-2) var(--space-3);
    background: var(--color-bg-primary);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    cursor: pointer;
    min-width: 200px;
    font-size: var(--font-size-sm);
  }

  .datepicker__trigger.svelte-zp9m0a:hover {
    border-color: var(--color-border-strong);
  }

  .datepicker__trigger.svelte-zp9m0a:focus {
    outline: 2px solid var(--color-focus-ring);
    outline-offset: 2px;
  }

  .datepicker__icon.svelte-zp9m0a {
    flex-shrink: 0;
  }

  .datepicker__value.svelte-zp9m0a {
    flex: 1;
    text-align: left;
    color: var(--color-text-primary);
  }

  .datepicker__value.placeholder.svelte-zp9m0a {
    color: var(--color-text-tertiary);
  }

  .datepicker__clear.svelte-zp9m0a {
    padding: 0 var(--space-1);
    background: none;
    border: none;
    color: var(--color-text-tertiary);
    cursor: pointer;
    font-size: var(--font-size-lg);
    line-height: 1;
  }

  .datepicker__clear.svelte-zp9m0a:hover {
    color: var(--color-text-primary);
  }

  .datepicker__dropdown.svelte-zp9m0a {
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: var(--space-1);
    padding: var(--space-3);
    background: var(--color-bg-primary);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-lg);
    z-index: 100;
    min-width: 280px;
  }

  .datepicker__header.svelte-zp9m0a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--space-3);
  }

  .datepicker__nav.svelte-zp9m0a {
    padding: var(--space-1) var(--space-2);
    background: none;
    border: none;
    cursor: pointer;
    font-size: var(--font-size-lg);
    color: var(--color-text-secondary);
    border-radius: var(--radius-md);
  }

  .datepicker__nav.svelte-zp9m0a:hover {
    background: var(--color-bg-secondary);
    color: var(--color-text-primary);
  }

  .datepicker__month-year.svelte-zp9m0a {
    font-weight: var(--font-weight-semibold);
    color: var(--color-text-primary);
  }

  .datepicker__weekdays.svelte-zp9m0a {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: var(--space-1);
    margin-bottom: var(--space-2);
  }

  .datepicker__weekday.svelte-zp9m0a {
    text-align: center;
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-medium);
    color: var(--color-text-tertiary);
    padding: var(--space-1);
  }

  .datepicker__days.svelte-zp9m0a {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: var(--space-1);
  }

  .datepicker__day.svelte-zp9m0a {
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--space-1);
    background: none;
    border: none;
    border-radius: var(--radius-md);
    cursor: pointer;
    font-size: var(--font-size-sm);
    color: var(--color-text-primary);
    transition: all var(--duration-fast);
  }

  .datepicker__day.svelte-zp9m0a:hover:not(:disabled) {
    background: var(--color-bg-secondary);
  }

  .datepicker__day.other-month.svelte-zp9m0a {
    color: var(--color-text-tertiary);
  }

  .datepicker__day.today.svelte-zp9m0a {
    font-weight: var(--font-weight-bold);
    color: var(--color-primary);
  }

  .datepicker__day.selected.svelte-zp9m0a {
    background: var(--color-primary);
    color: var(--color-text-on-primary, white);
  }

  .datepicker__day.svelte-zp9m0a:disabled {
    opacity: 0.3;
    cursor: not-allowed;
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/DateRangePicker.css */

  .drp.svelte-tahs0b {
    display: flex;
    background: var(--color-bg-primary);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    overflow: hidden;
  }

  /* Presets sidebar */
  .drp__presets.svelte-tahs0b {
    display: flex;
    flex-direction: column;
    padding: var(--space-2);
    border-right: 1px solid var(--color-border);
    background: var(--color-bg-secondary);
    min-width: 130px;
  }

  .drp__preset.svelte-tahs0b {
    padding: var(--space-2) var(--space-3);
    background: none;
    border: none;
    border-radius: var(--radius-md);
    text-align: left;
    font-size: var(--font-size-sm);
    color: var(--color-text-secondary);
    cursor: pointer;
    white-space: nowrap;
  }

  .drp__preset.svelte-tahs0b:hover {
    background: var(--color-bg-primary);
    color: var(--color-text-primary);
  }

  /* Calendars area */
  .drp__calendars.svelte-tahs0b {
    display: flex;
    flex-direction: column;
    padding: var(--space-3);
  }

  .drp__display.svelte-tahs0b {
    padding: var(--space-2) var(--space-3);
    margin-bottom: var(--space-3);
    background: var(--color-bg-secondary);
    border-radius: var(--radius-md);
    text-align: center;
  }

  .drp__display-text.svelte-tahs0b {
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
    color: var(--color-text-primary);
  }

  .drp__months.svelte-tahs0b {
    display: flex;
    gap: var(--space-4);
  }

  .drp__month.svelte-tahs0b {
    min-width: 260px;
  }

  .drp__month-header.svelte-tahs0b {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--space-3);
  }

  .drp__month-title.svelte-tahs0b {
    font-weight: var(--font-weight-semibold);
    font-size: var(--font-size-sm);
    color: var(--color-text-primary);
  }

  .drp__nav.svelte-tahs0b {
    padding: var(--space-1) var(--space-2);
    background: none;
    border: none;
    cursor: pointer;
    font-size: var(--font-size-lg);
    color: var(--color-text-secondary);
    border-radius: var(--radius-md);
    line-height: 1;
  }

  .drp__nav.svelte-tahs0b:hover {
    background: var(--color-bg-secondary);
    color: var(--color-text-primary);
  }

  .drp__nav-spacer.svelte-tahs0b {
    width: 28px;
  }

  .drp__weekdays.svelte-tahs0b {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: var(--space-1);
    margin-bottom: var(--space-2);
  }

  .drp__weekday.svelte-tahs0b {
    text-align: center;
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-medium);
    color: var(--color-text-tertiary);
    padding: var(--space-1);
  }

  .drp__days.svelte-tahs0b {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 0;
  }

  .drp__day.svelte-tahs0b {
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--space-1);
    background: none;
    border: none;
    font-size: var(--font-size-sm);
    color: var(--color-text-primary);
    cursor: pointer;
    transition: all var(--duration-fast);
    border-radius: 0;
  }

  .drp__day.svelte-tahs0b:hover:not(:disabled) {
    background: var(--color-bg-secondary);
  }

  .drp__day--other.svelte-tahs0b {
    color: var(--color-text-tertiary);
    opacity: 0.4;
  }

  .drp__day--today.svelte-tahs0b {
    font-weight: var(--font-weight-bold);
    color: var(--color-primary);
  }

  .drp__day--in-range.svelte-tahs0b {
    background: var(--color-primary-light, rgba(59, 130, 246, 0.1));
    color: var(--color-primary);
  }

  .drp__day--range-start.svelte-tahs0b {
    background: var(--color-primary);
    color: white;
    border-radius: var(--radius-md) 0 0 var(--radius-md);
  }

  .drp__day--range-end.svelte-tahs0b {
    background: var(--color-primary);
    color: white;
    border-radius: 0 var(--radius-md) var(--radius-md) 0;
  }

  .drp__day--range-start.drp__day--range-end.svelte-tahs0b {
    border-radius: var(--radius-md);
  }

  .drp__day--selected.svelte-tahs0b {
    background: var(--color-primary);
    color: white;
  }

  .drp__day--in-range.svelte-tahs0b:hover:not(:disabled) {
    background: var(--color-primary-light, rgba(59, 130, 246, 0.2));
  }

  .drp__day--selected.svelte-tahs0b:hover:not(:disabled) {
    background: var(--color-primary);
    opacity: 0.9;
  }

  .drp__day.svelte-tahs0b:disabled {
    opacity: 0.3;
    cursor: not-allowed;
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/FilePicker.css */

  .file-picker.svelte-16uk97w {
    width: 100%;
  }

  .file-picker--disabled.svelte-16uk97w {
    opacity: 0.5;
    pointer-events: none;
  }

  .file-picker__input.svelte-16uk97w {
    display: none;
  }

  .file-picker__dropzone.svelte-16uk97w {
    border: 2px dashed var(--color-border);
    border-radius: var(--radius-lg);
    padding: var(--space-6);
    text-align: center;
    cursor: pointer;
    transition: all var(--duration-fast);
    background: var(--color-bg-primary);
  }

  .file-picker__dropzone.svelte-16uk97w:hover,
  .file-picker__dropzone.dragging.svelte-16uk97w {
    border-color: var(--color-primary);
    background: var(--color-bg-secondary);
  }

  .file-picker__dropzone.has-files.svelte-16uk97w {
    padding: var(--space-3);
  }

  .file-picker__placeholder.svelte-16uk97w {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-2);
  }

  .file-picker__icon.svelte-16uk97w {
    font-size: 2rem;
  }

  .file-picker__text.svelte-16uk97w {
    color: var(--color-text-primary);
    font-weight: var(--font-weight-medium);
  }

  .file-picker__hint.svelte-16uk97w {
    color: var(--color-text-tertiary);
    font-size: var(--font-size-xs);
  }

  .file-picker__files.svelte-16uk97w {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    width: 100%;
  }

  .file-picker__file.svelte-16uk97w {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-2);
    background: var(--color-bg-secondary);
    border-radius: var(--radius-md);
  }

  .file-picker__preview.svelte-16uk97w {
    width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: var(--radius-sm);
  }

  .file-picker__file-icon.svelte-16uk97w {
    font-size: 1.5rem;
  }

  .file-picker__file-info.svelte-16uk97w {
    flex: 1;
    text-align: left;
  }

  .file-picker__file-name.svelte-16uk97w {
    display: block;
    font-size: var(--font-size-sm);
    color: var(--color-text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .file-picker__file-size.svelte-16uk97w {
    font-size: var(--font-size-xs);
    color: var(--color-text-tertiary);
  }

  .file-picker__remove.svelte-16uk97w {
    padding: var(--space-1);
    background: none;
    border: none;
    color: var(--color-text-tertiary);
    cursor: pointer;
    font-size: var(--font-size-lg);
    line-height: 1;
  }

  .file-picker__remove.svelte-16uk97w:hover {
    color: var(--color-error);
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/FolderPicker.css */

  .folder-picker.svelte-1w5mo1e {
    display: inline-block;
  }

  .folder-picker--disabled.svelte-1w5mo1e {
    opacity: 0.5;
    pointer-events: none;
  }

  .folder-picker__input.svelte-1w5mo1e {
    display: none;
  }

  .folder-picker__trigger.svelte-1w5mo1e {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-2) var(--space-3);
    background: var(--color-bg-primary);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    cursor: pointer;
    min-width: 200px;
    font-size: var(--font-size-sm);
  }

  .folder-picker__trigger.svelte-1w5mo1e:hover {
    border-color: var(--color-border-strong);
  }

  .folder-picker__trigger.svelte-1w5mo1e:focus {
    outline: 2px solid var(--color-focus-ring);
    outline-offset: 2px;
  }

  .folder-picker__icon.svelte-1w5mo1e {
    flex-shrink: 0;
  }

  .folder-picker__value.svelte-1w5mo1e {
    flex: 1;
    text-align: left;
    color: var(--color-text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .folder-picker__value.placeholder.svelte-1w5mo1e {
    color: var(--color-text-tertiary);
  }

  .folder-picker__clear.svelte-1w5mo1e {
    padding: 0 var(--space-1);
    background: none;
    border: none;
    color: var(--color-text-tertiary);
    cursor: pointer;
    font-size: var(--font-size-lg);
    line-height: 1;
  }

  .folder-picker__clear.svelte-1w5mo1e:hover {
    color: var(--color-text-primary);
  }

  .folder-picker__fallback-note.svelte-1w5mo1e {
    display: block;
    margin-top: var(--space-1);
    font-size: var(--font-size-xs);
    color: var(--color-text-tertiary);
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/TimePicker.css */

  .timepicker.svelte-2qys49 {
    position: relative;
    display: inline-block;
  }

  .timepicker--disabled.svelte-2qys49 {
    opacity: 0.5;
    pointer-events: none;
  }

  .timepicker__trigger.svelte-2qys49 {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-2) var(--space-3);
    background: var(--color-bg-primary);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    cursor: pointer;
    min-width: 150px;
    font-size: var(--font-size-sm);
  }

  .timepicker__trigger.svelte-2qys49:hover {
    border-color: var(--color-border-strong);
  }

  .timepicker__trigger.svelte-2qys49:focus {
    outline: 2px solid var(--color-focus-ring);
    outline-offset: 2px;
  }

  .timepicker__icon.svelte-2qys49 {
    flex-shrink: 0;
  }

  .timepicker__value.svelte-2qys49 {
    flex: 1;
    text-align: left;
    color: var(--color-text-primary);
  }

  .timepicker__value.placeholder.svelte-2qys49 {
    color: var(--color-text-tertiary);
  }

  .timepicker__clear.svelte-2qys49 {
    padding: 0 var(--space-1);
    background: none;
    border: none;
    color: var(--color-text-tertiary);
    cursor: pointer;
    font-size: var(--font-size-lg);
    line-height: 1;
  }

  .timepicker__dropdown.svelte-2qys49 {
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: var(--space-1);
    background: var(--color-bg-primary);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-lg);
    z-index: 100;
  }

  .timepicker__columns.svelte-2qys49 {
    display: flex;
    padding: var(--space-2);
    gap: var(--space-1);
  }

  .timepicker__column.svelte-2qys49 {
    display: flex;
    flex-direction: column;
    min-width: 60px;
  }

  .timepicker__column--period.svelte-2qys49 {
    min-width: 50px;
  }

  .timepicker__column-header.svelte-2qys49 {
    text-align: center;
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-medium);
    color: var(--color-text-tertiary);
    padding: var(--space-1);
    border-bottom: 1px solid var(--color-border);
  }

  .timepicker__scroll.svelte-2qys49 {
    max-height: 200px;
    overflow-y: auto;
  }

  .timepicker__option.svelte-2qys49 {
    display: block;
    width: 100%;
    padding: var(--space-2);
    background: none;
    border: none;
    text-align: center;
    cursor: pointer;
    font-size: var(--font-size-sm);
    color: var(--color-text-primary);
    border-radius: var(--radius-sm);
  }

  .timepicker__option.svelte-2qys49:hover {
    background: var(--color-bg-secondary);
  }

  .timepicker__option.selected.svelte-2qys49 {
    background: var(--color-primary);
    color: var(--color-text-on-primary, white);
  }

  .timepicker__footer.svelte-2qys49 {
    display: flex;
    justify-content: flex-end;
    gap: var(--space-2);
    padding: var(--space-2);
    border-top: 1px solid var(--color-border);
  }

  .timepicker__cancel.svelte-2qys49,
  .timepicker__apply.svelte-2qys49 {
    padding: var(--space-1) var(--space-3);
    border-radius: var(--radius-md);
    font-size: var(--font-size-sm);
    cursor: pointer;
  }

  .timepicker__cancel.svelte-2qys49 {
    background: none;
    border: 1px solid var(--color-border);
    color: var(--color-text-secondary);
  }

  .timepicker__apply.svelte-2qys49 {
    background: var(--color-primary);
    border: none;
    color: var(--color-text-on-primary, white);
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/FileManager.css */

  .file-manager.svelte-1dgdjsx {
    display: flex;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    background: var(--color-bg-primary);
    overflow: hidden;
    font-family: var(--font-body);
    font-size: var(--text-sm, 0.875rem);
    min-height: 400px;
    position: relative;
  }

  .file-manager__upload-input.svelte-1dgdjsx {
    display: none;
  }

  /* Sidebar */
  .file-manager__sidebar.svelte-1dgdjsx {
    width: 220px;
    border-right: 1px solid var(--color-border);
    background: var(--color-bg-secondary);
    overflow-y: auto;
    flex-shrink: 0;
  }

  .file-manager__sidebar-title.svelte-1dgdjsx {
    padding: var(--space-3) var(--space-3) var(--space-2);
    font-weight: var(--font-semibold, 600);
    font-size: var(--text-xs, 0.75rem);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--color-text-tertiary);
  }

  .file-manager__tree.svelte-1dgdjsx {
    display: flex;
    flex-direction: column;
  }

  .file-manager__tree-item.svelte-1dgdjsx {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-1) var(--space-3);
    background: none;
    border: none;
    text-align: left;
    cursor: pointer;
    color: var(--color-text-primary);
    font-size: var(--text-sm, 0.875rem);
    transition: background var(--duration-fast);
    width: 100%;
  }

  .file-manager__tree-item.svelte-1dgdjsx:hover {
    background: var(--color-bg-tertiary, rgba(0,0,0,0.04));
  }

  .file-manager__tree-item--active.svelte-1dgdjsx {
    background: var(--color-primary-light, rgba(99, 102, 241, 0.1));
    color: var(--color-primary);
    font-weight: var(--font-medium, 500);
  }

  /* Main */
  .file-manager__main.svelte-1dgdjsx {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
  }

  /* Header */
  .file-manager__header.svelte-1dgdjsx {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3);
    padding: var(--space-2) var(--space-3);
    border-bottom: 1px solid var(--color-border);
    background: var(--color-bg-secondary);
  }

  .file-manager__breadcrumb.svelte-1dgdjsx {
    display: flex;
    align-items: center;
    gap: var(--space-1);
    overflow-x: auto;
    white-space: nowrap;
  }

  .file-manager__breadcrumb-sep.svelte-1dgdjsx {
    color: var(--color-text-tertiary);
    font-size: var(--text-xs, 0.75rem);
  }

  .file-manager__breadcrumb-item.svelte-1dgdjsx {
    padding: var(--space-1) var(--space-1);
    background: none;
    border: none;
    border-radius: var(--radius-sm);
    color: var(--color-text-muted, var(--color-text-secondary));
    font-size: var(--text-sm, 0.875rem);
    cursor: pointer;
    transition: all var(--duration-fast);
  }

  .file-manager__breadcrumb-item.svelte-1dgdjsx:hover {
    background: var(--color-bg-tertiary, rgba(0,0,0,0.04));
    color: var(--color-text-primary);
  }

  .file-manager__breadcrumb-item--current.svelte-1dgdjsx {
    color: var(--color-text-primary);
    font-weight: var(--font-medium, 500);
  }

  .file-manager__header-actions.svelte-1dgdjsx {
    display: flex;
    gap: var(--space-2);
    flex-shrink: 0;
  }

  .file-manager__action-btn.svelte-1dgdjsx {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
    padding: var(--space-1) var(--space-2);
    background: var(--color-primary);
    color: var(--color-on-primary, #fff);
    border: none;
    border-radius: var(--radius-md);
    font-size: var(--text-sm, 0.875rem);
    font-family: var(--font-body);
    cursor: pointer;
    transition: opacity var(--duration-fast);
  }

  .file-manager__action-btn.svelte-1dgdjsx:hover {
    opacity: 0.9;
  }

  /* Upload zone */
  .file-manager__upload-zone.svelte-1dgdjsx {
    flex: 1;
    position: relative;
    overflow-y: auto;
  }

  .file-manager__upload-zone--active.svelte-1dgdjsx {
    background: var(--color-primary-light, rgba(99, 102, 241, 0.05));
  }

  .file-manager__upload-overlay.svelte-1dgdjsx {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--space-2);
    background: var(--color-primary-light, rgba(99, 102, 241, 0.1));
    border: 2px dashed var(--color-primary);
    border-radius: var(--radius-md);
    margin: var(--space-2);
    color: var(--color-primary);
    font-weight: var(--font-medium, 500);
    z-index: 10;
    pointer-events: none;
  }

  /* Grid view */
  .file-manager__grid.svelte-1dgdjsx {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    gap: var(--space-2);
    padding: var(--space-3);
    min-height: 200px;
  }

  .file-manager__grid-item.svelte-1dgdjsx {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-1);
    padding: var(--space-3) var(--space-2);
    border: 2px solid transparent;
    border-radius: var(--radius-lg);
    cursor: pointer;
    transition: all var(--duration-fast);
    user-select: none;
  }

  .file-manager__grid-item.svelte-1dgdjsx:hover {
    background: var(--color-bg-secondary);
  }

  .file-manager__grid-item--selected.svelte-1dgdjsx {
    background: var(--color-primary-light, rgba(99, 102, 241, 0.1));
    border-color: var(--color-primary);
  }

  .file-manager__grid-item--drag-over.svelte-1dgdjsx {
    background: var(--color-primary-light, rgba(99, 102, 241, 0.15));
    border-color: var(--color-primary);
    border-style: dashed;
  }

  .file-manager__grid-thumb.svelte-1dgdjsx {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .file-manager__thumbnail.svelte-1dgdjsx {
    width: 48px;
    height: 48px;
    object-fit: cover;
    border-radius: var(--radius-md);
  }

  .file-manager__icon.svelte-1dgdjsx {
    flex-shrink: 0;
  }

  .file-manager__grid-info.svelte-1dgdjsx {
    text-align: center;
    width: 100%;
    min-width: 0;
  }

  .file-manager__name.svelte-1dgdjsx {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--color-text-primary);
    font-size: var(--text-sm, 0.875rem);
  }

  .file-manager__size.svelte-1dgdjsx {
    font-size: var(--text-xs, 0.75rem);
    color: var(--color-text-tertiary);
  }

  .file-manager__rename-input.svelte-1dgdjsx {
    width: 100%;
    padding: var(--space-0, 2px) var(--space-1);
    border: 1px solid var(--color-primary);
    border-radius: var(--radius-sm);
    background: var(--color-bg-primary);
    color: var(--color-text-primary);
    font-size: var(--text-sm, 0.875rem);
    font-family: var(--font-body);
    text-align: center;
    outline: none;
  }

  /* List/table view */
  .file-manager__table.svelte-1dgdjsx {
    width: 100%;
    border-collapse: collapse;
  }

  .file-manager__th.svelte-1dgdjsx {
    text-align: left;
    padding: var(--space-2) var(--space-3);
    font-weight: var(--font-semibold, 600);
    font-size: var(--text-xs, 0.75rem);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--color-text-tertiary);
    border-bottom: 1px solid var(--color-border);
    background: var(--color-bg-secondary);
  }

  .file-manager__th--size.svelte-1dgdjsx {
    width: 100px;
  }

  .file-manager__th--date.svelte-1dgdjsx {
    width: 180px;
  }

  .file-manager__row.svelte-1dgdjsx {
    cursor: pointer;
    transition: background var(--duration-fast);
    user-select: none;
  }

  .file-manager__row.svelte-1dgdjsx:hover {
    background: var(--color-bg-secondary);
  }

  .file-manager__row--selected.svelte-1dgdjsx {
    background: var(--color-primary-light, rgba(99, 102, 241, 0.1));
  }

  .file-manager__row--selected.svelte-1dgdjsx:hover {
    background: var(--color-primary-light, rgba(99, 102, 241, 0.15));
  }

  .file-manager__row--drag-over.svelte-1dgdjsx {
    background: var(--color-primary-light, rgba(99, 102, 241, 0.15));
    outline: 2px dashed var(--color-primary);
    outline-offset: -2px;
  }

  .file-manager__td.svelte-1dgdjsx {
    padding: var(--space-2) var(--space-3);
    border-bottom: 1px solid var(--color-border);
    color: var(--color-text-primary);
  }

  .file-manager__td--size.svelte-1dgdjsx,
  .file-manager__td--date.svelte-1dgdjsx {
    color: var(--color-text-muted, var(--color-text-secondary));
    font-size: var(--text-xs, 0.75rem);
  }

  .file-manager__name-cell.svelte-1dgdjsx {
    display: flex;
    align-items: center;
    gap: var(--space-2);
  }

  .file-manager__name-cell.svelte-1dgdjsx .file-manager__rename-input:where(.svelte-1dgdjsx) {
    text-align: left;
  }

  /* Empty state */
  .file-manager__empty.svelte-1dgdjsx {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--space-2);
    padding: var(--space-8);
    color: var(--color-text-tertiary);
    grid-column: 1 / -1;
  }

  /* Context menu */
  .file-manager__context-menu.svelte-1dgdjsx {
    position: fixed;
    z-index: 300;
    min-width: 160px;
    background: var(--color-bg-primary);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-xl);
    padding: var(--space-1);
    animation: svelte-1dgdjsx-fm-context-pop var(--duration-fast) ease-out;
  }

  @keyframes svelte-1dgdjsx-fm-context-pop {
    from { opacity: 0; transform: scale(0.95); }
    to { opacity: 1; transform: scale(1); }
  }

  .file-manager__context-item.svelte-1dgdjsx {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    width: 100%;
    padding: var(--space-2) var(--space-3);
    background: none;
    border: none;
    border-radius: var(--radius-md);
    text-align: left;
    cursor: pointer;
    font-size: var(--text-sm, 0.875rem);
    color: var(--color-text-primary);
    transition: background var(--duration-fast);
  }

  .file-manager__context-item.svelte-1dgdjsx:hover {
    background: var(--color-bg-secondary);
  }

  .file-manager__context-item--danger.svelte-1dgdjsx {
    color: var(--color-error);
  }

  .file-manager__context-item--danger.svelte-1dgdjsx:hover {
    background: var(--color-error-light, rgba(239, 68, 68, 0.1));
  }

  .file-manager__context-divider.svelte-1dgdjsx {
    height: 1px;
    background: var(--color-border);
    margin: var(--space-1) 0;
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/FilterBuilder.css */

  .filter-builder.svelte-zg7qr9 {
    font-family: var(--font-body);
    font-size: var(--text-sm, 0.875rem);
  }

  .filter-builder__group.svelte-zg7qr9 {
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    padding: var(--space-3);
    background: var(--color-bg-primary);
  }

  .filter-builder__group--nested.svelte-zg7qr9 {
    margin-top: var(--space-2);
    margin-left: var(--space-4);
    border-left: 3px solid var(--color-primary-light, rgba(99, 102, 241, 0.3));
    background: var(--color-bg-secondary);
  }

  .filter-builder__group-header.svelte-zg7qr9 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--space-2);
  }

  .filter-builder__logic-toggle.svelte-zg7qr9 {
    display: inline-flex;
    align-items: center;
    padding: var(--space-1) var(--space-3);
    background: var(--color-primary);
    color: var(--color-on-primary, #fff);
    border: none;
    border-radius: var(--radius-full);
    font-size: var(--text-xs, 0.75rem);
    font-weight: var(--font-bold, 700);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    cursor: pointer;
    transition: background var(--duration-fast);
  }

  .filter-builder__logic-toggle.svelte-zg7qr9:hover {
    opacity: 0.9;
  }

  .filter-builder__remove-group.svelte-zg7qr9 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    padding: 0;
    background: none;
    border: none;
    border-radius: var(--radius-md);
    color: var(--color-text-tertiary);
    cursor: pointer;
    transition: all var(--duration-fast);
  }

  .filter-builder__remove-group.svelte-zg7qr9:hover {
    background: var(--color-error-light, rgba(239, 68, 68, 0.1));
    color: var(--color-error);
  }

  .filter-builder__rules.svelte-zg7qr9 {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
  }

  .filter-builder__rule.svelte-zg7qr9 {
    position: relative;
  }

  .filter-builder__connector.svelte-zg7qr9 {
    position: absolute;
    left: -var(--space-3, -12px);
    top: 0;
    bottom: 0;
    width: var(--space-3, 12px);
    display: flex;
    align-items: center;
  }

  .filter-builder__connector-line.svelte-zg7qr9 {
    display: block;
    width: 100%;
    height: 1px;
    background: var(--color-border);
  }

  .filter-builder__rule-content.svelte-zg7qr9 {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    flex-wrap: wrap;
  }

  .filter-builder__select.svelte-zg7qr9 {
    padding: var(--space-1) var(--space-2);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background: var(--color-bg-primary);
    color: var(--color-text-primary);
    font-size: var(--text-sm, 0.875rem);
    font-family: var(--font-body);
    min-width: 120px;
    cursor: pointer;
    transition: border-color var(--duration-fast);
  }

  .filter-builder__select.svelte-zg7qr9:focus {
    outline: none;
    border-color: var(--color-primary);
    box-shadow: 0 0 0 2px var(--color-primary-light, rgba(99, 102, 241, 0.2));
  }

  .filter-builder__select--operator.svelte-zg7qr9 {
    min-width: 100px;
  }

  .filter-builder__input.svelte-zg7qr9 {
    padding: var(--space-1) var(--space-2);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background: var(--color-bg-primary);
    color: var(--color-text-primary);
    font-size: var(--text-sm, 0.875rem);
    font-family: var(--font-body);
    min-width: 100px;
    transition: border-color var(--duration-fast);
  }

  .filter-builder__input.svelte-zg7qr9:focus {
    outline: none;
    border-color: var(--color-primary);
    box-shadow: 0 0 0 2px var(--color-primary-light, rgba(99, 102, 241, 0.2));
  }

  .filter-builder__between.svelte-zg7qr9 {
    display: flex;
    align-items: center;
    gap: var(--space-2);
  }

  .filter-builder__between-sep.svelte-zg7qr9 {
    color: var(--color-text-tertiary);
    font-size: var(--text-xs, 0.75rem);
  }

  .filter-builder__remove.svelte-zg7qr9 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    padding: 0;
    background: none;
    border: none;
    border-radius: var(--radius-md);
    color: var(--color-text-tertiary);
    cursor: pointer;
    flex-shrink: 0;
    transition: all var(--duration-fast);
  }

  .filter-builder__remove.svelte-zg7qr9:hover {
    background: var(--color-error-light, rgba(239, 68, 68, 0.1));
    color: var(--color-error);
  }

  .filter-builder__actions.svelte-zg7qr9 {
    display: flex;
    gap: var(--space-2);
    margin-top: var(--space-3);
  }

  .filter-builder__add-btn.svelte-zg7qr9 {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
    padding: var(--space-1) var(--space-3);
    background: none;
    border: 1px dashed var(--color-border);
    border-radius: var(--radius-md);
    color: var(--color-text-muted, var(--color-text-secondary));
    font-size: var(--text-sm, 0.875rem);
    font-family: var(--font-body);
    cursor: pointer;
    transition: all var(--duration-fast);
  }

  .filter-builder__add-btn.svelte-zg7qr9:hover {
    border-color: var(--color-primary);
    color: var(--color-primary);
    background: var(--color-primary-light, rgba(99, 102, 241, 0.05));
  }

  .filter-builder__add-btn--group.svelte-zg7qr9 {
    border-style: dashed;
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/Toast.css */

  .toast.svelte-1xxuxyf {
    display: flex;
    align-items: flex-start;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-4);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-lg);
    animation: svelte-1xxuxyf-toast-in var(--duration-normal) var(--ease-out);
  }

  @keyframes svelte-1xxuxyf-toast-in {
    from {
      opacity: 0;
      transform: translateY(-10px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  /* Variants */
  .toast-info.svelte-1xxuxyf {
    background-color: var(--color-surface);
    border: 1px solid var(--color-border);
  }
  .toast-info.svelte-1xxuxyf .toast-icon {
    color: var(--color-info);
  }

  .toast-success.svelte-1xxuxyf {
    background-color: color-mix(in srgb, var(--color-success) 10%, var(--color-surface));
    border: 1px solid var(--color-success);
  }
  .toast-success.svelte-1xxuxyf .toast-icon {
    color: var(--color-success);
  }

  .toast-warning.svelte-1xxuxyf {
    background-color: color-mix(in srgb, var(--color-warning) 10%, var(--color-surface));
    border: 1px solid var(--color-warning);
  }
  .toast-warning.svelte-1xxuxyf .toast-icon {
    color: var(--color-warning);
  }

  .toast-danger.svelte-1xxuxyf {
    background-color: color-mix(in srgb, var(--color-danger) 10%, var(--color-surface));
    border: 1px solid var(--color-danger);
  }
  .toast-danger.svelte-1xxuxyf .toast-icon {
    color: var(--color-danger);
  }

  .toast-content.svelte-1xxuxyf {
    flex: 1;
    min-width: 0;
  }

  .toast-title.svelte-1xxuxyf {
    margin: 0;
    font-size: var(--text-sm);
    font-weight: var(--font-semibold);
    color: var(--color-text);
  }

  .toast-message.svelte-1xxuxyf {
    font-size: var(--text-sm);
    color: var(--color-text-secondary);
  }

  .toast-title.svelte-1xxuxyf + .toast-message:where(.svelte-1xxuxyf) {
    margin-top: var(--space-1);
  }

  .toast-dismiss.svelte-1xxuxyf {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    padding: 0;
    border: none;
    border-radius: var(--radius-sm);
    background: transparent;
    color: var(--color-text-muted);
    cursor: pointer;
    transition: var(--transition-colors);
  }

  .toast-dismiss.svelte-1xxuxyf:hover {
    background-color: var(--color-surface-hover);
    color: var(--color-text);
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/Tooltip.css */

  .tooltip-wrapper.svelte-15ritd3 {
    position: relative;
    display: inline-block;
  }

  .tooltip.svelte-15ritd3 {
    position: absolute;
    z-index: 100;
    padding: var(--space-2) var(--space-3);
    background: var(--color-bg-inverse, #1a1a1a);
    color: var(--color-text-inverse, #ffffff);
    font-size: var(--font-size-xs);
    border-radius: var(--radius-md);
    white-space: nowrap;
    pointer-events: none;
    animation: svelte-15ritd3-tooltip-fade-in var(--duration-fast) var(--ease-out);
  }

  @keyframes svelte-15ritd3-tooltip-fade-in {
    from {
      opacity: 0;
      transform: scale(0.95);
    }
    to {
      opacity: 1;
      transform: scale(1);
    }
  }

  /* Arrow */
  .tooltip__arrow.svelte-15ritd3 {
    position: absolute;
    width: 8px;
    height: 8px;
    background: inherit;
    transform: rotate(45deg);
  }

  /* Positions */
  .tooltip--top.svelte-15ritd3 {
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: var(--space-2);
  }

  .tooltip--top.svelte-15ritd3 .tooltip__arrow:where(.svelte-15ritd3) {
    bottom: -4px;
    left: 50%;
    margin-left: -4px;
  }

  .tooltip--bottom.svelte-15ritd3 {
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    margin-top: var(--space-2);
  }

  .tooltip--bottom.svelte-15ritd3 .tooltip__arrow:where(.svelte-15ritd3) {
    top: -4px;
    left: 50%;
    margin-left: -4px;
  }

  .tooltip--left.svelte-15ritd3 {
    right: 100%;
    top: 50%;
    transform: translateY(-50%);
    margin-right: var(--space-2);
  }

  .tooltip--left.svelte-15ritd3 .tooltip__arrow:where(.svelte-15ritd3) {
    right: -4px;
    top: 50%;
    margin-top: -4px;
  }

  .tooltip--right.svelte-15ritd3 {
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    margin-left: var(--space-2);
  }

  .tooltip--right.svelte-15ritd3 .tooltip__arrow:where(.svelte-15ritd3) {
    left: -4px;
    top: 50%;
    margin-top: -4px;
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/Popover.css */

  .popover-wrapper.svelte-j838bd {
    position: relative;
    display: inline-block;
  }

  .popover-trigger.svelte-j838bd {
    display: inline-block;
  }

  .popover.svelte-j838bd {
    position: absolute;
    z-index: 100;
    min-width: 200px;
    max-width: 400px;
    animation: svelte-j838bd-popover-fade-in var(--duration-fast) var(--ease-out);
  }

  @keyframes svelte-j838bd-popover-fade-in {
    from {
      opacity: 0;
      transform: scale(0.95);
    }
    to {
      opacity: 1;
      transform: scale(1);
    }
  }

  .popover__content.svelte-j838bd {
    padding: var(--space-3);
    background: var(--color-bg-primary);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-lg);
  }

  .popover__arrow.svelte-j838bd {
    position: absolute;
    width: 12px;
    height: 12px;
    background: var(--color-bg-primary);
    border: 1px solid var(--color-border);
    transform: rotate(45deg);
  }

  /* Position: Top */
  .popover--top.svelte-j838bd {
    bottom: 100%;
    margin-bottom: var(--space-2);
  }

  .popover--top.svelte-j838bd .popover__arrow:where(.svelte-j838bd) {
    bottom: -7px;
    border-top: none;
    border-left: none;
  }

  .popover--top.popover--align-start.svelte-j838bd { left: 0; }
  .popover--top.popover--align-start.svelte-j838bd .popover__arrow:where(.svelte-j838bd) { left: 20px; }

  .popover--top.popover--align-center.svelte-j838bd { left: 50%; transform: translateX(-50%); }
  .popover--top.popover--align-center.svelte-j838bd .popover__arrow:where(.svelte-j838bd) { left: 50%; margin-left: -6px; }

  .popover--top.popover--align-end.svelte-j838bd { right: 0; }
  .popover--top.popover--align-end.svelte-j838bd .popover__arrow:where(.svelte-j838bd) { right: 20px; }

  /* Position: Bottom */
  .popover--bottom.svelte-j838bd {
    top: 100%;
    margin-top: var(--space-2);
  }

  .popover--bottom.svelte-j838bd .popover__arrow:where(.svelte-j838bd) {
    top: -7px;
    border-bottom: none;
    border-right: none;
  }

  .popover--bottom.popover--align-start.svelte-j838bd { left: 0; }
  .popover--bottom.popover--align-start.svelte-j838bd .popover__arrow:where(.svelte-j838bd) { left: 20px; }

  .popover--bottom.popover--align-center.svelte-j838bd { left: 50%; transform: translateX(-50%); }
  .popover--bottom.popover--align-center.svelte-j838bd .popover__arrow:where(.svelte-j838bd) { left: 50%; margin-left: -6px; }

  .popover--bottom.popover--align-end.svelte-j838bd { right: 0; }
  .popover--bottom.popover--align-end.svelte-j838bd .popover__arrow:where(.svelte-j838bd) { right: 20px; }

  /* Position: Left */
  .popover--left.svelte-j838bd {
    right: 100%;
    margin-right: var(--space-2);
  }

  .popover--left.svelte-j838bd .popover__arrow:where(.svelte-j838bd) {
    right: -7px;
    border-left: none;
    border-bottom: none;
  }

  .popover--left.popover--align-start.svelte-j838bd { top: 0; }
  .popover--left.popover--align-start.svelte-j838bd .popover__arrow:where(.svelte-j838bd) { top: 20px; }

  .popover--left.popover--align-center.svelte-j838bd { top: 50%; transform: translateY(-50%); }
  .popover--left.popover--align-center.svelte-j838bd .popover__arrow:where(.svelte-j838bd) { top: 50%; margin-top: -6px; }

  .popover--left.popover--align-end.svelte-j838bd { bottom: 0; }
  .popover--left.popover--align-end.svelte-j838bd .popover__arrow:where(.svelte-j838bd) { bottom: 20px; }

  /* Position: Right */
  .popover--right.svelte-j838bd {
    left: 100%;
    margin-left: var(--space-2);
  }

  .popover--right.svelte-j838bd .popover__arrow:where(.svelte-j838bd) {
    left: -7px;
    border-right: none;
    border-top: none;
  }

  .popover--right.popover--align-start.svelte-j838bd { top: 0; }
  .popover--right.popover--align-start.svelte-j838bd .popover__arrow:where(.svelte-j838bd) { top: 20px; }

  .popover--right.popover--align-center.svelte-j838bd { top: 50%; transform: translateY(-50%); }
  .popover--right.popover--align-center.svelte-j838bd .popover__arrow:where(.svelte-j838bd) { top: 50%; margin-top: -6px; }

  .popover--right.popover--align-end.svelte-j838bd { bottom: 0; }
  .popover--right.popover--align-end.svelte-j838bd .popover__arrow:where(.svelte-j838bd) { bottom: 20px; }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/Dropdown.css */

  .dropdown.svelte-99597 {
    position: relative;
    display: inline-block;
  }

  .dropdown__trigger.svelte-99597 {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
  }

  .dropdown__menu.svelte-99597 {
    position: absolute;
    z-index: 50;
    background: var(--color-bg);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-lg);
    padding: var(--space-1);
    min-width: 150px;
  }

  /* Position */
  .dropdown--bottom.svelte-99597 {
    top: 100%;
    margin-top: var(--space-1);
  }

  .dropdown--top.svelte-99597 {
    bottom: 100%;
    margin-bottom: var(--space-1);
  }

  /* Alignment */
  .dropdown--left.svelte-99597 { left: 0; }
  .dropdown--right.svelte-99597 { right: 0; }
  .dropdown--center.svelte-99597 {
    left: 50%;
    transform: translateX(-50%);
  }

  /* Items */
  .dropdown__item.svelte-99597 {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    width: 100%;
    padding: var(--space-2) var(--space-3);
    border: none;
    background: none;
    border-radius: var(--radius-sm);
    cursor: pointer;
    font-size: var(--font-size-sm);
    color: var(--color-text);
    text-align: left;
    transition: background var(--duration-fast);
  }

  .dropdown__item.svelte-99597:hover:not(:disabled) {
    background: var(--color-bg-secondary);
  }

  .dropdown__item--disabled.svelte-99597 {
    color: var(--color-text-tertiary);
    cursor: not-allowed;
  }

  .dropdown__item--danger.svelte-99597 {
    color: var(--color-error);
  }

  .dropdown__item--danger.svelte-99597:hover:not(:disabled) {
    background: var(--color-error-subtle);
  }

  .dropdown__icon.svelte-99597 {
    font-size: var(--font-size-base);
    width: 20px;
    text-align: center;
  }

  .dropdown__divider.svelte-99597 {
    height: 1px;
    background: var(--color-border);
    margin: var(--space-1) 0;
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/Dialog.css */

  .dialog-backdrop.svelte-ugpwl4 {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 200;
    animation: svelte-ugpwl4-fade-in var(--duration-fast) ease-out;
  }

  @keyframes svelte-ugpwl4-fade-in {
    from { opacity: 0; }
    to { opacity: 1; }
  }

  .dialog.svelte-ugpwl4 {
    background: var(--color-bg-primary);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-xl);
    padding: var(--space-6);
    max-width: 400px;
    width: 90%;
    animation: svelte-ugpwl4-dialog-pop var(--duration-normal) var(--ease-out);
  }

  @keyframes svelte-ugpwl4-dialog-pop {
    from {
      opacity: 0;
      transform: scale(0.95);
    }
    to {
      opacity: 1;
      transform: scale(1);
    }
  }

  .dialog__title.svelte-ugpwl4 {
    margin: 0 0 var(--space-2);
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text-primary);
  }

  .dialog__description.svelte-ugpwl4 {
    margin: 0 0 var(--space-4);
    font-size: var(--font-size-sm);
    color: var(--color-text-secondary);
    line-height: 1.5;
  }

  .dialog__content.svelte-ugpwl4 {
    margin-bottom: var(--space-4);
  }

  .dialog__actions.svelte-ugpwl4 {
    display: flex;
    justify-content: flex-end;
    gap: var(--space-2);
  }

  .dialog__btn.svelte-ugpwl4 {
    padding: var(--space-2) var(--space-4);
    border-radius: var(--radius-md);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
    cursor: pointer;
    transition: all var(--duration-fast);
  }

  .dialog__btn--cancel.svelte-ugpwl4 {
    background: var(--color-bg-secondary);
    border: 1px solid var(--color-border);
    color: var(--color-text-primary);
  }

  .dialog__btn--cancel.svelte-ugpwl4:hover {
    background: var(--color-bg-tertiary);
  }

  .dialog__btn--primary.svelte-ugpwl4 {
    background: var(--color-primary);
    border: none;
    color: var(--color-text-on-primary, white);
  }

  .dialog__btn--primary.svelte-ugpwl4:hover {
    opacity: 0.9;
  }

  .dialog__btn--danger.svelte-ugpwl4 {
    background: var(--color-error);
    border: none;
    color: white;
  }

  .dialog__btn--danger.svelte-ugpwl4:hover {
    opacity: 0.9;
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/Sheet.css */

  .sheet-backdrop.svelte-n94zo3 {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    z-index: 200;
    animation: svelte-n94zo3-fade-in var(--duration-fast);
  }

  @keyframes svelte-n94zo3-fade-in {
    from { opacity: 0; }
    to { opacity: 1; }
  }

  .sheet.svelte-n94zo3 {
    position: relative;
    background: var(--color-bg-primary);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-xl);
    overflow: hidden;
  }

  .sheet--center.svelte-n94zo3 {
    margin: auto;
    animation: svelte-n94zo3-scale-in var(--duration-normal) var(--ease-out);
  }

  .sheet--bottom.svelte-n94zo3 {
    margin: auto auto 0;
    width: 100%;
    border-radius: var(--radius-lg) var(--radius-lg) 0 0;
    animation: svelte-n94zo3-slide-up var(--duration-normal) var(--ease-out);
  }

  .sheet--right.svelte-n94zo3 {
    margin: 0 0 0 auto;
    height: 100%;
    border-radius: var(--radius-lg) 0 0 var(--radius-lg);
    animation: svelte-n94zo3-slide-left var(--duration-normal) var(--ease-out);
  }

  @keyframes svelte-n94zo3-scale-in {
    from { transform: scale(0.95); opacity: 0; }
    to { transform: scale(1); opacity: 1; }
  }

  @keyframes svelte-n94zo3-slide-up {
    from { transform: translateY(100%); }
    to { transform: translateY(0); }
  }

  @keyframes svelte-n94zo3-slide-left {
    from { transform: translateX(100%); }
    to { transform: translateX(0); }
  }

  /* Center sizes */
  .sheet--center.sheet--sm.svelte-n94zo3 { width: 350px; max-height: 400px; }
  .sheet--center.sheet--md.svelte-n94zo3 { width: 500px; max-height: 600px; }
  .sheet--center.sheet--lg.svelte-n94zo3 { width: 700px; max-height: 80vh; }
  .sheet--center.sheet--xl.svelte-n94zo3 { width: 900px; max-height: 90vh; }

  /* Bottom sizes */
  .sheet--bottom.sheet--sm.svelte-n94zo3 { max-height: 30vh; }
  .sheet--bottom.sheet--md.svelte-n94zo3 { max-height: 50vh; }
  .sheet--bottom.sheet--lg.svelte-n94zo3 { max-height: 70vh; }
  .sheet--bottom.sheet--xl.svelte-n94zo3 { max-height: 90vh; }

  /* Right sizes */
  .sheet--right.sheet--sm.svelte-n94zo3 { width: 300px; }
  .sheet--right.sheet--md.svelte-n94zo3 { width: 450px; }
  .sheet--right.sheet--lg.svelte-n94zo3 { width: 600px; }
  .sheet--right.sheet--xl.svelte-n94zo3 { width: 800px; }

  .sheet__close.svelte-n94zo3 {
    position: absolute;
    top: var(--space-3);
    right: var(--space-3);
    padding: var(--space-1) var(--space-2);
    background: var(--color-bg-secondary);
    border: none;
    border-radius: var(--radius-md);
    font-size: var(--font-size-lg);
    color: var(--color-text-tertiary);
    cursor: pointer;
    z-index: 1;
  }

  .sheet__close.svelte-n94zo3:hover {
    background: var(--color-bg-tertiary);
    color: var(--color-text-primary);
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/ContextMenu.css */

  .context-menu-trigger.svelte-9tvb84 {
    display: contents;
  }

  .context-menu.svelte-9tvb84 {
    position: fixed;
    z-index: 300;
    min-width: 180px;
    background: var(--color-bg-primary);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-xl);
    padding: var(--space-1);
    animation: svelte-9tvb84-context-menu-pop var(--duration-fast) var(--ease-out);
  }

  @keyframes svelte-9tvb84-context-menu-pop {
    from {
      opacity: 0;
      transform: scale(0.95);
    }
    to {
      opacity: 1;
      transform: scale(1);
    }
  }

  .context-menu__item.svelte-9tvb84 {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    width: 100%;
    padding: var(--space-2) var(--space-3);
    background: none;
    border: none;
    border-radius: var(--radius-md);
    text-align: left;
    cursor: pointer;
    font-size: var(--font-size-sm);
    color: var(--color-text-primary);
    transition: background var(--duration-fast);
  }

  .context-menu__item.svelte-9tvb84:hover:not(:disabled) {
    background: var(--color-bg-secondary);
  }

  .context-menu__item--disabled.svelte-9tvb84 {
    opacity: 0.5;
    cursor: not-allowed;
  }

  .context-menu__item--danger.svelte-9tvb84 {
    color: var(--color-error);
  }

  .context-menu__item--danger.svelte-9tvb84:hover:not(:disabled) {
    background: var(--color-error-light, rgba(239, 68, 68, 0.1));
  }

  .context-menu__icon.svelte-9tvb84 {
    flex-shrink: 0;
    width: 1.25em;
    text-align: center;
  }

  .context-menu__label.svelte-9tvb84 {
    flex: 1;
  }

  .context-menu__shortcut.svelte-9tvb84 {
    color: var(--color-text-tertiary);
    font-size: var(--font-size-xs);
    font-family: var(--font-mono);
  }

  .context-menu__divider.svelte-9tvb84 {
    height: 1px;
    background: var(--color-border);
    margin: var(--space-1) 0;
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/Drawer.css */

  .drawer-container.svelte-1p5s783 {
    position: fixed;
    inset: 0;
    z-index: 200;
  }

  .drawer__backdrop.svelte-1p5s783 {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    animation: svelte-1p5s783-fade-in var(--duration-fast) ease-out;
  }

  @keyframes svelte-1p5s783-fade-in {
    from { opacity: 0; }
    to { opacity: 1; }
  }

  .drawer.svelte-1p5s783 {
    position: absolute;
    background: var(--color-bg-primary);
    display: flex;
    flex-direction: column;
    box-shadow: var(--shadow-xl);
  }

  /* Positions */
  .drawer--left.svelte-1p5s783 {
    left: 0;
    top: 0;
    bottom: 0;
    animation: svelte-1p5s783-slide-from-left var(--duration-normal) var(--ease-out);
  }

  .drawer--right.svelte-1p5s783 {
    right: 0;
    top: 0;
    bottom: 0;
    animation: svelte-1p5s783-slide-from-right var(--duration-normal) var(--ease-out);
  }

  .drawer--top.svelte-1p5s783 {
    top: 0;
    left: 0;
    right: 0;
    animation: svelte-1p5s783-slide-from-top var(--duration-normal) var(--ease-out);
  }

  .drawer--bottom.svelte-1p5s783 {
    bottom: 0;
    left: 0;
    right: 0;
    animation: svelte-1p5s783-slide-from-bottom var(--duration-normal) var(--ease-out);
  }

  @keyframes svelte-1p5s783-slide-from-left {
    from { transform: translateX(-100%); }
    to { transform: translateX(0); }
  }

  @keyframes svelte-1p5s783-slide-from-right {
    from { transform: translateX(100%); }
    to { transform: translateX(0); }
  }

  @keyframes svelte-1p5s783-slide-from-top {
    from { transform: translateY(-100%); }
    to { transform: translateY(0); }
  }

  @keyframes svelte-1p5s783-slide-from-bottom {
    from { transform: translateY(100%); }
    to { transform: translateY(0); }
  }

  /* Sizes for left/right */
  .drawer--left.drawer--sm.svelte-1p5s783, .drawer--right.drawer--sm.svelte-1p5s783 { width: 280px; }
  .drawer--left.drawer--md.svelte-1p5s783, .drawer--right.drawer--md.svelte-1p5s783 { width: 400px; }
  .drawer--left.drawer--lg.svelte-1p5s783, .drawer--right.drawer--lg.svelte-1p5s783 { width: 540px; }
  .drawer--left.drawer--xl.svelte-1p5s783, .drawer--right.drawer--xl.svelte-1p5s783 { width: 720px; }
  .drawer--left.drawer--full.svelte-1p5s783, .drawer--right.drawer--full.svelte-1p5s783 { width: 100%; }

  /* Sizes for top/bottom */
  .drawer--top.drawer--sm.svelte-1p5s783, .drawer--bottom.drawer--sm.svelte-1p5s783 { height: 200px; }
  .drawer--top.drawer--md.svelte-1p5s783, .drawer--bottom.drawer--md.svelte-1p5s783 { height: 300px; }
  .drawer--top.drawer--lg.svelte-1p5s783, .drawer--bottom.drawer--lg.svelte-1p5s783 { height: 400px; }
  .drawer--top.drawer--xl.svelte-1p5s783, .drawer--bottom.drawer--xl.svelte-1p5s783 { height: 500px; }
  .drawer--top.drawer--full.svelte-1p5s783, .drawer--bottom.drawer--full.svelte-1p5s783 { height: 100%; }

  .drawer__header.svelte-1p5s783 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--space-4);
    border-bottom: 1px solid var(--color-border);
  }

  .drawer__close.svelte-1p5s783 {
    padding: var(--space-1) var(--space-2);
    background: none;
    border: none;
    font-size: var(--font-size-xl);
    color: var(--color-text-tertiary);
    cursor: pointer;
    border-radius: var(--radius-md);
    transition: all var(--duration-fast);
  }

  .drawer__close.svelte-1p5s783:hover {
    background: var(--color-bg-secondary);
    color: var(--color-text-primary);
  }

  .drawer__close--float.svelte-1p5s783 {
    position: absolute;
    top: var(--space-3);
    right: var(--space-3);
    z-index: 1;
  }

  .drawer__content.svelte-1p5s783 {
    flex: 1;
    overflow-y: auto;
    padding: var(--space-4);
  }

  .drawer__footer.svelte-1p5s783 {
    padding: var(--space-4);
    border-top: 1px solid var(--color-border);
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/HoverCard.css */

  .hover-card-wrapper.svelte-171rl8s {
    position: relative;
    display: inline-block;
  }

  .hover-card__trigger.svelte-171rl8s {
    display: inline-block;
  }

  .hover-card.svelte-171rl8s {
    position: absolute;
    z-index: 100;
    min-width: 250px;
    max-width: 400px;
    animation: svelte-171rl8s-hover-card-in var(--duration-fast) var(--ease-out);
  }

  @keyframes svelte-171rl8s-hover-card-in {
    from {
      opacity: 0;
      transform: scale(0.95);
    }
    to {
      opacity: 1;
      transform: scale(1);
    }
  }

  .hover-card__content.svelte-171rl8s {
    background: var(--color-bg-primary);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-lg);
    padding: var(--space-4);
  }

  .hover-card__arrow.svelte-171rl8s {
    position: absolute;
    width: 10px;
    height: 10px;
    background: var(--color-bg-primary);
    border: 1px solid var(--color-border);
    transform: rotate(45deg);
  }

  /* Top */
  .hover-card--top.svelte-171rl8s {
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: var(--space-2);
  }

  .hover-card--top.svelte-171rl8s .hover-card__arrow:where(.svelte-171rl8s) {
    bottom: -6px;
    left: 50%;
    margin-left: -5px;
    border-top: none;
    border-left: none;
  }

  /* Bottom */
  .hover-card--bottom.svelte-171rl8s {
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    margin-top: var(--space-2);
  }

  .hover-card--bottom.svelte-171rl8s .hover-card__arrow:where(.svelte-171rl8s) {
    top: -6px;
    left: 50%;
    margin-left: -5px;
    border-bottom: none;
    border-right: none;
  }

  /* Left */
  .hover-card--left.svelte-171rl8s {
    right: 100%;
    top: 50%;
    transform: translateY(-50%);
    margin-right: var(--space-2);
  }

  .hover-card--left.svelte-171rl8s .hover-card__arrow:where(.svelte-171rl8s) {
    right: -6px;
    top: 50%;
    margin-top: -5px;
    border-left: none;
    border-bottom: none;
  }

  /* Right */
  .hover-card--right.svelte-171rl8s {
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    margin-left: var(--space-2);
  }

  .hover-card--right.svelte-171rl8s .hover-card__arrow:where(.svelte-171rl8s) {
    left: -6px;
    top: 50%;
    margin-top: -5px;
    border-right: none;
    border-top: none;
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/SpotlightCard.css */

  .spotlight-card.svelte-fsqbgi {
    position: relative;
    border-radius: var(--spot-border-radius);
    background: var(--color-surface, #1a1a2e);
    overflow: hidden;
    isolation: isolate;
  }

  .spotlight-card__border.svelte-fsqbgi {
    pointer-events: none;
    position: absolute;
    inset: 0;
    border-radius: var(--spot-border-radius);
    border: var(--spot-border-width) solid transparent;
    background: radial-gradient(
      var(--spot-radius) var(--spot-radius)
      at var(--spot-x) var(--spot-y),
      color-mix(in srgb, var(--color-primary, #00B8A0) calc(var(--spot-border-intensity) * 100%), transparent),
      transparent 100%
    ) border-box;
    mask:
      linear-gradient(transparent, transparent) padding-box,
      linear-gradient(white, white) border-box;
    mask-composite: exclude;
    -webkit-mask-composite: xor;
    transition: --spot-border-intensity 0.3s ease;
    z-index: 1;
  }

  .spotlight-card__glow.svelte-fsqbgi {
    pointer-events: none;
    position: absolute;
    inset: 0;
    border-radius: var(--spot-border-radius);
    background: radial-gradient(
      var(--spot-radius) var(--spot-radius)
      at var(--spot-x) var(--spot-y),
      color-mix(in srgb, var(--color-primary, #00B8A0) calc(var(--spot-intensity) * 100%), transparent),
      transparent 100%
    );
    opacity: var(--spot-border-intensity);
    transition: opacity 0.3s ease;
    z-index: 0;
  }

  .spotlight-card__content.svelte-fsqbgi {
    position: relative;
    z-index: 2;
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/Menu.css */

  .menu.svelte-cdj1d9 {
    display: flex;
    flex-direction: column;
    min-width: 180px;
    padding: 0.25rem;
    background: var(--color-surface, #fff);
    border: 1px solid var(--color-border, #e2e8f0);
    border-radius: var(--radius-md, 0.375rem);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    outline: none;
  }

  .menu__item.svelte-cdj1d9 {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    width: 100%;
    border: none;
    background: transparent;
    color: var(--color-text, #1a202c);
    cursor: pointer;
    font-family: inherit;
    text-align: left;
    border-radius: var(--radius-sm, 0.25rem);
    transition: background-color 0.1s;
  }

  .menu--sm.svelte-cdj1d9 .menu__item:where(.svelte-cdj1d9) { padding: 0.375rem 0.75rem; font-size: 0.8125rem; }
  .menu--md.svelte-cdj1d9 .menu__item:where(.svelte-cdj1d9) { padding: 0.5rem 0.75rem; font-size: 0.875rem; }
  .menu--lg.svelte-cdj1d9 .menu__item:where(.svelte-cdj1d9) { padding: 0.625rem 1rem; font-size: 1rem; }

  .menu__item.svelte-cdj1d9:hover:not(:disabled),
  .menu__item--focused.svelte-cdj1d9:not(:disabled) {
    background: var(--color-surface-muted, #f1f5f9);
  }

  .menu__item.svelte-cdj1d9:disabled {
    opacity: 0.5;
    cursor: not-allowed;
  }

  .menu__item--danger.svelte-cdj1d9 {
    color: var(--color-error, #ef4444);
  }

  .menu__item--danger.svelte-cdj1d9:hover:not(:disabled),
  .menu__item--danger.menu__item--focused.svelte-cdj1d9:not(:disabled) {
    background: rgba(239, 68, 68, 0.1);
  }

  .menu__icon.svelte-cdj1d9 {
    display: flex;
    align-items: center;
    width: 1.25rem;
    color: var(--color-text-muted, #64748b);
  }

  .menu__item--danger.svelte-cdj1d9 .menu__icon:where(.svelte-cdj1d9) {
    color: var(--color-error, #ef4444);
  }

  .menu__label.svelte-cdj1d9 {
    flex: 1;
  }

  .menu__shortcut.svelte-cdj1d9 {
    font-size: 0.75rem;
    color: var(--color-text-muted, #94a3b8);
    font-family: monospace;
  }

  .menu__divider.svelte-cdj1d9 {
    height: 1px;
    margin: 0.25rem 0.5rem;
    background: var(--color-border, #e2e8f0);
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/LoadingOverlay.css */

  .loading-overlay.svelte-1rnc91o {
    position: absolute;
    inset: 0;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, var(--overlay-opacity, 0.8));
  }

  .loading-overlay--blur.svelte-1rnc91o {
    backdrop-filter: blur(4px);
  }

  .loading-overlay__content.svelte-1rnc91o {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
  }

  .loading-overlay__spinner.svelte-1rnc91o {
    color: var(--color-primary, #3b82f6);
    animation: svelte-1rnc91o-spin 1s linear infinite;
  }

  .loading-overlay__spinner--sm.svelte-1rnc91o svg:where(.svelte-1rnc91o) { width: 1.5rem; height: 1.5rem; }
  .loading-overlay__spinner--md.svelte-1rnc91o svg:where(.svelte-1rnc91o) { width: 2.5rem; height: 2.5rem; }
  .loading-overlay__spinner--lg.svelte-1rnc91o svg:where(.svelte-1rnc91o) { width: 4rem; height: 4rem; }

  @keyframes svelte-1rnc91o-spin {
    to { transform: rotate(360deg); }
  }

  .loading-overlay__message.svelte-1rnc91o {
    margin: 0;
    font-size: 0.875rem;
    color: var(--color-text-muted, #64748b);
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/Tabs.css */

  .tabs.svelte-zun2dw {
    display: flex;
    flex-direction: column;
  }

  .tabs-list.svelte-zun2dw {
    display: flex;
    gap: var(--space-1);
  }

  .tabs-full-width.svelte-zun2dw .tabs-list:where(.svelte-zun2dw) {
    width: 100%;
  }

  .tabs-full-width.svelte-zun2dw .tab:where(.svelte-zun2dw) {
    flex: 1;
    justify-content: center;
  }

  .tab.svelte-zun2dw {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    border: none;
    background: transparent;
    font-family: var(--font-body);
    font-weight: var(--font-medium);
    color: var(--color-text-muted);
    cursor: pointer;
    transition: var(--transition-colors);
    white-space: nowrap;
  }

  .tab.svelte-zun2dw:hover:not(:disabled) {
    color: var(--color-text);
  }

  .tab.svelte-zun2dw:disabled {
    opacity: 0.5;
    cursor: not-allowed;
  }

  .tab-active.svelte-zun2dw {
    color: var(--color-primary);
  }

  /* Sizes */
  .tabs-sm.svelte-zun2dw .tab:where(.svelte-zun2dw) {
    padding: var(--space-1) var(--space-2);
    font-size: var(--text-sm);
  }
  .tabs-md.svelte-zun2dw .tab:where(.svelte-zun2dw) {
    padding: var(--space-2) var(--space-3);
    font-size: var(--text-base);
  }
  .tabs-lg.svelte-zun2dw .tab:where(.svelte-zun2dw) {
    padding: var(--space-3) var(--space-4);
    font-size: var(--text-lg);
  }

  /* Default variant */
  .tabs-default.svelte-zun2dw .tabs-list:where(.svelte-zun2dw) {
    background-color: var(--color-surface-secondary);
    padding: var(--space-1);
    border-radius: var(--radius-lg);
  }
  .tabs-default.svelte-zun2dw .tab:where(.svelte-zun2dw) {
    border-radius: var(--radius-md);
  }
  .tabs-default.svelte-zun2dw .tab-active:where(.svelte-zun2dw) {
    background-color: var(--color-surface);
    box-shadow: var(--shadow-sm);
    color: var(--color-text);
  }

  /* Pills variant */
  .tabs-pills.svelte-zun2dw .tab:where(.svelte-zun2dw) {
    border-radius: var(--radius-full);
  }
  .tabs-pills.svelte-zun2dw .tab-active:where(.svelte-zun2dw) {
    background-color: var(--color-primary);
    color: var(--color-on-primary);
  }

  /* Underline variant */
  .tabs-underline.svelte-zun2dw .tabs-list:where(.svelte-zun2dw) {
    border-bottom: 1px solid var(--color-border);
    gap: var(--space-4);
  }
  .tabs-underline.svelte-zun2dw .tab:where(.svelte-zun2dw) {
    padding-bottom: var(--space-2);
    margin-bottom: -1px;
    border-bottom: 2px solid transparent;
    border-radius: 0;
  }
  .tabs-underline.svelte-zun2dw .tab-active:where(.svelte-zun2dw) {
    border-bottom-color: var(--color-primary);
  }

  /* Panel */
  .tabs-panel.svelte-zun2dw {
    padding-top: var(--space-4);
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/CommandPalette.css */

  .command-palette-backdrop.svelte-1png7m8 {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-top: 15vh;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(4px);
  }

  .command-palette.svelte-1png7m8 {
    width: 100%;
    max-width: 640px;
    max-height: 60vh;
    display: flex;
    flex-direction: column;
    background: var(--color-surface, #fff);
    border-radius: var(--radius-lg, 0.5rem);
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    overflow: hidden;
  }

  .command-palette__header.svelte-1png7m8 {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--color-border, #e2e8f0);
  }

  .command-palette__search-icon.svelte-1png7m8 {
    flex-shrink: 0;
    color: var(--color-text-muted, #64748b);
  }

  .command-palette__input.svelte-1png7m8 {
    flex: 1;
    border: none;
    background: transparent;
    color: var(--color-text, #1a202c);
    font-size: 1rem;
    font-family: inherit;
    outline: none;
  }

  .command-palette__input.svelte-1png7m8::placeholder {
    color: var(--color-text-muted, #94a3b8);
  }

  .command-palette__kbd.svelte-1png7m8 {
    padding: 0.25rem 0.5rem;
    background: var(--color-surface-muted, #f1f5f9);
    border-radius: var(--radius-sm, 0.25rem);
    font-size: 0.75rem;
    font-family: inherit;
    color: var(--color-text-muted, #64748b);
  }

  .command-palette__list.svelte-1png7m8 {
    flex: 1;
    overflow-y: auto;
    padding: 0.5rem;
  }

  .command-palette__empty.svelte-1png7m8 {
    padding: 2rem;
    text-align: center;
    color: var(--color-text-muted, #64748b);
  }

  .command-palette__group-label.svelte-1png7m8 {
    padding: 0.5rem 0.75rem;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--color-text-muted, #64748b);
    text-transform: uppercase;
    letter-spacing: 0.05em;
  }

  .command-palette__item.svelte-1png7m8 {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    width: 100%;
    padding: 0.75rem;
    border: none;
    background: transparent;
    color: var(--color-text, #1a202c);
    font-family: inherit;
    text-align: left;
    border-radius: var(--radius-md, 0.375rem);
    cursor: pointer;
    transition: background-color 0.1s;
  }

  .command-palette__item.svelte-1png7m8:hover,
  .command-palette__item--selected.svelte-1png7m8 {
    background: var(--color-surface-muted, #f1f5f9);
  }

  .command-palette__icon.svelte-1png7m8 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    background: var(--color-surface-muted, #f1f5f9);
    border-radius: var(--radius-sm, 0.25rem);
    color: var(--color-text-muted, #64748b);
  }

  .command-palette__item--selected.svelte-1png7m8 .command-palette__icon:where(.svelte-1png7m8) {
    background: var(--color-surface, #fff);
  }

  .command-palette__content.svelte-1png7m8 {
    flex: 1;
    min-width: 0;
  }

  .command-palette__label.svelte-1png7m8 {
    display: block;
    font-weight: 500;
  }

  .command-palette__description.svelte-1png7m8 {
    display: block;
    font-size: 0.875rem;
    color: var(--color-text-muted, #64748b);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .command-palette__shortcut.svelte-1png7m8 {
    padding: 0.25rem 0.5rem;
    background: var(--color-surface-muted, #f1f5f9);
    border-radius: var(--radius-sm, 0.25rem);
    font-size: 0.75rem;
    font-family: inherit;
    color: var(--color-text-muted, #64748b);
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/Pagination.css */

  .pagination.svelte-b0hu20 {
    display: flex;
    align-items: center;
    gap: var(--space-1);
  }

  .pagination__pages.svelte-b0hu20 {
    display: flex;
    align-items: center;
    gap: var(--space-1);
  }

  .pagination__button.svelte-b0hu20,
  .pagination__page.svelte-b0hu20 {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--color-border);
    background: var(--color-bg);
    border-radius: var(--radius-md);
    cursor: pointer;
    font-weight: var(--font-weight-medium);
    color: var(--color-text);
    transition: all var(--duration-fast);
  }

  /* Sizes */
  .pagination--sm.svelte-b0hu20 .pagination__button:where(.svelte-b0hu20),
  .pagination--sm.svelte-b0hu20 .pagination__page:where(.svelte-b0hu20) {
    min-width: 28px;
    height: 28px;
    font-size: var(--font-size-xs);
  }

  .pagination--md.svelte-b0hu20 .pagination__button:where(.svelte-b0hu20),
  .pagination--md.svelte-b0hu20 .pagination__page:where(.svelte-b0hu20) {
    min-width: 36px;
    height: 36px;
    font-size: var(--font-size-sm);
  }

  .pagination--lg.svelte-b0hu20 .pagination__button:where(.svelte-b0hu20),
  .pagination--lg.svelte-b0hu20 .pagination__page:where(.svelte-b0hu20) {
    min-width: 44px;
    height: 44px;
    font-size: var(--font-size-base);
  }

  /* Hover states */
  .pagination__button.svelte-b0hu20:hover:not(:disabled),
  .pagination__page.svelte-b0hu20:hover:not(.pagination__page--active) {
    background: var(--color-bg-secondary);
    border-color: var(--color-border-hover);
  }

  /* Active page */
  .pagination__page--active.svelte-b0hu20 {
    background: var(--color-primary);
    border-color: var(--color-primary);
    color: white;
  }

  /* Disabled */
  .pagination__button.svelte-b0hu20:disabled {
    opacity: 0.4;
    cursor: not-allowed;
  }

  /* Ellipsis */
  .pagination__ellipsis.svelte-b0hu20 {
    padding: 0 var(--space-2);
    color: var(--color-text-tertiary);
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/Breadcrumb.css */

  .breadcrumb__list.svelte-1qs0grr {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-1);
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .breadcrumb__item.svelte-1qs0grr {
    display: flex;
    align-items: center;
    gap: var(--space-1);
  }

  /* Sizes */
  .breadcrumb--sm.svelte-1qs0grr {
    font-size: var(--font-size-xs);
  }

  .breadcrumb--md.svelte-1qs0grr {
    font-size: var(--font-size-sm);
  }

  .breadcrumb--lg.svelte-1qs0grr {
    font-size: var(--font-size-base);
  }

  /* Separator */
  .breadcrumb__separator.svelte-1qs0grr {
    color: var(--color-text-tertiary);
    user-select: none;
  }

  /* Link */
  .breadcrumb__link.svelte-1qs0grr,
  .breadcrumb__button.svelte-1qs0grr {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
    color: var(--color-text-secondary);
    text-decoration: none;
    transition: color var(--duration-fast);
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    font: inherit;
  }

  .breadcrumb__link.svelte-1qs0grr:hover,
  .breadcrumb__button.svelte-1qs0grr:hover {
    color: var(--color-primary);
  }

  /* Current page */
  .breadcrumb__current.svelte-1qs0grr {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
    color: var(--color-text);
    font-weight: var(--font-weight-medium);
  }

  /* Ellipsis */
  .breadcrumb__ellipsis.svelte-1qs0grr {
    color: var(--color-text-tertiary);
    padding: 0 var(--space-1);
  }

  /* Icon */
  .breadcrumb__icon.svelte-1qs0grr {
    font-size: 1em;
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/SearchBar.css */

  .search-bar.svelte-1izczp1 {
    position: relative;
    width: 100%;
  }

  .search-bar--disabled.svelte-1izczp1 {
    opacity: 0.5;
    pointer-events: none;
  }

  .search-bar__form.svelte-1izczp1 {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    background: var(--color-bg-primary);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    transition: all var(--duration-fast);
  }

  .search-bar--focused.svelte-1izczp1 .search-bar__form:where(.svelte-1izczp1) {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px var(--color-focus-ring);
  }

  /* Sizes */
  .search-bar--sm.svelte-1izczp1 .search-bar__form:where(.svelte-1izczp1) { padding: var(--space-1) var(--space-2); }
  .search-bar--sm.svelte-1izczp1 .search-bar__input:where(.svelte-1izczp1) { font-size: var(--font-size-xs); }

  .search-bar--md.svelte-1izczp1 .search-bar__form:where(.svelte-1izczp1) { padding: var(--space-2) var(--space-3); }
  .search-bar--md.svelte-1izczp1 .search-bar__input:where(.svelte-1izczp1) { font-size: var(--font-size-sm); }

  .search-bar--lg.svelte-1izczp1 .search-bar__form:where(.svelte-1izczp1) { padding: var(--space-3) var(--space-4); }
  .search-bar--lg.svelte-1izczp1 .search-bar__input:where(.svelte-1izczp1) { font-size: var(--font-size-base); }

  .search-bar__icon.svelte-1izczp1 {
    flex-shrink: 0;
    color: var(--color-text-tertiary);
  }

  .search-bar__spinner.svelte-1izczp1 {
    display: inline-block;
    width: 1em;
    height: 1em;
    border: 2px solid var(--color-border);
    border-top-color: var(--color-primary);
    border-radius: 50%;
    animation: svelte-1izczp1-spin 0.8s linear infinite;
  }

  @keyframes svelte-1izczp1-spin {
    to { transform: rotate(360deg); }
  }

  .search-bar__input.svelte-1izczp1 {
    flex: 1;
    border: none;
    background: transparent;
    color: var(--color-text-primary);
    outline: none;
    min-width: 0;
  }

  .search-bar__input.svelte-1izczp1::placeholder {
    color: var(--color-text-tertiary);
  }

  /* Remove native search cancel button */
  .search-bar__input.svelte-1izczp1::-webkit-search-cancel-button {
    display: none;
  }

  .search-bar__clear.svelte-1izczp1,
  .search-bar__voice.svelte-1izczp1 {
    flex-shrink: 0;
    padding: var(--space-1);
    background: none;
    border: none;
    cursor: pointer;
    color: var(--color-text-tertiary);
    border-radius: var(--radius-md);
    transition: all var(--duration-fast);
  }

  .search-bar__clear.svelte-1izczp1:hover,
  .search-bar__voice.svelte-1izczp1:hover {
    background: var(--color-bg-secondary);
    color: var(--color-text-primary);
  }

  .search-bar__voice.listening.svelte-1izczp1 {
    color: var(--color-error);
    animation: svelte-1izczp1-pulse 1s infinite;
  }

  @keyframes svelte-1izczp1-pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
  }

  .search-bar__suggestions.svelte-1izczp1 {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin-top: var(--space-1);
    background: var(--color-bg-primary);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-lg);
    z-index: 100;
    max-height: 300px;
    overflow-y: auto;
  }

  .search-bar__suggestion.svelte-1izczp1 {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    width: 100%;
    padding: var(--space-2) var(--space-3);
    background: none;
    border: none;
    text-align: left;
    cursor: pointer;
    transition: background var(--duration-fast);
  }

  .search-bar__suggestion.svelte-1izczp1:hover,
  .search-bar__suggestion.selected.svelte-1izczp1 {
    background: var(--color-bg-secondary);
  }

  .search-bar__suggestion-icon.svelte-1izczp1 {
    flex-shrink: 0;
  }

  .search-bar__suggestion-content.svelte-1izczp1 {
    flex: 1;
    min-width: 0;
  }

  .search-bar__suggestion-label.svelte-1izczp1 {
    display: block;
    color: var(--color-text-primary);
    font-size: var(--font-size-sm);
  }

  .search-bar__suggestion-desc.svelte-1izczp1 {
    display: block;
    color: var(--color-text-tertiary);
    font-size: var(--font-size-xs);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/NavLink.css */

  .nav-link.svelte-3283ix {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    text-decoration: none;
    color: var(--color-text-secondary);
    font-weight: var(--font-weight-medium);
    transition: all var(--duration-fast);
    border-radius: var(--radius-md);
  }

  .nav-link--sm.svelte-3283ix { padding: var(--space-1) var(--space-2); font-size: var(--font-size-xs); }
  .nav-link--md.svelte-3283ix { padding: var(--space-2) var(--space-3); font-size: var(--font-size-sm); }
  .nav-link--lg.svelte-3283ix { padding: var(--space-3) var(--space-4); font-size: var(--font-size-base); }

  .nav-link.svelte-3283ix:hover:not(.nav-link--disabled) {
    color: var(--color-text-primary);
  }

  .nav-link--active.svelte-3283ix {
    color: var(--color-primary);
  }

  .nav-link--disabled.svelte-3283ix {
    opacity: 0.5;
    pointer-events: none;
  }

  /* Variants */
  .nav-link--default.svelte-3283ix:hover:not(.nav-link--disabled) {
    background: var(--color-bg-secondary);
  }

  .nav-link--default.nav-link--active.svelte-3283ix {
    background: var(--color-primary-light, rgba(99, 102, 241, 0.1));
  }

  .nav-link--subtle.svelte-3283ix {
    background: none;
  }

  .nav-link--subtle.nav-link--active.svelte-3283ix {
    text-decoration: underline;
    text-underline-offset: 4px;
  }

  .nav-link--pill.svelte-3283ix {
    border-radius: var(--radius-full);
  }

  .nav-link--pill.nav-link--active.svelte-3283ix {
    background: var(--color-primary);
    color: var(--color-text-on-primary, white);
  }

  .nav-link__icon.svelte-3283ix {
    flex-shrink: 0;
  }

  .nav-link__text.svelte-3283ix {
    flex: 1;
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/Sidebar.css */

  .sidebar.svelte-f6tnvc {
    display: flex;
    flex-direction: column;
    width: var(--sidebar-width);
    height: 100%;
    background: var(--color-bg-primary);
    border-right: 1px solid var(--color-border);
    transition: width var(--duration-normal) var(--ease-out);
    position: relative;
  }

  .sidebar--right.svelte-f6tnvc {
    border-right: none;
    border-left: 1px solid var(--color-border);
  }

  .sidebar--collapsed.svelte-f6tnvc {
    width: var(--sidebar-collapsed-width);
  }

  .sidebar__header.svelte-f6tnvc {
    flex-shrink: 0;
    padding: var(--space-4);
    border-bottom: 1px solid var(--color-border);
  }

  .sidebar__nav.svelte-f6tnvc {
    flex: 1;
    overflow-y: auto;
    padding: var(--space-2);
  }

  .sidebar__footer.svelte-f6tnvc {
    flex-shrink: 0;
    padding: var(--space-4);
    border-top: 1px solid var(--color-border);
  }

  .sidebar__toggle.svelte-f6tnvc {
    position: absolute;
    top: 50%;
    right: -12px;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background: var(--color-bg-primary);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-full);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--font-size-xs);
    color: var(--color-text-tertiary);
    transition: all var(--duration-fast);
    z-index: 1;
  }

  .sidebar--right.svelte-f6tnvc .sidebar__toggle:where(.svelte-f6tnvc) {
    right: auto;
    left: -12px;
  }

  .sidebar__toggle.svelte-f6tnvc:hover {
    background: var(--color-bg-secondary);
    color: var(--color-text-primary);
  }

  /* Collapsed state adjustments */
  .sidebar--collapsed.svelte-f6tnvc .sidebar__header:where(.svelte-f6tnvc),
  .sidebar--collapsed.svelte-f6tnvc .sidebar__footer:where(.svelte-f6tnvc) {
    padding: var(--space-2);
    text-align: center;
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/Navbar.css */

  .navbar.svelte-1yr9e5i {
    background: var(--color-bg-primary);
    border-bottom: 1px solid var(--color-border);
  }

  .navbar--fixed.svelte-1yr9e5i {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
  }

  .navbar--transparent.svelte-1yr9e5i {
    background: transparent;
    border-bottom: none;
  }

  .navbar--sm.svelte-1yr9e5i { height: 48px; }
  .navbar--md.svelte-1yr9e5i { height: 64px; }
  .navbar--lg.svelte-1yr9e5i { height: 80px; }

  .navbar__container.svelte-1yr9e5i {
    display: flex;
    align-items: center;
    height: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 var(--space-4);
    gap: var(--space-6);
  }

  .navbar__brand.svelte-1yr9e5i {
    flex-shrink: 0;
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-bold);
    color: var(--color-text-primary);
  }

  .navbar__nav.svelte-1yr9e5i {
    flex: 1;
    display: flex;
    align-items: center;
    gap: var(--space-1);
  }

  .navbar__actions.svelte-1yr9e5i {
    display: flex;
    align-items: center;
    gap: var(--space-2);
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/SidebarNav.css */

  .sidebar-nav.svelte-1y08jnv {
    display: flex;
    flex-direction: column;
    width: var(--width);
    height: 100%;
    background: var(--color-surface, #1a1a2e);
    border-right: 1px solid var(--color-border, #333);
  }

  .sidebar-nav.sticky.svelte-1y08jnv {
    position: sticky;
    top: 0;
    max-height: 100vh;
  }

  .sidebar-nav__header.svelte-1y08jnv {
    padding: 16px;
    border-bottom: 1px solid var(--color-border, #333);
  }

  .sidebar-nav__search.svelte-1y08jnv {
    position: relative;
    padding: 12px 16px;
    border-bottom: 1px solid var(--color-border, #333);
  }

  .search-icon.svelte-1y08jnv {
    position: absolute;
    left: 28px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    color: var(--color-text-muted, #666);
    pointer-events: none;
  }

  .search-input.svelte-1y08jnv {
    width: 100%;
    padding: 8px 32px 8px 36px;
    background: var(--color-surface-elevated, #252540);
    border: 1px solid var(--color-border, #333);
    border-radius: 6px;
    color: var(--color-text, #fff);
    font-size: 13px;
  }

  .search-input.svelte-1y08jnv::placeholder {
    color: var(--color-text-muted, #666);
  }

  .search-input.svelte-1y08jnv:focus {
    outline: none;
    border-color: var(--color-primary, #6366f1);
  }

  .search-clear.svelte-1y08jnv {
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    padding: 0;
    background: transparent;
    border: none;
    color: var(--color-text-muted, #666);
    cursor: pointer;
  }

  .search-clear.svelte-1y08jnv svg:where(.svelte-1y08jnv) {
    width: 14px;
    height: 14px;
  }

  .sidebar-nav__content.svelte-1y08jnv {
    flex: 1;
    overflow-y: auto;
    padding: 8px 0;
  }

  .nav-section.svelte-1y08jnv {
    margin-bottom: 4px;
  }

  .nav-section__header.svelte-1y08jnv {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 8px 16px;
    background: transparent;
    border: none;
    color: var(--color-text-muted, #888);
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    cursor: pointer;
  }

  .nav-section__header.svelte-1y08jnv:disabled {
    cursor: default;
  }

  .nav-section__chevron.svelte-1y08jnv {
    width: 16px;
    height: 16px;
    transition: transform 0.2s;
  }

  .nav-section__chevron.collapsed.svelte-1y08jnv {
    transform: rotate(-90deg);
  }

  .nav-section__items.svelte-1y08jnv {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .nav-item.svelte-1y08jnv {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 8px 16px 8px 24px;
    background: transparent;
    border: none;
    color: var(--color-text, #fff);
    font-size: 14px;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.15s;
  }

  .nav-item.svelte-1y08jnv:hover:not(.disabled) {
    background: var(--color-surface-elevated, #252540);
  }

  .nav-item.active.svelte-1y08jnv {
    background: var(--color-primary-dim, rgba(99, 102, 241, 0.15));
    color: var(--color-primary, #6366f1);
  }

  .nav-item.disabled.svelte-1y08jnv {
    color: var(--color-text-muted, #555);
    cursor: not-allowed;
  }

  .nav-item__icon.svelte-1y08jnv {
    font-size: 16px;
  }

  .nav-item__label.svelte-1y08jnv {
    flex: 1;
  }

  .nav-item__badge.svelte-1y08jnv {
    padding: 2px 6px;
    background: var(--color-surface-elevated, #333);
    border-radius: 10px;
    font-size: 11px;
    color: var(--color-text-muted, #888);
  }

  .nav-item.active.svelte-1y08jnv .nav-item__badge:where(.svelte-1y08jnv) {
    background: var(--color-primary, #6366f1);
    color: #fff;
  }

  .sidebar-nav__footer.svelte-1y08jnv {
    padding: 16px;
    border-top: 1px solid var(--color-border, #333);
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/BottomNav.css */

  .bottom-nav.svelte-1ikfd40 {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: space-around;
    background: var(--color-bg-primary);
    border-top: 1px solid var(--color-border);
    padding: var(--space-1) 0;
    padding-bottom: env(safe-area-inset-bottom, var(--space-1));
    z-index: 100;
  }

  .bottom-nav__item.svelte-1ikfd40 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-1);
    padding: var(--space-2) var(--space-3);
    background: none;
    border: none;
    text-decoration: none;
    color: var(--color-text-tertiary);
    cursor: pointer;
    transition: color var(--duration-fast);
    min-width: 64px;
  }

  .bottom-nav__item.svelte-1ikfd40:hover {
    color: var(--color-text-secondary);
  }

  .bottom-nav__item--active.svelte-1ikfd40 {
    color: var(--color-primary);
  }

  .bottom-nav__icon.svelte-1ikfd40 {
    position: relative;
    font-size: 1.5rem;
  }

  .bottom-nav__badge.svelte-1ikfd40 {
    position: absolute;
    top: -4px;
    right: -8px;
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    background: var(--color-error);
    color: white;
    font-size: 10px;
    font-weight: var(--font-weight-bold);
    border-radius: var(--radius-full);
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .bottom-nav__label.svelte-1ikfd40 {
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-medium);
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/Stepper.css */

  .stepper.svelte-1u025bx {
    display: flex;
  }

  .stepper--horizontal.svelte-1u025bx {
    flex-direction: row;
  }

  .stepper--vertical.svelte-1u025bx {
    flex-direction: column;
  }

  .stepper__step.svelte-1u025bx {
    display: flex;
    align-items: flex-start;
    position: relative;
  }

  .stepper--horizontal.svelte-1u025bx .stepper__step:where(.svelte-1u025bx) {
    flex: 1;
    flex-direction: column;
    align-items: center;
  }

  .stepper--vertical.svelte-1u025bx .stepper__step:where(.svelte-1u025bx) {
    flex-direction: row;
    gap: var(--space-3);
    padding-bottom: var(--space-6);
  }

  .stepper__indicator.svelte-1u025bx {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-full);
    font-weight: var(--font-weight-semibold);
    border: 2px solid var(--color-border);
    background: var(--color-bg-primary);
    color: var(--color-text-tertiary);
    transition: all var(--duration-fast);
    cursor: default;
  }

  .stepper--sm.svelte-1u025bx .stepper__indicator:where(.svelte-1u025bx) { width: 28px; height: 28px; font-size: var(--font-size-xs); }
  .stepper--md.svelte-1u025bx .stepper__indicator:where(.svelte-1u025bx) { width: 36px; height: 36px; font-size: var(--font-size-sm); }
  .stepper--lg.svelte-1u025bx .stepper__indicator:where(.svelte-1u025bx) { width: 44px; height: 44px; font-size: var(--font-size-base); }

  .stepper__step--clickable.svelte-1u025bx .stepper__indicator:where(.svelte-1u025bx) {
    cursor: pointer;
  }

  .stepper__step--clickable.svelte-1u025bx .stepper__indicator:where(.svelte-1u025bx):hover {
    border-color: var(--color-primary);
  }

  .stepper__step--complete.svelte-1u025bx .stepper__indicator:where(.svelte-1u025bx) {
    background: var(--color-primary);
    border-color: var(--color-primary);
    color: var(--color-text-on-primary, white);
  }

  .stepper__step--current.svelte-1u025bx .stepper__indicator:where(.svelte-1u025bx) {
    border-color: var(--color-primary);
    color: var(--color-primary);
  }

  .stepper__content.svelte-1u025bx {
    display: flex;
    flex-direction: column;
    text-align: center;
  }

  .stepper--horizontal.svelte-1u025bx .stepper__content:where(.svelte-1u025bx) {
    margin-top: var(--space-2);
  }

  .stepper--vertical.svelte-1u025bx .stepper__content:where(.svelte-1u025bx) {
    text-align: left;
  }

  .stepper__label.svelte-1u025bx {
    font-weight: var(--font-weight-medium);
    color: var(--color-text-primary);
  }

  .stepper--sm.svelte-1u025bx .stepper__label:where(.svelte-1u025bx) { font-size: var(--font-size-xs); }
  .stepper--md.svelte-1u025bx .stepper__label:where(.svelte-1u025bx) { font-size: var(--font-size-sm); }
  .stepper--lg.svelte-1u025bx .stepper__label:where(.svelte-1u025bx) { font-size: var(--font-size-base); }

  .stepper__step--upcoming.svelte-1u025bx .stepper__label:where(.svelte-1u025bx) {
    color: var(--color-text-tertiary);
  }

  .stepper__description.svelte-1u025bx {
    font-size: var(--font-size-xs);
    color: var(--color-text-tertiary);
    margin-top: var(--space-1);
  }

  .stepper__connector.svelte-1u025bx {
    background: var(--color-border);
    transition: background var(--duration-fast);
  }

  .stepper--horizontal.svelte-1u025bx .stepper__connector:where(.svelte-1u025bx) {
    position: absolute;
    top: 18px;
    left: 50%;
    right: -50%;
    height: 2px;
    z-index: -1;
  }

  .stepper--sm.stepper--horizontal.svelte-1u025bx .stepper__connector:where(.svelte-1u025bx) { top: 14px; }
  .stepper--lg.stepper--horizontal.svelte-1u025bx .stepper__connector:where(.svelte-1u025bx) { top: 22px; }

  .stepper--vertical.svelte-1u025bx .stepper__connector:where(.svelte-1u025bx) {
    position: absolute;
    left: 17px;
    top: 36px;
    bottom: 0;
    width: 2px;
  }

  .stepper--sm.stepper--vertical.svelte-1u025bx .stepper__connector:where(.svelte-1u025bx) { left: 13px; top: 28px; }
  .stepper--lg.stepper--vertical.svelte-1u025bx .stepper__connector:where(.svelte-1u025bx) { left: 21px; top: 44px; }

  .stepper__connector--complete.svelte-1u025bx {
    background: var(--color-primary);
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/Footer.css */

  .footer.svelte-fi0t8l {
    background: var(--color-bg-secondary);
    border-top: 1px solid var(--color-border);
  }

  .footer__container.svelte-fi0t8l {
    max-width: 1400px;
    margin: 0 auto;
    padding: var(--space-8) var(--space-4);
  }

  .footer--minimal.svelte-fi0t8l .footer__container:where(.svelte-fi0t8l) {
    padding: var(--space-4);
  }

  .footer__content.svelte-fi0t8l {
    margin-bottom: var(--space-6);
  }

  .footer--columns.svelte-fi0t8l .footer__content:where(.svelte-fi0t8l) {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: var(--space-8);
  }

  .footer__bottom.svelte-fi0t8l {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--space-4);
    padding-top: var(--space-4);
    border-top: 1px solid var(--color-border);
  }

  .footer--minimal.svelte-fi0t8l .footer__bottom:where(.svelte-fi0t8l) {
    border-top: none;
    padding-top: 0;
  }

  .footer__copyright.svelte-fi0t8l {
    margin: 0;
    font-size: var(--font-size-sm);
    color: var(--color-text-tertiary);
  }

  .footer__secondary.svelte-fi0t8l {
    display: flex;
    gap: var(--space-4);
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/TableOfContents.css */

  .toc.svelte-1j4gusn {
    padding: 16px;
    background: var(--color-surface, #1a1a2e);
    border-radius: 8px;
    border: 1px solid var(--color-border, #333);
  }

  .toc.sticky.svelte-1j4gusn {
    position: sticky;
    top: 80px;
  }

  .toc__title.svelte-1j4gusn {
    margin: 0 0 12px 0;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--color-text-muted, #888);
  }

  .toc__list.svelte-1j4gusn {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .toc__item.svelte-1j4gusn {
    margin: 0;
  }

  .toc__link.svelte-1j4gusn {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 8px;
    border-radius: 4px;
    color: var(--color-text, #ccc);
    font-size: 13px;
    text-decoration: none;
    transition: all 0.15s;
    border-left: 2px solid transparent;
    margin-left: -2px;
  }

  .toc__link.svelte-1j4gusn:hover {
    color: var(--color-text, #fff);
    background: var(--color-surface-elevated, #252540);
  }

  .toc__link.active.svelte-1j4gusn {
    color: var(--color-primary, #6366f1);
    border-left-color: var(--color-primary, #6366f1);
    background: var(--color-primary-dim, rgba(99, 102, 241, 0.1));
  }

  .toc__level.svelte-1j4gusn {
    font-size: 10px;
    font-weight: 600;
    color: var(--color-text-muted, #666);
    background: var(--color-surface-elevated, #333);
    padding: 2px 4px;
    border-radius: 3px;
  }

  .toc__text.svelte-1j4gusn {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/Table.css */

  .table-wrapper.svelte-xnctm8 {
    overflow-x: auto;
  }

  .table--sticky-header.svelte-xnctm8 {
    max-height: 400px;
    overflow-y: auto;
  }

  .table.svelte-xnctm8 {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--font-size-sm);
  }

  /* Header */
  .table__head.svelte-xnctm8 {
    background: var(--color-bg-secondary);
  }

  .table--sticky-header.svelte-xnctm8 .table__head:where(.svelte-xnctm8) {
    position: sticky;
    top: 0;
    z-index: 1;
  }

  .table__header.svelte-xnctm8 {
    padding: var(--space-3) var(--space-4);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text-secondary);
    text-transform: uppercase;
    font-size: var(--font-size-xs);
    letter-spacing: 0.05em;
    border-bottom: 2px solid var(--color-border);
  }

  /* Body */
  .table__row.svelte-xnctm8 {
    border-bottom: 1px solid var(--color-border);
    transition: background var(--duration-fast);
  }

  .table__row--clickable.svelte-xnctm8 {
    cursor: pointer;
  }

  .table--hoverable.svelte-xnctm8 .table__row:where(.svelte-xnctm8):hover {
    background: var(--color-bg-secondary);
  }

  .table--striped.svelte-xnctm8 .table__row:where(.svelte-xnctm8):nth-child(even) {
    background: var(--color-bg-secondary);
  }

  .table--striped.table--hoverable.svelte-xnctm8 .table__row:where(.svelte-xnctm8):hover {
    background: var(--color-bg-tertiary);
  }

  /* Cells */
  .table__cell.svelte-xnctm8 {
    padding: var(--space-3) var(--space-4);
    color: var(--color-text);
  }

  .table--compact.svelte-xnctm8 .table__header:where(.svelte-xnctm8),
  .table--compact.svelte-xnctm8 .table__cell:where(.svelte-xnctm8) {
    padding: var(--space-2) var(--space-3);
  }

  /* Bordered */
  .table--bordered.svelte-xnctm8 .table__header:where(.svelte-xnctm8),
  .table--bordered.svelte-xnctm8 .table__cell:where(.svelte-xnctm8) {
    border: 1px solid var(--color-border);
  }

  /* Empty */
  .table__empty.svelte-xnctm8 {
    padding: var(--space-8) var(--space-4);
    text-align: center;
    color: var(--color-text-tertiary);
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/DataTable.css */

  .data-table.svelte-1gilgm0 {
    width: 100%;
  }

  .data-table__filters.svelte-1gilgm0 {
    display: flex;
    gap: var(--space-2);
    margin-bottom: var(--space-3);
    flex-wrap: wrap;
  }

  .data-table__filter.svelte-1gilgm0 {
    padding: var(--space-1) var(--space-2);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    font-size: var(--font-size-sm);
    background: var(--color-bg-primary);
    color: var(--color-text-primary);
  }

  .data-table__wrapper.svelte-1gilgm0 {
    overflow-x: auto;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
  }

  .data-table__table.svelte-1gilgm0 {
    width: 100%;
    border-collapse: collapse;
  }

  .data-table__th.svelte-1gilgm0 {
    padding: var(--space-3) var(--space-4);
    background: var(--color-bg-secondary);
    font-weight: var(--font-weight-semibold);
    font-size: var(--font-size-sm);
    color: var(--color-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-bottom: 1px solid var(--color-border);
  }

  .data-table--compact.svelte-1gilgm0 .data-table__th:where(.svelte-1gilgm0) {
    padding: var(--space-2) var(--space-3);
  }

  .data-table__th.sortable.svelte-1gilgm0 {
    cursor: pointer;
    user-select: none;
  }

  .data-table__th.sortable.svelte-1gilgm0:hover {
    background: var(--color-bg-tertiary);
  }

  .data-table__th-content.svelte-1gilgm0 {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
  }

  .data-table__sort-icon.svelte-1gilgm0 {
    font-size: var(--font-size-xs);
  }

  .data-table__th--checkbox.svelte-1gilgm0,
  .data-table__td--checkbox.svelte-1gilgm0 {
    width: 40px;
    text-align: center;
  }

  .data-table__td.svelte-1gilgm0 {
    padding: var(--space-3) var(--space-4);
    font-size: var(--font-size-sm);
    color: var(--color-text-primary);
    border-bottom: 1px solid var(--color-border);
  }

  .data-table--compact.svelte-1gilgm0 .data-table__td:where(.svelte-1gilgm0) {
    padding: var(--space-2) var(--space-3);
  }

  .data-table__row.selected.svelte-1gilgm0 {
    background: var(--color-primary-light, rgba(99, 102, 241, 0.1));
  }

  .data-table__table.striped.svelte-1gilgm0 tbody:where(.svelte-1gilgm0) tr:where(.svelte-1gilgm0):nth-child(even) {
    background: var(--color-bg-secondary);
  }

  .data-table__table.hoverable.svelte-1gilgm0 tbody:where(.svelte-1gilgm0) tr:where(.svelte-1gilgm0):hover {
    background: var(--color-bg-tertiary);
  }

  .data-table__loading.svelte-1gilgm0,
  .data-table__empty.svelte-1gilgm0 {
    padding: var(--space-8);
    text-align: center;
    color: var(--color-text-tertiary);
  }

  .data-table__spinner.svelte-1gilgm0 {
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-right: var(--space-2);
    border: 2px solid var(--color-border);
    border-top-color: var(--color-primary);
    border-radius: 50%;
    animation: svelte-1gilgm0-spin 0.8s linear infinite;
  }

  @keyframes svelte-1gilgm0-spin {
    to { transform: rotate(360deg); }
  }

  .data-table__pagination.svelte-1gilgm0 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--space-3);
    border-top: 1px solid var(--color-border);
  }

  .data-table__pagination-info.svelte-1gilgm0 {
    font-size: var(--font-size-sm);
    color: var(--color-text-secondary);
  }

  .data-table__pagination-controls.svelte-1gilgm0 {
    display: flex;
    gap: var(--space-1);
  }

  .data-table__page-btn.svelte-1gilgm0 {
    padding: var(--space-1) var(--space-2);
    background: var(--color-bg-primary);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    cursor: pointer;
    font-size: var(--font-size-sm);
    color: var(--color-text-primary);
  }

  .data-table__page-btn.svelte-1gilgm0:hover:not(:disabled) {
    background: var(--color-bg-secondary);
  }

  .data-table__page-btn.svelte-1gilgm0:disabled {
    opacity: 0.5;
    cursor: not-allowed;
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/List.css */

  .list.svelte-1ywgi9w {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  /* Spacing */
  .list--spacing-none.svelte-1ywgi9w { gap: 0; }
  .list--spacing-sm.svelte-1ywgi9w { display: flex; flex-direction: column; gap: var(--space-1); }
  .list--spacing-md.svelte-1ywgi9w { display: flex; flex-direction: column; gap: var(--space-2); }
  .list--spacing-lg.svelte-1ywgi9w { display: flex; flex-direction: column; gap: var(--space-4); }

  /* Bordered variant */
  .list--bordered.svelte-1ywgi9w {
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    overflow: hidden;
  }

  .list--bordered.svelte-1ywgi9w li {
    padding: var(--space-3) var(--space-4);
  }

  /* Striped variant */
  .list--striped.svelte-1ywgi9w li:nth-child(even) {
    background: var(--color-bg-secondary);
  }

  /* Cards variant */
  .list--cards.svelte-1ywgi9w li {
    background: var(--color-bg-primary);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    padding: var(--space-3) var(--space-4);
  }

  /* Dividers */
  .list--dividers.svelte-1ywgi9w li:not(:last-child) {
    border-bottom: 1px solid var(--color-border);
    padding-bottom: var(--space-2);
  }

  .list--bordered.list--dividers.svelte-1ywgi9w li:not(:last-child) {
    padding-bottom: var(--space-3);
  }

  /* Hoverable */
  .list--hoverable.svelte-1ywgi9w li {
    transition: background var(--duration-fast);
  }

  .list--hoverable.svelte-1ywgi9w li:hover {
    background: var(--color-bg-secondary);
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/DescriptionList.css */

  .description-list.svelte-e0nlby {
    margin: 0;
  }

  /* Vertical layout */
  .description-list--vertical.svelte-e0nlby {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
  }

  .description-list--vertical.svelte-e0nlby .description-list__item:where(.svelte-e0nlby) {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
  }

  /* Horizontal layout */
  .description-list--horizontal.svelte-e0nlby .description-list__item:where(.svelte-e0nlby) {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--space-2) 0;
  }

  .description-list--horizontal.svelte-e0nlby .description-list__item:where(.svelte-e0nlby):not(:last-child) {
    border-bottom: 1px solid var(--color-border);
  }

  /* Grid layout */
  .description-list--grid.svelte-e0nlby {
    display: grid;
    grid-template-columns: repeat(var(--columns), 1fr);
    gap: var(--space-4);
  }

  .description-list__item.svelte-e0nlby {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
  }

  .description-list__term.svelte-e0nlby {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    font-weight: var(--font-weight-medium);
    color: var(--color-text-tertiary);
  }

  .description-list--sm.svelte-e0nlby .description-list__term:where(.svelte-e0nlby) { font-size: var(--font-size-xs); }
  .description-list--md.svelte-e0nlby .description-list__term:where(.svelte-e0nlby) { font-size: var(--font-size-sm); }
  .description-list--lg.svelte-e0nlby .description-list__term:where(.svelte-e0nlby) { font-size: var(--font-size-base); }

  .description-list__icon.svelte-e0nlby {
    flex-shrink: 0;
  }

  .description-list__detail.svelte-e0nlby {
    margin: 0;
    color: var(--color-text-primary);
    word-break: break-word;
  }

  .description-list--sm.svelte-e0nlby .description-list__detail:where(.svelte-e0nlby) { font-size: var(--font-size-sm); }
  .description-list--md.svelte-e0nlby .description-list__detail:where(.svelte-e0nlby) { font-size: var(--font-size-base); }
  .description-list--lg.svelte-e0nlby .description-list__detail:where(.svelte-e0nlby) { font-size: var(--font-size-lg); }

  /* Striped */
  .description-list--striped.svelte-e0nlby .description-list__item:where(.svelte-e0nlby):nth-child(even) {
    background: var(--color-bg-secondary);
    padding: var(--space-2);
    border-radius: var(--radius-md);
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/Calendar.css */

  .calendar.svelte-1v81pmy {
    background: var(--color-bg-primary);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    overflow: hidden;
  }

  .calendar__header.svelte-1v81pmy {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-3) var(--space-4);
    border-bottom: 1px solid var(--color-border);
  }

  .calendar__nav.svelte-1v81pmy {
    padding: var(--space-1) var(--space-2);
    background: none;
    border: none;
    cursor: pointer;
    font-size: var(--font-size-lg);
    color: var(--color-text-secondary);
    border-radius: var(--radius-md);
  }

  .calendar__nav.svelte-1v81pmy:hover {
    background: var(--color-bg-secondary);
  }

  .calendar__title.svelte-1v81pmy {
    flex: 1;
    text-align: center;
    font-weight: var(--font-weight-semibold);
  }

  .calendar__month.svelte-1v81pmy {
    color: var(--color-text-primary);
  }

  .calendar__year.svelte-1v81pmy {
    color: var(--color-text-tertiary);
    margin-left: var(--space-1);
  }

  .calendar__today.svelte-1v81pmy {
    padding: var(--space-1) var(--space-3);
    background: var(--color-bg-secondary);
    border: none;
    border-radius: var(--radius-md);
    font-size: var(--font-size-sm);
    cursor: pointer;
  }

  .calendar__grid.svelte-1v81pmy {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
  }

  .calendar__grid--with-weeks.svelte-1v81pmy {
    grid-template-columns: 30px repeat(7, 1fr);
  }

  .calendar__weekday.svelte-1v81pmy,
  .calendar__week-header.svelte-1v81pmy {
    padding: var(--space-2);
    text-align: center;
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-medium);
    color: var(--color-text-tertiary);
    background: var(--color-bg-secondary);
  }

  .calendar__week-number.svelte-1v81pmy {
    padding: var(--space-2);
    font-size: var(--font-size-xs);
    color: var(--color-text-tertiary);
    background: var(--color-bg-secondary);
    text-align: center;
  }

  .calendar__day.svelte-1v81pmy {
    min-height: 80px;
    padding: var(--space-1);
    background: none;
    border: none;
    border-top: 1px solid var(--color-border);
    text-align: left;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    transition: background var(--duration-fast);
  }

  .calendar__day.svelte-1v81pmy:hover {
    background: var(--color-bg-secondary);
  }

  .calendar__day.other-month.svelte-1v81pmy {
    background: var(--color-bg-tertiary);
  }

  .calendar__day.other-month.svelte-1v81pmy .calendar__day-number:where(.svelte-1v81pmy) {
    color: var(--color-text-tertiary);
  }

  .calendar__day.today.svelte-1v81pmy .calendar__day-number:where(.svelte-1v81pmy) {
    background: var(--color-primary);
    color: white;
    border-radius: var(--radius-full);
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .calendar__day-number.svelte-1v81pmy {
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
    color: var(--color-text-primary);
  }

  .calendar__day-events.svelte-1v81pmy {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-top: var(--space-1);
    overflow: hidden;
  }

  .calendar__event.svelte-1v81pmy {
    padding: 2px 4px;
    font-size: 10px;
    color: white;
    border-radius: var(--radius-sm);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
  }

  .calendar__more.svelte-1v81pmy {
    font-size: 10px;
    color: var(--color-text-tertiary);
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/Chart.css */

  .chart.svelte-4896cg {
    display: inline-block;
  }

  .chart__svg.svelte-4896cg {
    display: block;
  }

  .chart__svg.animated.svelte-4896cg .chart__bar:where(.svelte-4896cg) {
    animation: svelte-4896cg-bar-grow 0.6s ease-out;
    transform-origin: bottom;
  }

  @keyframes svelte-4896cg-bar-grow {
    from { transform: scaleY(0); }
    to { transform: scaleY(1); }
  }

  .chart__svg.animated.svelte-4896cg .chart__line:where(.svelte-4896cg) {
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    animation: svelte-4896cg-line-draw 1.5s ease-out forwards;
  }

  @keyframes svelte-4896cg-line-draw {
    to { stroke-dashoffset: 0; }
  }

  .chart__svg.animated.svelte-4896cg .chart__slice:where(.svelte-4896cg) {
    animation: svelte-4896cg-slice-grow 0.6s ease-out;
    transform-origin: center;
  }

  @keyframes svelte-4896cg-slice-grow {
    from { transform: scale(0); }
    to { transform: scale(1); }
  }

  .chart__grid-line.svelte-4896cg {
    stroke: var(--color-border);
    stroke-dasharray: 4;
  }

  .chart__axis-label.svelte-4896cg {
    font-size: 10px;
    fill: var(--color-text-tertiary);
  }

  .chart__bar.svelte-4896cg {
    transition: opacity var(--duration-fast);
  }

  .chart__bar.svelte-4896cg:hover {
    opacity: 0.8;
  }

  .chart__line.svelte-4896cg {
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .chart__point.svelte-4896cg {
    transition: r var(--duration-fast);
  }

  .chart__point.svelte-4896cg:hover {
    r: 6;
  }

  .chart__area.svelte-4896cg {
    transition: fill-opacity var(--duration-fast);
  }

  .chart__slice.svelte-4896cg {
    transition: opacity var(--duration-fast);
    cursor: pointer;
  }

  .chart__slice.svelte-4896cg:hover {
    opacity: 0.8;
  }

  .chart__label.svelte-4896cg {
    font-size: 11px;
    fill: var(--color-text-secondary);
  }

  .chart__value.svelte-4896cg {
    font-size: 11px;
    font-weight: var(--font-weight-medium);
    fill: var(--color-text-primary);
  }

  .chart__slice-label.svelte-4896cg {
    font-size: 11px;
    font-weight: var(--font-weight-bold);
    fill: white;
    pointer-events: none;
  }

  .chart__donut-total.svelte-4896cg {
    font-size: 24px;
    font-weight: var(--font-weight-bold);
    fill: var(--color-text-primary);
  }

  .chart__legend.svelte-4896cg {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-3);
    margin-top: var(--space-3);
    justify-content: center;
  }

  .chart__legend-item.svelte-4896cg {
    display: flex;
    align-items: center;
    gap: var(--space-1);
  }

  .chart__legend-color.svelte-4896cg {
    width: 12px;
    height: 12px;
    border-radius: var(--radius-sm);
  }

  .chart__legend-label.svelte-4896cg {
    font-size: var(--font-size-xs);
    color: var(--color-text-secondary);
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/Schedule.css */

  .schedule.svelte-mk2umj {
    background: var(--color-bg-primary);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    overflow: hidden;
    display: flex;
    flex-direction: column;
  }

  .schedule__header.svelte-mk2umj {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-3) var(--space-4);
    border-bottom: 1px solid var(--color-border);
  }

  .schedule__nav.svelte-mk2umj {
    padding: var(--space-1) var(--space-2);
    background: none;
    border: none;
    cursor: pointer;
    font-size: var(--font-size-lg);
    color: var(--color-text-secondary);
    border-radius: var(--radius-md);
  }

  .schedule__nav.svelte-mk2umj:hover {
    background: var(--color-bg-secondary);
  }

  .schedule__title.svelte-mk2umj {
    flex: 1;
    text-align: center;
    font-weight: var(--font-weight-semibold);
    color: var(--color-text-primary);
  }

  .schedule__today-btn.svelte-mk2umj {
    padding: var(--space-1) var(--space-3);
    background: var(--color-bg-secondary);
    border: none;
    border-radius: var(--radius-md);
    font-size: var(--font-size-sm);
    cursor: pointer;
    color: var(--color-text-primary);
  }

  .schedule__today-btn.svelte-mk2umj:hover {
    background: var(--color-bg-tertiary);
  }

  .schedule__grid.svelte-mk2umj {
    display: grid;
    grid-template-columns: 72px repeat(var(--columns), 1fr);
    overflow: hidden;
  }

  .schedule__corner.svelte-mk2umj {
    border-bottom: 1px solid var(--color-border);
    border-right: 1px solid var(--color-border);
  }

  .schedule__day-header.svelte-mk2umj {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: var(--space-2);
    border-bottom: 1px solid var(--color-border);
    border-right: 1px solid var(--color-border);
  }

  .schedule__day-header.svelte-mk2umj:last-child {
    border-right: none;
  }

  .schedule__day-header--today.svelte-mk2umj {
    background: var(--color-bg-secondary);
  }

  .schedule__day-name.svelte-mk2umj {
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-medium);
    color: var(--color-text-tertiary);
    text-transform: uppercase;
  }

  .schedule__day-number.svelte-mk2umj {
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text-primary);
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-full);
  }

  .schedule__day-number--today.svelte-mk2umj {
    background: var(--color-primary);
    color: white;
  }

  .schedule__body.svelte-mk2umj {
    display: grid;
    grid-template-columns: 72px repeat(var(--columns), 1fr);
    grid-column: 1 / -1;
    overflow-y: auto;
    max-height: 600px;
  }

  .schedule__time-column.svelte-mk2umj {
    border-right: 1px solid var(--color-border);
  }

  .schedule__time-label.svelte-mk2umj {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    padding-right: var(--space-2);
    box-sizing: border-box;
  }

  .schedule__time-label.svelte-mk2umj span:where(.svelte-mk2umj) {
    font-size: var(--font-size-xs);
    color: var(--color-text-tertiary);
    transform: translateY(-50%);
    white-space: nowrap;
  }

  .schedule__day-column.svelte-mk2umj {
    position: relative;
    border-right: 1px solid var(--color-border);
  }

  .schedule__day-column.svelte-mk2umj:last-child {
    border-right: none;
  }

  .schedule__slot.svelte-mk2umj {
    box-sizing: border-box;
    border-bottom: 1px solid var(--color-border-light, rgba(0,0,0,0.06));
    cursor: pointer;
  }

  .schedule__slot--hour.svelte-mk2umj {
    border-bottom: 1px solid var(--color-border);
  }

  .schedule__slot.svelte-mk2umj:hover {
    background: var(--color-bg-secondary);
  }

  .schedule__event.svelte-mk2umj {
    position: absolute;
    background: var(--color-primary);
    color: white;
    border-radius: var(--radius-sm);
    padding: var(--space-1);
    font-size: var(--font-size-xs);
    overflow: hidden;
    cursor: pointer;
    z-index: 2;
    box-sizing: border-box;
    border-left: 3px solid rgba(0, 0, 0, 0.15);
    transition: box-shadow var(--duration-fast);
    touch-action: none;
  }

  .schedule__event.svelte-mk2umj:hover {
    box-shadow: var(--shadow-md);
    z-index: 3;
  }

  .schedule__event-title.svelte-mk2umj {
    font-weight: var(--font-weight-semibold);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .schedule__event-time.svelte-mk2umj {
    opacity: 0.85;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .schedule__now-line.svelte-mk2umj {
    position: absolute;
    left: 0;
    right: 0;
    height: 2px;
    background: #ef4444;
    z-index: 4;
    pointer-events: none;
  }

  .schedule__now-dot.svelte-mk2umj {
    position: absolute;
    left: -4px;
    top: -4px;
    width: 10px;
    height: 10px;
    background: #ef4444;
    border-radius: var(--radius-full);
  }

  .schedule__time-gutter.svelte-mk2umj {
    background: var(--color-bg-primary);
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/EventTimeline.css */

  .event-timeline.svelte-u1s787 {
    background: var(--color-bg-primary);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    overflow: hidden;
  }

  .event-timeline__container.svelte-u1s787 {
    display: flex;
  }

  .event-timeline__labels.svelte-u1s787 {
    flex-shrink: 0;
    min-width: 120px;
    border-right: 1px solid var(--color-border);
    background: var(--color-bg-primary);
    z-index: 2;
  }

  .event-timeline__label-header.svelte-u1s787 {
    height: 40px;
    border-bottom: 1px solid var(--color-border);
    background: var(--color-bg-secondary);
  }

  .event-timeline__label.svelte-u1s787 {
    display: flex;
    align-items: center;
    padding: 0 var(--space-3);
    height: 60px;
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
    color: var(--color-text-primary);
    border-bottom: 1px solid var(--color-border);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .event-timeline__scroll.svelte-u1s787 {
    flex: 1;
    overflow-x: auto;
    overflow-y: hidden;
  }

  .event-timeline__canvas.svelte-u1s787 {
    min-width: 100%;
  }

  .event-timeline__axis.svelte-u1s787 {
    position: relative;
    height: 40px;
    border-bottom: 1px solid var(--color-border);
    background: var(--color-bg-secondary);
  }

  .event-timeline__tick.svelte-u1s787 {
    position: absolute;
    top: 0;
    bottom: 0;
    border-left: 1px solid var(--color-border);
  }

  .event-timeline__tick--major.svelte-u1s787 {
    border-left-width: 2px;
    border-left-color: var(--color-border-strong, var(--color-border));
  }

  .event-timeline__tick-label.svelte-u1s787 {
    position: absolute;
    top: var(--space-2);
    left: var(--space-1);
    font-size: var(--font-size-xs);
    color: var(--color-text-tertiary);
    white-space: nowrap;
  }

  .event-timeline__lane.svelte-u1s787 {
    position: relative;
    height: 60px;
    border-bottom: 1px solid var(--color-border);
  }

  .event-timeline__gridline.svelte-u1s787 {
    position: absolute;
    top: 0;
    bottom: 0;
    border-left: 1px solid var(--color-border-light, rgba(0,0,0,0.06));
    pointer-events: none;
  }

  .event-timeline__gridline--major.svelte-u1s787 {
    border-left-color: var(--color-border);
  }

  .event-timeline__event.svelte-u1s787 {
    position: absolute;
    top: 8px;
    height: 28px;
    background: var(--color-primary);
    color: white;
    border: none;
    border-radius: var(--radius-sm);
    padding: 0 var(--space-2);
    font-size: var(--font-size-xs);
    cursor: pointer;
    display: flex;
    align-items: center;
    overflow: hidden;
    z-index: 1;
    transition: box-shadow var(--duration-fast);
  }

  .event-timeline__event.svelte-u1s787:hover {
    box-shadow: var(--shadow-md);
    z-index: 2;
  }

  .event-timeline__event-title.svelte-u1s787 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/GanttChart.css */

  .gantt.svelte-11iqqa6 {
    display: flex;
    background: var(--color-bg-primary);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    overflow: hidden;
  }

  /* Task list panel */
  .gantt__task-list.svelte-11iqqa6 {
    flex-shrink: 0;
    border-right: 2px solid var(--color-border);
    display: flex;
    flex-direction: column;
    background: var(--color-bg-primary);
    z-index: 2;
  }

  .gantt__task-list-header.svelte-11iqqa6 {
    height: 40px;
    display: flex;
    align-items: center;
    padding: 0 var(--space-3);
    border-bottom: 1px solid var(--color-border);
    font-weight: var(--font-weight-semibold);
    font-size: var(--font-size-sm);
    color: var(--color-text-secondary);
    background: var(--color-bg-secondary);
  }

  .gantt__task-list-body.svelte-11iqqa6 {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
  }

  .gantt__task-list-body.svelte-11iqqa6::-webkit-scrollbar {
    display: none;
  }

  .gantt__task-row.svelte-11iqqa6 {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: 0 var(--space-3);
    border: none;
    border-bottom: 1px solid var(--color-border-light, rgba(0,0,0,0.06));
    background: none;
    cursor: pointer;
    width: 100%;
    text-align: left;
    font-size: var(--font-size-sm);
    color: var(--color-text-primary);
  }

  .gantt__task-row.svelte-11iqqa6:hover {
    background: var(--color-bg-secondary);
  }

  .gantt__milestone-icon.svelte-11iqqa6 {
    color: var(--color-warning, #f59e0b);
    font-size: var(--font-size-xs);
  }

  .gantt__task-name.svelte-11iqqa6 {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .gantt__task-progress.svelte-11iqqa6 {
    font-size: var(--font-size-xs);
    color: var(--color-text-tertiary);
  }

  /* Timeline panel */
  .gantt__timeline.svelte-11iqqa6 {
    flex: 1;
    overflow: auto;
  }

  .gantt__timeline-canvas.svelte-11iqqa6 {
    min-width: 100%;
  }

  .gantt__timeline-header.svelte-11iqqa6 {
    position: sticky;
    top: 0;
    height: 40px;
    border-bottom: 1px solid var(--color-border);
    background: var(--color-bg-secondary);
    z-index: 1;
  }

  .gantt__header-tick.svelte-11iqqa6 {
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    padding: 0 var(--space-2);
    border-left: 1px solid var(--color-border);
    font-size: var(--font-size-xs);
    color: var(--color-text-tertiary);
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;
  }

  .gantt__header-tick--major.svelte-11iqqa6 {
    font-weight: var(--font-weight-semibold);
    color: var(--color-text-secondary);
  }

  .gantt__timeline-body.svelte-11iqqa6 {
    position: relative;
  }

  .gantt__gridline.svelte-11iqqa6 {
    position: absolute;
    top: 0;
    bottom: 0;
    border-left: 1px solid var(--color-border-light, rgba(0,0,0,0.06));
    pointer-events: none;
  }

  .gantt__gridline--major.svelte-11iqqa6 {
    border-left-color: var(--color-border);
  }

  .gantt__row-bg.svelte-11iqqa6 {
    position: absolute;
    left: 0;
    right: 0;
    border-bottom: 1px solid var(--color-border-light, rgba(0,0,0,0.06));
  }

  .gantt__row-bg--alt.svelte-11iqqa6 {
    background: var(--color-bg-secondary);
    opacity: 0.3;
  }

  /* Dependencies SVG */
  .gantt__dependencies.svelte-11iqqa6 {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 1;
  }

  .gantt__dep-line.svelte-11iqqa6 {
    stroke: var(--color-text-tertiary);
    stroke-width: 1.5;
  }

  .gantt__dep-arrow.svelte-11iqqa6 {
    fill: var(--color-text-tertiary);
  }

  /* Task bars */
  .gantt__bar.svelte-11iqqa6 {
    position: absolute;
    height: 24px;
    background: var(--color-primary);
    border-radius: var(--radius-sm);
    cursor: grab;
    z-index: 2;
    display: flex;
    align-items: center;
    overflow: hidden;
    touch-action: none;
    transition: box-shadow var(--duration-fast);
  }

  .gantt__bar.svelte-11iqqa6:hover {
    box-shadow: var(--shadow-md);
    z-index: 3;
  }

  .gantt__bar.svelte-11iqqa6:active {
    cursor: grabbing;
  }

  .gantt__bar-progress.svelte-11iqqa6 {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.15);
    border-radius: var(--radius-sm) 0 0 var(--radius-sm);
    pointer-events: none;
  }

  .gantt__bar-label.svelte-11iqqa6 {
    position: relative;
    padding: 0 var(--space-2);
    font-size: var(--font-size-xs);
    color: white;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    z-index: 1;
  }

  .gantt__bar-resize.svelte-11iqqa6 {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 8px;
    cursor: ew-resize;
    z-index: 3;
  }

  .gantt__bar-resize.svelte-11iqqa6:hover {
    background: rgba(255, 255, 255, 0.2);
  }

  /* Milestone */
  .gantt__milestone.svelte-11iqqa6 {
    position: absolute;
    width: 16px;
    height: 16px;
    background: var(--color-warning, #f59e0b);
    transform: rotate(45deg);
    z-index: 2;
    cursor: pointer;
    transition: box-shadow var(--duration-fast);
  }

  .gantt__milestone.svelte-11iqqa6:hover {
    box-shadow: var(--shadow-md);
    z-index: 3;
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/Kanban.css */

  .kanban.svelte-6gz23l {
    display: flex;
    gap: var(--space-4);
    overflow-x: auto;
    padding: var(--space-4);
    min-height: 400px;
  }

  .kanban__column.svelte-6gz23l {
    flex-shrink: 0;
    width: 280px;
    background: var(--color-bg-secondary);
    border-radius: var(--radius-lg);
    display: flex;
    flex-direction: column;
    max-height: 100%;
  }

  .kanban__column-header.svelte-6gz23l {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--space-3);
    border-bottom: 3px solid var(--color-primary);
  }

  .kanban__column-title.svelte-6gz23l {
    margin: 0;
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text-primary);
  }

  .kanban__column-count.svelte-6gz23l {
    background: var(--color-bg-tertiary);
    padding: var(--space-1) var(--space-2);
    border-radius: var(--radius-full);
    font-size: var(--font-size-xs);
    color: var(--color-text-tertiary);
  }

  .kanban__cards.svelte-6gz23l {
    flex: 1;
    overflow-y: auto;
    padding: var(--space-2);
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
  }

  .kanban__card.svelte-6gz23l {
    background: var(--color-bg-primary);
    border: 1px solid var(--color-border);
    border-left: 3px solid var(--color-primary);
    border-radius: var(--radius-md);
    padding: var(--space-3);
    cursor: grab;
    transition: all var(--duration-fast);
  }

  .kanban__card.svelte-6gz23l:hover {
    box-shadow: var(--shadow-md);
  }

  .kanban__card.svelte-6gz23l:active {
    cursor: grabbing;
    opacity: 0.8;
  }

  .kanban__card-title.svelte-6gz23l {
    margin: 0 0 var(--space-1);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
    color: var(--color-text-primary);
  }

  .kanban__card-desc.svelte-6gz23l {
    margin: 0;
    font-size: var(--font-size-xs);
    color: var(--color-text-secondary);
    line-height: 1.4;
  }

  .kanban__card-tags.svelte-6gz23l {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-1);
    margin-top: var(--space-2);
  }

  .kanban__card-tag.svelte-6gz23l {
    padding: 2px var(--space-2);
    background: var(--color-bg-secondary);
    border-radius: var(--radius-full);
    font-size: 10px;
    color: var(--color-text-tertiary);
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/Timeline.css */

  .timeline.svelte-1a4xuch {
    position: relative;
    display: flex;
    flex-direction: column;
  }

  .timeline__item.svelte-1a4xuch {
    position: relative;
    display: flex;
    gap: var(--space-4);
  }

  .timeline--sm.svelte-1a4xuch .timeline__item:where(.svelte-1a4xuch) { padding-bottom: var(--space-4); }
  .timeline--md.svelte-1a4xuch .timeline__item:where(.svelte-1a4xuch) { padding-bottom: var(--space-6); }
  .timeline--lg.svelte-1a4xuch .timeline__item:where(.svelte-1a4xuch) { padding-bottom: var(--space-8); }

  .timeline__marker.svelte-1a4xuch {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-primary);
    border-radius: var(--radius-full);
    color: white;
    z-index: 1;
  }

  .timeline--sm.svelte-1a4xuch .timeline__marker:where(.svelte-1a4xuch) { width: 24px; height: 24px; font-size: 12px; }
  .timeline--md.svelte-1a4xuch .timeline__marker:where(.svelte-1a4xuch) { width: 32px; height: 32px; font-size: 14px; }
  .timeline--lg.svelte-1a4xuch .timeline__marker:where(.svelte-1a4xuch) { width: 40px; height: 40px; font-size: 18px; }

  .timeline__icon.svelte-1a4xuch {
    line-height: 1;
  }

  .timeline__content.svelte-1a4xuch {
    flex: 1;
    padding-top: var(--space-1);
  }

  .timeline__date.svelte-1a4xuch {
    display: block;
    font-size: var(--font-size-xs);
    color: var(--color-text-tertiary);
    margin-bottom: var(--space-1);
  }

  .timeline__title.svelte-1a4xuch {
    margin: 0 0 var(--space-1);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text-primary);
  }

  .timeline--sm.svelte-1a4xuch .timeline__title:where(.svelte-1a4xuch) { font-size: var(--font-size-sm); }
  .timeline--md.svelte-1a4xuch .timeline__title:where(.svelte-1a4xuch) { font-size: var(--font-size-base); }
  .timeline--lg.svelte-1a4xuch .timeline__title:where(.svelte-1a4xuch) { font-size: var(--font-size-lg); }

  .timeline__description.svelte-1a4xuch {
    margin: 0;
    font-size: var(--font-size-sm);
    color: var(--color-text-secondary);
    line-height: 1.5;
  }

  .timeline__line.svelte-1a4xuch {
    position: absolute;
    width: 2px;
    background: var(--color-border);
  }

  .timeline--sm.svelte-1a4xuch .timeline__line:where(.svelte-1a4xuch) {
    left: 11px;
    top: 24px;
    bottom: 0;
  }

  .timeline--md.svelte-1a4xuch .timeline__line:where(.svelte-1a4xuch) {
    left: 15px;
    top: 32px;
    bottom: 0;
  }

  .timeline--lg.svelte-1a4xuch .timeline__line:where(.svelte-1a4xuch) {
    left: 19px;
    top: 40px;
    bottom: 0;
  }

  /* Center position */
  .timeline--center.svelte-1a4xuch .timeline__item:where(.svelte-1a4xuch) {
    width: 50%;
    margin-left: 50%;
  }

  .timeline--center.svelte-1a4xuch .timeline__item:where(.svelte-1a4xuch):nth-child(even) {
    margin-left: 0;
    flex-direction: row-reverse;
    text-align: right;
  }

  .timeline--center.svelte-1a4xuch .timeline__marker:where(.svelte-1a4xuch) {
    position: absolute;
    left: -16px;
  }

  .timeline--center.svelte-1a4xuch .timeline__item:where(.svelte-1a4xuch):nth-child(even) .timeline__marker:where(.svelte-1a4xuch) {
    left: auto;
    right: -16px;
  }

  .timeline--center.svelte-1a4xuch .timeline__line:where(.svelte-1a4xuch) {
    left: -1px;
  }

  .timeline--center.svelte-1a4xuch .timeline__item:where(.svelte-1a4xuch):nth-child(even) .timeline__line:where(.svelte-1a4xuch) {
    left: auto;
    right: -1px;
  }

  /* Right position */
  .timeline--right.svelte-1a4xuch .timeline__item:where(.svelte-1a4xuch) {
    flex-direction: row-reverse;
  }

  .timeline--right.svelte-1a4xuch .timeline__line:where(.svelte-1a4xuch) {
    left: auto;
  }

  .timeline--right.timeline--sm.svelte-1a4xuch .timeline__line:where(.svelte-1a4xuch) { right: 11px; }
  .timeline--right.timeline--md.svelte-1a4xuch .timeline__line:where(.svelte-1a4xuch) { right: 15px; }
  .timeline--right.timeline--lg.svelte-1a4xuch .timeline__line:where(.svelte-1a4xuch) { right: 19px; }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/TreeView.css */

  .tree-view.svelte-8mpqiz {
    font-size: var(--font-size-sm);
  }

  .tree-view__node.svelte-8mpqiz {
    position: relative;
  }

  .tree-view__item.svelte-8mpqiz {
    display: flex;
    align-items: center;
    gap: var(--space-1);
    padding: var(--space-1) var(--space-2);
    padding-left: calc(var(--depth) * var(--space-4) + var(--space-2));
    cursor: pointer;
    border-radius: var(--radius-md);
    transition: background var(--duration-fast);
  }

  .tree-view__item.svelte-8mpqiz:hover {
    background: var(--color-bg-secondary);
  }

  .tree-view__item--selected.svelte-8mpqiz {
    background: var(--color-primary-light, rgba(99, 102, 241, 0.1));
    color: var(--color-primary);
  }

  .tree-view__item--disabled.svelte-8mpqiz {
    opacity: 0.5;
    cursor: not-allowed;
  }

  .tree-view__toggle.svelte-8mpqiz {
    padding: 0;
    width: 16px;
    height: 16px;
    background: none;
    border: none;
    cursor: pointer;
    color: var(--color-text-tertiary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    flex-shrink: 0;
  }

  .tree-view__toggle.svelte-8mpqiz:hover {
    color: var(--color-text-primary);
  }

  .tree-view__spacer.svelte-8mpqiz {
    width: 16px;
    flex-shrink: 0;
  }

  .tree-view__icon.svelte-8mpqiz {
    flex-shrink: 0;
    width: 16px;
    text-align: center;
  }

  .tree-view__label.svelte-8mpqiz {
    flex: 1;
    color: var(--color-text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .tree-view__children.svelte-8mpqiz {
    position: relative;
  }

  /* Connection lines */
  .tree-view--lines.svelte-8mpqiz .tree-view__children:where(.svelte-8mpqiz)::before {
    content: '';
    position: absolute;
    left: calc(var(--depth, 0) * var(--space-4) + var(--space-4));
    top: 0;
    bottom: 12px;
    width: 1px;
    background: var(--color-border);
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/JSONViewer.css */

  .json-viewer.svelte-1dkilx0 {
    position: relative;
    background: var(--color-bg-secondary);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    padding: var(--space-3);
    font-family: var(--font-mono);
    font-size: var(--font-size-sm);
    overflow-x: auto;
  }

  .json-copy.svelte-1dkilx0 {
    position: absolute;
    top: var(--space-2);
    right: var(--space-2);
    padding: var(--space-1) var(--space-2);
    background: var(--color-bg-primary);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    font-size: var(--font-size-xs);
    cursor: pointer;
    opacity: 0;
    transition: opacity var(--duration-fast);
  }

  .json-viewer.svelte-1dkilx0:hover .json-copy:where(.svelte-1dkilx0) {
    opacity: 1;
  }

  .json-copy.svelte-1dkilx0:hover {
    background: var(--color-bg-tertiary);
  }

  .json-line.svelte-1dkilx0 {
    display: flex;
    align-items: flex-start;
    padding-left: calc(var(--depth) * var(--space-4));
    line-height: 1.5;
  }

  .json-toggle.svelte-1dkilx0 {
    padding: 0;
    width: 16px;
    background: none;
    border: none;
    cursor: pointer;
    color: var(--color-text-tertiary);
    font-size: 10px;
    flex-shrink: 0;
  }

  .json-toggle.svelte-1dkilx0:hover {
    color: var(--color-text-primary);
  }

  .json-spacer.svelte-1dkilx0 {
    width: 16px;
    flex-shrink: 0;
  }

  .json-key.svelte-1dkilx0 {
    color: var(--color-primary);
  }

  .json-colon.svelte-1dkilx0 {
    color: var(--color-text-tertiary);
    margin-right: var(--space-1);
  }

  .json-bracket.svelte-1dkilx0 {
    color: var(--color-text-tertiary);
  }

  .json-collapsed.svelte-1dkilx0 {
    color: var(--color-text-tertiary);
    font-style: italic;
    margin: 0 var(--space-1);
  }

  .json-string.svelte-1dkilx0 {
    color: var(--color-success, #22c55e);
  }

  .json-number.svelte-1dkilx0 {
    color: var(--color-warning, #f59e0b);
  }

  .json-boolean.svelte-1dkilx0 {
    color: var(--color-info, #3b82f6);
  }

  .json-null.svelte-1dkilx0 {
    color: var(--color-error, #ef4444);
  }

  /* (empty) .json-children {
    /* Nested content *\/
  }*/
/*$vite$:1*/
/* oneos-ui/src/lib/composites/CodeBlock.css */

  .code-block.svelte-1qaom4q {
    border-radius: var(--radius-lg, 8px);
    overflow: hidden;
    font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
    font-size: 13px;
  }

  .code-block--dark.svelte-1qaom4q {
    background: #1e1e2e;
    color: #cdd6f4;
  }

  .code-block--light.svelte-1qaom4q {
    background: #f5f5f5;
    color: #1e1e2e;
  }

  .code-block__header.svelte-1qaom4q {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 12px;
    background: rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }

  .code-block__meta.svelte-1qaom4q {
    display: flex;
    align-items: center;
    gap: 12px;
  }

  .code-block__filename.svelte-1qaom4q {
    color: #888;
    font-size: 12px;
  }

  .code-block__language.svelte-1qaom4q {
    color: #666;
    font-size: 11px;
    text-transform: uppercase;
  }

  .code-block__copy.svelte-1qaom4q {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    background: transparent;
    border: none;
    border-radius: 4px;
    color: #888;
    cursor: pointer;
    transition: all 0.15s;
  }

  .code-block__copy.svelte-1qaom4q:hover {
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
  }

  .code-block__copy.svelte-1qaom4q svg:where(.svelte-1qaom4q) {
    width: 16px;
    height: 16px;
  }

  .code-block__content.svelte-1qaom4q {
    overflow: auto;
    max-height: inherit;
  }

  .code-block__pre.svelte-1qaom4q {
    margin: 0;
    padding: 12px 0;
  }

  .code-block__code.svelte-1qaom4q {
    display: block;
    line-height: 1.6;
  }

  .code-block__row.svelte-1qaom4q {
    display: flex;
    padding: 0 12px;
  }

  .code-block__row.highlighted.svelte-1qaom4q {
    background: rgba(255, 255, 0, 0.1);
  }

  .code-block__line-number.svelte-1qaom4q {
    flex-shrink: 0;
    width: 40px;
    text-align: right;
    padding-right: 16px;
    color: #555;
    user-select: none;
  }

  .code-block__line.svelte-1qaom4q {
    flex: 1;
    min-width: 0;
  }

  /* Syntax highlighting - dark theme */
  .code-block--dark.svelte-1qaom4q .hl-comment { color: #6c7086; font-style: italic; }
  .code-block--dark.svelte-1qaom4q .hl-string { color: #a6e3a1; }
  .code-block--dark.svelte-1qaom4q .hl-keyword { color: #cba6f7; }
  .code-block--dark.svelte-1qaom4q .hl-literal { color: #fab387; }
  .code-block--dark.svelte-1qaom4q .hl-number { color: #fab387; }
  .code-block--dark.svelte-1qaom4q .hl-type { color: #89dceb; }
  .code-block--dark.svelte-1qaom4q .hl-tag { color: #f38ba8; }

  /* Syntax highlighting - light theme */
  .code-block--light.svelte-1qaom4q .hl-comment { color: #6c7086; font-style: italic; }
  .code-block--light.svelte-1qaom4q .hl-string { color: #40a02b; }
  .code-block--light.svelte-1qaom4q .hl-keyword { color: #8839ef; }
  .code-block--light.svelte-1qaom4q .hl-literal { color: #fe640b; }
  .code-block--light.svelte-1qaom4q .hl-number { color: #fe640b; }
  .code-block--light.svelte-1qaom4q .hl-type { color: #04a5e5; }
  .code-block--light.svelte-1qaom4q .hl-tag { color: #d20f39; }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/AvatarGroup.css */

  .avatar-group.svelte-8ojvj8 {
    display: inline-flex;
    align-items: center;
  }

  .avatar-group__avatar.svelte-8ojvj8 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--color-surface-muted, #e2e8f0);
    border: 2px solid var(--color-surface, #fff);
    overflow: hidden;
    color: var(--color-text-muted, #64748b);
  }

  .avatar-group__avatar.svelte-8ojvj8 img:where(.svelte-8ojvj8) {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .avatar-group__initials.svelte-8ojvj8 {
    font-weight: 600;
    text-transform: uppercase;
  }

  .avatar-group--xs.svelte-8ojvj8 .avatar-group__initials:where(.svelte-8ojvj8) { font-size: 0.625rem; }
  .avatar-group--sm.svelte-8ojvj8 .avatar-group__initials:where(.svelte-8ojvj8) { font-size: 0.75rem; }
  .avatar-group--md.svelte-8ojvj8 .avatar-group__initials:where(.svelte-8ojvj8) { font-size: 0.875rem; }
  .avatar-group--lg.svelte-8ojvj8 .avatar-group__initials:where(.svelte-8ojvj8) { font-size: 1rem; }
  .avatar-group--xl.svelte-8ojvj8 .avatar-group__initials:where(.svelte-8ojvj8) { font-size: 1.25rem; }

  .avatar-group__avatar.svelte-8ojvj8 svg:where(.svelte-8ojvj8) {
    width: 60%;
    height: 60%;
  }

  .avatar-group__overflow.svelte-8ojvj8 {
    background: var(--color-primary, #3b82f6);
    color: white;
    font-weight: 600;
  }

  .avatar-group--xs.svelte-8ojvj8 .avatar-group__overflow:where(.svelte-8ojvj8) { font-size: 0.625rem; }
  .avatar-group--sm.svelte-8ojvj8 .avatar-group__overflow:where(.svelte-8ojvj8) { font-size: 0.75rem; }
  .avatar-group--md.svelte-8ojvj8 .avatar-group__overflow:where(.svelte-8ojvj8) { font-size: 0.75rem; }
  .avatar-group--lg.svelte-8ojvj8 .avatar-group__overflow:where(.svelte-8ojvj8) { font-size: 0.875rem; }
  .avatar-group--xl.svelte-8ojvj8 .avatar-group__overflow:where(.svelte-8ojvj8) { font-size: 1rem; }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/Rating.css */

  .rating.svelte-bmfbxn {
    display: inline-flex;
    align-items: center;
    gap: 0.125rem;
  }

  .rating__star.svelte-bmfbxn {
    padding: 0;
    border: none;
    background: transparent;
    cursor: pointer;
    transition: transform 0.1s;
  }

  .rating--readonly.svelte-bmfbxn .rating__star:where(.svelte-bmfbxn) {
    cursor: default;
    pointer-events: none;
  }

  .rating__star.svelte-bmfbxn:hover:not(:disabled) {
    transform: scale(1.1);
  }

  .rating__icon.svelte-bmfbxn {
    display: block;
  }

  .rating--sm.svelte-bmfbxn .rating__icon:where(.svelte-bmfbxn) { width: 1rem; height: 1rem; }
  .rating--md.svelte-bmfbxn .rating__icon:where(.svelte-bmfbxn) { width: 1.25rem; height: 1.25rem; }
  .rating--lg.svelte-bmfbxn .rating__icon:where(.svelte-bmfbxn) { width: 1.5rem; height: 1.5rem; }
  .rating--xl.svelte-bmfbxn .rating__icon:where(.svelte-bmfbxn) { width: 2rem; height: 2rem; }

  .rating__star--empty.svelte-bmfbxn .rating__icon:where(.svelte-bmfbxn) {
    fill: var(--color-border, #e2e8f0);
  }

  .rating--yellow.svelte-bmfbxn .rating__star--full:where(.svelte-bmfbxn) .rating__icon:where(.svelte-bmfbxn) { fill: #fbbf24; }
  .rating--red.svelte-bmfbxn .rating__star--full:where(.svelte-bmfbxn) .rating__icon:where(.svelte-bmfbxn) { fill: #ef4444; }
  .rating--blue.svelte-bmfbxn .rating__star--full:where(.svelte-bmfbxn) .rating__icon:where(.svelte-bmfbxn) { fill: #3b82f6; }
  .rating--green.svelte-bmfbxn .rating__star--full:where(.svelte-bmfbxn) .rating__icon:where(.svelte-bmfbxn) { fill: #22c55e; }

  .rating--yellow.svelte-bmfbxn .rating__star--full:where(.svelte-bmfbxn) { color: #fbbf24; }
  .rating--red.svelte-bmfbxn .rating__star--full:where(.svelte-bmfbxn) { color: #ef4444; }
  .rating--blue.svelte-bmfbxn .rating__star--full:where(.svelte-bmfbxn) { color: #3b82f6; }
  .rating--green.svelte-bmfbxn .rating__star--full:where(.svelte-bmfbxn) { color: #22c55e; }

  .rating__value.svelte-bmfbxn {
    margin-left: 0.5rem;
    font-weight: 600;
    color: var(--color-text, #1a202c);
  }

  .rating--sm.svelte-bmfbxn .rating__value:where(.svelte-bmfbxn) { font-size: 0.875rem; }
  .rating--md.svelte-bmfbxn .rating__value:where(.svelte-bmfbxn) { font-size: 1rem; }
  .rating--lg.svelte-bmfbxn .rating__value:where(.svelte-bmfbxn) { font-size: 1.125rem; }
  .rating--xl.svelte-bmfbxn .rating__value:where(.svelte-bmfbxn) { font-size: 1.25rem; }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/PropsTable.css */

  .props-table.svelte-17t0zvq {
    width: 100%;
    overflow-x: auto;
  }

  table.svelte-17t0zvq {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
  }

  th.svelte-17t0zvq, td.svelte-17t0zvq {
    padding: 12px 16px;
    text-align: left;
    border-bottom: 1px solid var(--color-border, #333);
  }

  th.svelte-17t0zvq {
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--color-text-muted, #888);
    background: var(--color-surface, #1a1a2e);
  }

  .col-name.svelte-17t0zvq { width: 20%; min-width: 120px; }
  .col-type.svelte-17t0zvq { width: 25%; min-width: 150px; }
  .col-default.svelte-17t0zvq { width: 15%; min-width: 100px; }
  .col-required.svelte-17t0zvq { width: 10%; min-width: 80px; }
  .col-desc.svelte-17t0zvq { width: 30%; }

  .compact.svelte-17t0zvq th:where(.svelte-17t0zvq),
  .compact.svelte-17t0zvq td:where(.svelte-17t0zvq) {
    padding: 8px 12px;
    font-size: 13px;
  }

  code.svelte-17t0zvq {
    font-family: 'Monaco', 'Menlo', monospace;
    font-size: 12px;
    padding: 2px 6px;
    border-radius: 4px;
  }

  .prop-name.svelte-17t0zvq {
    background: var(--color-primary-dim, rgba(99, 102, 241, 0.2));
    color: var(--color-primary, #6366f1);
  }

  .prop-type.svelte-17t0zvq {
    background: var(--color-surface-elevated, #252540);
    color: var(--color-text, #fff);
  }

  .prop-default.svelte-17t0zvq {
    background: var(--color-surface-elevated, #252540);
    color: var(--color-success, #22c55e);
  }

  .prop-none.svelte-17t0zvq {
    color: var(--color-text-muted, #666);
  }

  .prop-required.svelte-17t0zvq {
    color: var(--color-warning, #f59e0b);
    font-weight: 500;
  }

  .prop-optional.svelte-17t0zvq {
    color: var(--color-text-muted, #666);
  }

  tr.svelte-17t0zvq:hover {
    background: var(--color-surface-elevated, rgba(255, 255, 255, 0.02));
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/LivePreview.css */

  .live-preview.svelte-1puwh1a {
    background: var(--color-surface, #1a1a2e);
    border-radius: 8px;
    overflow: hidden;
  }

  .live-preview.bordered.svelte-1puwh1a {
    border: 1px solid var(--color-border, #333);
  }

  .live-preview.fullscreen.svelte-1puwh1a {
    position: fixed;
    inset: 0;
    z-index: 9999;
    border-radius: 0;
  }

  .live-preview__header.svelte-1puwh1a {
    padding: 16px 20px;
    border-bottom: 1px solid var(--color-border, #333);
  }

  .live-preview__title.svelte-1puwh1a {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: var(--color-text, #fff);
  }

  .live-preview__description.svelte-1puwh1a {
    margin: 4px 0 0 0;
    font-size: 14px;
    color: var(--color-text-muted, #888);
  }

  .live-preview__body.svelte-1puwh1a {
    display: flex;
  }

  .live-preview__canvas.svelte-1puwh1a {
    flex: 1;
    display: flex;
    overflow: auto;
  }

  .live-preview__canvas.centered.svelte-1puwh1a {
    align-items: center;
    justify-content: center;
  }

  .bg-default.svelte-1puwh1a {
    background: var(--color-background, #0a0a0f);
  }

  .bg-dark.svelte-1puwh1a {
    background: #000;
  }

  .bg-light.svelte-1puwh1a {
    background: #fff;
  }

  .bg-transparent.svelte-1puwh1a {
    background: transparent;
  }

  .bg-checkerboard.svelte-1puwh1a {
    background-image:
      linear-gradient(45deg, #222 25%, transparent 25%),
      linear-gradient(-45deg, #222 25%, transparent 25%),
      linear-gradient(45deg, transparent 75%, #222 75%),
      linear-gradient(-45deg, transparent 75%, #222 75%);
    background-size: 20px 20px;
    background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
    background-color: #333;
  }

  .live-preview__controls.svelte-1puwh1a {
    width: 280px;
    flex-shrink: 0;
    border-left: 1px solid var(--color-border, #333);
    background: var(--color-surface, #1a1a2e);
  }

  .controls-header.svelte-1puwh1a {
    padding: 12px 16px;
    border-bottom: 1px solid var(--color-border, #333);
  }

  .controls-title.svelte-1puwh1a {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--color-text-muted, #888);
  }

  .controls-body.svelte-1puwh1a {
    padding: 16px;
    max-height: 400px;
    overflow-y: auto;
  }

  .live-preview__toolbar.svelte-1puwh1a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 12px;
    border-top: 1px solid var(--color-border, #333);
    background: var(--color-surface-elevated, #252540);
  }

  .toolbar-left.svelte-1puwh1a,
  .toolbar-right.svelte-1puwh1a {
    display: flex;
    gap: 8px;
  }

  .toolbar-btn.svelte-1puwh1a {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    background: transparent;
    border: 1px solid var(--color-border, #333);
    border-radius: 4px;
    color: var(--color-text-muted, #888);
    font-size: 12px;
    cursor: pointer;
    transition: all 0.15s;
  }

  .toolbar-btn.svelte-1puwh1a:hover {
    color: var(--color-text, #fff);
    border-color: var(--color-text-muted, #555);
  }

  .toolbar-btn.active.svelte-1puwh1a {
    background: var(--color-primary-dim, rgba(99, 102, 241, 0.2));
    border-color: var(--color-primary, #6366f1);
    color: var(--color-primary, #6366f1);
  }

  .toolbar-btn.svelte-1puwh1a svg:where(.svelte-1puwh1a) {
    width: 14px;
    height: 14px;
  }

  .live-preview__code.svelte-1puwh1a {
    border-top: 1px solid var(--color-border, #333);
    max-height: 300px;
    overflow: auto;
  }

  .live-preview__code.svelte-1puwh1a pre:where(.svelte-1puwh1a) {
    margin: 0;
    padding: 16px 20px;
    background: #1e1e2e;
    color: #cdd6f4;
    font-family: 'Monaco', 'Menlo', monospace;
    font-size: 13px;
    line-height: 1.6;
  }

  .live-preview__code.svelte-1puwh1a code:where(.svelte-1puwh1a) {
    white-space: pre;
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/Alert.css */

  .alert.svelte-1syyury {
    display: flex;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-4);
    border-radius: var(--radius-md);
    border: 1px solid;
  }

  /* Variants */
  .alert--info.svelte-1syyury {
    background: var(--color-info-subtle);
    border-color: var(--color-info);
    color: var(--color-info-text, var(--color-text));
  }

  .alert--success.svelte-1syyury {
    background: var(--color-success-subtle);
    border-color: var(--color-success);
    color: var(--color-success-text, var(--color-text));
  }

  .alert--warning.svelte-1syyury {
    background: var(--color-warning-subtle);
    border-color: var(--color-warning);
    color: var(--color-warning-text, var(--color-text));
  }

  .alert--error.svelte-1syyury {
    background: var(--color-error-subtle);
    border-color: var(--color-error);
    color: var(--color-error-text, var(--color-text));
  }

  /* Icon */
  .alert__icon.svelte-1syyury {
    font-size: var(--font-size-lg);
    flex-shrink: 0;
  }

  /* Content */
  .alert__content.svelte-1syyury {
    flex: 1;
    min-width: 0;
  }

  .alert__title.svelte-1syyury {
    font-weight: var(--font-weight-semibold);
    margin-bottom: var(--space-1);
  }

  .alert__message.svelte-1syyury {
    font-size: var(--font-size-sm);
    line-height: var(--line-height-relaxed);
  }

  .alert__actions.svelte-1syyury {
    display: flex;
    gap: var(--space-2);
    margin-top: var(--space-3);
  }

  /* Dismiss button */
  .alert__dismiss.svelte-1syyury {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: transparent;
    cursor: pointer;
    border-radius: var(--radius-sm);
    color: inherit;
    opacity: 0.6;
    transition: opacity var(--duration-fast);
  }

  .alert__dismiss.svelte-1syyury:hover {
    opacity: 1;
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/Notification.css */

  .notification.svelte-phu45t {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: var(--space-3);
    padding: var(--space-4);
    background: var(--color-bg-primary);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-lg);
    overflow: hidden;
    animation: svelte-phu45t-notification-in var(--duration-normal) var(--ease-out);
  }

  @keyframes svelte-phu45t-notification-in {
    from {
      opacity: 0;
      transform: translateX(100%);
    }
    to {
      opacity: 1;
      transform: translateX(0);
    }
  }

  .notification--info.svelte-phu45t {
    border-left: 4px solid var(--color-info, #3b82f6);
  }

  .notification--success.svelte-phu45t {
    border-left: 4px solid var(--color-success, #22c55e);
  }

  .notification--warning.svelte-phu45t {
    border-left: 4px solid var(--color-warning, #f59e0b);
  }

  .notification--error.svelte-phu45t {
    border-left: 4px solid var(--color-error, #ef4444);
  }

  .notification__icon.svelte-phu45t {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-full);
    font-size: 14px;
  }

  .notification--info.svelte-phu45t .notification__icon:where(.svelte-phu45t) {
    background: rgba(59, 130, 246, 0.1);
    color: var(--color-info);
  }

  .notification--success.svelte-phu45t .notification__icon:where(.svelte-phu45t) {
    background: rgba(34, 197, 94, 0.1);
    color: var(--color-success);
  }

  .notification--warning.svelte-phu45t .notification__icon:where(.svelte-phu45t) {
    background: rgba(245, 158, 11, 0.1);
    color: var(--color-warning);
  }

  .notification--error.svelte-phu45t .notification__icon:where(.svelte-phu45t) {
    background: rgba(239, 68, 68, 0.1);
    color: var(--color-error);
  }

  .notification__content.svelte-phu45t {
    flex: 1;
    min-width: 0;
  }

  .notification__title.svelte-phu45t {
    margin: 0 0 var(--space-1);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text-primary);
  }

  .notification__message.svelte-phu45t {
    margin: 0;
    font-size: var(--font-size-sm);
    color: var(--color-text-secondary);
    line-height: 1.4;
  }

  .notification__close.svelte-phu45t {
    flex-shrink: 0;
    padding: var(--space-1);
    background: none;
    border: none;
    color: var(--color-text-tertiary);
    cursor: pointer;
    font-size: var(--font-size-lg);
    line-height: 1;
    border-radius: var(--radius-md);
    transition: all var(--duration-fast);
  }

  .notification__close.svelte-phu45t:hover {
    background: var(--color-bg-secondary);
    color: var(--color-text-primary);
  }

  .notification__progress.svelte-phu45t {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    background: currentColor;
    opacity: 0.3;
    animation: svelte-phu45t-progress-shrink linear forwards;
  }

  @keyframes svelte-phu45t-progress-shrink {
    from { width: 100%; }
    to { width: 0%; }
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/Banner.css */

  .banner.svelte-1bap7sa {
    width: 100%;
    padding: var(--space-3) var(--space-4);
  }

  .banner--top.svelte-1bap7sa {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
  }

  .banner--bottom.svelte-1bap7sa {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100;
  }

  .banner--info.svelte-1bap7sa {
    background: var(--color-info, #3b82f6);
    color: white;
  }

  .banner--success.svelte-1bap7sa {
    background: var(--color-success, #22c55e);
    color: white;
  }

  .banner--warning.svelte-1bap7sa {
    background: var(--color-warning, #f59e0b);
    color: black;
  }

  .banner--error.svelte-1bap7sa {
    background: var(--color-error, #ef4444);
    color: white;
  }

  .banner--promo.svelte-1bap7sa {
    background: linear-gradient(135deg, var(--color-primary) 0%, #8b5cf6 100%);
    color: white;
  }

  .banner__container.svelte-1bap7sa {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    max-width: 1400px;
    margin: 0 auto;
  }

  .banner__icon.svelte-1bap7sa {
    flex-shrink: 0;
    font-size: var(--font-size-lg);
  }

  .banner__content.svelte-1bap7sa {
    flex: 1;
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
  }

  .banner__actions.svelte-1bap7sa {
    display: flex;
    gap: var(--space-2);
    flex-shrink: 0;
  }

  .banner__close.svelte-1bap7sa {
    flex-shrink: 0;
    padding: var(--space-1);
    background: rgba(255, 255, 255, 0.2);
    border: none;
    border-radius: var(--radius-md);
    color: inherit;
    cursor: pointer;
    font-size: var(--font-size-lg);
    line-height: 1;
    opacity: 0.8;
    transition: opacity var(--duration-fast);
  }

  .banner--warning.svelte-1bap7sa .banner__close:where(.svelte-1bap7sa) {
    background: rgba(0, 0, 0, 0.1);
  }

  .banner__close.svelte-1bap7sa:hover {
    opacity: 1;
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/EmptyState.css */

  .empty-state.svelte-1s5gwni {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: var(--space-8);
  }

  .empty-state__icon.svelte-1s5gwni {
    margin-bottom: var(--space-4);
    opacity: 0.8;
  }

  .empty-state--sm.svelte-1s5gwni .empty-state__icon:where(.svelte-1s5gwni) { font-size: 2rem; }
  .empty-state--md.svelte-1s5gwni .empty-state__icon:where(.svelte-1s5gwni) { font-size: 3rem; }
  .empty-state--lg.svelte-1s5gwni .empty-state__icon:where(.svelte-1s5gwni) { font-size: 4rem; }

  .empty-state__title.svelte-1s5gwni {
    margin: 0 0 var(--space-2);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text-primary);
  }

  .empty-state--sm.svelte-1s5gwni .empty-state__title:where(.svelte-1s5gwni) { font-size: var(--font-size-base); }
  .empty-state--md.svelte-1s5gwni .empty-state__title:where(.svelte-1s5gwni) { font-size: var(--font-size-lg); }
  .empty-state--lg.svelte-1s5gwni .empty-state__title:where(.svelte-1s5gwni) { font-size: var(--font-size-xl); }

  .empty-state__description.svelte-1s5gwni {
    margin: 0 0 var(--space-4);
    max-width: 400px;
    color: var(--color-text-secondary);
    line-height: 1.5;
  }

  .empty-state--sm.svelte-1s5gwni .empty-state__description:where(.svelte-1s5gwni) { font-size: var(--font-size-xs); }
  .empty-state--md.svelte-1s5gwni .empty-state__description:where(.svelte-1s5gwni) { font-size: var(--font-size-sm); }
  .empty-state--lg.svelte-1s5gwni .empty-state__description:where(.svelte-1s5gwni) { font-size: var(--font-size-base); }

  .empty-state__actions.svelte-1s5gwni {
    display: flex;
    gap: var(--space-2);
    flex-wrap: wrap;
    justify-content: center;
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/ProgressRing.css */

  .progress-ring.svelte-10r2fb3 {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  .progress-ring__svg.svelte-10r2fb3 {
    position: absolute;
    inset: 0;
  }

  .progress-ring__track.svelte-10r2fb3 {
    fill: none;
    stroke: var(--color-surface-muted, #e2e8f0);
  }

  .progress-ring__indicator.svelte-10r2fb3 {
    fill: none;
    stroke-linecap: round;
    transition: stroke-dashoffset 0.3s ease;
  }

  .progress-ring--primary.svelte-10r2fb3 .progress-ring__indicator:where(.svelte-10r2fb3) { stroke: var(--color-primary, #3b82f6); }
  .progress-ring--success.svelte-10r2fb3 .progress-ring__indicator:where(.svelte-10r2fb3) { stroke: var(--color-success, #22c55e); }
  .progress-ring--warning.svelte-10r2fb3 .progress-ring__indicator:where(.svelte-10r2fb3) { stroke: var(--color-warning, #f59e0b); }
  .progress-ring--error.svelte-10r2fb3 .progress-ring__indicator:where(.svelte-10r2fb3) { stroke: var(--color-error, #ef4444); }

  .progress-ring__label.svelte-10r2fb3 {
    font-weight: 600;
    font-size: 0.875rem;
    color: var(--color-text, #1a202c);
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/Stat.css */

  .stat.svelte-re2zke {
    display: flex;
    gap: var(--space-3);
  }

  .stat--left.svelte-re2zke { text-align: left; }
  .stat--center.svelte-re2zke { text-align: center; justify-content: center; }
  .stat--right.svelte-re2zke { text-align: right; justify-content: flex-end; }

  .stat__icon.svelte-re2zke {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-bg-secondary);
    border-radius: var(--radius-lg);
    color: var(--color-primary);
  }

  .stat--sm.svelte-re2zke .stat__icon:where(.svelte-re2zke) { width: 36px; height: 36px; font-size: 1rem; }
  .stat--md.svelte-re2zke .stat__icon:where(.svelte-re2zke) { width: 48px; height: 48px; font-size: 1.25rem; }
  .stat--lg.svelte-re2zke .stat__icon:where(.svelte-re2zke) { width: 56px; height: 56px; font-size: 1.5rem; }

  .stat__content.svelte-re2zke {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
  }

  .stat__label.svelte-re2zke {
    font-weight: var(--font-weight-medium);
    color: var(--color-text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
  }

  .stat--sm.svelte-re2zke .stat__label:where(.svelte-re2zke) { font-size: var(--font-size-xs); }
  .stat--md.svelte-re2zke .stat__label:where(.svelte-re2zke) { font-size: var(--font-size-xs); }
  .stat--lg.svelte-re2zke .stat__label:where(.svelte-re2zke) { font-size: var(--font-size-sm); }

  .stat__value-wrapper.svelte-re2zke {
    display: flex;
    align-items: baseline;
    gap: var(--space-2);
  }

  .stat--center.svelte-re2zke .stat__value-wrapper:where(.svelte-re2zke) {
    justify-content: center;
  }

  .stat--right.svelte-re2zke .stat__value-wrapper:where(.svelte-re2zke) {
    justify-content: flex-end;
  }

  .stat__value.svelte-re2zke {
    font-weight: var(--font-weight-bold);
    color: var(--color-text-primary);
    line-height: 1;
  }

  .stat--sm.svelte-re2zke .stat__value:where(.svelte-re2zke) { font-size: var(--font-size-xl); }
  .stat--md.svelte-re2zke .stat__value:where(.svelte-re2zke) { font-size: var(--font-size-2xl, 1.5rem); }
  .stat--lg.svelte-re2zke .stat__value:where(.svelte-re2zke) { font-size: var(--font-size-3xl, 1.875rem); }

  .stat__prefix.svelte-re2zke,
  .stat__suffix.svelte-re2zke {
    font-size: 0.7em;
    color: var(--color-text-secondary);
  }

  .stat__trend.svelte-re2zke {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
    padding: var(--space-1) var(--space-2);
    border-radius: var(--radius-full);
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-medium);
  }

  .stat__trend--up.svelte-re2zke {
    background: rgba(34, 197, 94, 0.1);
    color: var(--color-success, #22c55e);
  }

  .stat__trend--down.svelte-re2zke {
    background: rgba(239, 68, 68, 0.1);
    color: var(--color-error, #ef4444);
  }

  .stat__trend--neutral.svelte-re2zke {
    background: var(--color-bg-secondary);
    color: var(--color-text-tertiary);
  }

  .stat__trend-icon.svelte-re2zke {
    font-size: 0.75em;
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/Carousel.css */

  .carousel.svelte-1bv4j5i {
    position: relative;
    overflow: hidden;
  }

  .carousel__track.svelte-1bv4j5i {
    display: flex;
    transition: transform var(--duration-normal) var(--ease-out);
  }

  .carousel__track.svelte-1bv4j5i .carousel__slide {
    flex: 0 0 100%;
    min-width: 0;
  }

  .carousel__arrow.svelte-1bv4j5i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-bg-primary);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-full);
    color: var(--color-text-primary);
    font-size: 1.5rem;
    cursor: pointer;
    box-shadow: var(--shadow-md);
    transition: all var(--duration-fast);
    z-index: 1;
  }

  .carousel__arrow.svelte-1bv4j5i:hover:not(:disabled) {
    background: var(--color-bg-secondary);
  }

  .carousel__arrow.svelte-1bv4j5i:disabled {
    opacity: 0.5;
    cursor: not-allowed;
  }

  .carousel__arrow--prev.svelte-1bv4j5i {
    left: var(--space-3);
  }

  .carousel__arrow--next.svelte-1bv4j5i {
    right: var(--space-3);
  }

  .carousel__dots.svelte-1bv4j5i {
    position: absolute;
    bottom: var(--space-3);
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: var(--space-2);
  }

  .carousel__dot.svelte-1bv4j5i {
    width: 8px;
    height: 8px;
    padding: 0;
    background: var(--color-bg-primary);
    border: none;
    border-radius: var(--radius-full);
    cursor: pointer;
    opacity: 0.5;
    transition: all var(--duration-fast);
  }

  .carousel__dot.svelte-1bv4j5i:hover {
    opacity: 0.8;
  }

  .carousel__dot--active.svelte-1bv4j5i {
    opacity: 1;
    transform: scale(1.25);
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/Gallery.css */

  .gallery.svelte-10c8cxa {
    display: grid;
  }

  .gallery--cols-2.svelte-10c8cxa { grid-template-columns: repeat(2, 1fr); }
  .gallery--cols-3.svelte-10c8cxa { grid-template-columns: repeat(3, 1fr); }
  .gallery--cols-4.svelte-10c8cxa { grid-template-columns: repeat(4, 1fr); }
  .gallery--cols-5.svelte-10c8cxa { grid-template-columns: repeat(5, 1fr); }
  .gallery--cols-6.svelte-10c8cxa { grid-template-columns: repeat(6, 1fr); }

  .gallery--gap-sm.svelte-10c8cxa { gap: var(--space-2); }
  .gallery--gap-md.svelte-10c8cxa { gap: var(--space-4); }
  .gallery--gap-lg.svelte-10c8cxa { gap: var(--space-6); }

  .gallery__item.svelte-10c8cxa {
    position: relative;
    overflow: hidden;
    background: var(--color-bg-secondary);
    border: none;
    border-radius: var(--radius-md);
    cursor: pointer;
    padding: 0;
  }

  .gallery__item.svelte-10c8cxa:disabled {
    cursor: default;
  }

  .gallery__item--square.svelte-10c8cxa { aspect-ratio: 1; }
  .gallery__item--video.svelte-10c8cxa { aspect-ratio: 16/9; }
  .gallery__item--portrait.svelte-10c8cxa { aspect-ratio: 3/4; }
  .gallery__item--auto.svelte-10c8cxa { aspect-ratio: auto; }

  .gallery__image.svelte-10c8cxa {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform var(--duration-normal);
  }

  .gallery__item.svelte-10c8cxa:hover:not(:disabled) .gallery__image:where(.svelte-10c8cxa) {
    transform: scale(1.05);
  }

  .gallery__lightbox.svelte-10c8cxa {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.9);
    z-index: 1000;
    animation: svelte-10c8cxa-fadeIn var(--duration-fast);
  }

  @keyframes svelte-10c8cxa-fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
  }

  .gallery__lightbox-close.svelte-10c8cxa {
    position: absolute;
    top: var(--space-4);
    right: var(--space-4);
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.1);
    border: none;
    border-radius: var(--radius-full);
    color: white;
    font-size: 1.5rem;
    cursor: pointer;
    transition: background var(--duration-fast);
  }

  .gallery__lightbox-close.svelte-10c8cxa:hover {
    background: rgba(255, 255, 255, 0.2);
  }

  .gallery__lightbox-nav.svelte-10c8cxa {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.1);
    border: none;
    border-radius: var(--radius-full);
    color: white;
    font-size: 2rem;
    cursor: pointer;
    transition: background var(--duration-fast);
  }

  .gallery__lightbox-nav.svelte-10c8cxa:hover {
    background: rgba(255, 255, 255, 0.2);
  }

  .gallery__lightbox-nav--prev.svelte-10c8cxa { left: var(--space-4); }
  .gallery__lightbox-nav--next.svelte-10c8cxa { right: var(--space-4); }

  .gallery__lightbox-content.svelte-10c8cxa {
    max-width: 90vw;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .gallery__lightbox-image.svelte-10c8cxa {
    max-width: 100%;
    max-height: 80vh;
    object-fit: contain;
  }

  .gallery__lightbox-caption.svelte-10c8cxa {
    margin-top: var(--space-4);
    color: white;
    text-align: center;
    font-size: var(--font-size-sm);
  }

  .gallery__lightbox-counter.svelte-10c8cxa {
    position: absolute;
    bottom: var(--space-4);
    left: 50%;
    transform: translateX(-50%);
    color: rgba(255, 255, 255, 0.7);
    font-size: var(--font-size-sm);
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/StatusIndicator.css */

  .status-indicator.svelte-1y827g3 {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
  }

  .status-indicator__dot.svelte-1y827g3 {
    border-radius: 50%;
    flex-shrink: 0;
  }

  .status-indicator--sm.svelte-1y827g3 .status-indicator__dot:where(.svelte-1y827g3) { width: 0.5rem; height: 0.5rem; }
  .status-indicator--md.svelte-1y827g3 .status-indicator__dot:where(.svelte-1y827g3) { width: 0.625rem; height: 0.625rem; }
  .status-indicator--lg.svelte-1y827g3 .status-indicator__dot:where(.svelte-1y827g3) { width: 0.75rem; height: 0.75rem; }

  .status-indicator__dot--online.svelte-1y827g3 { background: #22c55e; }
  .status-indicator__dot--offline.svelte-1y827g3 { background: #94a3b8; }
  .status-indicator__dot--busy.svelte-1y827g3 { background: #ef4444; }
  .status-indicator__dot--away.svelte-1y827g3 { background: #f59e0b; }
  .status-indicator__dot--idle.svelte-1y827g3 { background: #fbbf24; }
  .status-indicator__dot--error.svelte-1y827g3 { background: #ef4444; }
  .status-indicator__dot--warning.svelte-1y827g3 { background: #f59e0b; }
  .status-indicator__dot--success.svelte-1y827g3 { background: #22c55e; }

  .status-indicator__dot--pulse.svelte-1y827g3 {
    animation: svelte-1y827g3-pulse 2s ease-in-out infinite;
  }

  @keyframes svelte-1y827g3-pulse {
    0%, 100% {
      opacity: 1;
      transform: scale(1);
    }
    50% {
      opacity: 0.5;
      transform: scale(1.2);
    }
  }

  .status-indicator__label.svelte-1y827g3 {
    font-size: 0.875rem;
    color: var(--color-text, #1a202c);
  }

  .status-indicator--sm.svelte-1y827g3 .status-indicator__label:where(.svelte-1y827g3) { font-size: 0.75rem; }
  .status-indicator--lg.svelte-1y827g3 .status-indicator__label:where(.svelte-1y827g3) { font-size: 1rem; }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/VideoPlayer.css */

  .video-player.svelte-hnltpe {
    position: relative;
    background: black;
    border-radius: var(--radius-lg);
    overflow: hidden;
  }

  .video-player__video.svelte-hnltpe {
    width: 100%;
    height: 100%;
    object-fit: contain;
    cursor: pointer;
  }

  .video-player__play-overlay.svelte-hnltpe {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.3);
    border: none;
    cursor: pointer;
    transition: background var(--duration-fast);
  }

  .video-player__play-overlay.svelte-hnltpe:hover {
    background: rgba(0, 0, 0, 0.4);
  }

  .video-player__play-icon.svelte-hnltpe {
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.9);
    border-radius: var(--radius-full);
    font-size: 2rem;
    color: black;
    padding-left: 8px;
  }

  .video-player__controls.svelte-hnltpe {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-3);
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.8));
    opacity: 0;
    transition: opacity var(--duration-fast);
  }

  .video-player__controls--visible.svelte-hnltpe {
    opacity: 1;
  }

  .video-player.svelte-hnltpe:hover .video-player__controls:where(.svelte-hnltpe) {
    opacity: 1;
  }

  .video-player__btn.svelte-hnltpe {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    border: none;
    color: white;
    font-size: 1rem;
    cursor: pointer;
    border-radius: var(--radius-md);
    transition: background var(--duration-fast);
  }

  .video-player__btn.svelte-hnltpe:hover {
    background: rgba(255, 255, 255, 0.2);
  }

  .video-player__time.svelte-hnltpe {
    color: white;
    font-size: var(--font-size-xs);
    font-variant-numeric: tabular-nums;
    min-width: 40px;
  }

  .video-player__progress.svelte-hnltpe {
    flex: 1;
    height: 4px;
    -webkit-appearance: none;
    appearance: none;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 2px;
    cursor: pointer;
  }

  .video-player__progress.svelte-hnltpe::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 12px;
    height: 12px;
    background: white;
    border-radius: var(--radius-full);
    cursor: pointer;
  }

  .video-player__volume.svelte-hnltpe {
    width: 60px;
    height: 4px;
    -webkit-appearance: none;
    appearance: none;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 2px;
    cursor: pointer;
  }

  .video-player__volume.svelte-hnltpe::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 10px;
    height: 10px;
    background: white;
    border-radius: var(--radius-full);
    cursor: pointer;
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/AudioPlayer.css */

  .audio-player.svelte-1eh54sr {
    display: flex;
    align-items: center;
    gap: var(--space-4);
    padding: var(--space-4);
    background: var(--color-bg-primary);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
  }

  .audio-player--sm.svelte-1eh54sr {
    padding: var(--space-2);
    gap: var(--space-2);
  }

  .audio-player--lg.svelte-1eh54sr {
    padding: var(--space-6);
    gap: var(--space-6);
  }

  .audio-player__artwork.svelte-1eh54sr {
    flex-shrink: 0;
    border-radius: var(--radius-md);
    overflow: hidden;
  }

  .audio-player--sm.svelte-1eh54sr .audio-player__artwork:where(.svelte-1eh54sr) {
    width: 40px;
    height: 40px;
  }

  .audio-player--md.svelte-1eh54sr .audio-player__artwork:where(.svelte-1eh54sr) {
    width: 56px;
    height: 56px;
  }

  .audio-player--lg.svelte-1eh54sr .audio-player__artwork:where(.svelte-1eh54sr) {
    width: 80px;
    height: 80px;
  }

  .audio-player__artwork.svelte-1eh54sr img:where(.svelte-1eh54sr) {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .audio-player__content.svelte-1eh54sr {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
  }

  .audio-player__info.svelte-1eh54sr {
    display: flex;
    flex-direction: column;
  }

  .audio-player__title.svelte-1eh54sr {
    font-weight: var(--font-weight-semibold);
    color: var(--color-text-primary);
    font-size: var(--font-size-sm);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .audio-player__artist.svelte-1eh54sr {
    font-size: var(--font-size-xs);
    color: var(--color-text-secondary);
  }

  .audio-player__controls.svelte-1eh54sr {
    display: flex;
    align-items: center;
    gap: var(--space-3);
  }

  .audio-player__play.svelte-1eh54sr {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-primary);
    border: none;
    border-radius: var(--radius-full);
    color: white;
    font-size: 0.875rem;
    cursor: pointer;
    transition: opacity var(--duration-fast);
    padding-left: 2px;
  }

  .audio-player--sm.svelte-1eh54sr .audio-player__play:where(.svelte-1eh54sr) {
    width: 28px;
    height: 28px;
    font-size: 0.75rem;
  }

  .audio-player__play.svelte-1eh54sr:hover {
    opacity: 0.9;
  }

  .audio-player__progress-container.svelte-1eh54sr {
    flex: 1;
    display: flex;
    align-items: center;
    gap: var(--space-2);
  }

  .audio-player__time.svelte-1eh54sr {
    font-size: var(--font-size-xs);
    color: var(--color-text-tertiary);
    font-variant-numeric: tabular-nums;
    min-width: 35px;
  }

  .audio-player__progress.svelte-1eh54sr {
    flex: 1;
    height: 4px;
    -webkit-appearance: none;
    appearance: none;
    background: linear-gradient(
      to right,
      var(--color-primary) var(--progress),
      var(--color-bg-tertiary) var(--progress)
    );
    border-radius: 2px;
    cursor: pointer;
  }

  .audio-player__progress.svelte-1eh54sr::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 12px;
    height: 12px;
    background: var(--color-primary);
    border-radius: var(--radius-full);
    cursor: pointer;
  }

  .audio-player__volume-container.svelte-1eh54sr {
    display: flex;
    align-items: center;
    gap: var(--space-1);
  }

  .audio-player--sm.svelte-1eh54sr .audio-player__volume-container:where(.svelte-1eh54sr) {
    display: none;
  }

  .audio-player__volume-btn.svelte-1eh54sr {
    background: none;
    border: none;
    color: var(--color-text-secondary);
    cursor: pointer;
    font-size: 1rem;
    padding: var(--space-1);
  }

  .audio-player__volume.svelte-1eh54sr {
    width: 60px;
    height: 4px;
    -webkit-appearance: none;
    appearance: none;
    background: var(--color-bg-tertiary);
    border-radius: 2px;
    cursor: pointer;
  }

  .audio-player__volume.svelte-1eh54sr::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 10px;
    height: 10px;
    background: var(--color-text-secondary);
    border-radius: var(--radius-full);
    cursor: pointer;
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/Meter.css */

  .meter.svelte-hv37ip {
    position: relative;
    width: 100%;
    background: var(--color-surface-muted, #e2e8f0);
    border-radius: var(--radius-full, 9999px);
    overflow: hidden;
  }

  .meter--sm.svelte-hv37ip { height: 0.5rem; }
  .meter--md.svelte-hv37ip { height: 0.75rem; }
  .meter--lg.svelte-hv37ip { height: 1rem; }

  .meter__fill.svelte-hv37ip {
    height: 100%;
    border-radius: var(--radius-full, 9999px);
    transition: width 0.3s ease, background-color 0.3s ease;
  }

  .meter--normal.svelte-hv37ip .meter__fill:where(.svelte-hv37ip) { background: var(--color-primary, #3b82f6); }
  .meter--optimal.svelte-hv37ip .meter__fill:where(.svelte-hv37ip) { background: var(--color-success, #22c55e); }
  .meter--low.svelte-hv37ip .meter__fill:where(.svelte-hv37ip) { background: var(--color-warning, #f59e0b); }
  .meter--high.svelte-hv37ip .meter__fill:where(.svelte-hv37ip) { background: var(--color-error, #ef4444); }

  .meter__value.svelte-hv37ip {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    margin-right: -3rem;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--color-text, #1a202c);
    white-space: nowrap;
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/ImageCropper.css */

  .image-cropper.svelte-1203p4y {
    position: relative;
    display: inline-block;
    overflow: hidden;
    user-select: none;
  }

  .image-cropper__image.svelte-1203p4y {
    display: block;
    max-width: 100%;
    height: auto;
  }

  .image-cropper__overlay.svelte-1203p4y {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    pointer-events: none;
  }

  .image-cropper__crop-area.svelte-1203p4y {
    position: absolute;
    overflow: hidden;
    cursor: move;
    box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.5);
  }

  .image-cropper--circular.svelte-1203p4y .image-cropper__crop-area:where(.svelte-1203p4y) {
    border-radius: 50%;
  }

  .image-cropper__preview.svelte-1203p4y {
    position: absolute;
    max-width: none;
    pointer-events: none;
  }

  .image-cropper__grid.svelte-1203p4y {
    position: absolute;
    inset: 0;
    pointer-events: none;
  }

  .image-cropper__grid-line.svelte-1203p4y {
    position: absolute;
    background: rgba(255, 255, 255, 0.5);
  }

  .image-cropper__grid-line--h1.svelte-1203p4y,
  .image-cropper__grid-line--h2.svelte-1203p4y {
    left: 0;
    right: 0;
    height: 1px;
  }

  .image-cropper__grid-line--h1.svelte-1203p4y { top: 33.33%; }
  .image-cropper__grid-line--h2.svelte-1203p4y { top: 66.66%; }

  .image-cropper__grid-line--v1.svelte-1203p4y,
  .image-cropper__grid-line--v2.svelte-1203p4y {
    top: 0;
    bottom: 0;
    width: 1px;
  }

  .image-cropper__grid-line--v1.svelte-1203p4y { left: 33.33%; }
  .image-cropper__grid-line--v2.svelte-1203p4y { left: 66.66%; }

  .image-cropper__handle.svelte-1203p4y {
    position: absolute;
    width: 20px;
    height: 20px;
    background: white;
    border: 2px solid var(--color-primary, #3b82f6);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
  }

  .image-cropper__handle--nw.svelte-1203p4y { top: 0; left: 0; cursor: nw-resize; }
  .image-cropper__handle--ne.svelte-1203p4y { top: 0; left: 100%; cursor: ne-resize; }
  .image-cropper__handle--sw.svelte-1203p4y { top: 100%; left: 0; cursor: sw-resize; }
  .image-cropper__handle--se.svelte-1203p4y { top: 100%; left: 100%; cursor: se-resize; }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/MegaMenu.css */

  .mega-menu.svelte-v5exxv {
    position: relative;
    display: inline-block;
  }

  .mega-menu__trigger.svelte-v5exxv {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
    border: none;
    background: transparent;
    font-family: var(--font-body);
    font-size: var(--text-base, 1rem);
    font-weight: var(--font-medium, 500);
    color: var(--color-text);
    cursor: pointer;
    padding: var(--space-2) var(--space-3);
    border-radius: var(--radius-md);
    transition: var(--transition-colors);
  }

  .mega-menu__trigger.svelte-v5exxv:hover {
    background-color: var(--color-surface-secondary);
  }

  .mega-menu__trigger.svelte-v5exxv:focus-visible {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
  }

  .mega-menu__trigger-arrow.svelte-v5exxv {
    font-size: 0.6em;
    transition: transform var(--duration-fast) ease;
  }

  .mega-menu__trigger-arrow--open.svelte-v5exxv {
    transform: rotate(180deg);
  }

  .mega-menu__dropdown.svelte-v5exxv {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 100;
    background-color: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-lg);
    padding: var(--space-4);
    margin-top: var(--space-1);
    min-width: 500px;
    animation: svelte-v5exxv-mega-menu-enter var(--duration-fast) ease;
  }

  .mega-menu--full-width.svelte-v5exxv .mega-menu__dropdown:where(.svelte-v5exxv) {
    position: fixed;
    left: 0;
    right: 0;
    width: 100vw;
    border-radius: 0;
    border-left: none;
    border-right: none;
  }

  @keyframes svelte-v5exxv-mega-menu-enter {
    from {
      opacity: 0;
      transform: translateY(-4px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  .mega-menu__columns.svelte-v5exxv {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: var(--space-6);
  }

  .mega-menu__column-title.svelte-v5exxv {
    font-size: var(--font-size-xs, 0.75rem);
    font-weight: var(--font-semibold, 600);
    color: var(--color-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 0 var(--space-2);
    margin-bottom: var(--space-2);
  }

  .mega-menu__list.svelte-v5exxv {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
  }

  .mega-menu__item.svelte-v5exxv {
    display: flex;
    align-items: flex-start;
    gap: var(--space-3);
    padding: var(--space-2);
    border-radius: var(--radius-md);
    text-decoration: none;
    color: var(--color-text);
    cursor: pointer;
    transition: background-color var(--duration-fast) ease;
    border: none;
    background: transparent;
    width: 100%;
    text-align: left;
    font-family: var(--font-body);
    font-size: var(--text-base, 1rem);
  }

  .mega-menu__item.svelte-v5exxv:hover {
    background-color: var(--color-surface-secondary);
  }

  .mega-menu__item.svelte-v5exxv:focus-visible {
    outline: 2px solid var(--color-primary);
    outline-offset: -2px;
  }

  .mega-menu__item-icon.svelte-v5exxv {
    font-size: var(--text-lg, 1.125rem);
    flex-shrink: 0;
    margin-top: 1px;
  }

  .mega-menu__item-content.svelte-v5exxv {
    display: flex;
    flex-direction: column;
    gap: 2px;
  }

  .mega-menu__item-label.svelte-v5exxv {
    font-weight: var(--font-medium, 500);
    line-height: 1.3;
  }

  .mega-menu__item-description.svelte-v5exxv {
    font-size: var(--font-size-xs, 0.75rem);
    color: var(--color-text-muted);
    line-height: 1.4;
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/SpeedDial.css */

  .speed-dial__backdrop.svelte-1aepqah {
    position: fixed;
    inset: 0;
    z-index: 999;
    background: rgba(0, 0, 0, 0.15);
  }

  .speed-dial.svelte-1aepqah {
    position: fixed;
    z-index: 1000;
    display: flex;
    align-items: center;
  }

  /* Positions */
  .speed-dial--bottom-right.svelte-1aepqah {
    bottom: var(--space-6);
    right: var(--space-6);
  }

  .speed-dial--bottom-left.svelte-1aepqah {
    bottom: var(--space-6);
    left: var(--space-6);
  }

  .speed-dial--top-right.svelte-1aepqah {
    top: var(--space-6);
    right: var(--space-6);
  }

  .speed-dial--top-left.svelte-1aepqah {
    top: var(--space-6);
    left: var(--space-6);
  }

  /* Direction layout */
  .speed-dial--up.svelte-1aepqah {
    flex-direction: column-reverse;
  }

  .speed-dial--down.svelte-1aepqah {
    flex-direction: column;
  }

  .speed-dial--left.svelte-1aepqah {
    flex-direction: row-reverse;
  }

  .speed-dial--right.svelte-1aepqah {
    flex-direction: row;
  }

  .speed-dial__actions.svelte-1aepqah {
    display: flex;
    gap: var(--space-2);
  }

  .speed-dial--up.svelte-1aepqah .speed-dial__actions:where(.svelte-1aepqah) {
    flex-direction: column-reverse;
    margin-bottom: var(--space-3);
  }

  .speed-dial--down.svelte-1aepqah .speed-dial__actions:where(.svelte-1aepqah) {
    flex-direction: column;
    margin-top: var(--space-3);
  }

  .speed-dial--left.svelte-1aepqah .speed-dial__actions:where(.svelte-1aepqah) {
    flex-direction: row-reverse;
    margin-right: var(--space-3);
  }

  .speed-dial--right.svelte-1aepqah .speed-dial__actions:where(.svelte-1aepqah) {
    flex-direction: row;
    margin-left: var(--space-3);
  }

  /* FAB button */
  .speed-dial__fab.svelte-1aepqah {
    width: 56px;
    height: 56px;
    border-radius: var(--radius-full);
    border: none;
    background-color: var(--color-primary);
    color: var(--color-on-primary);
    font-size: var(--text-xl, 1.25rem);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: var(--shadow-lg);
    transition: background-color var(--duration-fast) ease, box-shadow var(--duration-fast) ease;
  }

  .speed-dial__fab.svelte-1aepqah:hover {
    background-color: var(--color-primary-hover, var(--color-primary));
    box-shadow: var(--shadow-xl, var(--shadow-lg));
  }

  .speed-dial__fab.svelte-1aepqah:focus-visible {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
  }

  .speed-dial__fab-icon.svelte-1aepqah {
    display: inline-block;
    font-size: 1.5rem;
    line-height: 1;
    transition: transform var(--duration-normal, 200ms) ease;
  }

  .speed-dial__fab-icon--open.svelte-1aepqah {
    transform: rotate(45deg);
  }

  /* Action buttons */
  .speed-dial__action-wrapper.svelte-1aepqah {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    opacity: 0;
    transform: scale(0.6);
    transition: opacity var(--duration-fast) ease, transform var(--duration-fast) ease;
    pointer-events: none;
  }

  .speed-dial--open.svelte-1aepqah .speed-dial__action-wrapper:where(.svelte-1aepqah) {
    opacity: 1;
    transform: scale(1);
    pointer-events: auto;
  }

  .speed-dial__action.svelte-1aepqah {
    width: 44px;
    height: 44px;
    border-radius: var(--radius-full);
    border: none;
    background-color: var(--color-surface);
    color: var(--color-text);
    font-size: var(--text-base, 1rem);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: var(--shadow-md);
    transition: background-color var(--duration-fast) ease, box-shadow var(--duration-fast) ease;
    flex-shrink: 0;
  }

  .speed-dial__action.svelte-1aepqah:hover {
    background-color: var(--color-surface-secondary);
    box-shadow: var(--shadow-lg);
  }

  .speed-dial__action.svelte-1aepqah:focus-visible {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
  }

  .speed-dial__action-icon.svelte-1aepqah {
    line-height: 1;
  }

  /* Tooltip */
  .speed-dial__tooltip.svelte-1aepqah {
    background: var(--color-bg-inverse, #1a1a1a);
    color: var(--color-text-inverse, #ffffff);
    font-size: var(--font-size-xs, 0.75rem);
    padding: var(--space-1) var(--space-2);
    border-radius: var(--radius-md);
    white-space: nowrap;
    pointer-events: none;
    opacity: 0;
    transition: opacity var(--duration-fast) ease;
  }

  .speed-dial__action-wrapper.svelte-1aepqah:hover .speed-dial__tooltip:where(.svelte-1aepqah) {
    opacity: 1;
  }

  /* Hide tooltip for horizontal directions on small screens */
  .speed-dial--up.svelte-1aepqah .speed-dial__tooltip:where(.svelte-1aepqah),
  .speed-dial--down.svelte-1aepqah .speed-dial__tooltip:where(.svelte-1aepqah) {
    position: absolute;
    right: calc(100% + var(--space-2));
  }

  .speed-dial--up.svelte-1aepqah .speed-dial__action-wrapper:where(.svelte-1aepqah),
  .speed-dial--down.svelte-1aepqah .speed-dial__action-wrapper:where(.svelte-1aepqah) {
    position: relative;
    justify-content: center;
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/Tour.css */

  .tour__overlay.svelte-1xglkl2 {
    position: fixed;
    inset: 0;
    z-index: 9998;
    background: rgba(0, 0, 0, 0.5);
  }

  .tour__spotlight.svelte-1xglkl2 {
    position: absolute;
    box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.5);
    background: transparent;
    z-index: 9999;
    pointer-events: none;
    transition: all var(--duration-normal, 200ms) ease;
  }

  .tour__tooltip.svelte-1xglkl2 {
    position: absolute;
    z-index: 10000;
    background-color: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-xl, var(--shadow-lg));
    padding: var(--space-4);
    min-width: 280px;
    max-width: 380px;
    animation: svelte-1xglkl2-tour-tooltip-enter var(--duration-fast) ease;
  }

  @keyframes svelte-1xglkl2-tour-tooltip-enter {
    from {
      opacity: 0;
      scale: 0.95;
    }
    to {
      opacity: 1;
      scale: 1;
    }
  }

  .tour__tooltip-header.svelte-1xglkl2 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-2);
    margin-bottom: var(--space-2);
  }

  .tour__tooltip-title.svelte-1xglkl2 {
    margin: 0;
    font-family: var(--font-body);
    font-size: var(--text-base, 1rem);
    font-weight: var(--font-semibold, 600);
    color: var(--color-text);
  }

  .tour__close.svelte-1xglkl2 {
    border: none;
    background: transparent;
    color: var(--color-text-muted);
    font-size: 1.25rem;
    cursor: pointer;
    padding: 0;
    line-height: 1;
    flex-shrink: 0;
  }

  .tour__close.svelte-1xglkl2:hover {
    color: var(--color-text);
  }

  .tour__tooltip-content.svelte-1xglkl2 {
    margin: 0 0 var(--space-3);
    font-family: var(--font-body);
    font-size: var(--text-sm, 0.875rem);
    color: var(--color-text-muted);
    line-height: 1.5;
  }

  /* Progress dots */
  .tour__progress.svelte-1xglkl2 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-1);
    margin-bottom: var(--space-3);
  }

  .tour__progress-dot.svelte-1xglkl2 {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: none;
    background-color: var(--color-border);
    cursor: pointer;
    padding: 0;
    transition: background-color var(--duration-fast) ease, transform var(--duration-fast) ease;
  }

  .tour__progress-dot--active.svelte-1xglkl2 {
    background-color: var(--color-primary);
    transform: scale(1.3);
  }

  .tour__progress-dot--completed.svelte-1xglkl2 {
    background-color: var(--color-primary);
    opacity: 0.5;
  }

  .tour__progress-dot.svelte-1xglkl2:hover {
    background-color: var(--color-primary);
  }

  /* Actions */
  .tour__actions.svelte-1xglkl2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .tour__actions-nav.svelte-1xglkl2 {
    display: flex;
    gap: var(--space-2);
  }

  .tour__btn.svelte-1xglkl2 {
    border: none;
    border-radius: var(--radius-md);
    font-family: var(--font-body);
    font-size: var(--text-sm, 0.875rem);
    cursor: pointer;
    padding: var(--space-2) var(--space-3);
    transition: background-color var(--duration-fast) ease, color var(--duration-fast) ease;
  }

  .tour__btn--skip.svelte-1xglkl2 {
    background: transparent;
    color: var(--color-text-muted);
  }

  .tour__btn--skip.svelte-1xglkl2:hover {
    color: var(--color-text);
  }

  .tour__btn--prev.svelte-1xglkl2 {
    background-color: var(--color-surface-secondary);
    color: var(--color-text);
  }

  .tour__btn--prev.svelte-1xglkl2:hover {
    background-color: var(--color-border);
  }

  .tour__btn--next.svelte-1xglkl2 {
    background-color: var(--color-primary);
    color: var(--color-on-primary);
  }

  .tour__btn--next.svelte-1xglkl2:hover {
    background-color: var(--color-primary-hover, var(--color-primary));
  }

  .tour__btn.svelte-1xglkl2:focus-visible {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/Toolbar.css */

  .toolbar.svelte-zajj07 {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
    flex-wrap: wrap;
  }

  /* Variant: default */
  .toolbar--default.svelte-zajj07 {
    background-color: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    padding: var(--space-1);
    box-shadow: var(--shadow-sm);
  }

  /* Variant: outlined */
  .toolbar--outlined.svelte-zajj07 {
    background: transparent;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    padding: var(--space-1);
  }

  /* Variant: flat */
  .toolbar--flat.svelte-zajj07 {
    background: transparent;
    border: none;
    padding: 0;
  }

  /* Separator */
  .toolbar__separator.svelte-zajj07 {
    width: 1px;
    background-color: var(--color-border);
    align-self: stretch;
    margin: var(--space-1) var(--space-1);
  }

  /* Item wrapper */
  .toolbar__item-wrapper.svelte-zajj07 {
    position: relative;
  }

  /* Item button */
  .toolbar__item.svelte-zajj07 {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
    border: none;
    background: transparent;
    color: var(--color-text);
    cursor: pointer;
    font-family: var(--font-body);
    border-radius: var(--radius-md);
    transition: background-color var(--duration-fast) ease, color var(--duration-fast) ease;
    white-space: nowrap;
  }

  .toolbar__item.svelte-zajj07:hover:not(:disabled) {
    background-color: var(--color-surface-secondary);
  }

  .toolbar__item.svelte-zajj07:focus-visible {
    outline: 2px solid var(--color-primary);
    outline-offset: -2px;
  }

  .toolbar__item.svelte-zajj07:disabled {
    opacity: 0.4;
    cursor: not-allowed;
  }

  .toolbar__item--active.svelte-zajj07,
  .toolbar__item--toggle[aria-pressed='true'].svelte-zajj07 {
    background-color: var(--color-primary);
    color: var(--color-on-primary);
  }

  .toolbar__item--active.svelte-zajj07:hover:not(:disabled),
  .toolbar__item--toggle[aria-pressed='true'].svelte-zajj07:hover:not(:disabled) {
    background-color: var(--color-primary-hover, var(--color-primary));
  }

  /* Sizes */
  .toolbar--sm.svelte-zajj07 .toolbar__item:where(.svelte-zajj07) {
    padding: var(--space-1) var(--space-2);
    font-size: var(--text-sm, 0.875rem);
  }

  .toolbar--md.svelte-zajj07 .toolbar__item:where(.svelte-zajj07) {
    padding: var(--space-2) var(--space-3);
    font-size: var(--text-base, 1rem);
  }

  .toolbar--lg.svelte-zajj07 .toolbar__item:where(.svelte-zajj07) {
    padding: var(--space-3) var(--space-4);
    font-size: var(--text-lg, 1.125rem);
  }

  .toolbar--sm.svelte-zajj07 .toolbar__separator:where(.svelte-zajj07) {
    min-height: 16px;
  }

  .toolbar--md.svelte-zajj07 .toolbar__separator:where(.svelte-zajj07) {
    min-height: 22px;
  }

  .toolbar--lg.svelte-zajj07 .toolbar__separator:where(.svelte-zajj07) {
    min-height: 28px;
  }

  .toolbar__item-icon.svelte-zajj07 {
    line-height: 1;
  }

  .toolbar__item-caret.svelte-zajj07 {
    font-size: 0.6em;
    margin-left: var(--space-1);
  }

  /* Dropdown */
  .toolbar__dropdown.svelte-zajj07 {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 100;
    min-width: 140px;
    background-color: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-md);
    padding: var(--space-1);
    margin-top: var(--space-1);
    animation: svelte-zajj07-toolbar-dropdown-enter var(--duration-fast) ease;
  }

  @keyframes svelte-zajj07-toolbar-dropdown-enter {
    from {
      opacity: 0;
      transform: translateY(-4px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  .toolbar__dropdown-item.svelte-zajj07 {
    display: block;
    width: 100%;
    padding: var(--space-2) var(--space-3);
    border: none;
    background: transparent;
    color: var(--color-text);
    font-family: var(--font-body);
    font-size: var(--text-sm, 0.875rem);
    text-align: left;
    cursor: pointer;
    border-radius: var(--radius-sm);
    transition: background-color var(--duration-fast) ease;
  }

  .toolbar__dropdown-item.svelte-zajj07:hover {
    background-color: var(--color-surface-secondary);
  }

  .toolbar__dropdown-item.svelte-zajj07:focus-visible {
    outline: 2px solid var(--color-primary);
    outline-offset: -2px;
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/ScrollSpy.css */

  .scroll-spy.svelte-1hwdhch {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    z-index: 50;
  }

  .scroll-spy--right.svelte-1hwdhch {
    right: var(--space-4);
  }

  .scroll-spy--left.svelte-1hwdhch {
    left: var(--space-4);
  }

  .scroll-spy__list.svelte-1hwdhch {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
  }

  .scroll-spy__link.svelte-1hwdhch {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    border: none;
    background: transparent;
    cursor: pointer;
    font-family: var(--font-body);
    transition: color var(--duration-fast) ease, background-color var(--duration-fast) ease;
    text-decoration: none;
    white-space: nowrap;
  }

  .scroll-spy__link.svelte-1hwdhch:focus-visible {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
  }

  /* ======= Nav variant ======= */
  .scroll-spy--nav.svelte-1hwdhch .scroll-spy__link:where(.svelte-1hwdhch) {
    padding: var(--space-2) var(--space-3);
    font-size: var(--text-sm, 0.875rem);
    color: var(--color-text-muted);
    border-radius: var(--radius-md);
  }

  .scroll-spy--nav.svelte-1hwdhch .scroll-spy__link:where(.svelte-1hwdhch):hover {
    color: var(--color-text);
  }

  .scroll-spy--nav.svelte-1hwdhch .scroll-spy__link--active:where(.svelte-1hwdhch) {
    color: var(--color-primary);
    font-weight: var(--font-medium, 500);
  }

  .scroll-spy--right.scroll-spy--nav.svelte-1hwdhch .scroll-spy__link:where(.svelte-1hwdhch) {
    border-right: 2px solid transparent;
  }

  .scroll-spy--right.scroll-spy--nav.svelte-1hwdhch .scroll-spy__link--active:where(.svelte-1hwdhch) {
    border-right-color: var(--color-primary);
  }

  .scroll-spy--left.scroll-spy--nav.svelte-1hwdhch .scroll-spy__link:where(.svelte-1hwdhch) {
    border-left: 2px solid transparent;
  }

  .scroll-spy--left.scroll-spy--nav.svelte-1hwdhch .scroll-spy__link--active:where(.svelte-1hwdhch) {
    border-left-color: var(--color-primary);
  }

  /* ======= Pills variant ======= */
  .scroll-spy--pills.svelte-1hwdhch .scroll-spy__link:where(.svelte-1hwdhch) {
    padding: var(--space-2) var(--space-3);
    font-size: var(--text-sm, 0.875rem);
    color: var(--color-text-muted);
    border-radius: var(--radius-full);
  }

  .scroll-spy--pills.svelte-1hwdhch .scroll-spy__link:where(.svelte-1hwdhch):hover {
    background-color: var(--color-surface-secondary);
    color: var(--color-text);
  }

  .scroll-spy--pills.svelte-1hwdhch .scroll-spy__link--active:where(.svelte-1hwdhch) {
    background-color: var(--color-primary);
    color: var(--color-on-primary);
  }

  /* ======= Dots variant ======= */
  .scroll-spy--dots.svelte-1hwdhch .scroll-spy__link:where(.svelte-1hwdhch) {
    padding: var(--space-2);
    position: relative;
  }

  .scroll-spy__dot.svelte-1hwdhch {
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--color-border);
    transition: background-color var(--duration-fast) ease, transform var(--duration-fast) ease;
  }

  .scroll-spy__link--active.svelte-1hwdhch .scroll-spy__dot:where(.svelte-1hwdhch) {
    background-color: var(--color-primary);
    transform: scale(1.5);
  }

  .scroll-spy__link.svelte-1hwdhch:hover .scroll-spy__dot:where(.svelte-1hwdhch) {
    background-color: var(--color-text-muted);
  }

  .scroll-spy__dot-label.svelte-1hwdhch {
    font-size: var(--font-size-xs, 0.75rem);
    color: var(--color-text-muted);
    opacity: 0;
    transition: opacity var(--duration-fast) ease;
    pointer-events: none;
  }

  .scroll-spy__link.svelte-1hwdhch:hover .scroll-spy__dot-label:where(.svelte-1hwdhch),
  .scroll-spy__link--active.svelte-1hwdhch .scroll-spy__dot-label:where(.svelte-1hwdhch) {
    opacity: 1;
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/PivotTable.css */

  .pivot-table.svelte-1q6ldx8 {
    width: 100%;
    font-family: var(--font-body);
  }

  .pivot-table__config.svelte-1q6ldx8 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-3);
    margin-bottom: var(--space-4);
  }

  .pivot-table__zone.svelte-1q6ldx8 {
    padding: var(--space-3);
    border: 2px dashed var(--color-border);
    border-radius: var(--radius-lg);
    min-height: 60px;
    background: var(--color-surface);
  }

  .pivot-table__zone--rows.svelte-1q6ldx8 {
    border-color: var(--color-primary);
  }

  .pivot-table__zone--columns.svelte-1q6ldx8 {
    border-color: var(--color-success, #22c55e);
  }

  .pivot-table__zone--values.svelte-1q6ldx8 {
    border-color: var(--color-warning, #f59e0b);
    grid-column: 1 / -1;
  }

  .pivot-table__zone-label.svelte-1q6ldx8 {
    display: block;
    font-size: var(--text-sm);
    font-weight: var(--font-semibold);
    color: var(--color-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: var(--space-2);
  }

  .pivot-table__zone-chips.svelte-1q6ldx8 {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
    min-height: 28px;
    align-items: center;
  }

  .pivot-table__zone-placeholder.svelte-1q6ldx8 {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
    font-style: italic;
  }

  .pivot-table__chip.svelte-1q6ldx8 {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
    padding: var(--space-1) var(--space-2);
    border-radius: var(--radius-md);
    font-size: var(--text-sm);
    background: var(--color-surface-secondary);
    color: var(--color-text);
    cursor: grab;
    user-select: none;
    border: 1px solid var(--color-border);
    transition: var(--transition-colors);
  }

  .pivot-table__chip.svelte-1q6ldx8:active {
    cursor: grabbing;
  }

  .pivot-table__chip--active.svelte-1q6ldx8 {
    background: var(--color-primary);
    color: var(--color-on-primary);
    border-color: var(--color-primary);
  }

  .pivot-table__chip--value.svelte-1q6ldx8 {
    background: var(--color-warning, #f59e0b);
    color: #000;
    border-color: var(--color-warning, #f59e0b);
  }

  .pivot-table__chip-remove.svelte-1q6ldx8 {
    background: none;
    border: none;
    color: inherit;
    cursor: pointer;
    padding: 0 2px;
    font-size: var(--text-base);
    line-height: 1;
    opacity: 0.7;
  }

  .pivot-table__chip-remove.svelte-1q6ldx8:hover {
    opacity: 1;
  }

  .pivot-table__agg-select.svelte-1q6ldx8 {
    padding: 0 var(--space-1);
    font-size: var(--text-xs, 0.75rem);
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: var(--radius-sm);
    color: inherit;
    cursor: pointer;
  }

  .pivot-table__wrapper.svelte-1q6ldx8 {
    overflow-x: auto;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
  }

  .pivot-table__table.svelte-1q6ldx8 {
    width: 100%;
    border-collapse: collapse;
  }

  .pivot-table__th.svelte-1q6ldx8 {
    padding: var(--space-2) var(--space-3);
    background: var(--color-surface-secondary);
    font-weight: var(--font-semibold);
    font-size: var(--text-sm);
    color: var(--color-text-muted);
    text-align: left;
    border-bottom: 2px solid var(--color-border);
    white-space: nowrap;
  }

  .pivot-table__th--value.svelte-1q6ldx8 {
    text-align: right;
  }

  .pivot-table__th--total.svelte-1q6ldx8 {
    text-align: right;
    background: var(--color-surface);
    font-weight: var(--font-bold, 700);
    border-left: 2px solid var(--color-border);
  }

  .pivot-table__td.svelte-1q6ldx8 {
    padding: var(--space-2) var(--space-3);
    font-size: var(--text-sm);
    border-bottom: 1px solid var(--color-border);
  }

  .pivot-table__td--group.svelte-1q6ldx8 {
    font-weight: var(--font-medium);
  }

  .pivot-table__td--value.svelte-1q6ldx8 {
    text-align: right;
    font-variant-numeric: tabular-nums;
  }

  .pivot-table__td--total.svelte-1q6ldx8 {
    text-align: right;
    font-weight: var(--font-semibold);
    font-variant-numeric: tabular-nums;
    border-left: 2px solid var(--color-border);
  }

  .pivot-table__td--total-label.svelte-1q6ldx8 {
    font-weight: var(--font-bold, 700);
  }

  .pivot-table__row--group.svelte-1q6ldx8 {
    background: var(--color-surface);
  }

  .pivot-table__row--totals.svelte-1q6ldx8 {
    background: var(--color-surface-secondary);
  }

  .pivot-table__row--totals.svelte-1q6ldx8 .pivot-table__td:where(.svelte-1q6ldx8) {
    border-top: 2px solid var(--color-border);
    font-weight: var(--font-bold, 700);
  }

  .pivot-table__expand-btn.svelte-1q6ldx8 {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    margin-right: var(--space-1);
    font-size: 10px;
    color: var(--color-text-muted);
    line-height: 1;
  }

  .pivot-table__expand-btn.svelte-1q6ldx8:hover {
    color: var(--color-text);
  }

  .pivot-table__empty.svelte-1q6ldx8 {
    padding: var(--space-8);
    text-align: center;
    color: var(--color-text-muted);
    font-size: var(--text-sm);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    background: var(--color-surface);
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/AdvancedDataGrid.css */

  .adg.svelte-cznqce {
    width: 100%;
    height: 400px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    overflow: hidden;
    font-family: var(--font-body);
    position: relative;
  }

  .adg--resizing.svelte-cznqce {
    cursor: col-resize;
    user-select: none;
  }

  .adg__scroll.svelte-cznqce {
    overflow: auto;
    height: 100%;
  }

  .adg__content.svelte-cznqce {
    position: relative;
    min-width: 100%;
  }

  .adg__header.svelte-cznqce {
    display: flex;
    position: sticky;
    top: 0;
    z-index: 3;
    background: var(--color-surface-secondary);
    border-bottom: 2px solid var(--color-border);
  }

  .adg__header-cell.svelte-cznqce {
    display: flex;
    align-items: center;
    padding: 0 var(--space-3);
    font-weight: var(--font-semibold);
    font-size: var(--text-sm);
    color: var(--color-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    position: relative;
    flex-shrink: 0;
    user-select: none;
    box-sizing: border-box;
    border-right: 1px solid var(--color-border);
  }

  .adg__header-cell--sortable.svelte-cznqce {
    cursor: pointer;
  }

  .adg__header-cell--sortable.svelte-cznqce:hover {
    background: var(--color-surface);
  }

  .adg__header-cell--pinned-left.svelte-cznqce {
    position: sticky;
    left: 48px;
    z-index: 4;
    background: var(--color-surface-secondary);
  }

  .adg__header-cell--pinned-right.svelte-cznqce {
    position: sticky;
    right: 0;
    z-index: 4;
    background: var(--color-surface-secondary);
  }

  .adg__header-cell--checkbox.svelte-cznqce {
    display: flex;
    align-items: center;
    justify-content: center;
    position: sticky;
    left: 0;
    z-index: 5;
    background: var(--color-surface-secondary);
    border-right: 1px solid var(--color-border);
    flex-shrink: 0;
  }

  .adg__header-label.svelte-cznqce {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .adg__sort-indicator.svelte-cznqce {
    margin-left: var(--space-1);
    font-size: var(--text-xs, 0.75rem);
    color: var(--color-primary);
  }

  .adg__resize-handle.svelte-cznqce {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    cursor: col-resize;
    background: transparent;
    z-index: 1;
  }

  .adg__resize-handle.svelte-cznqce:hover {
    background: var(--color-primary);
  }

  .adg__body.svelte-cznqce {
    position: relative;
  }

  .adg__row.svelte-cznqce {
    display: flex;
    position: absolute;
    left: 0;
    right: 0;
    border-bottom: 1px solid var(--color-border);
    background: var(--color-surface);
    transition: background-color 0.1s ease;
  }

  .adg__row--even.svelte-cznqce {
    background: var(--color-surface-secondary);
  }

  .adg__row.svelte-cznqce:hover {
    background: var(--color-surface-secondary);
  }

  .adg__row--selected.svelte-cznqce {
    background: rgba(99, 102, 241, 0.1);
  }

  .adg__row--selected.svelte-cznqce:hover {
    background: rgba(99, 102, 241, 0.15);
  }

  .adg__cell.svelte-cznqce {
    display: flex;
    align-items: center;
    padding: 0 var(--space-3);
    font-size: var(--text-sm);
    color: var(--color-text);
    overflow: hidden;
    flex-shrink: 0;
    box-sizing: border-box;
    border-right: 1px solid var(--color-border);
  }

  .adg__cell--checkbox.svelte-cznqce {
    display: flex;
    align-items: center;
    justify-content: center;
    position: sticky;
    left: 0;
    z-index: 2;
    background: inherit;
    border-right: 1px solid var(--color-border);
    flex-shrink: 0;
  }

  .adg__cell--pinned-left.svelte-cznqce {
    position: sticky;
    left: 48px;
    z-index: 2;
    background: inherit;
  }

  .adg__cell--pinned-right.svelte-cznqce {
    position: sticky;
    right: 0;
    z-index: 2;
    background: inherit;
  }

  .adg__cell-text.svelte-cznqce {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .adg__edit-input.svelte-cznqce,
  .adg__edit-select.svelte-cznqce {
    width: 100%;
    height: 100%;
    padding: 0 var(--space-2);
    border: 2px solid var(--color-primary);
    border-radius: var(--radius-sm);
    font-size: var(--text-sm);
    font-family: var(--font-body);
    background: var(--color-surface);
    color: var(--color-text);
    outline: none;
    box-sizing: border-box;
  }

  .adg__edit-checkbox.svelte-cznqce {
    width: 18px;
    height: 18px;
    cursor: pointer;
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/DeviceMockup.css */

  .device-mockup.svelte-14k4e8b {
    display: inline-block;
  }

  .device-mockup__screen.svelte-14k4e8b {
    background-color: #ffffff;
    overflow: hidden;
    position: relative;
  }

  /* Color themes */
  .device-mockup--silver.svelte-14k4e8b {
    --device-body: #e0e0e0;
    --device-border: #c0c0c0;
    --device-accent: #b0b0b0;
    --device-shadow: rgba(0, 0, 0, 0.12);
  }

  .device-mockup--black.svelte-14k4e8b {
    --device-body: #2d2d2d;
    --device-border: #1a1a1a;
    --device-accent: #444444;
    --device-shadow: rgba(0, 0, 0, 0.2);
  }

  .device-mockup--gold.svelte-14k4e8b {
    --device-body: #e8d5b7;
    --device-border: #d4b896;
    --device-accent: #c9a96e;
    --device-shadow: rgba(0, 0, 0, 0.1);
  }

  /* ========= Phone ========= */
  .device-mockup__phone.svelte-14k4e8b {
    width: 280px;
    padding: 14px;
    background: var(--device-body);
    border-radius: 36px;
    border: 2px solid var(--device-border);
    box-shadow: 0 8px 24px var(--device-shadow);
    position: relative;
  }

  .device-mockup__phone.svelte-14k4e8b .device-mockup__screen:where(.svelte-14k4e8b) {
    width: 100%;
    height: 560px;
    border-radius: 22px;
  }

  .device-mockup__phone-notch.svelte-14k4e8b {
    position: absolute;
    top: 14px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 24px;
    background: var(--device-border);
    border-radius: 0 0 14px 14px;
    z-index: 2;
  }

  /* ========= Tablet ========= */
  .device-mockup__tablet.svelte-14k4e8b {
    width: 560px;
    padding: 20px;
    background: var(--device-body);
    border-radius: 24px;
    border: 2px solid var(--device-border);
    box-shadow: 0 8px 24px var(--device-shadow);
    position: relative;
  }

  .device-mockup__tablet.svelte-14k4e8b .device-mockup__screen:where(.svelte-14k4e8b) {
    width: 100%;
    height: 400px;
    border-radius: 6px;
  }

  .device-mockup__tablet-camera.svelte-14k4e8b {
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--device-accent);
  }

  /* ========= Laptop ========= */
  .device-mockup__laptop.svelte-14k4e8b {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 640px;
  }

  .device-mockup__laptop-screen-wrapper.svelte-14k4e8b {
    width: 100%;
    padding: 16px 24px 12px;
    background: var(--device-body);
    border-radius: 12px 12px 0 0;
    border: 2px solid var(--device-border);
    border-bottom: none;
    box-shadow: 0 -2px 16px var(--device-shadow);
    position: relative;
  }

  .device-mockup__laptop.svelte-14k4e8b .device-mockup__screen:where(.svelte-14k4e8b) {
    width: 100%;
    height: 370px;
    border-radius: 4px;
  }

  .device-mockup__laptop-camera.svelte-14k4e8b {
    position: absolute;
    top: 6px;
    left: 50%;
    transform: translateX(-50%);
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--device-accent);
  }

  .device-mockup__laptop-base.svelte-14k4e8b {
    width: 110%;
    height: 20px;
    background: var(--device-body);
    border-radius: 0 0 4px 4px;
    border: 2px solid var(--device-border);
    border-top: 1px solid var(--device-accent);
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .device-mockup__laptop-trackpad.svelte-14k4e8b {
    width: 120px;
    height: 2px;
    background: var(--device-accent);
    border-radius: 2px;
  }

  .device-mockup__laptop-bottom.svelte-14k4e8b {
    width: 114%;
    height: 4px;
    background: var(--device-border);
    border-radius: 0 0 8px 8px;
  }

  /* ========= Desktop ========= */
  .device-mockup__desktop.svelte-14k4e8b {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 640px;
  }

  .device-mockup__desktop-monitor.svelte-14k4e8b {
    width: 100%;
    padding: 16px;
    background: var(--device-body);
    border-radius: 12px 12px 0 0;
    border: 2px solid var(--device-border);
    border-bottom: none;
    box-shadow: 0 4px 24px var(--device-shadow);
  }

  .device-mockup__desktop.svelte-14k4e8b .device-mockup__screen:where(.svelte-14k4e8b) {
    width: 100%;
    height: 370px;
    border-radius: 4px;
  }

  .device-mockup__desktop-chin.svelte-14k4e8b {
    width: 100%;
    height: 24px;
    background: var(--device-body);
    border: 2px solid var(--device-border);
    border-top: 1px solid var(--device-accent);
    border-radius: 0 0 12px 12px;
  }

  .device-mockup__desktop-neck.svelte-14k4e8b {
    width: 60px;
    height: 40px;
    background: var(--device-accent);
    border-left: 2px solid var(--device-border);
    border-right: 2px solid var(--device-border);
  }

  .device-mockup__desktop-stand.svelte-14k4e8b {
    width: 160px;
    height: 8px;
    background: var(--device-body);
    border: 2px solid var(--device-border);
    border-radius: 4px 4px 0 0;
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/AspectRatio.css */

  .aspect-ratio.svelte-1lhd6bz {
    position: relative;
    width: 100%;
  }

  .aspect-ratio.svelte-1lhd6bz::before {
    content: '';
    display: block;
    padding-bottom: calc(100% / var(--ratio));
  }

  .aspect-ratio__content.svelte-1lhd6bz {
    position: absolute;
    inset: 0;
  }

  .aspect-ratio__content.svelte-1lhd6bz > * {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/BrowseGrid.css */

  .browse-grid.svelte-rn04wm {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
  }

  .browse-grid__bar.svelte-rn04wm {
    display: flex;
    align-items: center;
    gap: 8px;
  }

  .browse-grid__bar.svelte-rn04wm .oi-taginput {
    flex: 1;
  }

  .browse-grid__clear.svelte-rn04wm {
    border: none;
    border-radius: var(--radius-sm, 6px);
    background: var(--color-surface-secondary, var(--color-background));
    color: var(--color-text-secondary, rgba(255,255,255,0.6));
    font-size: 11px;
    font-weight: 600;
    padding: 4px 10px;
    cursor: pointer;
    white-space: nowrap;
    transition: all 150ms ease-out;
    flex-shrink: 0;
  }
  .browse-grid__clear.svelte-rn04wm:hover {
    background: var(--color-surface-hover);
    color: var(--color-text, #f0f0f5);
  }

  .browse-grid__toolbar.svelte-rn04wm {
    display: flex;
    align-items: center;
    gap: 8px;
  }

  .browse-grid__state.svelte-rn04wm {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 32px 16px;
    color: var(--color-text-secondary, rgba(255,255,255,0.5));
    font-size: 13px;
  }

  .browse-grid__grid.svelte-rn04wm {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 12px;
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/SkillCardNode.css */

  .skn.svelte-mlkopb {
    position: relative; display: flex; width: 100%; height: 100%;
    background: var(--color-surface); border-radius: var(--radius-xl, 16px);
    box-shadow: var(--shadow-lg); overflow: hidden;
    animation: svelte-mlkopb-skn-enter 0.45s cubic-bezier(0.16, 1, 0.3, 1) both;
  }
  @keyframes svelte-mlkopb-skn-enter {
    from { opacity: 0; filter: blur(8px); transform: translateY(8px); }
    to   { opacity: 1; filter: blur(0);   transform: translateY(0); }
  }

  /* ── Rail ── */
  .skn__rail.svelte-mlkopb { display: flex; flex-direction: column; align-items: center; width: 42px; flex-shrink: 0; padding: 8px 0; gap: 2px; background: var(--color-background); }
  .skn__brand.svelte-mlkopb { display: flex; align-items: center; justify-content: center; padding: 4px 0 6px; }
  .skn__rbtn.svelte-mlkopb { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border: none; border-radius: var(--radius-md, 8px); background: none; color: var(--color-text-muted); cursor: pointer; opacity: 0; transition: all 150ms ease-out; }
  .skn.svelte-mlkopb:hover .skn__rbtn:where(.svelte-mlkopb) { opacity: 0.5; }
  .skn.svelte-mlkopb:hover .skn__rbtn:where(.svelte-mlkopb):hover { opacity: 1; background: var(--color-surface-hover); color: var(--color-text); }
  .skn__rbtn--active.svelte-mlkopb { opacity: 0.25 !important; background: var(--color-primary); color: white !important; }
  .skn.svelte-mlkopb:hover .skn__rbtn--active:where(.svelte-mlkopb) { opacity: 1 !important; }
  .skn__rspacer.svelte-mlkopb { flex: 1; }
  .skn__drag.svelte-mlkopb { display: flex; align-items: center; justify-content: center; width: 32px; height: 24px; color: var(--color-text-muted); opacity: 0.3; cursor: grab; transition: opacity 150ms ease-out; margin-bottom: 4px; }
  .skn__drag.svelte-mlkopb:hover { opacity: 0.7; }
  .skn__drag.svelte-mlkopb:active { cursor: grabbing; opacity: 1; }

  /* ── Content ── */
  .skn__content.svelte-mlkopb { display: flex; flex-direction: column; flex: 1; min-width: 0; }

  /* ── Chrome ── */
  .skn__chrome.svelte-mlkopb { display: flex; align-items: center; padding: 4px 50px 4px 8px; flex-shrink: 0; cursor: grab; }
  .skn__chrome.svelte-mlkopb:active { cursor: grabbing; }
  .skn__chrome-group.svelte-mlkopb { display: flex; align-items: center; gap: 1px; }
  .skn__chrome-btn.svelte-mlkopb { display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; border: none; border-radius: var(--radius-sm); background: none; color: var(--color-text-muted); cursor: pointer; opacity: 0; transition: opacity 150ms ease-out; }
  .skn.svelte-mlkopb:hover .skn__chrome-btn:where(.svelte-mlkopb) { opacity: 0.6; }
  .skn.svelte-mlkopb:hover .skn__chrome-btn:where(.svelte-mlkopb):hover { opacity: 1; background: var(--color-surface-hover); color: var(--color-text); }
  .skn__chrome-btn--active.svelte-mlkopb { opacity: 0.25 !important; background: var(--color-surface-secondary); color: var(--color-text); }
  .skn.svelte-mlkopb:hover .skn__chrome-btn--active:where(.svelte-mlkopb) { opacity: 1 !important; }
  .skn__chrome-spacer.svelte-mlkopb { flex: 1; }
  .skn__chrome-gap.svelte-mlkopb { width: 8px; }

  /* ── Chrome dropdowns ── */
  .skn__dropdown-wrap.svelte-mlkopb { position: relative; }
  .skn__dropdown-backdrop.svelte-mlkopb { position: fixed; inset: 0; z-index: 100; }
  .skn__dropdown.svelte-mlkopb { position: absolute; top: calc(100% + 4px); right: 0; z-index: 101; min-width: 120px; background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-md, 8px); box-shadow: var(--shadow-lg); overflow: hidden; animation: svelte-mlkopb-skn-dd-in 150ms ease-out; }
  .skn__dropdown--wide.svelte-mlkopb { min-width: 200px; }
  @keyframes svelte-mlkopb-skn-dd-in { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: translateY(0); } }
  .skn__dropdown-item.svelte-mlkopb { display: block; width: 100%; padding: 6px 12px; border: none; background: none; color: var(--color-text); font-size: 0.75rem; text-align: left; cursor: pointer; transition: background 100ms; }
  .skn__dropdown-item.svelte-mlkopb:hover { background: var(--color-surface-hover); }
  .skn__dropdown-item--active.svelte-mlkopb { background: var(--color-primary); color: white; }
  .skn__filter-row.svelte-mlkopb { display: flex; align-items: center; gap: 8px; padding: 6px 12px; }
  .skn__filter-label.svelte-mlkopb { font-size: 0.75rem; color: var(--color-text); flex: 1; }
  .skn__filter-type.svelte-mlkopb { font-size: 0.65rem; color: var(--color-text-muted); }

  /* ── Search bar wrapper ── */
  .skn__filter-wrap.svelte-mlkopb { margin: 4px 12px 8px; flex-shrink: 0; }

  /* ── Items ── */
  .skn__items-wrap.svelte-mlkopb { flex: 1; min-height: 0; display: flex; flex-direction: column; padding: 0 12px 12px; }
  .skn__empty.svelte-mlkopb { display: flex; align-items: center; justify-content: center; padding: 32px 16px; color: var(--color-text-muted); font-size: 13px; }
  .skn__list.svelte-mlkopb { display: flex; flex-direction: column; gap: 2px; padding: 4px 0; }
  .skn__icon-grid.svelte-mlkopb { display: grid; grid-template-columns: repeat(auto-fill, minmax(72px, 1fr)); gap: 4px; padding: 8px 0; }
  .skn__thumb-grid.svelte-mlkopb { display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 6px; padding: 8px 0; }
  .skn__card-grid.svelte-mlkopb { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 12px; padding: 12px 4px 16px; }
  .skn__card-grid.svelte-mlkopb:has(> :where(.svelte-mlkopb):hover) > :where(.svelte-mlkopb):not(:hover) { opacity: 0.45; transform: scale(0.97); filter: saturate(0.7); }
  @media (prefers-reduced-motion: reduce) { .skn__card-grid.svelte-mlkopb:has(> :where(.svelte-mlkopb):hover) > :where(.svelte-mlkopb):not(:hover) { opacity: 0.6; transform: none; filter: none; } }
  .skn__item-fallback.svelte-mlkopb { padding: 8px 10px; font-size: 0.8rem; color: var(--color-text); background: var(--color-surface-secondary); border-radius: var(--radius-sm); }
  .skn__auto-card-icon.svelte-mlkopb { width: 64px; height: 64px; border-radius: 14px; background: var(--color-primary, #3b82f6); color: white; display: flex; align-items: center; justify-content: center; box-shadow: 0 6px 16px rgba(0,0,0,0.12); }
  .skn__auto-card-img.svelte-mlkopb { width: 100%; height: 100%; object-fit: cover; border-radius: var(--radius-md, 8px); }

  /* Auto list row */
  .skn__auto-row.svelte-mlkopb { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: var(--radius-sm); transition: background 100ms; cursor: default; }
  .skn__auto-row.svelte-mlkopb:hover { background: var(--color-surface-hover); }
  .skn__auto-row-icon.svelte-mlkopb { display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: var(--radius-sm); color: white; flex-shrink: 0; overflow: hidden; }
  .skn__auto-avatar.svelte-mlkopb { width: 100%; height: 100%; object-fit: cover; }
  .skn__auto-row-body.svelte-mlkopb { flex: 1; min-width: 0; }
  .skn__auto-row-title.svelte-mlkopb { font-size: 0.85rem; color: var(--color-text); font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .skn__auto-row-sub.svelte-mlkopb { font-size: 0.7rem; color: var(--color-text-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .skn__auto-badge.svelte-mlkopb { font-size: 0.65rem; padding: 2px 6px; border-radius: var(--radius-full, 999px); background: var(--color-surface-secondary); color: var(--color-text-muted); text-transform: uppercase; letter-spacing: 0.03em; flex-shrink: 0; }
  .skn__auto-time.svelte-mlkopb { font-size: 0.7rem; color: var(--color-text-muted); flex-shrink: 0; font-variant-numeric: tabular-nums; }

  /* Auto icon tile */
  .skn__auto-icon.svelte-mlkopb { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 6px; border-radius: var(--radius-sm); cursor: default; transition: background 100ms; }
  .skn__auto-icon.svelte-mlkopb:hover { background: var(--color-surface-hover); }
  .skn__auto-icon-tile.svelte-mlkopb { width: 44px; height: 44px; border-radius: var(--radius-md, 10px); display: flex; align-items: center; justify-content: center; color: white; box-shadow: 0 2px 6px rgba(0,0,0,0.08); }
  .skn__auto-icon-label.svelte-mlkopb { font-size: 0.68rem; color: var(--color-text); text-align: center; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

  /* Auto thumbnail */
  .skn__auto-thumb.svelte-mlkopb { display: flex; flex-direction: column; gap: 4px; padding: 4px; border-radius: var(--radius-sm); cursor: default; transition: background 100ms; }
  .skn__auto-thumb.svelte-mlkopb:hover { background: var(--color-surface-hover); }
  .skn__auto-thumb-img.svelte-mlkopb { display: flex; align-items: center; justify-content: center; aspect-ratio: 16/10; border-radius: var(--radius-md, 8px); color: white; overflow: hidden; }
  .skn__auto-thumb-img.svelte-mlkopb img:where(.svelte-mlkopb) { width: 100%; height: 100%; object-fit: cover; }
  .skn__auto-thumb-label.svelte-mlkopb { font-size: 0.8rem; color: var(--color-text); font-weight: 500; padding: 0 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .skn__auto-thumb-sub.svelte-mlkopb { font-size: 0.68rem; color: var(--color-text-muted); padding: 0 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/Resizable.css */

  .resizable.svelte-oihdwh {
    position: relative;
    overflow: hidden;
  }

  .resizable--dragging.svelte-oihdwh {
    user-select: none;
  }

  .resizable__content.svelte-oihdwh {
    width: 100%;
    height: 100%;
    overflow: auto;
  }

  .resizable__handle.svelte-oihdwh {
    position: absolute;
    background: transparent;
    transition: background var(--duration-fast);
    z-index: 1;
  }

  .resizable__handle.svelte-oihdwh:hover,
  .resizable--dragging.svelte-oihdwh .resizable__handle:where(.svelte-oihdwh) {
    background: var(--color-primary);
  }

  .resizable__handle--right.svelte-oihdwh {
    top: 0;
    right: 0;
    width: 4px;
    height: 100%;
    cursor: ew-resize;
  }

  .resizable__handle--bottom.svelte-oihdwh {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    cursor: ns-resize;
  }

  .resizable__handle--corner.svelte-oihdwh {
    bottom: 0;
    right: 0;
    width: 12px;
    height: 12px;
    cursor: nwse-resize;
    background: transparent;
  }

  .resizable__handle--corner.svelte-oihdwh::after {
    content: '';
    position: absolute;
    bottom: 2px;
    right: 2px;
    width: 8px;
    height: 8px;
    border-right: 2px solid var(--color-border);
    border-bottom: 2px solid var(--color-border);
  }

  .resizable__handle--corner.svelte-oihdwh:hover::after,
  .resizable--dragging.svelte-oihdwh .resizable__handle--corner:where(.svelte-oihdwh)::after {
    border-color: var(--color-primary);
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/VirtualList.css */

  .virtual-list.svelte-1fcr19j {
    overflow-y: auto;
    position: relative;
  }

  .virtual-list__spacer.svelte-1fcr19j {
    position: relative;
    width: 100%;
  }

  .virtual-list__item.svelte-1fcr19j {
    box-sizing: border-box;
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/FocusTrap.css */

  .focus-trap.svelte-12k8s13 {
    display: contents;
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/StatusRing.css */

  .status-ring.svelte-1tovz9w {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--size);
    height: var(--size);
  }

  .status-ring-svg.svelte-1tovz9w {
    position: absolute;
    inset: 0;
  }

  .status-ring-bg.svelte-1tovz9w {
    opacity: 0.2;
    color: var(--color);
  }

  .status-ring-active.svelte-1tovz9w {
    transition: stroke-dashoffset 0.3s ease, stroke 0.3s ease;
  }

  .status-ring-active.spinning.svelte-1tovz9w {
    animation: svelte-1tovz9w-spin 1.5s linear infinite;
    stroke-dashoffset: calc(var(--size) * 2.5);
  }

  @keyframes svelte-1tovz9w-spin {
    from {
      transform: rotate(-90deg);
    }
    to {
      transform: rotate(270deg);
    }
  }

  .pulse.svelte-1tovz9w {
    animation: svelte-1tovz9w-pulse-ring 2s ease-in-out infinite;
  }

  @keyframes svelte-1tovz9w-pulse-ring {
    0%, 100% {
      opacity: 1;
    }
    50% {
      opacity: 0.7;
    }
  }

  .status-ring-content.svelte-1tovz9w {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/ImpactRings.css */

  .impact-rings.svelte-1qfmmxp {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }

  .impact-rings-svg.svelte-1qfmmxp {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
  }

  .impact-ring.svelte-1qfmmxp {
    animation: svelte-1qfmmxp-expand 1.5s ease-out forwards;
    transform-origin: center;
  }

  @keyframes svelte-1qfmmxp-expand {
    from {
      r: 0;
      opacity: 1;
    }
    to {
      r: 50;
      opacity: 0;
    }
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/BackToTop.css */

  .back-to-top.svelte-1e7dx1p {
    position: fixed;
    bottom: 1.5rem;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: 50%;
    background: var(--color-primary, #3b82f6);
    color: white;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    transition: background-color 0.15s, transform 0.15s, opacity 0.3s;
    animation: svelte-1e7dx1p-fadeIn 0.3s ease;
  }

  @keyframes svelte-1e7dx1p-fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
  }

  .back-to-top--left.svelte-1e7dx1p { left: 1.5rem; }
  .back-to-top--right.svelte-1e7dx1p { right: 1.5rem; }

  .back-to-top--sm.svelte-1e7dx1p { width: 2.5rem; height: 2.5rem; }
  .back-to-top--md.svelte-1e7dx1p { width: 3rem; height: 3rem; }
  .back-to-top--lg.svelte-1e7dx1p { width: 3.5rem; height: 3.5rem; }

  .back-to-top.svelte-1e7dx1p svg:where(.svelte-1e7dx1p) {
    width: 50%;
    height: 50%;
  }

  .back-to-top.svelte-1e7dx1p:hover {
    background: var(--color-primary-hover, #2563eb);
    transform: translateY(-2px);
  }

  .back-to-top.svelte-1e7dx1p:active {
    transform: translateY(0);
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/TracePath.css */

  .trace-path.svelte-hjecfu {
    width: 100%;
    height: 100%;
    overflow: visible;
  }

  .trace-path-line.animate.svelte-hjecfu {
    animation: svelte-hjecfu-draw var(--duration, 1000ms) ease-out forwards;
  }

  @keyframes svelte-hjecfu-draw {
    to {
      stroke-dashoffset: 0;
    }
  }

  .trace-path-dot.svelte-hjecfu {
    opacity: 1;
  }

  .trace-path-dot.animate.svelte-hjecfu {
    opacity: 0;
    animation: svelte-hjecfu-fade-in 0.3s ease-out forwards;
    animation-delay: var(--delay, 0ms);
  }

  @keyframes svelte-hjecfu-fade-in {
    to {
      opacity: 1;
    }
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/command/VoiceInput.css */

  .voice-input.svelte-1rmu77s {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-surface, #1a1a2e);
    border: 1px solid var(--color-border, #333);
    color: var(--color-text, #fff);
    cursor: pointer;
    transition: all 0.2s;
    position: relative;
    overflow: visible;
  }

  .voice-input.svelte-1rmu77s:disabled {
    opacity: 0.5;
    cursor: not-allowed;
  }

  .voice-input.svelte-1rmu77s svg:where(.svelte-1rmu77s) {
    width: var(--icon-size, 20px);
    height: var(--icon-size, 20px);
  }

  .voice-input-button.svelte-1rmu77s {
    width: var(--size, 44px);
    height: var(--size, 44px);
    border-radius: 50%;
  }

  .voice-input-button.listening.svelte-1rmu77s {
    background: var(--active-color, #ef4444);
    border-color: var(--active-color, #ef4444);
  }

  .voice-input-pulse.svelte-1rmu77s {
    position: absolute;
    inset: -4px;
    border-radius: 50%;
    border: 2px solid var(--active-color, #ef4444);
    animation: svelte-1rmu77s-pulse 1.5s ease-in-out infinite;
  }

  @keyframes svelte-1rmu77s-pulse {
    0%, 100% {
      transform: scale(1);
      opacity: 1;
    }
    50% {
      transform: scale(1.2);
      opacity: 0;
    }
  }

  .voice-input-floating.svelte-1rmu77s {
    position: fixed;
    bottom: 24px;
    right: 24px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    z-index: 1000;
  }

  .voice-input-floating.listening.svelte-1rmu77s {
    background: var(--active-color, #ef4444);
    border-color: var(--active-color, #ef4444);
  }

  .voice-input-floating.svelte-1rmu77s svg:where(.svelte-1rmu77s) {
    width: 24px;
    height: 24px;
  }

  .voice-input-transcript.svelte-1rmu77s {
    position: absolute;
    bottom: 100%;
    right: 0;
    margin-bottom: 12px;
    padding: 8px 16px;
    background: var(--color-surface, #1a1a2e);
    border: 1px solid var(--color-border, #333);
    border-radius: 8px;
    white-space: nowrap;
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
  }

  .voice-input-minimal.svelte-1rmu77s {
    width: 32px;
    height: 32px;
    background: transparent;
    border: none;
    padding: 4px;
  }

  .voice-input-minimal.svelte-1rmu77s svg:where(.svelte-1rmu77s) {
    width: 100%;
    height: 100%;
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/auth/AuthGuard.css */

  .auth-loading.svelte-134ik5u {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    gap: var(--space-4, 1rem);
    color: var(--color-text-muted, #6b7280);
  }

  .auth-loading-spinner.svelte-134ik5u {
    animation: svelte-134ik5u-spin 1s linear infinite;
  }

  .auth-loading-text.svelte-134ik5u {
    margin: 0;
    font-size: var(--text-sm, 0.875rem);
  }

  @keyframes svelte-134ik5u-spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/command/CommandBar.css */

  .command-bar-backdrop.svelte-ra1weo {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9998;
  }

  .command-bar.svelte-ra1weo {
    position: fixed;
    top: 20%;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 600px;
    background: var(--color-surface, #1a1a2e);
    border: 1px solid var(--color-border, #333);
    border-radius: 12px;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
    z-index: 9999;
    overflow: hidden;
  }

  .command-bar-input-wrapper.svelte-ra1weo {
    display: flex;
    align-items: center;
    padding: 16px;
    border-bottom: 1px solid var(--color-border, #333);
    gap: 12px;
  }

  .command-bar-icon.svelte-ra1weo {
    width: 20px;
    height: 20px;
    color: var(--color-text-muted, #888);
    flex-shrink: 0;
  }

  .command-bar-input.svelte-ra1weo {
    flex: 1;
    background: transparent;
    border: none;
    outline: none;
    font-size: 16px;
    color: var(--color-text, #fff);
  }

  .command-bar-input.svelte-ra1weo::placeholder {
    color: var(--color-text-muted, #666);
  }

  .command-bar-shortcut.svelte-ra1weo {
    padding: 4px 8px;
    background: var(--color-surface-elevated, #252540);
    border: 1px solid var(--color-border, #333);
    border-radius: 4px;
    font-size: 12px;
    color: var(--color-text-muted, #888);
  }

  .command-bar-results.svelte-ra1weo {
    max-height: 400px;
    overflow-y: auto;
    padding: 8px;
  }

  .command-bar-result.svelte-ra1weo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 12px;
    background: transparent;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    text-align: left;
    color: var(--color-text, #fff);
    transition: background 0.15s;
  }

  .command-bar-result.svelte-ra1weo:hover,
  .command-bar-result.selected.svelte-ra1weo {
    background: var(--color-surface-elevated, #252540);
  }

  .command-bar-result-content.svelte-ra1weo {
    display: flex;
    align-items: center;
    gap: 12px;
  }

  .command-bar-result-icon.svelte-ra1weo {
    font-size: 18px;
  }

  .command-bar-result-text.svelte-ra1weo {
    display: flex;
    flex-direction: column;
    gap: 2px;
  }

  .command-bar-result-name.svelte-ra1weo {
    font-weight: 500;
  }

  .command-bar-result-description.svelte-ra1weo {
    font-size: 13px;
    color: var(--color-text-muted, #888);
  }

  .command-bar-result-shortcut.svelte-ra1weo {
    padding: 4px 8px;
    background: var(--color-surface, #1a1a2e);
    border: 1px solid var(--color-border, #333);
    border-radius: 4px;
    font-size: 12px;
    color: var(--color-text-muted, #888);
  }

  .command-bar-empty.svelte-ra1weo {
    padding: 24px;
    text-align: center;
    color: var(--color-text-muted, #888);
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/auth/LoginPage.css */

  .login-page.svelte-b1k7g1 {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    padding: var(--space-4, 1rem);
    background: var(--color-background, #f9fafb);
  }

  .login-card.svelte-b1k7g1 {
    width: 100%;
    max-width: 400px;
    padding: var(--space-8, 2rem);
    background: var(--color-surface, #fff);
    border-radius: var(--radius-xl, 0.75rem);
    box-shadow: var(--shadow-lg, 0 10px 15px -3px rgb(0 0 0 / 0.1));
  }

  .login-header.svelte-b1k7g1 {
    text-align: center;
    margin-bottom: var(--space-6, 1.5rem);
  }

  .login-title.svelte-b1k7g1 {
    margin: 0 0 var(--space-2, 0.5rem) 0;
    font-size: var(--text-2xl, 1.5rem);
    font-weight: var(--font-bold, 700);
    color: var(--color-text, #1f2937);
  }

  .login-subtitle.svelte-b1k7g1 {
    margin: 0;
    font-size: var(--text-sm, 0.875rem);
    color: var(--color-text-muted, #6b7280);
  }

  .login-error.svelte-b1k7g1 {
    display: flex;
    align-items: center;
    gap: var(--space-2, 0.5rem);
    padding: var(--space-3, 0.75rem);
    margin-bottom: var(--space-4, 1rem);
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid var(--color-danger, #ef4444);
    border-radius: var(--radius-md, 0.375rem);
    font-size: var(--text-sm, 0.875rem);
    color: var(--color-danger, #ef4444);
  }

  .login-providers.svelte-b1k7g1 {
    display: flex;
    flex-direction: column;
    gap: var(--space-3, 0.75rem);
  }

  .login-divider.svelte-b1k7g1 {
    display: flex;
    align-items: center;
    gap: var(--space-3, 0.75rem);
    margin: var(--space-2, 0.5rem) 0;
    color: var(--color-text-muted, #6b7280);
    font-size: var(--text-sm, 0.875rem);
  }

  .login-divider.svelte-b1k7g1::before,
  .login-divider.svelte-b1k7g1::after {
    content: '';
    flex: 1;
    height: 1px;
    background: var(--color-border, #e5e7eb);
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/auth/OAuthButton.css */

  .oauth-button.svelte-es8dw6 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-3, 0.75rem);
    padding: var(--space-3, 0.75rem) var(--space-4, 1rem);
    border: 1px solid;
    border-radius: var(--radius-lg, 0.5rem);
    font-size: var(--text-sm, 0.875rem);
    font-weight: var(--font-medium, 500);
    cursor: pointer;
    transition: var(--transition-colors, background-color 150ms, border-color 150ms);
  }

  .oauth-button.svelte-es8dw6:disabled {
    opacity: 0.5;
    cursor: not-allowed;
  }

  .oauth-button.svelte-es8dw6:focus-visible {
    outline: 2px solid var(--color-primary, #3b82f6);
    outline-offset: 2px;
  }

  .oauth-icon.svelte-es8dw6 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }

  .oauth-label.svelte-es8dw6 {
    white-space: nowrap;
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/auth/UserMenu.css */

  .user-menu.svelte-1v4g7ub {
    position: relative;
    display: inline-block;
  }

  .user-menu-trigger.svelte-1v4g7ub {
    display: flex;
    align-items: center;
    gap: var(--space-2, 0.5rem);
    padding: var(--space-1, 0.25rem);
    border: none;
    border-radius: var(--radius-full, 9999px);
    background: transparent;
    cursor: pointer;
    transition: var(--transition-colors, background-color 150ms);
  }

  .user-menu-trigger.svelte-1v4g7ub:hover {
    background: var(--color-surface-hover, #f3f4f6);
  }

  .user-avatar.svelte-1v4g7ub {
    width: 32px;
    height: 32px;
    border-radius: var(--radius-full, 9999px);
    object-fit: cover;
  }

  .user-avatar-fallback.svelte-1v4g7ub {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: var(--radius-full, 9999px);
    background: var(--color-primary, #3b82f6);
    color: var(--color-on-primary, #fff);
    font-size: var(--text-xs, 0.75rem);
    font-weight: var(--font-medium, 500);
  }

  .user-menu-chevron.svelte-1v4g7ub {
    color: var(--color-text-muted, #6b7280);
  }

  .user-menu-backdrop.svelte-1v4g7ub {
    position: fixed;
    inset: 0;
    z-index: 40;
  }

  .user-menu-dropdown.svelte-1v4g7ub {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 50;
    min-width: 200px;
    margin-top: var(--space-2, 0.5rem);
    padding: var(--space-2, 0.5rem);
    background: var(--color-surface, #fff);
    border: 1px solid var(--color-border, #e5e7eb);
    border-radius: var(--radius-lg, 0.5rem);
    box-shadow: var(--shadow-lg, 0 10px 15px -3px rgb(0 0 0 / 0.1));
    animation: svelte-1v4g7ub-dropdown-in 150ms ease-out;
  }

  @keyframes svelte-1v4g7ub-dropdown-in {
    from {
      opacity: 0;
      transform: translateY(-8px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  .user-menu-header.svelte-1v4g7ub {
    display: flex;
    flex-direction: column;
    padding: var(--space-2, 0.5rem) var(--space-3, 0.75rem);
  }

  .user-menu-name.svelte-1v4g7ub {
    font-size: var(--text-sm, 0.875rem);
    font-weight: var(--font-medium, 500);
    color: var(--color-text, #1f2937);
  }

  .user-menu-email.svelte-1v4g7ub {
    font-size: var(--text-xs, 0.75rem);
    color: var(--color-text-muted, #6b7280);
  }

  .user-menu-divider.svelte-1v4g7ub {
    height: 1px;
    margin: var(--space-2, 0.5rem) 0;
    background: var(--color-border, #e5e7eb);
  }

  .user-menu-item.svelte-1v4g7ub {
    display: flex;
    align-items: center;
    gap: var(--space-2, 0.5rem);
    width: 100%;
    padding: var(--space-2, 0.5rem) var(--space-3, 0.75rem);
    border: none;
    border-radius: var(--radius-md, 0.375rem);
    background: transparent;
    font-size: var(--text-sm, 0.875rem);
    color: var(--color-text, #1f2937);
    cursor: pointer;
    transition: var(--transition-colors, background-color 150ms);
  }

  .user-menu-item.svelte-1v4g7ub:hover {
    background: var(--color-surface-hover, #f3f4f6);
  }

  .user-menu-logout.svelte-1v4g7ub {
    color: var(--color-danger, #ef4444);
  }

  .user-menu-logout.svelte-1v4g7ub:hover {
    background: rgba(239, 68, 68, 0.1);
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/auth/PasskeyButton.css */

  .passkey-wrapper.svelte-xqj8xr {
    display: flex;
    flex-direction: column;
  }

  .passkey-button.svelte-xqj8xr {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-2, 0.5rem);
    padding: var(--space-3, 0.75rem) var(--space-4, 1rem);
    border: 1px solid var(--color-border, #e5e7eb);
    border-radius: var(--radius-lg, 0.5rem);
    background: var(--color-surface, #fff);
    font-size: var(--text-sm, 0.875rem);
    font-weight: var(--font-medium, 500);
    color: var(--color-text, #1f2937);
    cursor: pointer;
    transition: var(--transition-colors, background-color 150ms, border-color 150ms);
  }

  .passkey-button.svelte-xqj8xr:hover:not(:disabled) {
    background: var(--color-surface-hover, #f9fafb);
  }

  .passkey-button.svelte-xqj8xr:disabled {
    opacity: 0.5;
    cursor: not-allowed;
  }

  .passkey-button.svelte-xqj8xr:focus-visible {
    outline: 2px solid var(--color-primary, #3b82f6);
    outline-offset: 2px;
  }

  .passkey-error.svelte-xqj8xr {
    border-color: var(--color-danger, #ef4444);
    color: var(--color-danger, #ef4444);
  }

  .passkey-success.svelte-xqj8xr {
    border-color: var(--color-success, #22c55e);
    color: var(--color-success, #22c55e);
    background: rgba(34, 197, 94, 0.1);
  }

  .passkey-icon.svelte-xqj8xr {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }

  .passkey-label.svelte-xqj8xr {
    white-space: nowrap;
  }

  .passkey-error-message.svelte-xqj8xr {
    margin-top: var(--space-2, 0.5rem);
    font-size: var(--text-sm, 0.875rem);
    color: var(--color-danger, #ef4444);
    text-align: center;
  }

  .animate-spin.svelte-xqj8xr {
    animation: svelte-xqj8xr-spin 1s linear infinite;
  }

  @keyframes svelte-xqj8xr-spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
  }

  .w-full.svelte-xqj8xr {
    width: 100%;
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/integrations/IntegrationList.css */

  .integration-list.svelte-8xh732 {
    display: flex;
    flex-direction: column;
    gap: var(--space-4, 1rem);
  }

  .integration-list-header.svelte-8xh732 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-4, 1rem);
  }

  .integration-list-title-section.svelte-8xh732 {
    display: flex;
    flex-direction: column;
    gap: var(--space-1, 0.25rem);
  }

  .integration-list-title.svelte-8xh732 {
    margin: 0;
    font-size: var(--text-xl, 1.25rem);
    font-weight: var(--font-semibold, 600);
    color: var(--color-text, #1f2937);
  }

  .integration-list-description.svelte-8xh732 {
    margin: 0;
    font-size: var(--text-sm, 0.875rem);
    color: var(--color-text-muted, #6b7280);
  }

  .integration-list-add-btn.svelte-8xh732 {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2, 0.5rem);
    padding: var(--space-2, 0.5rem) var(--space-3, 0.75rem);
    border: none;
    border-radius: var(--radius-md, 0.375rem);
    background: var(--color-primary, #3b82f6);
    color: var(--color-on-primary, #fff);
    font-size: var(--text-sm, 0.875rem);
    font-weight: var(--font-medium, 500);
    cursor: pointer;
    transition: var(--transition-colors, background-color 150ms);
  }

  .integration-list-add-btn.svelte-8xh732:hover {
    background: var(--color-primary-hover, #2563eb);
  }

  .integration-list-grid.svelte-8xh732 {
    display: flex;
    flex-direction: column;
    gap: var(--space-3, 0.75rem);
  }

  .integration-list-empty.svelte-8xh732 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--space-12, 3rem) var(--space-4, 1rem);
    text-align: center;
    border: 2px dashed var(--color-border, #e5e7eb);
    border-radius: var(--radius-xl, 0.75rem);
    color: var(--color-text-muted, #6b7280);
  }

  .integration-list-empty-title.svelte-8xh732 {
    margin: var(--space-4, 1rem) 0 var(--space-2, 0.5rem);
    font-size: var(--text-lg, 1.125rem);
    font-weight: var(--font-medium, 500);
    color: var(--color-text, #1f2937);
  }

  .integration-list-empty-description.svelte-8xh732 {
    margin: 0 0 var(--space-4, 1rem);
    max-width: 320px;
    font-size: var(--text-sm, 0.875rem);
  }

  .integration-list-empty-btn.svelte-8xh732 {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2, 0.5rem);
    padding: var(--space-2, 0.5rem) var(--space-4, 1rem);
    border: none;
    border-radius: var(--radius-md, 0.375rem);
    background: var(--color-primary, #3b82f6);
    color: var(--color-on-primary, #fff);
    font-size: var(--text-sm, 0.875rem);
    font-weight: var(--font-medium, 500);
    cursor: pointer;
    transition: var(--transition-colors, background-color 150ms);
  }

  .integration-list-empty-btn.svelte-8xh732:hover {
    background: var(--color-primary-hover, #2563eb);
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/integrations/IntegrationConfigForm.css */

  .integration-form.svelte-i1f0yi {
    display: flex;
    flex-direction: column;
    gap: var(--space-4, 1rem);
  }

  .form-field.svelte-i1f0yi {
    display: flex;
    flex-direction: column;
    gap: var(--space-1, 0.25rem);
  }

  .form-label.svelte-i1f0yi {
    font-size: var(--text-sm, 0.875rem);
    font-weight: var(--font-medium, 500);
    color: var(--color-text, #1f2937);
  }

  .form-required.svelte-i1f0yi {
    color: var(--color-danger, #ef4444);
  }

  .form-description.svelte-i1f0yi {
    margin: 0;
    font-size: var(--text-xs, 0.75rem);
    color: var(--color-text-muted, #6b7280);
  }

  .form-input.svelte-i1f0yi {
    padding: var(--space-2, 0.5rem) var(--space-3, 0.75rem);
    border: 1px solid var(--color-border, #e5e7eb);
    border-radius: var(--radius-md, 0.375rem);
    font-size: var(--text-sm, 0.875rem);
    color: var(--color-text, #1f2937);
    background: var(--color-surface, #fff);
    transition: var(--transition-colors, border-color 150ms);
  }

  .form-input.svelte-i1f0yi:focus {
    outline: none;
    border-color: var(--color-primary, #3b82f6);
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
  }

  .form-input.svelte-i1f0yi:disabled {
    background: var(--color-surface-secondary, #f9fafb);
    cursor: not-allowed;
  }

  .form-input-wrapper.svelte-i1f0yi {
    position: relative;
    display: flex;
  }

  .form-input-password.svelte-i1f0yi {
    flex: 1;
    padding-right: var(--space-10, 2.5rem);
  }

  .form-password-toggle.svelte-i1f0yi {
    position: absolute;
    right: var(--space-2, 0.5rem);
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    padding: 0;
    border: none;
    border-radius: var(--radius-sm, 0.25rem);
    background: transparent;
    color: var(--color-text-muted, #6b7280);
    cursor: pointer;
  }

  .form-password-toggle.svelte-i1f0yi:hover {
    color: var(--color-text, #1f2937);
  }

  .form-actions.svelte-i1f0yi {
    display: flex;
    justify-content: flex-end;
    gap: var(--space-2, 0.5rem);
    margin-top: var(--space-2, 0.5rem);
  }

  .form-btn.svelte-i1f0yi {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-2, 0.5rem);
    padding: var(--space-2, 0.5rem) var(--space-4, 1rem);
    border: 1px solid transparent;
    border-radius: var(--radius-md, 0.375rem);
    font-size: var(--text-sm, 0.875rem);
    font-weight: var(--font-medium, 500);
    cursor: pointer;
    transition: var(--transition-colors, background-color 150ms);
  }

  .form-btn.svelte-i1f0yi:disabled {
    opacity: 0.5;
    cursor: not-allowed;
  }

  .form-btn-primary.svelte-i1f0yi {
    background: var(--color-primary, #3b82f6);
    color: var(--color-on-primary, #fff);
  }

  .form-btn-primary.svelte-i1f0yi:hover:not(:disabled) {
    background: var(--color-primary-hover, #2563eb);
  }

  .form-btn-secondary.svelte-i1f0yi {
    background: var(--color-surface, #fff);
    border-color: var(--color-border, #e5e7eb);
    color: var(--color-text, #1f2937);
  }

  .form-btn-secondary.svelte-i1f0yi:hover:not(:disabled) {
    background: var(--color-surface-hover, #f9fafb);
  }

  .form-btn-spinner.svelte-i1f0yi {
    animation: svelte-i1f0yi-spin 1s linear infinite;
  }

  @keyframes svelte-i1f0yi-spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/integrations/AddIntegrationDialog.css */

  .add-integration-dialog.svelte-1xd88k3 {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    padding: var(--space-4, 1rem);
    border: none;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .add-integration-dialog.svelte-1xd88k3::backdrop {
    background-color: rgb(0 0 0 / 0.5);
    backdrop-filter: blur(4px);
  }

  .add-integration-dialog.svelte-1xd88k3:not([open]) {
    display: none;
  }

  .dialog-container.svelte-1xd88k3 {
    width: 100%;
    max-width: 540px;
    max-height: calc(100vh - var(--space-8, 2rem));
    background: var(--color-surface, #fff);
    border-radius: var(--radius-xl, 0.75rem);
    box-shadow: var(--shadow-xl, 0 20px 25px -5px rgb(0 0 0 / 0.1));
    display: flex;
    flex-direction: column;
    overflow: hidden;
    animation: svelte-1xd88k3-dialog-in 200ms ease-out;
  }

  @keyframes svelte-1xd88k3-dialog-in {
    from {
      opacity: 0;
      transform: scale(0.95) translateY(10px);
    }
    to {
      opacity: 1;
      transform: scale(1) translateY(0);
    }
  }

  .dialog-header.svelte-1xd88k3 {
    display: flex;
    align-items: center;
    gap: var(--space-3, 0.75rem);
    padding: var(--space-4, 1rem) var(--space-6, 1.5rem);
    border-bottom: 1px solid var(--color-border, #e5e7eb);
  }

  .dialog-back.svelte-1xd88k3 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    border: none;
    border-radius: var(--radius-md, 0.375rem);
    background: transparent;
    color: var(--color-text-muted, #6b7280);
    cursor: pointer;
  }

  .dialog-back.svelte-1xd88k3:hover {
    background: var(--color-surface-hover, #f3f4f6);
    color: var(--color-text, #1f2937);
  }

  .dialog-title.svelte-1xd88k3 {
    flex: 1;
    margin: 0;
    font-size: var(--text-lg, 1.125rem);
    font-weight: var(--font-semibold, 600);
    color: var(--color-text, #1f2937);
  }

  .dialog-close.svelte-1xd88k3 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    border: none;
    border-radius: var(--radius-md, 0.375rem);
    background: transparent;
    color: var(--color-text-muted, #6b7280);
    cursor: pointer;
  }

  .dialog-close.svelte-1xd88k3:hover {
    background: var(--color-surface-hover, #f3f4f6);
    color: var(--color-text, #1f2937);
  }

  .dialog-body.svelte-1xd88k3 {
    flex: 1;
    padding: var(--space-6, 1.5rem);
    overflow-y: auto;
  }

  .dialog-description.svelte-1xd88k3 {
    margin: 0 0 var(--space-4, 1rem);
    font-size: var(--text-sm, 0.875rem);
    color: var(--color-text-muted, #6b7280);
  }

  .dialog-docs-link.svelte-1xd88k3 {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1, 0.25rem);
    margin-bottom: var(--space-4, 1rem);
    font-size: var(--text-sm, 0.875rem);
    color: var(--color-primary, #3b82f6);
    text-decoration: none;
  }

  .dialog-docs-link.svelte-1xd88k3:hover {
    text-decoration: underline;
  }

  .category-section.svelte-1xd88k3 {
    margin-bottom: var(--space-6, 1.5rem);
  }

  .category-section.svelte-1xd88k3:last-child {
    margin-bottom: 0;
  }

  .category-title.svelte-1xd88k3 {
    margin: 0 0 var(--space-3, 0.75rem);
    font-size: var(--text-sm, 0.875rem);
    font-weight: var(--font-medium, 500);
    color: var(--color-text-muted, #6b7280);
    text-transform: uppercase;
    letter-spacing: 0.05em;
  }

  .provider-grid.svelte-1xd88k3 {
    display: flex;
    flex-direction: column;
    gap: var(--space-2, 0.5rem);
  }

  .provider-card.svelte-1xd88k3 {
    display: flex;
    align-items: center;
    gap: var(--space-3, 0.75rem);
    padding: var(--space-3, 0.75rem);
    border: 1px solid var(--color-border, #e5e7eb);
    border-radius: var(--radius-md, 0.375rem);
    background: var(--color-surface, #fff);
    cursor: pointer;
    text-align: left;
    transition: var(--transition-colors, border-color 150ms, background-color 150ms);
  }

  .provider-card.svelte-1xd88k3:hover {
    border-color: var(--color-primary, #3b82f6);
    background: var(--color-surface-hover, #f9fafb);
  }

  .provider-icon.svelte-1xd88k3 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    background: var(--color-surface-secondary, #f9fafb);
    border-radius: var(--radius-md, 0.375rem);
    color: var(--color-text-muted, #6b7280);
  }

  .provider-info.svelte-1xd88k3 {
    display: flex;
    flex-direction: column;
    gap: var(--space-0-5, 0.125rem);
  }

  .provider-name.svelte-1xd88k3 {
    font-size: var(--text-sm, 0.875rem);
    font-weight: var(--font-medium, 500);
    color: var(--color-text, #1f2937);
  }

  .provider-description.svelte-1xd88k3 {
    font-size: var(--text-xs, 0.75rem);
    color: var(--color-text-muted, #6b7280);
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/integrations/IntegrationCard.css */

  .integration-card.svelte-osfq44 {
    padding: var(--space-4, 1rem);
    background: var(--color-surface, #fff);
    border: 1px solid var(--color-border, #e5e7eb);
    border-radius: var(--radius-lg, 0.5rem);
    transition: var(--transition-shadow, box-shadow 150ms);
  }

  .integration-card.svelte-osfq44:hover {
    box-shadow: var(--shadow-md, 0 4px 6px -1px rgb(0 0 0 / 0.1));
  }

  .integration-header.svelte-osfq44 {
    display: flex;
    align-items: flex-start;
    gap: var(--space-3, 0.75rem);
  }

  .integration-icon.svelte-osfq44 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    background: var(--color-surface-secondary, #f9fafb);
    border-radius: var(--radius-md, 0.375rem);
    color: var(--color-text-muted, #6b7280);
  }

  .integration-info.svelte-osfq44 {
    flex: 1;
    min-width: 0;
  }

  .integration-title-row.svelte-osfq44 {
    display: flex;
    align-items: center;
    gap: var(--space-2, 0.5rem);
  }

  .integration-name.svelte-osfq44 {
    margin: 0;
    font-size: var(--text-base, 1rem);
    font-weight: var(--font-medium, 500);
    color: var(--color-text, #1f2937);
  }

  .integration-meta.svelte-osfq44 {
    margin: var(--space-1, 0.25rem) 0 0;
    font-size: var(--text-sm, 0.875rem);
    color: var(--color-text-muted, #6b7280);
  }

  .integration-actions.svelte-osfq44 {
    display: flex;
    gap: var(--space-1, 0.25rem);
  }

  .integration-action-btn.svelte-osfq44 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    border: none;
    border-radius: var(--radius-md, 0.375rem);
    background: transparent;
    color: var(--color-text-muted, #6b7280);
    cursor: pointer;
    transition: var(--transition-colors, background-color 150ms, color 150ms);
  }

  .integration-action-btn.svelte-osfq44:hover {
    background: var(--color-surface-hover, #f3f4f6);
    color: var(--color-text, #1f2937);
  }

  .integration-action-danger.svelte-osfq44:hover {
    background: rgba(239, 68, 68, 0.1);
    color: var(--color-danger, #ef4444);
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/integrations/HealthBadge.css */

  .health-badge.svelte-11cetrb {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1, 0.25rem);
  }

  .health-dot.svelte-11cetrb {
    width: 8px;
    height: 8px;
    border-radius: var(--radius-full, 9999px);
    flex-shrink: 0;
  }

  .health-healthy.svelte-11cetrb .health-dot:where(.svelte-11cetrb) {
    background: var(--color-success, #22c55e);
    box-shadow: 0 0 4px var(--color-success, #22c55e);
  }

  .health-degraded.svelte-11cetrb .health-dot:where(.svelte-11cetrb) {
    background: var(--color-warning, #f59e0b);
    box-shadow: 0 0 4px var(--color-warning, #f59e0b);
  }

  .health-error.svelte-11cetrb .health-dot:where(.svelte-11cetrb) {
    background: var(--color-danger, #ef4444);
    box-shadow: 0 0 4px var(--color-danger, #ef4444);
  }

  .health-unknown.svelte-11cetrb .health-dot:where(.svelte-11cetrb) {
    background: var(--color-text-muted, #6b7280);
  }

  .health-label.svelte-11cetrb {
    font-size: var(--text-xs, 0.75rem);
    color: var(--color-text-muted, #6b7280);
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/debug/DebugOverlay.css */

  .debug-overlay.svelte-1wumkbr {
    position: fixed;
    z-index: 99999;
    min-width: 250px;
    max-width: 400px;
    max-height: 80vh;
    background: rgba(0, 0, 0, 0.9);
    border: 1px solid #333;
    border-radius: 8px;
    font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
    font-size: 12px;
    color: #fff;
    overflow: hidden;
    display: flex;
    flex-direction: column;
  }

  .debug-top-left.svelte-1wumkbr { top: 16px; left: 16px; }
  .debug-top-right.svelte-1wumkbr { top: 16px; right: 16px; }
  .debug-bottom-left.svelte-1wumkbr { bottom: 16px; left: 16px; }
  .debug-bottom-right.svelte-1wumkbr { bottom: 16px; right: 16px; }

  .debug-header.svelte-1wumkbr {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 12px;
    background: #1a1a2e;
    border-bottom: 1px solid #333;
  }

  .debug-title.svelte-1wumkbr {
    font-weight: 600;
    color: #8b5cf6;
  }

  .debug-actions.svelte-1wumkbr {
    display: flex;
    gap: 8px;
  }

  .debug-toggle.svelte-1wumkbr,
  .debug-close.svelte-1wumkbr {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    color: #888;
    cursor: pointer;
    font-size: 12px;
  }

  .debug-toggle.svelte-1wumkbr:hover,
  .debug-close.svelte-1wumkbr:hover {
    color: #fff;
  }

  .debug-content.svelte-1wumkbr {
    flex: 1;
    overflow-y: auto;
    padding: 8px 0;
  }

  .debug-section.svelte-1wumkbr {
    padding: 8px 12px;
    border-bottom: 1px solid #222;
  }

  .debug-section.svelte-1wumkbr:last-child {
    border-bottom: none;
  }

  .debug-metrics.svelte-1wumkbr {
    display: flex;
    gap: 16px;
  }

  .debug-metric.svelte-1wumkbr {
    display: flex;
    flex-direction: column;
    gap: 2px;
  }

  .debug-row.svelte-1wumkbr {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 4px 0;
    gap: 12px;
  }

  .debug-label.svelte-1wumkbr {
    color: #888;
    flex-shrink: 0;
  }

  .debug-value.svelte-1wumkbr {
    color: #22c55e;
    text-align: right;
    margin: 0;
    font-family: inherit;
    word-break: break-all;
    white-space: pre-wrap;
  }

  .debug-value.warning.svelte-1wumkbr {
    color: #f59e0b;
  }

  .debug-value.critical.svelte-1wumkbr {
    color: #ef4444;
  }

  .debug-footer.svelte-1wumkbr {
    padding: 6px 12px;
    background: #111;
    color: #555;
    font-size: 10px;
    text-align: center;
  }

  .collapsed.svelte-1wumkbr .debug-content:where(.svelte-1wumkbr) {
    display: none;
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/comms/CallControls.css */

  .call-controls.svelte-1u5k6sc {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-3);
    padding: var(--space-3);
  }

  .call-controls__btn.svelte-1u5k6sc {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-1);
    padding: var(--space-3);
    min-width: 64px;
    background: var(--color-surface-secondary);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    color: var(--color-text);
    cursor: pointer;
    transition: var(--transition-colors);
  }

  .call-controls__btn.svelte-1u5k6sc:hover {
    background: var(--color-surface);
    border-color: var(--color-border-strong, var(--color-border));
  }

  .call-controls__btn--active.svelte-1u5k6sc {
    background: var(--color-primary);
    border-color: var(--color-primary);
    color: var(--color-on-primary);
  }

  .call-controls__btn--active.svelte-1u5k6sc:hover {
    background: var(--color-primary);
    opacity: 0.9;
  }

  .call-controls__btn--end.svelte-1u5k6sc {
    background: #ef4444;
    border-color: #ef4444;
    color: white;
  }

  .call-controls__btn--end.svelte-1u5k6sc:hover {
    background: #dc2626;
    border-color: #dc2626;
  }

  .call-controls__label.svelte-1u5k6sc {
    font-size: var(--font-size-xs, 0.625rem);
    font-family: var(--font-body);
    font-weight: var(--font-medium);
    line-height: 1;
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/debug/PerformanceMonitor.css */

  .perf-monitor.svelte-5ezfs4 {
    position: fixed;
    z-index: 99998;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 8px;
    background: rgba(0, 0, 0, 0.85);
    border: 1px solid #333;
    border-radius: 8px;
    font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
    font-size: 11px;
  }

  .perf-top-left.svelte-5ezfs4 { top: 16px; left: 16px; }
  .perf-top-right.svelte-5ezfs4 { top: 16px; right: 16px; }
  .perf-bottom-left.svelte-5ezfs4 { bottom: 16px; left: 16px; }
  .perf-bottom-right.svelte-5ezfs4 { bottom: 16px; right: 16px; }

  .perf-graph.svelte-5ezfs4 {
    min-width: 120px;
  }

  .compact.svelte-5ezfs4 .perf-graph:where(.svelte-5ezfs4) {
    display: flex;
    align-items: center;
    gap: 8px;
  }

  .perf-header.svelte-5ezfs4 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 4px;
  }

  .compact.svelte-5ezfs4 .perf-header:where(.svelte-5ezfs4) {
    margin-bottom: 0;
  }

  .perf-name.svelte-5ezfs4 {
    color: #888;
    text-transform: uppercase;
    font-size: 10px;
  }

  .perf-value.svelte-5ezfs4 {
    color: #fff;
    font-weight: 600;
  }

  .perf-value.good.svelte-5ezfs4 {
    color: #22c55e;
  }

  .perf-value.warning.svelte-5ezfs4 {
    color: #f59e0b;
  }

  .perf-value.critical.svelte-5ezfs4 {
    color: #ef4444;
  }

  .perf-svg.svelte-5ezfs4 {
    width: 100%;
    background: #111;
    border-radius: 4px;
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/comms/VideoGrid.css */

  .video-grid.svelte-1kz9aa5 {
    width: 100%;
    height: 100%;
  }

  /* Grid layout */
  .video-grid__tiles.svelte-1kz9aa5 {
    display: grid;
    grid-template-columns: repeat(var(--cols, 2), 1fr);
    gap: var(--space-2);
    width: 100%;
  }

  /* Speaker layout */
  .video-grid__speaker.svelte-1kz9aa5 {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    height: 100%;
  }

  .video-grid__featured.svelte-1kz9aa5 {
    flex: 1;
    min-height: 0;
  }

  .video-grid__featured.svelte-1kz9aa5 .video-tile {
    height: 100%;
    aspect-ratio: auto;
  }

  .video-grid__strip.svelte-1kz9aa5 {
    display: flex;
    gap: var(--space-2);
    overflow-x: auto;
    padding-bottom: var(--space-1);
  }

  .video-grid__strip.svelte-1kz9aa5 .video-tile {
    width: 160px;
    min-width: 160px;
    aspect-ratio: 16 / 9;
  }

  /* Sidebar layout */
  .video-grid__sidebar-layout.svelte-1kz9aa5 {
    display: flex;
    gap: var(--space-2);
    height: 100%;
  }

  .video-grid__main.svelte-1kz9aa5 {
    flex: 1;
    min-width: 0;
  }

  .video-grid__main.svelte-1kz9aa5 .video-tile {
    height: 100%;
    aspect-ratio: auto;
  }

  .video-grid__sidebar.svelte-1kz9aa5 {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    width: 200px;
    overflow-y: auto;
  }

  .video-grid__sidebar.svelte-1kz9aa5 .video-tile {
    width: 100%;
    aspect-ratio: 16 / 9;
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/comms/VideoTile.css */

  .video-tile.svelte-1kjkk69 {
    position: relative;
    background: var(--color-surface-secondary);
    border-radius: var(--radius-lg);
    overflow: hidden;
    aspect-ratio: 16 / 9;
    border: 2px solid transparent;
    transition: border-color var(--duration-fast, 150ms);
  }

  .video-tile--speaking.svelte-1kjkk69 {
    border-color: #22c55e;
    box-shadow: 0 0 12px rgba(34, 197, 94, 0.3);
  }

  .video-tile--pinned.svelte-1kjkk69 {
    border-color: var(--color-primary);
  }

  .video-tile__video.svelte-1kjkk69 {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .video-tile__placeholder.svelte-1kjkk69 {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-surface-secondary);
  }

  .video-tile__avatar.svelte-1kjkk69 {
    width: 64px;
    height: 64px;
    border-radius: var(--radius-full);
    background: var(--color-primary);
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .video-tile__initials.svelte-1kjkk69 {
    font-size: var(--font-size-xl, 1.25rem);
    font-weight: var(--font-bold, 700);
    color: var(--color-on-primary);
    font-family: var(--font-body);
  }

  .video-tile__overlay.svelte-1kjkk69 {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: var(--space-2);
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.6));
  }

  .video-tile__name-bar.svelte-1kjkk69 {
    display: flex;
    align-items: center;
    gap: var(--space-1);
  }

  .video-tile__mute-icon.svelte-1kjkk69 {
    color: #ef4444;
    flex-shrink: 0;
  }

  .video-tile__name.svelte-1kjkk69 {
    font-size: var(--font-size-sm, 0.875rem);
    font-family: var(--font-body);
    color: white;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .video-tile__controls.svelte-1kjkk69 {
    position: absolute;
    top: var(--space-2);
    right: var(--space-2);
    display: flex;
    gap: var(--space-1);
  }

  .video-tile__ctrl-btn.svelte-1kjkk69 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: rgba(0, 0, 0, 0.5);
    border: none;
    border-radius: var(--radius-md);
    color: white;
    cursor: pointer;
    transition: background var(--duration-fast, 150ms);
  }

  .video-tile__ctrl-btn.svelte-1kjkk69:hover {
    background: rgba(0, 0, 0, 0.7);
  }

  .video-tile__ctrl-btn--active.svelte-1kjkk69 {
    background: var(--color-primary);
  }

  .video-tile__ctrl-btn--active.svelte-1kjkk69:hover {
    opacity: 0.9;
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/comms/Dialer.css */

  .dialer.svelte-1jcwwt {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    padding: var(--space-4);
    max-width: 320px;
    background: var(--color-surface);
    border-radius: var(--radius-xl);
  }

  .dialer--disabled.svelte-1jcwwt {
    opacity: 0.5;
    pointer-events: none;
  }

  .dialer__display.svelte-1jcwwt {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-2);
    padding: var(--space-3) var(--space-4);
    min-height: 56px;
    background: var(--color-surface-secondary);
    border-radius: var(--radius-lg);
  }

  .dialer__number.svelte-1jcwwt {
    flex: 1;
    text-align: center;
    font-size: var(--font-size-2xl, 1.5rem);
    font-family: var(--font-body);
    font-weight: var(--font-medium);
    color: var(--color-text);
    letter-spacing: 0.05em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .dialer__backspace.svelte-1jcwwt {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: none;
    border: none;
    color: var(--color-text-muted);
    cursor: pointer;
    border-radius: var(--radius-md);
    transition: var(--transition-colors);
    flex-shrink: 0;
  }

  .dialer__backspace.svelte-1jcwwt:hover {
    color: var(--color-text);
    background: var(--color-surface);
  }

  .dialer__keypad.svelte-1jcwwt {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--space-2);
  }

  .dialer__key.svelte-1jcwwt {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    height: 64px;
    background: var(--color-surface-secondary);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    cursor: pointer;
    transition: var(--transition-colors);
    user-select: none;
  }

  .dialer__key.svelte-1jcwwt:hover:not(:disabled) {
    background: var(--color-surface);
    border-color: var(--color-border-strong, var(--color-border));
  }

  .dialer__key.svelte-1jcwwt:active:not(:disabled),
  .dialer__key--pressed.svelte-1jcwwt {
    background: var(--color-primary);
    border-color: var(--color-primary);
  }

  .dialer__key--pressed.svelte-1jcwwt .dialer__key-digit:where(.svelte-1jcwwt),
  .dialer__key.svelte-1jcwwt:active:not(:disabled) .dialer__key-digit:where(.svelte-1jcwwt) {
    color: var(--color-on-primary);
  }

  .dialer__key--pressed.svelte-1jcwwt .dialer__key-letters:where(.svelte-1jcwwt),
  .dialer__key.svelte-1jcwwt:active:not(:disabled) .dialer__key-letters:where(.svelte-1jcwwt) {
    color: var(--color-on-primary);
    opacity: 0.8;
  }

  .dialer__key-digit.svelte-1jcwwt {
    font-size: var(--font-size-xl, 1.25rem);
    font-weight: var(--font-semibold, 600);
    color: var(--color-text);
    line-height: 1;
  }

  .dialer__key-letters.svelte-1jcwwt {
    font-size: var(--font-size-xs, 0.625rem);
    font-weight: var(--font-medium);
    color: var(--color-text-muted);
    letter-spacing: 0.15em;
    line-height: 1;
  }

  .dialer__actions.svelte-1jcwwt {
    display: flex;
    justify-content: center;
    gap: var(--space-6);
    padding-top: var(--space-2);
  }

  .dialer__call-btn.svelte-1jcwwt,
  .dialer__hangup-btn.svelte-1jcwwt {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border: none;
    border-radius: var(--radius-full);
    cursor: pointer;
    transition: var(--transition-colors);
    color: white;
  }

  .dialer__call-btn.svelte-1jcwwt {
    background: #22c55e;
  }

  .dialer__call-btn.svelte-1jcwwt:hover:not(:disabled) {
    background: #16a34a;
  }

  .dialer__call-btn.svelte-1jcwwt:disabled {
    opacity: 0.4;
    cursor: not-allowed;
  }

  .dialer__hangup-btn.svelte-1jcwwt {
    background: #ef4444;
  }

  .dialer__hangup-btn.svelte-1jcwwt:hover:not(:disabled) {
    background: #dc2626;
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/comms/MediaControls.css */

  .media-controls.svelte-d3alnw {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-2);
    padding: var(--space-3) var(--space-4);
    background: var(--color-surface);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-md);
  }

  .media-controls__btn.svelte-d3alnw {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-2);
    width: 44px;
    height: 44px;
    background: var(--color-surface-secondary);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-full);
    color: var(--color-text);
    cursor: pointer;
    transition: var(--transition-colors);
  }

  .media-controls__btn.svelte-d3alnw:hover {
    background: var(--color-surface);
    border-color: var(--color-border-strong, var(--color-border));
  }

  .media-controls__btn--off.svelte-d3alnw {
    background: #ef4444;
    border-color: #ef4444;
    color: white;
  }

  .media-controls__btn--off.svelte-d3alnw:hover {
    background: #dc2626;
    border-color: #dc2626;
  }

  .media-controls__btn--active.svelte-d3alnw {
    background: var(--color-primary);
    border-color: var(--color-primary);
    color: var(--color-on-primary);
  }

  .media-controls__btn--active.svelte-d3alnw:hover {
    opacity: 0.9;
  }

  .media-controls__btn--leave.svelte-d3alnw {
    width: auto;
    padding: 0 var(--space-4);
    background: #ef4444;
    border-color: #ef4444;
    color: white;
  }

  .media-controls__btn--leave.svelte-d3alnw:hover {
    background: #dc2626;
    border-color: #dc2626;
  }

  .media-controls__leave-text.svelte-d3alnw {
    font-size: var(--font-size-sm, 0.875rem);
    font-family: var(--font-body);
    font-weight: var(--font-medium);
  }

  .media-controls__divider.svelte-d3alnw {
    width: 1px;
    height: 24px;
    background: var(--color-border);
    margin: 0 var(--space-1);
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/comms/CallScreen.css */

  .call-screen.svelte-c65c32 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--space-8);
    padding: var(--space-8) var(--space-4);
    min-height: 480px;
    background: var(--color-surface);
    border-radius: var(--radius-xl);
  }

  .call-screen__info.svelte-c65c32 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-3);
  }

  .call-screen__avatar.svelte-c65c32 {
    width: 96px;
    height: 96px;
    border-radius: var(--radius-full);
    background: var(--color-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    flex-shrink: 0;
  }

  .call-screen__avatar--ringing.svelte-c65c32 {
    animation: svelte-c65c32-pulse-ring 2s ease-in-out infinite;
  }

  @keyframes svelte-c65c32-pulse-ring {
    0%, 100% {
      box-shadow: 0 0 0 0 rgba(var(--color-primary-rgb, 59, 130, 246), 0.4);
    }
    50% {
      box-shadow: 0 0 0 20px rgba(var(--color-primary-rgb, 59, 130, 246), 0);
    }
  }

  .call-screen__avatar-img.svelte-c65c32 {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .call-screen__avatar-initials.svelte-c65c32 {
    font-size: var(--font-size-2xl, 1.5rem);
    font-weight: var(--font-bold, 700);
    color: var(--color-on-primary);
    font-family: var(--font-body);
  }

  .call-screen__name.svelte-c65c32 {
    font-size: var(--font-size-xl, 1.25rem);
    font-weight: var(--font-semibold, 600);
    color: var(--color-text);
    font-family: var(--font-body);
    margin: 0;
  }

  .call-screen__number.svelte-c65c32 {
    font-size: var(--font-size-base, 1rem);
    color: var(--color-text-muted);
    font-family: var(--font-body);
    margin: 0;
  }

  .call-screen__status.svelte-c65c32 {
    font-size: var(--font-size-sm, 0.875rem);
    color: var(--color-text-muted);
    font-family: var(--font-body);
    font-variant-numeric: tabular-nums;
    margin: 0;
  }

  .call-screen__status--ended.svelte-c65c32 {
    color: #ef4444;
  }

  .call-screen__actions.svelte-c65c32 {
    display: flex;
    align-items: center;
    gap: var(--space-8);
  }

  .call-screen__action-btn.svelte-c65c32 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    border: none;
    border-radius: var(--radius-full);
    cursor: pointer;
    color: white;
    transition: var(--transition-colors);
  }

  .call-screen__action-btn--accept.svelte-c65c32 {
    background: #22c55e;
  }

  .call-screen__action-btn--accept.svelte-c65c32:hover {
    background: #16a34a;
  }

  .call-screen__action-btn--reject.svelte-c65c32,
  .call-screen__action-btn--end.svelte-c65c32 {
    background: #ef4444;
  }

  .call-screen__action-btn--reject.svelte-c65c32:hover,
  .call-screen__action-btn--end.svelte-c65c32:hover {
    background: #dc2626;
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/comms/CallHistory.css */

  .call-history.svelte-158fvra {
    display: flex;
    flex-direction: column;
    background: var(--color-surface);
    border-radius: var(--radius-xl);
    overflow: hidden;
    max-height: 600px;
  }

  .call-history__filters.svelte-158fvra {
    display: flex;
    gap: var(--space-1);
    padding: var(--space-3);
    border-bottom: 1px solid var(--color-border);
  }

  .call-history__filter.svelte-158fvra {
    display: flex;
    align-items: center;
    gap: var(--space-1);
    padding: var(--space-1) var(--space-3);
    background: var(--color-surface-secondary);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-full);
    font-size: var(--font-size-sm, 0.875rem);
    font-family: var(--font-body);
    color: var(--color-text-muted);
    cursor: pointer;
    transition: var(--transition-colors);
  }

  .call-history__filter.svelte-158fvra:hover {
    color: var(--color-text);
  }

  .call-history__filter--active.svelte-158fvra {
    background: var(--color-primary);
    border-color: var(--color-primary);
    color: var(--color-on-primary);
  }

  .call-history__badge.svelte-158fvra {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    padding: 0 var(--space-1);
    background: #ef4444;
    color: white;
    font-size: 10px;
    font-weight: var(--font-bold, 700);
    border-radius: var(--radius-full);
  }

  .call-history__filter--active.svelte-158fvra .call-history__badge:where(.svelte-158fvra) {
    background: rgba(255, 255, 255, 0.3);
  }

  .call-history__list.svelte-158fvra {
    flex: 1;
    overflow-y: auto;
  }

  .call-history__item.svelte-158fvra {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-3);
    border-bottom: 1px solid var(--color-border);
    transition: background var(--duration-fast, 150ms);
  }

  .call-history__item.svelte-158fvra:hover {
    background: var(--color-surface-secondary);
  }

  .call-history__item.svelte-158fvra:last-child {
    border-bottom: none;
  }

  .call-history__avatar.svelte-158fvra {
    width: 40px;
    height: 40px;
    border-radius: var(--radius-full);
    background: var(--color-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    flex-shrink: 0;
  }

  .call-history__avatar-img.svelte-158fvra {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .call-history__avatar-initials.svelte-158fvra {
    font-size: var(--font-size-sm, 0.875rem);
    font-weight: var(--font-semibold, 600);
    color: var(--color-on-primary);
    font-family: var(--font-body);
  }

  .call-history__direction.svelte-158fvra {
    flex-shrink: 0;
    display: flex;
    align-items: center;
  }

  .call-history__info.svelte-158fvra {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
    background: none;
    border: none;
    text-align: left;
    cursor: pointer;
    padding: 0;
  }

  .call-history__name.svelte-158fvra {
    font-size: var(--font-size-sm, 0.875rem);
    font-family: var(--font-body);
    font-weight: var(--font-medium);
    color: var(--color-text);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .call-history__item--missed.svelte-158fvra .call-history__name:where(.svelte-158fvra) {
    color: #ef4444;
  }

  .call-history__number.svelte-158fvra {
    font-size: var(--font-size-xs, 0.75rem);
    font-family: var(--font-body);
    color: var(--color-text-muted);
  }

  .call-history__meta.svelte-158fvra {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
    flex-shrink: 0;
  }

  .call-history__duration.svelte-158fvra {
    font-size: var(--font-size-xs, 0.75rem);
    font-family: var(--font-body);
    color: var(--color-text-muted);
    font-variant-numeric: tabular-nums;
  }

  .call-history__time.svelte-158fvra {
    font-size: var(--font-size-xs, 0.75rem);
    font-family: var(--font-body);
    color: var(--color-text-muted);
  }

  .call-history__actions.svelte-158fvra {
    display: flex;
    gap: var(--space-1);
    opacity: 0;
    transition: opacity var(--duration-fast, 150ms);
  }

  .call-history__item.svelte-158fvra:hover .call-history__actions:where(.svelte-158fvra) {
    opacity: 1;
  }

  .call-history__action-btn.svelte-158fvra {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    cursor: pointer;
    transition: var(--transition-colors);
  }

  .call-history__action-btn--call.svelte-158fvra {
    color: #22c55e;
  }

  .call-history__action-btn--call.svelte-158fvra:hover {
    background: #22c55e;
    border-color: #22c55e;
    color: white;
  }

  .call-history__action-btn--delete.svelte-158fvra {
    color: var(--color-text-muted);
  }

  .call-history__action-btn--delete.svelte-158fvra:hover {
    background: #ef4444;
    border-color: #ef4444;
    color: white;
  }

  .call-history__empty.svelte-158fvra {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--space-8);
    color: var(--color-text-muted);
    font-family: var(--font-body);
    font-size: var(--font-size-sm, 0.875rem);
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/comms/AddressBook.css */

  .address-book.svelte-1jw42ov {
    display: flex;
    flex-direction: column;
    background: var(--color-surface);
    border-radius: var(--radius-xl);
    overflow: hidden;
    max-height: 600px;
  }

  .address-book__header.svelte-1jw42ov {
    padding: var(--space-3);
    border-bottom: 1px solid var(--color-border);
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
  }

  .address-book__search.svelte-1jw42ov {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-2) var(--space-3);
    background: var(--color-surface-secondary);
    border-radius: var(--radius-lg);
    border: 1px solid var(--color-border);
  }

  .address-book__search.svelte-1jw42ov:focus-within {
    border-color: var(--color-primary);
  }

  .address-book__search-icon.svelte-1jw42ov {
    color: var(--color-text-muted);
    flex-shrink: 0;
  }

  .address-book__search-input.svelte-1jw42ov {
    flex: 1;
    background: none;
    border: none;
    outline: none;
    font-size: var(--font-size-sm, 0.875rem);
    font-family: var(--font-body);
    color: var(--color-text);
  }

  .address-book__search-input.svelte-1jw42ov::placeholder {
    color: var(--color-text-muted);
  }

  .address-book__groups.svelte-1jw42ov {
    display: flex;
    gap: var(--space-1);
    overflow-x: auto;
  }

  .address-book__group-btn.svelte-1jw42ov {
    padding: var(--space-1) var(--space-2);
    background: var(--color-surface-secondary);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-full);
    font-size: var(--font-size-xs, 0.75rem);
    font-family: var(--font-body);
    color: var(--color-text-muted);
    cursor: pointer;
    white-space: nowrap;
    transition: var(--transition-colors);
  }

  .address-book__group-btn.svelte-1jw42ov:hover {
    color: var(--color-text);
  }

  .address-book__group-btn--active.svelte-1jw42ov {
    background: var(--color-primary);
    border-color: var(--color-primary);
    color: var(--color-on-primary);
  }

  .address-book__body.svelte-1jw42ov {
    display: flex;
    flex: 1;
    min-height: 0;
    overflow: hidden;
  }

  .address-book__list.svelte-1jw42ov {
    flex: 1;
    overflow-y: auto;
    padding: var(--space-2) 0;
  }

  .address-book__section.svelte-1jw42ov {
    padding: 0 var(--space-3);
  }

  .address-book__section-title.svelte-1jw42ov {
    font-size: var(--font-size-xs, 0.75rem);
    font-family: var(--font-body);
    font-weight: var(--font-semibold, 600);
    color: var(--color-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: var(--space-2) 0;
    margin: 0;
    position: sticky;
    top: 0;
    background: var(--color-surface);
    z-index: 1;
  }

  .address-book__contact.svelte-1jw42ov {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    width: 100%;
    padding: var(--space-2);
    background: none;
    border: none;
    border-radius: var(--radius-md);
    cursor: pointer;
    text-align: left;
    transition: background var(--duration-fast, 150ms);
  }

  .address-book__contact.svelte-1jw42ov:hover {
    background: var(--color-surface-secondary);
  }

  .address-book__avatar.svelte-1jw42ov {
    position: relative;
    width: 40px;
    height: 40px;
    border-radius: var(--radius-full);
    background: var(--color-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: visible;
    flex-shrink: 0;
  }

  .address-book__avatar-img.svelte-1jw42ov {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: var(--radius-full);
  }

  .address-book__avatar-initials.svelte-1jw42ov {
    font-size: var(--font-size-sm, 0.875rem);
    font-weight: var(--font-semibold, 600);
    color: var(--color-on-primary);
    font-family: var(--font-body);
  }

  .address-book__status.svelte-1jw42ov {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 10px;
    height: 10px;
    border-radius: var(--radius-full);
    border: 2px solid var(--color-surface);
  }

  .address-book__info.svelte-1jw42ov {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
  }

  .address-book__name.svelte-1jw42ov {
    font-size: var(--font-size-sm, 0.875rem);
    font-family: var(--font-body);
    font-weight: var(--font-medium);
    color: var(--color-text);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .address-book__detail.svelte-1jw42ov {
    font-size: var(--font-size-xs, 0.75rem);
    font-family: var(--font-body);
    color: var(--color-text-muted);
  }

  .address-book__actions.svelte-1jw42ov {
    display: flex;
    gap: var(--space-1);
    opacity: 0;
    transition: opacity var(--duration-fast, 150ms);
  }

  .address-book__contact.svelte-1jw42ov:hover .address-book__actions:where(.svelte-1jw42ov) {
    opacity: 1;
  }

  .address-book__action-btn.svelte-1jw42ov {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    color: var(--color-text-muted);
    cursor: pointer;
    transition: var(--transition-colors);
  }

  .address-book__action-btn.svelte-1jw42ov:hover {
    color: var(--color-primary);
    border-color: var(--color-primary);
  }

  .address-book__alphabet.svelte-1jw42ov {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: var(--space-1);
    overflow-y: auto;
  }

  .address-book__letter.svelte-1jw42ov {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 18px;
    background: none;
    border: none;
    font-size: 10px;
    font-family: var(--font-body);
    font-weight: var(--font-medium);
    color: var(--color-text-muted);
    cursor: pointer;
    border-radius: var(--radius-sm);
    transition: var(--transition-colors);
  }

  .address-book__letter.svelte-1jw42ov:hover {
    color: var(--color-primary);
    background: var(--color-surface-secondary);
  }

  .address-book__empty.svelte-1jw42ov {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--space-8);
    color: var(--color-text-muted);
    font-family: var(--font-body);
    font-size: var(--font-size-sm, 0.875rem);
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/comms/DeviceSelector.css */

  .device-selector.svelte-1ir8fsf {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    padding: var(--space-4);
    background: var(--color-surface);
    border-radius: var(--radius-xl);
    border: 1px solid var(--color-border);
  }

  .device-selector__label.svelte-1ir8fsf {
    display: flex;
    align-items: center;
    gap: var(--space-2);
  }

  .device-selector__icon.svelte-1ir8fsf {
    display: flex;
    color: var(--color-text-muted);
  }

  .device-selector__type.svelte-1ir8fsf {
    font-size: var(--font-size-sm, 0.875rem);
    font-family: var(--font-body);
    font-weight: var(--font-semibold, 600);
    color: var(--color-text);
  }

  .device-selector__select.svelte-1ir8fsf {
    width: 100%;
    padding: var(--space-2) var(--space-3);
    background: var(--color-surface-secondary);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    font-size: var(--font-size-sm, 0.875rem);
    font-family: var(--font-body);
    color: var(--color-text);
    cursor: pointer;
    outline: none;
    transition: border-color var(--duration-fast, 150ms);
  }

  .device-selector__select.svelte-1ir8fsf:focus {
    border-color: var(--color-primary);
  }

  .device-selector__preview.svelte-1ir8fsf {
    width: 100%;
    aspect-ratio: 16 / 9;
    border-radius: var(--radius-lg);
    overflow: hidden;
    background: black;
  }

  .device-selector__preview-video.svelte-1ir8fsf {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .device-selector__meter.svelte-1ir8fsf {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
  }

  .device-selector__meter-label.svelte-1ir8fsf {
    font-size: var(--font-size-xs, 0.75rem);
    font-family: var(--font-body);
    color: var(--color-text-muted);
  }

  .device-selector__meter-bar.svelte-1ir8fsf {
    width: 100%;
    height: 6px;
    background: var(--color-surface-secondary);
    border-radius: var(--radius-full);
    overflow: hidden;
  }

  .device-selector__meter-fill.svelte-1ir8fsf {
    height: 100%;
    background: #22c55e;
    border-radius: var(--radius-full);
    transition: width 100ms linear;
  }

  .device-selector__meter-fill--high.svelte-1ir8fsf {
    background: #ef4444;
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/editor/RichTextEditor.css */

  .rich-text-editor.svelte-cplh4y {
    position: relative;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    background: var(--color-bg-primary);
    transition: border-color var(--duration-fast);
  }

  .rich-text-editor--focused.svelte-cplh4y {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 2px var(--color-primary-light, rgba(99, 102, 241, 0.2));
  }

  .rich-text-editor--disabled.svelte-cplh4y {
    opacity: 0.6;
    pointer-events: none;
  }

  .rich-text-editor__content.svelte-cplh4y {
    min-height: 200px;
    padding: var(--space-4);
    font-family: var(--font-body);
    font-size: var(--text-base, 1rem);
    line-height: 1.7;
    color: var(--color-text-primary);
    outline: none;
  }

  .rich-text-editor__content.svelte-cplh4y .ProseMirror {
    outline: none;
    min-height: 180px;
  }

  .rich-text-editor__content.svelte-cplh4y .ProseMirror p {
    margin: 0 0 var(--space-2) 0;
  }

  .rich-text-editor__content.svelte-cplh4y .ProseMirror h1 {
    font-size: var(--text-3xl, 1.875rem);
    font-weight: var(--font-bold, 700);
    margin: var(--space-4) 0 var(--space-2) 0;
    line-height: 1.3;
  }

  .rich-text-editor__content.svelte-cplh4y .ProseMirror h2 {
    font-size: var(--text-2xl, 1.5rem);
    font-weight: var(--font-bold, 700);
    margin: var(--space-4) 0 var(--space-2) 0;
    line-height: 1.35;
  }

  .rich-text-editor__content.svelte-cplh4y .ProseMirror h3 {
    font-size: var(--text-xl, 1.25rem);
    font-weight: var(--font-semibold, 600);
    margin: var(--space-3) 0 var(--space-2) 0;
    line-height: 1.4;
  }

  .rich-text-editor__content.svelte-cplh4y .ProseMirror h4 {
    font-size: var(--text-lg, 1.125rem);
    font-weight: var(--font-semibold, 600);
    margin: var(--space-3) 0 var(--space-1) 0;
  }

  .rich-text-editor__content.svelte-cplh4y .ProseMirror h5 {
    font-size: var(--text-base, 1rem);
    font-weight: var(--font-semibold, 600);
    margin: var(--space-2) 0 var(--space-1) 0;
  }

  .rich-text-editor__content.svelte-cplh4y .ProseMirror h6 {
    font-size: var(--text-sm, 0.875rem);
    font-weight: var(--font-semibold, 600);
    margin: var(--space-2) 0 var(--space-1) 0;
    color: var(--color-text-muted);
  }

  .rich-text-editor__content.svelte-cplh4y .ProseMirror strong {
    font-weight: var(--font-bold, 700);
  }

  .rich-text-editor__content.svelte-cplh4y .ProseMirror em {
    font-style: italic;
  }

  .rich-text-editor__content.svelte-cplh4y .ProseMirror u {
    text-decoration: underline;
  }

  .rich-text-editor__content.svelte-cplh4y .ProseMirror s {
    text-decoration: line-through;
  }

  .rich-text-editor__content.svelte-cplh4y .ProseMirror code {
    background: var(--color-bg-secondary);
    padding: 0.15em 0.4em;
    border-radius: var(--radius-sm);
    font-family: var(--font-mono);
    font-size: 0.9em;
  }

  .rich-text-editor__content.svelte-cplh4y .ProseMirror pre {
    background: var(--color-bg-secondary);
    padding: var(--space-3);
    border-radius: var(--radius-md);
    font-family: var(--font-mono);
    font-size: var(--text-sm, 0.875rem);
    overflow-x: auto;
    margin: var(--space-3) 0;
  }

  .rich-text-editor__content.svelte-cplh4y .ProseMirror pre code {
    background: none;
    padding: 0;
  }

  .rich-text-editor__content.svelte-cplh4y .ProseMirror blockquote {
    border-left: 3px solid var(--color-primary);
    padding-left: var(--space-4);
    margin: var(--space-3) 0;
    color: var(--color-text-muted);
    font-style: italic;
  }

  .rich-text-editor__content.svelte-cplh4y .ProseMirror ul,
  .rich-text-editor__content.svelte-cplh4y .ProseMirror ol {
    padding-left: var(--space-6);
    margin: var(--space-2) 0;
  }

  .rich-text-editor__content.svelte-cplh4y .ProseMirror li {
    margin-bottom: var(--space-1);
  }

  .rich-text-editor__content.svelte-cplh4y .ProseMirror hr {
    border: none;
    border-top: 1px solid var(--color-border);
    margin: var(--space-4) 0;
  }

  .rich-text-editor__content.svelte-cplh4y .ProseMirror a {
    color: var(--color-primary);
    text-decoration: underline;
    cursor: pointer;
  }

  .rich-text-editor__content.svelte-cplh4y .ProseMirror img {
    max-width: 100%;
    height: auto;
    border-radius: var(--radius-md);
    margin: var(--space-3) 0;
  }

  /* Table styles */
  .rich-text-editor__content.svelte-cplh4y .ProseMirror table {
    border-collapse: collapse;
    width: 100%;
    margin: var(--space-3) 0;
  }

  .rich-text-editor__content.svelte-cplh4y .ProseMirror th,
  .rich-text-editor__content.svelte-cplh4y .ProseMirror td {
    border: 1px solid var(--color-border);
    padding: var(--space-2) var(--space-3);
    text-align: left;
    vertical-align: top;
  }

  .rich-text-editor__content.svelte-cplh4y .ProseMirror th {
    background: var(--color-bg-secondary);
    font-weight: var(--font-semibold, 600);
  }

  .rich-text-editor__content.svelte-cplh4y .ProseMirror .selectedCell {
    background: var(--color-primary-light, rgba(99, 102, 241, 0.1));
  }

  .rich-text-editor__content.svelte-cplh4y .ProseMirror .column-resize-handle {
    position: absolute;
    right: -2px;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--color-primary);
    cursor: col-resize;
    z-index: 20;
  }

  .rich-text-editor__placeholder.svelte-cplh4y {
    position: absolute;
    top: var(--space-4);
    left: var(--space-4);
    color: var(--color-text-tertiary);
    pointer-events: none;
    font-family: var(--font-body);
    font-size: var(--text-base, 1rem);
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/comms/ParticipantList.css */

  .participant-list.svelte-1k5uxhv {
    display: flex;
    flex-direction: column;
    background: var(--color-surface);
    border-radius: var(--radius-xl);
    overflow: hidden;
    max-height: 600px;
  }

  .participant-list__header.svelte-1k5uxhv {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--space-3) var(--space-4);
    border-bottom: 1px solid var(--color-border);
  }

  .participant-list__title.svelte-1k5uxhv {
    font-size: var(--font-size-sm, 0.875rem);
    font-family: var(--font-body);
    font-weight: var(--font-semibold, 600);
    color: var(--color-text);
    margin: 0;
  }

  .participant-list__count.svelte-1k5uxhv {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    height: 24px;
    padding: 0 var(--space-2);
    background: var(--color-surface-secondary);
    border-radius: var(--radius-full);
    font-size: var(--font-size-xs, 0.75rem);
    font-family: var(--font-body);
    font-weight: var(--font-medium);
    color: var(--color-text-muted);
  }

  .participant-list__items.svelte-1k5uxhv {
    flex: 1;
    overflow-y: auto;
    padding: var(--space-2);
  }

  .participant-list__item.svelte-1k5uxhv {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-2);
    border-radius: var(--radius-md);
    transition: background var(--duration-fast, 150ms);
  }

  .participant-list__item.svelte-1k5uxhv:hover {
    background: var(--color-surface-secondary);
  }

  .participant-list__item--speaking.svelte-1k5uxhv {
    background: rgba(34, 197, 94, 0.08);
  }

  .participant-list__avatar.svelte-1k5uxhv {
    position: relative;
    width: 36px;
    height: 36px;
    border-radius: var(--radius-full);
    background: var(--color-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: visible;
    flex-shrink: 0;
  }

  .participant-list__avatar-img.svelte-1k5uxhv {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: var(--radius-full);
  }

  .participant-list__avatar-initials.svelte-1k5uxhv {
    font-size: var(--font-size-xs, 0.75rem);
    font-weight: var(--font-semibold, 600);
    color: var(--color-on-primary);
    font-family: var(--font-body);
  }

  .participant-list__speaking-dot.svelte-1k5uxhv {
    position: absolute;
    bottom: -1px;
    right: -1px;
    width: 10px;
    height: 10px;
    background: #22c55e;
    border: 2px solid var(--color-surface);
    border-radius: var(--radius-full);
    animation: svelte-1k5uxhv-speaking-pulse 1.5s ease-in-out infinite;
  }

  @keyframes svelte-1k5uxhv-speaking-pulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.3); }
  }

  .participant-list__info.svelte-1k5uxhv {
    flex: 1;
    min-width: 0;
  }

  .participant-list__name-row.svelte-1k5uxhv {
    display: flex;
    align-items: center;
    gap: var(--space-2);
  }

  .participant-list__name.svelte-1k5uxhv {
    font-size: var(--font-size-sm, 0.875rem);
    font-family: var(--font-body);
    font-weight: var(--font-medium);
    color: var(--color-text);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .participant-list__role.svelte-1k5uxhv {
    display: inline-flex;
    padding: 1px var(--space-1);
    border-radius: var(--radius-sm);
    font-size: 10px;
    font-family: var(--font-body);
    font-weight: var(--font-semibold, 600);
    color: white;
    text-transform: capitalize;
    flex-shrink: 0;
  }

  .participant-list__status-icons.svelte-1k5uxhv {
    display: flex;
    align-items: center;
    gap: var(--space-1);
    flex-shrink: 0;
  }

  .participant-list__icon.svelte-1k5uxhv {
    display: flex;
    align-items: center;
    color: var(--color-text-muted);
  }

  .participant-list__icon--muted.svelte-1k5uxhv {
    color: #ef4444;
  }

  .participant-list__icon--video-off.svelte-1k5uxhv {
    color: var(--color-text-muted);
  }

  .participant-list__icon--hand.svelte-1k5uxhv {
    color: #f59e0b;
  }

  .participant-list__menu-wrap.svelte-1k5uxhv {
    position: relative;
    flex-shrink: 0;
  }

  .participant-list__menu-btn.svelte-1k5uxhv {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    background: none;
    border: none;
    border-radius: var(--radius-md);
    color: var(--color-text-muted);
    cursor: pointer;
    transition: var(--transition-colors);
    opacity: 0;
  }

  .participant-list__item.svelte-1k5uxhv:hover .participant-list__menu-btn:where(.svelte-1k5uxhv) {
    opacity: 1;
  }

  .participant-list__menu-btn.svelte-1k5uxhv:hover {
    background: var(--color-surface);
    color: var(--color-text);
  }

  .participant-list__menu.svelte-1k5uxhv {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 10;
    min-width: 120px;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
    padding: var(--space-1);
    display: flex;
    flex-direction: column;
  }

  .participant-list__menu-item.svelte-1k5uxhv {
    display: block;
    width: 100%;
    padding: var(--space-2) var(--space-3);
    background: none;
    border: none;
    border-radius: var(--radius-md);
    font-size: var(--font-size-sm, 0.875rem);
    font-family: var(--font-body);
    color: var(--color-text);
    text-align: left;
    cursor: pointer;
    transition: background var(--duration-fast, 150ms);
  }

  .participant-list__menu-item.svelte-1k5uxhv:hover {
    background: var(--color-surface-secondary);
  }

  .participant-list__menu-item--danger.svelte-1k5uxhv {
    color: #ef4444;
  }

  .participant-list__menu-item--danger.svelte-1k5uxhv:hover {
    background: rgba(239, 68, 68, 0.1);
  }
/*$vite$:1*/
/* oneos-ui/src/lib/composites/editor/EditorToolbar.css */

  .editor-toolbar.svelte-1yduwwe {
    display: flex;
    align-items: center;
    gap: var(--space-1);
    padding: var(--space-2) var(--space-3);
    border: 1px solid var(--color-border);
    border-bottom: none;
    border-radius: var(--radius-lg) var(--radius-lg) 0 0;
    background: var(--color-surface-secondary, var(--color-bg-secondary));
    flex-wrap: wrap;
  }

  .editor-toolbar__group.svelte-1yduwwe {
    display: flex;
    align-items: center;
    gap: var(--space-0, 2px);
  }

  .editor-toolbar__separator.svelte-1yduwwe {
    width: 1px;
    height: 20px;
    background: var(--color-border);
    margin: 0 var(--space-1);
    flex-shrink: 0;
  }

  .editor-toolbar__btn.svelte-1yduwwe {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-0, 2px);
    width: 32px;
    height: 32px;
    padding: 0;
    background: none;
    border: none;
    border-radius: var(--radius-md);
    color: var(--color-text-muted, var(--color-text-secondary));
    cursor: pointer;
    transition: all var(--duration-fast);
  }

  .editor-toolbar__btn.svelte-1yduwwe:hover:not(:disabled) {
    background: var(--color-bg-tertiary, rgba(0,0,0,0.06));
    color: var(--color-text-primary);
  }

  .editor-toolbar__btn--active.svelte-1yduwwe {
    background: var(--color-primary-light, rgba(99, 102, 241, 0.15));
    color: var(--color-primary);
  }

  .editor-toolbar__btn--active.svelte-1yduwwe:hover:not(:disabled) {
    background: var(--color-primary-light, rgba(99, 102, 241, 0.25));
    color: var(--color-primary);
  }

  .editor-toolbar__btn.svelte-1yduwwe:disabled {
    opacity: 0.35;
    cursor: not-allowed;
  }

  .editor-toolbar__btn.svelte-1yduwwe svg:where(.svelte-1yduwwe) {
    flex-shrink: 0;
  }

  .editor-toolbar__chevron.svelte-1yduwwe {
    width: 8px;
    height: 8px;
    margin-left: -2px;
  }

  /* Dropdown */
  .editor-toolbar__dropdown.svelte-1yduwwe {
    position: relative;
  }

  .editor-toolbar__dropdown.svelte-1yduwwe .editor-toolbar__btn:where(.svelte-1yduwwe) {
    width: auto;
    padding: 0 var(--space-1);
  }

  .editor-toolbar__dropdown-menu.svelte-1yduwwe {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 100;
    min-width: 160px;
    background: var(--color-bg-primary);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-lg);
    padding: var(--space-1);
    margin-top: var(--space-1);
    animation: svelte-1yduwwe-toolbar-dropdown-pop var(--duration-fast) ease-out;
  }

  @keyframes svelte-1yduwwe-toolbar-dropdown-pop {
    from { opacity: 0; transform: translateY(-4px); }
    to { opacity: 1; transform: translateY(0); }
  }

  .editor-toolbar__dropdown-item.svelte-1yduwwe {
    display: block;
    width: 100%;
    padding: var(--space-2) var(--space-3);
    background: none;
    border: none;
    border-radius: var(--radius-md);
    text-align: left;
    cursor: pointer;
    font-size: var(--text-sm, 0.875rem);
    color: var(--color-text-primary);
    transition: background var(--duration-fast);
  }

  .editor-toolbar__dropdown-item.svelte-1yduwwe:hover {
    background: var(--color-bg-secondary);
  }

  .editor-toolbar__dropdown-item--active.svelte-1yduwwe {
    color: var(--color-primary);
    font-weight: var(--font-medium, 500);
  }

  .editor-toolbar__dropdown-item--danger.svelte-1yduwwe {
    color: var(--color-error);
  }

  .editor-toolbar__dropdown-item--danger.svelte-1yduwwe:hover {
    background: var(--color-error-light, rgba(239, 68, 68, 0.1));
  }

  .editor-toolbar__dropdown-divider.svelte-1yduwwe {
    height: 1px;
    background: var(--color-border);
    margin: var(--space-1) 0;
  }
/*$vite$:1*/