/* Reused from onidot-orbit/web/packages/ui/src/styles.css. Shared source is unchanged. */
@font-face{font-family:"Pretendard Variable";font-weight:45 920;font-style:normal;font-display:swap;src:url("/assets/PretendardVariable.woff2") format("woff2-variations")}

:root { --onidot-canvas:#fff; --onidot-surface:#f7f9fd; --onidot-text:#172b4d; --onidot-muted:#52627a; --onidot-accent:#1d4ed8; --onidot-accent-hover:#1e40af; --onidot-line:#e4e9ee; --onidot-danger:#b42318; --onidot-success:#1a7f5c; --onidot-success-soft:#e8f5ef; --onidot-warning:#92400e; --onidot-warning-soft:#fef6e7; --onidot-brand:#1068FC; --onidot-brand-hover:#0B5AE0; --onidot-brand-active:#094BBD; --onidot-accent-soft:#eaf1ff; --onidot-radius:6px; --onidot-control-height:2rem; --onidot-control-small-height:1.75rem; --onidot-control-large-height:2.5rem; --onidot-menu-item-height:2.75rem; --onidot-shadow:0 12px 32px rgba(23,43,77,.14); --onidot-raised:#fff; --onidot-control-line:rgba(23,43,77,.14); --onidot-danger-control-line:rgba(180,35,24,.35); --onidot-danger-hover:#fdf2f1; --onidot-focus-ring:rgba(16,104,252,.32); --onidot-backdrop:rgba(23,43,77,.42); --onidot-dialog-shadow:0 24px 64px rgba(16,24,35,.28); --onidot-state-icon-bg:#eff6ff; --onidot-track:#e9eef5; --onidot-avatar-bg:#dde6f7; --onidot-avatar-text:#5a71a6; --onidot-mark-bg:#dbeafe; --onidot-subtle:#f1f3f7; --onidot-faint:#8896ab; --onidot-wordmark:#0A162E; --onidot-code-bg:#f6f8fb; --onidot-code-fg:#22314f; --onidot-code-inline-bg:#f3f5f9; --onidot-code-gutter-fg:#a7b2c2; --onidot-code-active-line-bg:#e8eef7; --onidot-code-selection-bg:#dbeafe; --onidot-code-keyword:#1068FC; --onidot-code-string:#1a7f5c; --onidot-code-number:#0550ae; --onidot-code-comment:#57606a; --onidot-code-font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --onidot-sidebar-resize-hover:#b8cff6; font-family:"Pretendard Variable","Apple SD Gothic Neo",system-ui,sans-serif; color:var(--onidot-text); }
* { box-sizing:border-box; } button,input { font:inherit; } button { cursor:pointer; } button:focus-visible,a:focus-visible,input:focus-visible { outline:3px solid color-mix(in srgb,var(--onidot-accent) 35%,transparent); outline-offset:2px; }
textarea{resize:none}
/* z-index 레이어 스케일: 메뉴 20 · 사이드바 25 · 헤더 35 · 앱 런처 40 · 다이얼로그 50 · 알림 팝오버 60 · 바텀 시트 61 · 피드백 토스트 70 */
.onidot-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;padding:0;margin:-1px}
.onidot-button{min-height:var(--onidot-control-height);border:0;text-decoration:none;background-image:none;border-radius:var(--onidot-radius);display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 12px;font-weight:500;font-size:14px;letter-spacing:0;line-height:1;white-space:nowrap;width:auto;flex:none;box-shadow:none;transition:background-color .12s ease,box-shadow .12s ease}.onidot-button--sm{min-height:var(--onidot-control-small-height);padding:0 10px;font-size:13px}.onidot-button--lg{min-height:var(--onidot-control-large-height);padding:0 16px;font-size:15px;border-radius:8px}.onidot-button--primary{color:#fff;background:var(--onidot-brand)}.onidot-button--primary:hover:not(:disabled){background:var(--onidot-brand-hover)}.onidot-button--primary:active:not(:disabled){background:var(--onidot-brand-active)}.onidot-button--secondary{color:var(--onidot-text);background:var(--onidot-raised);box-shadow:var(--onidot-control-line) 0 0 0 1px inset}.onidot-button--secondary:hover:not(:disabled){background:var(--onidot-surface)}.onidot-button--ghost{color:var(--onidot-brand);background:transparent}.onidot-button--ghost:hover:not(:disabled){background:var(--onidot-accent-soft)}.onidot-button--danger{color:var(--onidot-danger);background:var(--onidot-raised);box-shadow:var(--onidot-danger-control-line) 0 0 0 1px inset}.onidot-button--danger:hover:not(:disabled){background:var(--onidot-danger-hover)}.onidot-button:disabled{opacity:.5;cursor:not-allowed}.onidot-button:focus-visible{outline:3px solid var(--onidot-focus-ring);outline-offset:2px}.onidot-spinner{animation:onidot-spin .8s linear infinite}@keyframes onidot-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.onidot-spinner{animation:none}.onidot-button{transition:none}}
.onidot-field{display:grid;gap:6px}.onidot-field__label{font-size:14px;font-weight:650}.onidot-field__input{width:100%;min-height:var(--onidot-control-height);padding:0 10px;border:1px solid var(--onidot-line);border-radius:6px;color:var(--onidot-text);background:var(--onidot-raised)}.onidot-field__input[aria-invalid="true"]{border-color:var(--onidot-danger)}.onidot-field__hint,.onidot-field__error{font-size:13px;color:var(--onidot-muted)}.onidot-field__error{color:var(--onidot-danger)}
.onidot-menu{position:relative}.onidot-menu__trigger,.onidot-icon-button{min-height:var(--onidot-control-height);display:inline-flex;align-items:center;gap:8px;border:1px solid var(--onidot-line);border-radius:8px;background:var(--onidot-raised);color:var(--onidot-text);padding:0 12px;font-weight:650}.onidot-menu__popover{position:absolute;z-index:20;top:calc(100% + 8px);left:0;min-width:216px;padding:4px;background:var(--onidot-raised);border:1px solid var(--onidot-line);border-radius:8px;box-shadow:var(--onidot-shadow)}.onidot-menu__item{width:100%;min-height:var(--onidot-menu-item-height);display:flex;align-items:center;gap:8px;padding:4px 8px;border:0;border-radius:7px;background:transparent;text-align:left;color:var(--onidot-text)}.onidot-menu__item:hover:not(:disabled){background:var(--onidot-surface)}.onidot-menu__item:disabled{opacity:.5}.onidot-menu__item-icon{display:grid;place-items:center}.onidot-menu__copy{display:grid;gap:2px;flex:1}.onidot-menu__copy small{color:var(--onidot-muted);font-size:12px}.onidot-space-mark{display:grid;place-items:center;width:24px;height:24px;border-radius:6px;background:var(--onidot-mark-bg);color:var(--onidot-accent);font-weight:750}
.onidot-menu__separator{height:1px;margin:4px 0;background:var(--onidot-line)}.onidot-menu__item--danger{color:var(--onidot-danger)}.onidot-menu__item--danger:hover:not(:disabled){background:var(--onidot-danger-hover)}a.onidot-menu__item--danger{color:var(--onidot-danger)}
/* 아이콘 전용 trigger(variant="icon"): 화살표 없이 --onidot-control-height 정사각형 버튼만 그린다. align="end"는 팝오버를 trigger 오른쪽 끝에 맞춘다. */
.onidot-menu--icon>.onidot-menu__trigger{width:var(--onidot-control-height);min-width:var(--onidot-control-height);padding:0;gap:0;justify-content:center;border:0;background:transparent;font-weight:400;color:var(--onidot-muted)}.onidot-menu--icon>.onidot-menu__trigger:hover{background:var(--onidot-surface)}.onidot-menu--align-end>.onidot-menu__popover{left:auto;right:0}.onidot-menu--placement-right>.onidot-menu__popover{top:0;left:calc(100% + 8px);right:auto}.onidot-menu>.onidot-menu__popover[data-flip="up"]{top:auto;bottom:calc(100% + 8px)}.onidot-menu--placement-right>.onidot-menu__popover[data-flip="up"]{top:auto;bottom:0}a.onidot-menu__item{color:var(--onidot-text);text-decoration:none}
.onidot-dialog-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:16px;background:var(--onidot-backdrop)}.onidot-dialog{width:min(100%,560px);max-height:calc(100dvh - 32px);overflow:auto;border-radius:12px;background:var(--onidot-raised);box-shadow:var(--onidot-dialog-shadow)}.onidot-dialog__header,.onidot-dialog__footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--onidot-line)}.onidot-dialog__header h2{margin:0;font-size:18px}.onidot-dialog__footer{border-top:1px solid var(--onidot-line);border-bottom:0;justify-content:flex-end}.onidot-dialog__body{padding:20px}.onidot-icon-button{justify-content:center;width:var(--onidot-control-height);padding:0}
.onidot-state{display:grid;justify-items:center;gap:10px;max-width:480px;margin:48px auto;padding:24px;text-align:center}.onidot-state__icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--onidot-state-icon-bg);color:var(--onidot-accent)}.onidot-state h2,.onidot-state p{margin:0}.onidot-state p{color:var(--onidot-muted);line-height:1.6}
.onidot-usage{display:grid;gap:8px}.onidot-usage__summary{font-size:14px;font-weight:600}.onidot-usage__track{height:8px;overflow:hidden;border-radius:999px;background:var(--onidot-track)}.onidot-usage__track span{display:block;height:100%;border-radius:inherit;background:var(--onidot-accent)}.onidot-usage__asof{margin:0;color:var(--onidot-muted);font-size:12px}
.onidot-app-header__brand{display:flex;align-items:center;gap:8px;color:var(--onidot-text);text-decoration:none;flex-shrink:0}.onidot-app-header__wordmark{display:flex;align-items:center}.onidot-app-header__shortcuts{display:inline-flex;gap:8px;align-items:center}.onidot-avatar{display:inline-flex;align-items:center;justify-content:center;flex:none;width:32px;height:32px;border-radius:50%;background:var(--onidot-avatar-bg);color:var(--onidot-avatar-text);font-size:13px;font-weight:600;line-height:1;text-decoration:none}.onidot-menu.onidot-account-menu>.onidot-menu__trigger{min-width:var(--onidot-control-height);padding:0;border:0;border-radius:50%;background:transparent;justify-content:center}.onidot-menu.onidot-account-menu>.onidot-menu__trigger>svg{display:none}@media(pointer:coarse){a.onidot-avatar{position:relative}a.onidot-avatar:after{content:"";position:absolute;inset:-6px;border-radius:50%}}
/* 제품명 top:2px — 가운데 정렬만 하면 15px Pretendard 기준선이 워드마크(높이 15px) 기준선보다 약 1.9px 위에 뜬다(글꼴을 바꾸면 다시 잰다). 워드마크를 숨기는 767px 이하는 top:0으로 되돌려, 표시와 오프셋이 같은 경계에서 함께 바뀐다. */
.onidot-app-header{min-height:3.5rem;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:24px;padding:0 20px;border-bottom:1px solid var(--onidot-line);background:var(--onidot-canvas)}.onidot-app-header__start,.onidot-app-header__actions{display:flex;align-items:center;min-width:0}.onidot-app-header__start{gap:10px}.onidot-app-header__actions{gap:8px;justify-content:flex-end;grid-column:-2/-1}.onidot-app-header__product{overflow:hidden;color:var(--onidot-text);font-size:15px;font-weight:600;white-space:nowrap;text-overflow:ellipsis;min-width:0;position:relative;top:2px}.onidot-app-header__search{min-width:0;width:min(100%,600px);justify-self:center}@media(max-width:767px){.onidot-app-header{grid-template-columns:auto minmax(0,1fr) auto;column-gap:8px;padding:0 12px}.onidot-app-header__search{display:none}.onidot-app-header__wordmark{display:none}.onidot-dialog-backdrop{align-items:end;padding:0}.onidot-dialog{width:100%;max-height:88dvh;border-radius:16px 16px 0 0}.onidot-dialog__header,.onidot-dialog__body,.onidot-dialog__footer{padding-left:16px;padding-right:16px}}
.onidot-button>svg,.onidot-menu__item-icon>svg{width:1rem;height:1rem}.onidot-app-header__actions .onidot-menu__popover{left:auto;right:0}.onidot-icon-button>svg{width:1.25rem;height:1.25rem}
@media(min-width:1024px) and (pointer:fine){:root{--onidot-menu-item-height:2rem}.onidot-menu__trigger{gap:6px;padding:0 10px}.onidot-dialog__header,.onidot-dialog__footer{padding:12px 16px}.onidot-dialog__body{padding:16px}}
@media(min-width:1024px) and (pointer:fine){body[data-onidot-density="compact"]{--onidot-control-large-height:2.25rem;--onidot-menu-item-height:2rem}body[data-onidot-density="compact"] .onidot-button--secondary,body[data-onidot-density="compact"] .onidot-button--ghost,body[data-onidot-density="compact"] .onidot-menu__trigger,body[data-onidot-density="compact"] .onidot-menu__item{font-weight:500}body[data-onidot-density="compact"] .onidot-menu__item[aria-checked="true"]{font-weight:600}body[data-onidot-density="compact"] .onidot-menu__trigger,body[data-onidot-density="compact"] .onidot-menu__item{font-size:14px}body[data-onidot-density="compact"] .onidot-field__input{font-size:14px}body[data-onidot-density="compact"] .onidot-menu__trigger{gap:6px;padding:0 8px}body[data-onidot-density="compact"] .onidot-menu__trigger>svg:last-child{width:.75rem;height:.75rem}body[data-onidot-density="compact"] .onidot-menu__item>svg,body[data-onidot-density="compact"] .onidot-icon-button>svg{width:1rem;height:1rem}body[data-onidot-density="compact"] .onidot-dialog .onidot-icon-button{width:var(--onidot-control-small-height);min-height:var(--onidot-control-small-height)}body[data-onidot-density="compact"] .onidot-dialog__header,body[data-onidot-density="compact"] .onidot-dialog__footer{padding:12px 16px}body[data-onidot-density="compact"] .onidot-dialog__body{padding:16px}body[data-onidot-density="compact"] .onidot-dialog select,body[data-onidot-density="compact"] .onidot-dialog .select-field select{height:var(--onidot-control-height);min-height:var(--onidot-control-height);padding:0 34px 0 10px}}
.onidot-dialog select,.onidot-dialog .select-field select{appearance:none;min-height:var(--onidot-control-height);border:1px solid var(--onidot-line);border-radius:6px;background-color:var(--onidot-raised);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%2352627a' stroke-width='1.5' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:16px;padding:6px 34px 6px 10px;color:var(--onidot-text);font-size:.875rem;line-height:1.4}.onidot-dialog select:focus-visible{outline:3px solid color-mix(in srgb,var(--onidot-accent) 35%,transparent);outline-offset:2px}
.onidot-space-order__hint{margin:0 0 12px;color:var(--onidot-muted);font-size:14px;line-height:1.5}.onidot-space-order__error{margin:0 0 12px;color:var(--onidot-danger);font-size:14px;line-height:1.5}.onidot-space-order{display:grid;gap:8px;margin:0;padding:0;list-style:none}.onidot-space-order li{display:flex;align-items:center;gap:12px;min-height:var(--onidot-control-height);padding:6px 8px 6px 12px;border:1px solid var(--onidot-line);border-radius:var(--onidot-radius);background:var(--onidot-raised)}.onidot-space-order li[draggable="true"]{cursor:grab}.onidot-space-order li[draggable="true"]:active{cursor:grabbing}.onidot-space-order__name{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.onidot-space-order__actions{display:flex;gap:4px}.onidot-space-order__actions button{min-height:var(--onidot-control-small-height);padding:0 8px;border:1px solid var(--onidot-line);border-radius:var(--onidot-radius);background:var(--onidot-raised);color:var(--onidot-text);font-size:13px}.onidot-space-order__actions button:hover:not(:disabled){background:var(--onidot-surface)}.onidot-space-order__actions button:disabled{opacity:.55;cursor:not-allowed}
@media(max-width:767px),(pointer:coarse){.onidot-space-order__actions{--onidot-control-small-height:2.75rem}.onidot-space-order__actions button{min-width:var(--onidot-control-small-height);min-height:var(--onidot-control-small-height)}}

body[data-onidot-density="compact"]{--onidot-control-height:2rem;--onidot-control-small-height:1.75rem;--onidot-control-large-height:2.25rem;--onidot-menu-item-height:2rem}body[data-onidot-density="compact"] .onidot-button--secondary,body[data-onidot-density="compact"] .onidot-button--ghost,body[data-onidot-density="compact"] .onidot-menu__trigger,body[data-onidot-density="compact"] .onidot-menu__item{font-weight:500}body[data-onidot-density="compact"] .onidot-menu__item[aria-checked="true"]{font-weight:600}body[data-onidot-density="compact"] .onidot-menu__trigger,body[data-onidot-density="compact"] .onidot-menu__item,body[data-onidot-density="compact"] .onidot-field__input{font-size:14px}body[data-onidot-density="compact"] .onidot-menu__trigger{gap:6px;padding:0 8px}body[data-onidot-density="compact"] .onidot-menu__trigger>svg:last-child{width:.75rem;height:.75rem}body[data-onidot-density="compact"] .onidot-menu__item>svg,body[data-onidot-density="compact"] .onidot-icon-button>svg{width:1rem;height:1rem}body[data-onidot-density="compact"] .onidot-dialog .onidot-icon-button{width:var(--onidot-control-small-height);min-height:var(--onidot-control-small-height)}body[data-onidot-density="compact"] .onidot-dialog select,body[data-onidot-density="compact"] .onidot-dialog .select-field select{height:var(--onidot-control-height);min-height:var(--onidot-control-height);padding:0 34px 0 10px}
/* 터치 화면(pointer:coarse)도 컨트롤의 보이는 높이는 마우스 화면 값을 쓴다. 입력칸·선택 상자는 가상 요소가 없어 44px min-height를 그대로 둔다(compact 규칙과 같은 명시도라 뒤에 둔다). */
@media(pointer:coarse){.onidot-field__input,.onidot-dialog select,.onidot-dialog .select-field select,body[data-onidot-density="compact"] .onidot-dialog select,body[data-onidot-density="compact"] .onidot-dialog .select-field select{min-height:2.75rem}}
.onidot-app-launcher{position:relative;flex:none}.onidot-app-launcher__trigger{min-width:var(--onidot-control-height);min-height:var(--onidot-control-height);display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:8px;background:transparent;color:var(--onidot-muted)}.onidot-app-launcher__trigger:hover{background:var(--onidot-surface)}.onidot-app-launcher__trigger[aria-expanded="true"]{background:var(--onidot-accent-soft);color:var(--onidot-accent)}.onidot-app-launcher__popover{position:absolute;top:calc(100% + 6px);left:0;z-index:40;background:var(--onidot-raised);border:1px solid var(--onidot-line);border-radius:10px;box-shadow:var(--onidot-shadow);padding:8px;width:152px}.onidot-app-launcher__title{padding:2px 2px 8px;color:var(--onidot-muted);font-size:11.5px;font-weight:600}.onidot-app-launcher__grid{display:grid;grid-template-columns:repeat(2,64px);gap:4px}.onidot-app-launcher__tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 2px 6px;border-radius:8px;color:var(--onidot-text);text-decoration:none}.onidot-app-launcher__tile:hover{background:var(--onidot-surface)}.onidot-app-launcher__icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px}.onidot-app-launcher__tile.is-current .onidot-app-launcher__icon{background:var(--onidot-accent-soft)}.onidot-app-launcher__tile:not(.is-current) .onidot-app-launcher__icon{background:var(--onidot-subtle)}.onidot-app-launcher__tile:not(.is-current) .onidot-app-launcher__icon svg{filter:grayscale(1);opacity:.65}.onidot-app-launcher__label{font-size:12px;font-weight:600}.onidot-app-launcher__ext{position:absolute;top:4px;right:8px;color:var(--onidot-faint)}
/* 터치 화면의 44px 누름 영역: 버튼은 보이는 크기(32px 등)를 두고 투명 ::after를 세로 가운데로 44px 세운다. 가로는 버튼 폭 그대로라 옆 요소를 가로채지 않고, 32px 정사각 아이콘 trigger만 좌우 6px씩 넓힌다. */
@media(pointer:coarse){.onidot-button,.onidot-menu__trigger,.onidot-icon-button,.onidot-app-launcher__trigger{position:relative}.onidot-button::after,.onidot-menu__trigger::after,.onidot-icon-button::after,.onidot-app-launcher__trigger::after{content:"";position:absolute;left:0;right:0;top:50%;height:2.75rem;transform:translateY(-50%)}.onidot-icon-button::after,.onidot-app-launcher__trigger::after,.onidot-menu.onidot-account-menu>.onidot-menu__trigger::after{left:-6px;right:-6px}.onidot-menu--icon>.onidot-menu__trigger::after{left:-6px;right:-6px}}
/* 공용 코드 하이라이트(이슈 번호 286): @onidot/ui/code-highlight의 onidotCodeHighlighter가 붙이는 클래스.
   .onidot-code로 감싼 코드 영역에서만 적용해 다른 lezer 구문 트리로 번지지 않는다 — Wiki는 코드 블록의
   .cm-editor에, Notes는 펜스·들여쓰기 코드 줄의 .cm-line에 이 클래스를 붙인다(code-highlight.ts 참고). */
