.folder-dropdown{position:relative;width:100%}.folder-dropdown__trigger{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:var(--input-border);border-radius:var(--radius-subtle);background:var(--input-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-weight-normal,400);line-height:1.25;cursor:pointer;transition:background var(--anim-fast),border-color var(--anim-fast),box-shadow var(--anim-fast)}.folder-dropdown__trigger:hover:not(:disabled){border-color:var(--color-input-border-hover);background:color-mix(in srgb,var(--color-primary) 4%,var(--input-bg))}.folder-dropdown__trigger:focus-visible{outline:2px solid var(--color-input-border-focus);outline-offset:0;border-color:var(--color-input-border-focus);background:var(--input-bg);box-shadow:var(--input-shadow-focus)}.folder-dropdown__trigger:disabled{opacity:.65;cursor:not-allowed}.folder-dropdown__trigger-text{flex:1 1;text-align:left}.folder-dropdown__icon{flex-shrink:0;font-size:.75rem;color:var(--color-muted);transition:transform var(--anim-fast)}.folder-dropdown__trigger[aria-expanded=true] .folder-dropdown__icon{transform:rotate(180deg)}.folder-dropdown__list{position:absolute;top:calc(100% + var(--space-2));left:0;right:0;z-index:var(--z-dropdown);list-style:none;margin:0;padding:var(--space-2);background:var(--input-bg);border:var(--input-border);border-radius:var(--radius-subtle);box-shadow:0 8px 24px rgb(0 0 0/12%);max-height:240px;overflow-y:auto}.folder-dropdown__list--inline{position:static;z-index:auto;background:transparent;border:none;border-radius:0;box-shadow:none;padding:0;max-height:none}.folder-dropdown__list>li+li{border-top:1px solid color-mix(in srgb,var(--color-text) 10%,transparent)}.folder-dropdown__list--inline>li+li{border-top:var(--divider-subtle)}.folder-dropdown__list--inline>li:last-child{border-top:none}.folder-dropdown__list>li{margin:0}.folder-dropdown__item{display:flex;align-items:center;gap:var(--space-2);width:100%;text-align:left;padding:var(--space-3) var(--space-3);border:none;background:transparent;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-text);letter-spacing:var(--letter-spacing-normal);cursor:pointer;border-radius:var(--radius-subtle);-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:background var(--anim-fast),color var(--anim-fast)}.folder-dropdown__item--selected,.folder-dropdown__item:focus-visible,.folder-dropdown__item:hover{background:color-mix(in srgb,var(--color-primary) 15%,transparent);color:var(--color-text-on-primary)}.folder-dropdown__item:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.folder-dropdown__list--inline .folder-dropdown__item{padding:var(--space-4) var(--space-2);border-radius:var(--radius-subtle);font-size:1.125rem;font-family:var(--font-heading);font-weight:var(--font-weight-bold);color:var(--color-text);text-transform:capitalize}.folder-dropdown__list--inline .folder-dropdown__item:focus-visible,.folder-dropdown__list--inline .folder-dropdown__item:hover{background:var(--color-surface-subtle);color:var(--color-text)}.folder-dropdown__list--inline .folder-dropdown__item--selected{background:color-mix(in srgb,var(--color-primary) 12%,transparent);color:var(--color-text);font-weight:var(--font-weight-semibold)}.folder-dropdown__item-icon{flex-shrink:0;font-size:1.375rem;color:var(--color-primary)}.folder-dropdown__item-name{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-dropdown__item-check{flex-shrink:0;margin-left:auto;font-size:.75rem;color:var(--color-primary)}.folder-dropdown__divider{margin:var(--space-1) 0;border-top:1px solid color-mix(in srgb,var(--color-text) 10%,transparent)}.folder-dropdown__empty-state{padding:var(--space-4) var(--space-2) var(--space-2);color:var(--color-muted);font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--line-height-normal);text-align:center}.folder-dropdown__create-btn-wrapper--centered{display:flex;justify-content:center;padding:var(--space-4) 0 var(--space-2)}.folder-dropdown__create-btn-wrapper--centered .folder-dropdown__create-btn{width:auto;justify-content:center;text-align:center;padding:var(--space-3) var(--space-6)}.folder-dropdown__create-btn{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-subtle);background:var(--color-primary);color:var(--color-text-on-primary);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-weight-bold);line-height:1.25;letter-spacing:var(--btn-letter-spacing);text-align:left;text-transform:uppercase;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:background var(--anim-fast),color var(--anim-fast)}.folder-dropdown__create-btn:hover:not(:disabled){background:color-mix(in srgb,#000000 12%,var(--color-primary))}.folder-dropdown__create-btn:active:not(:disabled){background:color-mix(in srgb,#000000 18%,var(--color-primary))}.folder-dropdown__create-btn:focus-visible{outline:2px solid var(--color-text-on-primary);outline-offset:-2px}.folder-dropdown__list--inline>li:has(.folder-dropdown__create-btn--inline-row){padding:var(--space-3) 0 var(--space-1)}.folder-dropdown__create-btn--inline-row{justify-content:center;text-align:center}