.onidot-code .onidot-tok-keyword{color:var(--onidot-code-keyword)}
.onidot-code .onidot-tok-string{color:var(--onidot-code-string)}
.onidot-code .onidot-tok-number{color:var(--onidot-code-number)}
.onidot-code .onidot-tok-comment{color:var(--onidot-code-comment);font-style:italic}

/* 공용 피드백 토스트(이슈 188): 데스크톱은 헤더 아래 오른쪽 고정, 모바일(900px 미만)은 하단 좌우 고정.
   레이어는 위 z-index 스케일의 70(바텀 시트 61보다 위). 최대 5장 + 뒤로 겹친 2장(모바일은 1장 + 겹침을 눌러 펼침). */
.onidot-feedback{position:fixed;z-index:70;top:calc(var(--onidot-app-header-height,56px) + 12px);right:16px;width:360px;pointer-events:none}
.onidot-feedback__list{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin:0;padding:0;list-style:none}
.onidot-feedback__item{position:relative;min-width:0;pointer-events:auto}
/* 겹침 카드: 앞 카드와 같은 격자 행(인라인 grid-row)에 절대 위치로 겹친다 — 행 높이에 끼지 않아 앞 카드는 자기 높이를
   유지하고, 겹침 카드는 앞 카드 높이에 맞춰 잘린다. 보이는 카드와 한 목록(같은 key)이라 옮겨져도 다시 마운트되지 않는다. */
.onidot-feedback__item--piled{position:absolute;inset:0;pointer-events:none}
.onidot-feedback__item--piled .onidot-feedback__card{height:100%;overflow:hidden}
/* 앞 카드 높이로 잘린 겹침 카드의 내용 조각이 아래(모바일은 위) 띠로 비치지 않게 카드 겉모양만 남긴다(aria-hidden 장식). */
.onidot-feedback__item--piled .onidot-feedback__card>*{visibility:hidden}
.onidot-feedback__card{position:relative;display:flex;align-items:flex-start;gap:10px;width:auto;padding:14px 36px 14px 14px;border:1px solid var(--onidot-line);border-radius:8px;background:var(--onidot-raised);box-shadow:var(--onidot-shadow);font-size:13.5px;line-height:1.5;animation:onidot-feedback-in-desktop .16s ease}
/* 겹침 오프셋은 transform이 아니라 translate·scale 속성으로 준다 — 나타남 모션(transform)과 겹쳐도 서로 덮지 않는다. */
.onidot-feedback__card[data-depth="0"]{z-index:3}
.onidot-feedback__card[data-depth="1"]{z-index:2;translate:0 10px;scale:.97;opacity:.88}
.onidot-feedback__card[data-depth="2"]{z-index:1;translate:0 18px;scale:.94;opacity:.7}
.onidot-feedback__icon{flex:none;margin-top:1px;color:var(--onidot-muted)}
.onidot-feedback__icon svg{width:20px;height:20px}
.onidot-feedback__card--success .onidot-feedback__icon{color:var(--onidot-success)}
.onidot-feedback__card--info .onidot-feedback__icon{color:var(--onidot-accent)}
.onidot-feedback__card--warning .onidot-feedback__icon{color:var(--onidot-warning)}
.onidot-feedback__card--error .onidot-feedback__icon{color:var(--onidot-danger)}
.onidot-feedback__body{flex:1;min-width:0;display:grid;gap:3px}
.onidot-feedback__title{margin:0;font-weight:600;font-size:13.5px;color:var(--onidot-text);overflow:hidden;text-overflow:ellipsis}
.onidot-feedback__card--error .onidot-feedback__title{color:var(--onidot-danger)}
.onidot-feedback__desc{margin:0;color:var(--onidot-muted);font-size:13px}
.onidot-feedback__action{justify-self:start;align-self:start;min-height:36px;margin:0 0 -8px -10px;padding:0 10px;border:0;border-radius:6px;background:transparent;color:var(--onidot-accent);font-weight:600}
.onidot-feedback__action:hover{background:var(--onidot-accent-soft)}
.onidot-feedback__close{position:absolute;top:8px;right:8px;width:28px;height:28px;border:0;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--onidot-muted)}
.onidot-feedback__close::after{content:"";position:absolute;inset:-4px}
.onidot-feedback__close:hover{background:var(--onidot-surface)}
/* 겹침 묶음을 펼치는 버튼: 대표 카드(depth 0) 위에 전체를 덮지 않고, 카드 밖으로 삐져나온
   겹침 카드의 띠(모바일은 카드 위쪽 10~18px)만 덮는 얇은 누름 영역으로 둔다. 이렇게 해야
   대표 카드의 닫기·액션 버튼이 항상 클릭을 먼저 받는다(리뷰 지적, 이슈 188). 시각적으로는
   투명하고, 접근 가능한 이름은 aria-label만으로 전달한다. */
.onidot-feedback__pile{position:absolute;left:0;right:0;bottom:100%;min-height:24px;margin:0;padding:0;border:0;background:transparent;cursor:pointer}
@keyframes onidot-feedback-in-desktop{from{transform:translateY(-6px);opacity:0}to{transform:translateY(0);opacity:1}}
@keyframes onidot-feedback-in-mobile{from{transform:translateY(6px);opacity:0}to{transform:translateY(0);opacity:1}}
@media(max-width:899px){
  .onidot-feedback{top:auto;right:16px;left:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px) + var(--onidot-feedback-offset-bottom,0px));width:auto}
  .onidot-feedback__card{animation:onidot-feedback-in-mobile .16s ease}
  .onidot-feedback__card[data-depth="1"]{translate:0 -10px}
  .onidot-feedback__card[data-depth="2"]{translate:0 -18px}
}
@media(prefers-reduced-motion:reduce){.onidot-feedback__card{animation:none}}

/* 공용 사이드바 폭 손잡이(Wiki .sidebar-resize-handle과 같은 규칙, 이슈 411). 마우스(pointer:fine)가 있는 고정 화면(900px+)에서만 보인다. */
.onidot-sidebar-resize-handle{display:none}
@media(min-width:900px) and (pointer:fine){
  .onidot-sidebar-resize-handle{display:block;position:absolute;right:0;top:0;bottom:0;width:6px;cursor:col-resize;touch-action:none;z-index:2}
  .onidot-sidebar-resize-handle:hover,.onidot-sidebar-resize-handle:focus-visible{background:var(--onidot-sidebar-resize-hover)}
  .onidot-sidebar-resize-handle:focus-visible{outline:2px solid var(--onidot-accent);outline-offset:-2px}
}
/* Additive controls: existing Button, Field, and document styles retain their selectors. */
.onidot-input,.onidot-select,.onidot-textarea{box-sizing:border-box;display:block;width:100%;min-width:0;border:1px solid var(--onidot-line);border-radius:6px;background:var(--onidot-raised);color:var(--onidot-text);font:inherit;font-size:14px}
.onidot-input,.onidot-select{padding:0 10px}
.onidot-input--sm,.onidot-select--sm{min-height:28px}
.onidot-input--md,.onidot-select--md{min-height:32px}
.onidot-textarea{min-height:96px;padding:8px 10px;line-height:1.5;resize:none}
.onidot-textarea--sm{min-height:72px}
.onidot-input:focus-visible,.onidot-select:focus-visible,.onidot-textarea:focus-visible{outline:3px solid var(--onidot-focus-ring);outline-offset:1px;border-color:var(--onidot-accent)}
.onidot-input:disabled,.onidot-select:disabled,.onidot-textarea:disabled{background:var(--onidot-surface);color:var(--onidot-muted);cursor:not-allowed}
.onidot-input:read-only,.onidot-textarea:read-only{background:var(--onidot-surface)}
.onidot-input[aria-invalid="true"],.onidot-select[aria-invalid="true"],.onidot-textarea[aria-invalid="true"]{border-color:var(--onidot-danger)}
.onidot-search-field{box-sizing:border-box;display:flex;align-items:center;gap:8px;width:100%;min-width:0;height:36px;padding:0 9px;border:1px solid var(--onidot-line);border-radius:6px;background:var(--onidot-raised);color:var(--onidot-muted)}
.onidot-search-field--sm{height:32px}
.onidot-search-field:focus-within{border-color:var(--onidot-accent);outline:3px solid var(--onidot-focus-ring);outline-offset:1px}
.onidot-search-field__icon{flex:none;width:16px;height:16px}
.onidot-search-field__input{flex:1;min-width:0;width:100%;height:100%;padding:0;border:0;outline:0;background:transparent;color:var(--onidot-text);font:inherit;font-size:14px}
.onidot-search-field__input:focus-visible{outline:0}
.onidot-search-field__input::-webkit-search-cancel-button{-webkit-appearance:none}
.onidot-search-field__clear{display:inline-flex;align-items:center;justify-content:center;flex:none;width:24px;height:24px;padding:0;border:0;border-radius:4px;background:transparent;color:var(--onidot-muted)}
.onidot-search-field__clear:hover{background:var(--onidot-surface);color:var(--onidot-text)}
.onidot-search-field__clear:focus-visible{outline:2px solid var(--onidot-accent);outline-offset:1px}
.onidot-search-field__clear:disabled{opacity:.5;cursor:not-allowed}
.onidot-search-field__clear>svg{width:15px;height:15px}
.onidot-search-field__trailing{display:inline-flex;align-items:center;flex:none;font-size:12px}
.onidot-icon-action{display:inline-flex;align-items:center;justify-content:center;flex:none;padding:0;border:0;border-radius:6px;color:var(--onidot-muted);cursor:pointer}
.onidot-icon-action--sm{--onidot-icon-visual-size:28px;width:28px;min-height:28px}
.onidot-icon-action--md{--onidot-icon-visual-size:32px;width:32px;min-height:32px}
.onidot-icon-action--ghost{background:transparent}
.onidot-icon-action--secondary{background:var(--onidot-raised);box-shadow:var(--onidot-control-line) 0 0 0 1px inset}
.onidot-icon-action:hover:not(:disabled){background:var(--onidot-accent-soft);color:var(--onidot-accent)}
.onidot-icon-action:focus-visible{outline:3px solid var(--onidot-focus-ring);outline-offset:1px}
.onidot-icon-action:disabled{opacity:.5;cursor:not-allowed}
.onidot-icon-action>svg{width:16px;height:16px}
.onidot-toggle-group{display:inline-flex;align-items:center;gap:2px;padding:2px;border:1px solid var(--onidot-line);border-radius:7px;background:var(--onidot-surface)}
.onidot-toggle-group__item{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:28px;padding:0 9px;border:0;border-radius:5px;background:transparent;color:var(--onidot-muted);font:inherit;font-size:13px;cursor:pointer}
.onidot-toggle-group__item[aria-pressed="true"]{background:var(--onidot-raised);color:var(--onidot-accent);font-weight:600;box-shadow:var(--onidot-control-line) 0 0 0 1px inset}
.onidot-toggle-group__item:focus-visible{outline:3px solid var(--onidot-focus-ring);outline-offset:1px}
.onidot-toggle-group__item:disabled{opacity:.5;cursor:not-allowed}
.onidot-toggle-group__icon{display:inline-flex;align-items:center}
.onidot-toggle-group__icon>svg{width:15px;height:15px}
.onidot-form-field{display:grid;gap:6px;min-width:0}
.onidot-form-field__label{font-size:14px;font-weight:600;color:var(--onidot-text)}
.onidot-form-field__hint,.onidot-form-field__error{font-size:13px;color:var(--onidot-muted)}
.onidot-form-field__error{color:var(--onidot-danger)}
.onidot-form-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
@media(pointer:coarse){.onidot-input,.onidot-select{min-height:44px}.onidot-search-field,.onidot-search-field--sm{height:44px}.onidot-search-field__clear{width:44px;height:44px}.onidot-icon-action--sm,.onidot-icon-action--md{position:relative;width:44px;min-height:44px;background:transparent;box-shadow:none}.onidot-icon-action::before{content:"";position:absolute;width:var(--onidot-icon-visual-size);height:var(--onidot-icon-visual-size);border-radius:6px;pointer-events:none}.onidot-icon-action--secondary::before{background:var(--onidot-raised);box-shadow:var(--onidot-control-line) 0 0 0 1px inset}.onidot-icon-action:hover:not(:disabled)::before{background:var(--onidot-accent-soft)}.onidot-icon-action>*{position:relative;z-index:1}.onidot-toggle-group__item{min-height:44px}}

/* Space 유형은 이름 옆 한 줄 배지로 표시한다. 이름만 줄이고 배지와 선택 표시는 보존한다. */
.onidot-space-type-badge{display:inline-flex;align-items:center;flex:none;white-space:nowrap;width:max-content;padding:1px 6px;border:1px solid var(--onidot-line);border-radius:4px;background:var(--onidot-surface);color:var(--onidot-muted);font-size:.6875rem;line-height:1.5;font-weight:500;letter-spacing:0}
.onidot-space-type-badge[data-type="TEAM"]{background:var(--onidot-accent-soft);color:var(--onidot-accent)}
.onidot-space-selector__current,.onidot-menu__label-with-badge{display:flex;align-items:center;gap:6px;min-width:0}
.onidot-space-selector__name,.onidot-menu__label-with-badge>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.onidot-space-selector .onidot-menu__copy{min-width:0}
.onidot-space-selector .onidot-menu__item-icon,.onidot-space-selector .onidot-menu__item>svg,.onidot-space-selector .onidot-menu__trigger>svg{flex-shrink:0}

/* Approved onidot assets follow the host theme without changing layout tokens. */
.onidot-logo{display:block;flex-shrink:0}
.onidot-app-header__mark{display:none}
@media(max-width:767px){.onidot-app-header__mark{display:flex}}
:root[data-theme="light"]{--onidot-logo-ink:#0B1F44;--onidot-icon-ink:#FFFFFF;--onidot-icon-background:#0B1F44}
:root[data-theme="dark"]{--onidot-logo-ink:#FFFFFF;--onidot-icon-ink:#0B1F44;--onidot-icon-background:#FFFFFF}

/* 받침 없는 한글(예: 새 페이지)은 잉크가 위로 쏠려 아이콘보다 떠 보인다. 버튼 글자만 기준선을 살짝 내린다. */
.onidot-button>span{position:relative;top:.04em}

/* 기능 선택도 기존 앱 버튼·타일을 그대로 사용하며 열 수만 3열로 고정한다. */
.onidot-app-launcher--functions .onidot-app-launcher__popover{width:220px;max-width:calc(100vw - 16px)}
.onidot-app-launcher--functions .onidot-app-launcher__grid{grid-template-columns:repeat(3,minmax(0,1fr))}

/* 위키에서 검증된 페이지 표현. 소비 앱의 shell/전역 CSS 없이 완결한다. */
.onidot-page-layout{box-sizing:border-box;min-width:0;width:100%;color:var(--onidot-text);font-family:inherit;font-size:14px;line-height:1.5}
.onidot-page-layout--form{max-width:60rem;margin-inline:auto}
.onidot-page-layout--inset{padding:18px 16px 32px}
.onidot-page-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.onidot-page-heading__copy{min-width:0}
/* A heading that only receives focus from the page (tabindex -1, after a route change) draws no ring: it is not a control. */
.onidot-page-heading__title[tabindex="-1"]:focus{outline:none}
.onidot-page-heading .onidot-page-heading__title{display:flex;align-items:center;gap:10px;margin:0;font-size:20px;font-weight:600;line-height:1.35;letter-spacing:normal;color:var(--onidot-text);overflow-wrap:anywhere}
.onidot-page-heading .onidot-page-heading__description{margin:6px 0 0;color:var(--onidot-muted);font-size:13px;line-height:1.6}
.onidot-page-heading__actions{display:flex;align-items:center;gap:8px;flex:none;flex-wrap:wrap}
.onidot-page-heading__count{font-size:12px;font-weight:400;color:var(--onidot-muted)}
.onidot-page-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.onidot-page-section{border-top:1px solid var(--onidot-line);margin-top:24px;padding-top:20px;min-width:0}
.onidot-page-section__heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:12px}
.onidot-page-section .onidot-page-section__title{margin:0;font-size:15px;font-weight:600;line-height:1.5;color:var(--onidot-text);letter-spacing:normal}
.onidot-page-section .onidot-page-section__description{margin:0 0 14px;color:var(--onidot-muted);font-size:13px;line-height:1.6}
.onidot-notice{margin:12px 0;padding:10px 12px;border:1px solid var(--onidot-line);border-radius:6px;background:var(--onidot-surface);color:var(--onidot-muted);font-size:13px;line-height:1.6;overflow-wrap:anywhere}
.onidot-notice--danger{color:var(--onidot-danger);background:var(--onidot-danger-hover);border-color:var(--onidot-danger-control-line)}
.onidot-notice--success{color:var(--onidot-success);background:var(--onidot-success-soft)}
.onidot-filter-bar{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;min-width:0;margin:0 0 16px}
.onidot-filter-bar>label,.onidot-filter-details__body>label{display:grid;gap:6px;min-width:0;flex:1 1 150px;font-size:13px;color:var(--onidot-muted)}
.onidot-filter-details{min-width:0;flex:1 1 100%;font-size:13px;color:var(--onidot-muted)}
.onidot-filter-details>summary{width:max-content;max-width:100%;padding:6px 0;cursor:pointer;color:var(--onidot-text)}
.onidot-filter-details__body{display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px;padding:12px 0}
.onidot-data-list{margin:0;padding:0;list-style:none;min-width:0;border-top:1px solid var(--onidot-line)}
.onidot-data-row{padding:12px 0;border-bottom:1px solid var(--onidot-line);min-width:0;overflow-wrap:anywhere;font-size:14px;line-height:1.5}
.onidot-text-action{font:inherit;font-size:14px;font-weight:500;line-height:1.5;color:var(--onidot-text);padding:2px 0;border:0;border-radius:4px;background:transparent;text-align:left;cursor:pointer;overflow-wrap:anywhere}
.onidot-text-action:hover:not(:disabled){color:var(--onidot-accent)}
.onidot-text-action:disabled{opacity:.5;cursor:not-allowed}
.onidot-text-action:focus-visible,.onidot-filter-details>summary:focus-visible{outline:2px solid var(--onidot-focus-ring);outline-offset:2px}
.onidot-checkbox{appearance:auto;box-sizing:border-box;width:16px;height:16px;min-height:0;margin:0;flex:none;vertical-align:middle;accent-color:var(--onidot-brand)}
.onidot-form-stack,.onidot-form-fieldset{display:grid;gap:12px;min-width:0}
.onidot-form-fieldset{border:0;padding:0;margin:0 0 16px}
.onidot-form-fieldset>legend{padding:0 0 10px;font-size:13px;font-weight:500;color:var(--onidot-muted)}
.onidot-form-fieldset>label,.onidot-form-stack>label{display:grid;gap:6px;font-size:13px;color:var(--onidot-text)}
.onidot-form-fieldset>button,.onidot-form-stack>button{justify-self:start}
.onidot-button.onidot-button--compact{height:28px;min-height:28px;font-size:12.5px;padding:0 8px}
@media(min-width:640px){.onidot-page-layout--inset{padding-inline:24px}}
@media(min-width:1200px){.onidot-page-layout--inset{padding-inline:32px}}
@media(max-width:639px){.onidot-page-heading{flex-wrap:wrap}.onidot-filter-bar>label,.onidot-filter-details__body>label{flex-basis:100%}}
@media(pointer:coarse){.onidot-text-action,.onidot-filter-details>summary{min-height:44px;display:inline-flex;align-items:center}.onidot-checkbox{width:20px;height:20px}.onidot-filter-bar>label:has(.onidot-checkbox),.onidot-filter-details__body>label:has(.onidot-checkbox){min-height:44px}}

.onidot-text-action[aria-current="true"],.onidot-text-action[aria-current="page"]{color:var(--onidot-accent);font-weight:600;background:var(--onidot-accent-soft)}

.onidot-table-scroll{max-width:100%;min-width:0;width:100%;overflow-x:auto;margin-block:12px}
.onidot-data-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px;line-height:1.5;color:var(--onidot-text)}
.onidot-data-table--wide{min-width:48rem}
.onidot-data-table th,.onidot-data-table td{border:0;border-bottom:1px solid var(--onidot-line);padding:10px 12px;vertical-align:top}
.onidot-data-table th{font-size:12px;font-weight:500;color:var(--onidot-muted);background:var(--onidot-surface);white-space:nowrap}
.onidot-data-table caption{text-align:left;padding:0 0 10px;font-size:13px;font-weight:500;color:var(--onidot-text)}
.onidot-table-scroll:focus-visible{outline:2px solid var(--onidot-focus-ring);outline-offset:2px}
.onidot-page-heading>button{flex:none}

.onidot-radio{appearance:auto;box-sizing:border-box;width:16px;height:16px;margin:0;flex:none;vertical-align:middle;accent-color:var(--onidot-brand)}
.onidot-select.onidot-select--content{width:auto;flex:none}
.onidot-search-field--header{height:100%;border:0;background:transparent;padding:0;outline:0}
.onidot-search-field--explorer{padding:0 10px}
.onidot-search-field--explorer:focus-within{outline:2px solid var(--onidot-accent);outline-offset:2px}
.onidot-search-field--fluid{flex:1 1 0;width:auto;min-width:0}
.onidot-search-field--explorer.onidot-search-field--fluid{flex:1 1 280px}
.onidot-search-field--document-search{border-radius:8px;color:var(--onidot-faint);padding:0 12px}
.onidot-search-field--document-search .onidot-search-field__input{font-weight:500}
.onidot-search-field--document-search:focus-within{border-color:var(--onidot-accent);box-shadow:0 0 0 3px var(--onidot-accent-soft)}
.onidot-toggle-group--icons{display:flex;flex:none;gap:4px;padding:3px;background:var(--onidot-surface);border-radius:6px}
.onidot-toggle-group--icons .onidot-toggle-group__item{position:relative;width:28px;min-width:28px;height:28px;min-height:28px;padding:0}
.onidot-toggle-group--icons .onidot-toggle-group__item>span:last-child{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.onidot-toggle-group--icons .onidot-toggle-group__item[aria-pressed=true]{background:var(--onidot-canvas);color:var(--onidot-text);box-shadow:0 1px 3px color-mix(in srgb,var(--onidot-text) 10.2%,transparent);font-weight:600}
@media(max-width:639px){.onidot-search-field--fluid{flex-basis:100%;width:100%}}
@media(pointer:coarse){.onidot-radio{width:20px;height:20px}.onidot-search-field--header{height:100%}.onidot-toggle-group--icons .onidot-toggle-group__item{height:28px;min-height:28px}.onidot-toggle-group--icons .onidot-toggle-group__item::after{content:'';position:absolute;inset:-8px 0}}

.onidot-state.onidot-state--compact{padding:20px 16px}
.onidot-pagination{display:flex;justify-content:flex-end;gap:8px}
.onidot-load-more{display:flex;justify-content:center;margin:16px 0}

/* Status: a dot and a word (no fill). A toned status leads with a filled dot in its colour; a neutral one is a quiet outlined tag. */
.onidot-status-badge{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;padding:0 6px;border:1px solid var(--onidot-line);border-radius:4px;background:transparent;color:var(--onidot-muted);font-size:12px;line-height:1.5;font-weight:500}
.onidot-status-badge--success{color:var(--onidot-success);border-color:transparent;padding:0}
.onidot-status-badge--warning{color:var(--onidot-warning);border-color:transparent;padding:0}
.onidot-status-badge--danger{color:var(--onidot-danger);border-color:transparent;padding:0}
.onidot-status-badge--info{color:var(--onidot-accent);border-color:transparent;padding:0}
.onidot-status-badge--success::before,.onidot-status-badge--warning::before,.onidot-status-badge--danger::before,.onidot-status-badge--info::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:currentColor}
.onidot-timestamp{white-space:nowrap;color:var(--onidot-muted);font-size:12px}

.onidot-select.onidot-select--plain{border:0;background:transparent;font-size:12px;min-height:32px;padding:4px;max-width:140px}
@media(pointer:coarse){.onidot-select.onidot-select--plain{min-height:44px}}
.onidot-form{min-width:0;width:100%;margin:0 0 16px}.onidot-form--form{max-width:32rem}

/* Dark theme: the same tokens with dark values. It follows the system setting unless the page sets data-theme="light", and data-theme="dark" forces it. Components keep using tokens only. */
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--onidot-canvas:#0f1216;--onidot-surface:#161b21;--onidot-text:#e4e8ee;--onidot-muted:#9aa5b5;--onidot-accent:#6ea2ff;--onidot-accent-hover:#8ab4ff;--onidot-line:#262d36;--onidot-danger:#f07167;--onidot-success:#45c08e;--onidot-success-soft:#13291f;--onidot-warning:#f0a24a;--onidot-warning-soft:#251c11;--onidot-brand:#2f7bff;--onidot-brand-hover:#4a8cff;--onidot-brand-active:#1f6af0;--onidot-accent-soft:#172a45;--onidot-shadow:0 12px 32px rgba(0,0,0,.5);--onidot-raised:#1a2027;--onidot-control-line:rgba(228,232,238,.16);--onidot-danger-control-line:rgba(240,113,103,.45);--onidot-danger-hover:#301817;--onidot-focus-ring:rgba(110,162,255,.5);--onidot-backdrop:rgba(0,0,0,.6);--onidot-dialog-shadow:0 24px 64px rgba(0,0,0,.6);--onidot-state-icon-bg:#172a45;--onidot-track:#262d36;--onidot-avatar-bg:#24324a;--onidot-avatar-text:#a9bde6;--onidot-mark-bg:#1d3357;--onidot-subtle:#1c222a;--onidot-faint:#6f7b8c;--onidot-wordmark:#e8edf5;--onidot-code-bg:#141a21;--onidot-code-fg:#d6deea;--onidot-code-inline-bg:#1c232c;--onidot-code-gutter-fg:#5c6878;--onidot-code-active-line-bg:#1b2430;--onidot-code-selection-bg:#1d3357;--onidot-code-keyword:#6ea2ff;--onidot-code-string:#45c08e;--onidot-code-number:#8ab4ff;--onidot-code-comment:#8b96a6;--onidot-sidebar-resize-hover:#2c4a7a;--onidot-logo-ink:#FFFFFF;--onidot-icon-ink:#0B1F44;--onidot-icon-background:#FFFFFF;color-scheme:dark}}
:root[data-theme="dark"]{--onidot-canvas:#0f1216;--onidot-surface:#161b21;--onidot-text:#e4e8ee;--onidot-muted:#9aa5b5;--onidot-accent:#6ea2ff;--onidot-accent-hover:#8ab4ff;--onidot-line:#262d36;--onidot-danger:#f07167;--onidot-success:#45c08e;--onidot-success-soft:#13291f;--onidot-warning:#f0a24a;--onidot-warning-soft:#251c11;--onidot-brand:#2f7bff;--onidot-brand-hover:#4a8cff;--onidot-brand-active:#1f6af0;--onidot-accent-soft:#172a45;--onidot-shadow:0 12px 32px rgba(0,0,0,.5);--onidot-raised:#1a2027;--onidot-control-line:rgba(228,232,238,.16);--onidot-danger-control-line:rgba(240,113,103,.45);--onidot-danger-hover:#301817;--onidot-focus-ring:rgba(110,162,255,.5);--onidot-backdrop:rgba(0,0,0,.6);--onidot-dialog-shadow:0 24px 64px rgba(0,0,0,.6);--onidot-state-icon-bg:#172a45;--onidot-track:#262d36;--onidot-avatar-bg:#24324a;--onidot-avatar-text:#a9bde6;--onidot-mark-bg:#1d3357;--onidot-subtle:#1c222a;--onidot-faint:#6f7b8c;--onidot-wordmark:#e8edf5;--onidot-code-bg:#141a21;--onidot-code-fg:#d6deea;--onidot-code-inline-bg:#1c232c;--onidot-code-gutter-fg:#5c6878;--onidot-code-active-line-bg:#1b2430;--onidot-code-selection-bg:#1d3357;--onidot-code-keyword:#6ea2ff;--onidot-code-string:#45c08e;--onidot-code-number:#8ab4ff;--onidot-code-comment:#8b96a6;--onidot-sidebar-resize-hover:#2c4a7a;--onidot-logo-ink:#FFFFFF;--onidot-icon-ink:#0B1F44;--onidot-icon-background:#FFFFFF;color-scheme:dark}