@donkit-ai/design-system 1.4.72 → 1.4.73
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs.js +2 -2
- package/dist/index.es.js +26 -25
- package/dist/tokens.css +1 -1
- package/package.json +1 -1
package/dist/index.cjs.js
CHANGED
|
@@ -14,9 +14,9 @@
|
|
|
14
14
|
*
|
|
15
15
|
* This source code is licensed under the MIT license found in the
|
|
16
16
|
* LICENSE file in the root directory of this source tree.
|
|
17
|
-
*/var $e;function Qe(){return $e||($e=1,process.env.NODE_ENV!=="production"&&function(){function t(m){if(m==null)return null;if(typeof m=="function")return m.$$typeof===M?null:m.displayName||m.name||null;if(typeof m=="string")return m;switch(m){case y:return"Fragment";case _:return"Profiler";case S:return"StrictMode";case D:return"Suspense";case C:return"SuspenseList";case N:return"Activity"}if(typeof m=="object")switch(typeof m.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),m.$$typeof){case j:return"Portal";case k:return m.displayName||"Context";case g:return(m._context.displayName||"Context")+".Consumer";case A:var $=m.render;return m=m.displayName,m||(m=$.displayName||$.name||"",m=m!==""?"ForwardRef("+m+")":"ForwardRef"),m;case F:return $=m.displayName||null,$!==null?$:t(m.type)||"Memo";case L:$=m._payload,m=m._init;try{return t(m($))}catch{}}return null}function s(m){return""+m}function n(m){try{s(m);var $=!1}catch{$=!0}if($){$=console;var W=$.error,V=typeof Symbol=="function"&&Symbol.toStringTag&&m[Symbol.toStringTag]||m.constructor.name||"Object";return W.call($,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",V),s(m)}}function r(m){if(m===y)return"<>";if(typeof m=="object"&&m!==null&&m.$$typeof===L)return"<...>";try{var $=t(m);return $?"<"+$+">":"<...>"}catch{return"<...>"}}function a(){var m=
|
|
17
|
+
*/var $e;function Qe(){return $e||($e=1,process.env.NODE_ENV!=="production"&&function(){function t(m){if(m==null)return null;if(typeof m=="function")return m.$$typeof===M?null:m.displayName||m.name||null;if(typeof m=="string")return m;switch(m){case y:return"Fragment";case _:return"Profiler";case S:return"StrictMode";case D:return"Suspense";case C:return"SuspenseList";case N:return"Activity"}if(typeof m=="object")switch(typeof m.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),m.$$typeof){case j:return"Portal";case k:return m.displayName||"Context";case g:return(m._context.displayName||"Context")+".Consumer";case A:var $=m.render;return m=m.displayName,m||(m=$.displayName||$.name||"",m=m!==""?"ForwardRef("+m+")":"ForwardRef"),m;case F:return $=m.displayName||null,$!==null?$:t(m.type)||"Memo";case L:$=m._payload,m=m._init;try{return t(m($))}catch{}}return null}function s(m){return""+m}function n(m){try{s(m);var $=!1}catch{$=!0}if($){$=console;var W=$.error,V=typeof Symbol=="function"&&Symbol.toStringTag&&m[Symbol.toStringTag]||m.constructor.name||"Object";return W.call($,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",V),s(m)}}function r(m){if(m===y)return"<>";if(typeof m=="object"&&m!==null&&m.$$typeof===L)return"<...>";try{var $=t(m);return $?"<"+$+">":"<...>"}catch{return"<...>"}}function a(){var m=Y.A;return m===null?null:m.getOwner()}function o(){return Error("react-stack-top-frame")}function i(m){if(U.call(m,"key")){var $=Object.getOwnPropertyDescriptor(m,"key").get;if($&&$.isReactWarning)return!1}return m.key!==void 0}function l(m,$){function W(){E||(E=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",$))}W.isReactWarning=!0,Object.defineProperty(m,"key",{get:W,configurable:!0})}function d(){var m=t(this.type);return B[m]||(B[m]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),m=this.props.ref,m!==void 0?m:null}function u(m,$,W,V,Z,ne){var H=W.ref;return m={$$typeof:v,type:m,key:$,props:W,_owner:V},(H!==void 0?H:null)!==null?Object.defineProperty(m,"ref",{enumerable:!1,get:d}):Object.defineProperty(m,"ref",{enumerable:!1,value:null}),m._store={},Object.defineProperty(m._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(m,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(m,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:Z}),Object.defineProperty(m,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:ne}),Object.freeze&&(Object.freeze(m.props),Object.freeze(m)),m}function f(m,$,W,V,Z,ne){var H=$.children;if(H!==void 0)if(V)if(I(H)){for(V=0;V<H.length;V++)h(H[V]);Object.freeze&&Object.freeze(H)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else h(H);if(U.call($,"key")){H=t(m);var J=Object.keys($).filter(function(_e){return _e!=="key"});V=0<J.length?"{key: someKey, "+J.join(": ..., ")+": ...}":"{key: someKey}",R[H+V]||(J=0<J.length?"{"+J.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
|
|
18
18
|
let props = %s;
|
|
19
19
|
<%s {...props} />
|
|
20
20
|
React keys must be passed directly to JSX without using spread:
|
|
21
21
|
let props = %s;
|
|
22
|
-
<%s key={someKey} {...props} />`,V,H,J,H),R[H+V]=!0)}if(H=null,W!==void 0&&(n(W),H=""+W),i($)&&(n($.key),H=""+$.key),"key"in $){W={};for(var re in $)re!=="key"&&(W[re]=$[re])}else W=$;return H&&l(W,typeof m=="function"?m.displayName||m.name||"Unknown":m),u(m,H,W,a(),te,ne)}function h(m){x(m)?m._store&&(m._store.validated=1):typeof m=="object"&&m!==null&&m.$$typeof===L&&(m._payload.status==="fulfilled"?x(m._payload.value)&&m._payload.value._store&&(m._payload.value._store.validated=1):m._store&&(m._store.validated=1))}function x(m){return typeof m=="object"&&m!==null&&m.$$typeof===v}var p=c,v=Symbol.for("react.transitional.element"),j=Symbol.for("react.portal"),y=Symbol.for("react.fragment"),S=Symbol.for("react.strict_mode"),_=Symbol.for("react.profiler"),g=Symbol.for("react.consumer"),k=Symbol.for("react.context"),A=Symbol.for("react.forward_ref"),D=Symbol.for("react.suspense"),C=Symbol.for("react.suspense_list"),F=Symbol.for("react.memo"),L=Symbol.for("react.lazy"),N=Symbol.for("react.activity"),M=Symbol.for("react.client.reference"),q=p.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,U=Object.prototype.hasOwnProperty,I=Array.isArray,b=console.createTask?console.createTask:function(){return null};p={react_stack_bottom_frame:function(m){return m()}};var E,B={},O=p.react_stack_bottom_frame.bind(p,o)(),X=b(r(o)),R={};pe.Fragment=y,pe.jsx=function(m,$,W){var V=1e4>q.recentlyCreatedOwnerStacks++;return f(m,$,W,!1,V?Error("react-stack-top-frame"):O,V?b(r(m)):X)},pe.jsxs=function(m,$,W){var V=1e4>q.recentlyCreatedOwnerStacks++;return f(m,$,W,!0,V?Error("react-stack-top-frame"):O,V?b(r(m)):X)}}()),pe}process.env.NODE_ENV==="production"?ge.exports=Ze():ge.exports=Qe();var e=ge.exports;function ze({size:t="m",color:s="default",className:n="",...r}){return e.jsx("span",{className:["ds-spinner",`ds-spinner--${t}`,`ds-spinner--${s}`,n].filter(Boolean).join(" "),role:"status","aria-label":"Loading",...r})}const et={xs:12,s:14,m:16,l:20};function ee({children:t,variant:s="primary",size:n="m",fullWidth:r=!1,icon:a,disabled:o=!1,state:i="idle",onClick:l,type:d="button",href:u,"aria-label":f,className:h="",...x}){const p=a&&!t,v=i==="loading",j=i==="success",y=i==="error",S=v||j||y,_=n==="xs"?"s":"m",g=s==="danger"?"on-accent":"default",k=et[n]??16,A=v?e.jsx(ze,{size:_,color:g}):j?e.jsx("span",{className:"ds-button__icon","aria-hidden":"true",children:e.jsx(T.Check,{size:k,strokeWidth:2.5})}):y?e.jsx("span",{className:"ds-button__icon","aria-hidden":"true",children:e.jsx(T.X,{size:k,strokeWidth:2.5})}):null,D=["ds-button",`ds-button--${s}`,`ds-button--${n}`,r&&"ds-button--full",p&&"ds-button--icon-only",h].filter(Boolean).join(" "),C=i!=="idle"?i:void 0,F=e.jsxs(e.Fragment,{children:[S?A:a&&e.jsx("span",{className:"ds-button__icon","aria-hidden":"true",children:a}),t]});if(u){const L=N=>{if(o||v){N.preventDefault();return}N.metaKey||N.ctrlKey||N.button===1||(N.preventDefault(),l==null||l(N))};return e.jsx("a",{className:D,href:o||v?void 0:u,onClick:L,"aria-label":f,"aria-disabled":o||v?"true":void 0,"aria-busy":v?"true":void 0,"data-state":C,...x,children:F})}return e.jsx("button",{type:d,className:D,disabled:o,onClick:v?void 0:l,"aria-label":f,"aria-busy":v?"true":void 0,"data-state":C,...x,children:F})}function tt({label:t,error:s,hint:n,fullWidth:r=!0,icon:a,iconRight:o,onIconRightClick:i,size:l="m",disabled:d,id:u,...f}){const h=u||`input-${c.useId()}`,x=n?`${h}-hint`:void 0,p=s?`${h}-error`:void 0,v=p||x;return e.jsxs("div",{className:`ds-input-wrapper ${r?"ds-input-wrapper--full":""} ${d?"ds-input-wrapper--disabled":""} ${s?"ds-input-wrapper--error":""}`,children:[t&&e.jsx("label",{className:"ds-input-label",htmlFor:h,children:t}),e.jsxs("div",{className:"ds-input-container",children:[a&&e.jsx("span",{className:`ds-input-icon ds-input-icon--${l}`,"aria-hidden":"true",children:a}),e.jsx("input",{id:h,className:`ds-input ds-input--${l} ${a?"ds-input--with-icon":""} ${o?"ds-input--with-icon-right":""} ${s?"ds-input--error":""}`,disabled:d,"aria-invalid":s?"true":"false","aria-describedby":v,...f}),o&&e.jsx("button",{type:"button",className:`ds-input-icon-right ds-input-icon-right--${l}`,onClick:i,tabIndex:-1,"aria-label":"Toggle visibility",children:o})]}),n&&!s&&e.jsx("span",{id:x,className:"ds-input-hint",children:n}),e.jsx("div",{className:"ds-input-error-wrap",children:e.jsx("div",{className:"ds-input-error-inner",children:s&&e.jsx("span",{id:p,className:"ds-input-error",role:"alert",children:s})})})]})}function st({label:t,error:s,hint:n,fullWidth:r=!0,size:a="m",disabled:o,id:i,resize:l=!0,rows:d=3,...u}){const f=i||`textarea-${c.useId()}`,h=n?`${f}-hint`:void 0,x=s?`${f}-error`:void 0,p=x||h;return e.jsxs("div",{className:`ds-textarea-wrapper ${r?"ds-textarea-wrapper--full":""} ${o?"ds-textarea-wrapper--disabled":""}`,children:[t&&e.jsx("label",{className:"ds-textarea-label",htmlFor:f,children:t}),e.jsx("textarea",{id:f,className:`ds-textarea ds-textarea--${a} ${s?"ds-textarea--error":""} ${l?"":"ds-textarea--no-resize"}`,disabled:o,"aria-invalid":s?"true":"false","aria-describedby":p,rows:d,...u}),n&&!s&&e.jsx("span",{id:h,className:"ds-textarea-hint",children:n}),s&&e.jsx("span",{id:x,className:"ds-textarea-error",role:"alert",children:s})]})}function nt({label:t,value:s,onChange:n,options:r=[],placeholder:a="Select option",error:o,fullWidth:i=!0,size:l="m",disabled:d=!1,id:u,...f}){const[h,x]=c.useState(!1),[p,v]=c.useState(!1),[j,y]=c.useState({}),[S,_]=c.useState("down"),[g,k]=c.useState(-1),A=c.useRef(null),D=c.useRef(null),C=c.useRef(null),F=c.useRef(null),L=u||`select-${c.useId()}`,N=`${L}-label`,M=o?`${L}-error`:void 0,q=150,U=(R=!1)=>{p||(v(!0),k(-1),F.current=setTimeout(()=>{var m;x(!1),v(!1),R&&((m=C.current)==null||m.focus())},q))},I=R=>{clearTimeout(F.current),v(!1);const m=R!==void 0?R:Math.max(r.findIndex($=>$.value===s),0);k(m),x(!0)};c.useEffect(()=>()=>clearTimeout(F.current),[]);const b=()=>{var ne;const R=(ne=A.current)==null?void 0:ne.getBoundingClientRect();if(!R)return;const m=window.innerHeight,$=m-R.bottom,W=R.top,te=$<300&&W>$;_(te?"up":"down"),y(te?{bottom:m-R.top+4,left:R.left,width:R.width}:{top:R.bottom+4,left:R.left,width:R.width})};c.useEffect(()=>{if(h)return b(),window.addEventListener("scroll",b,!0),window.addEventListener("resize",b),()=>{window.removeEventListener("scroll",b,!0),window.removeEventListener("resize",b)}},[h]),c.useEffect(()=>{const R=m=>{A.current&&!A.current.contains(m.target)&&D.current&&!D.current.contains(m.target)&&U()};return document.addEventListener("mousedown",R),()=>document.removeEventListener("mousedown",R)},[p]),c.useEffect(()=>{var m;if(!h||g<0||!D.current)return;(m=D.current.querySelectorAll(".ds-select-option")[g])==null||m.scrollIntoView({block:"nearest"})},[g,h]);const E=R=>{switch(R.key){case"ArrowDown":R.preventDefault(),h?k(m=>Math.min(m+1,r.length-1)):I();break;case"ArrowUp":R.preventDefault(),h?k(m=>Math.max(m-1,0)):I(r.length-1);break;case"Home":h&&(R.preventDefault(),k(0));break;case"End":h&&(R.preventDefault(),k(r.length-1));break;case"Enter":case" ":R.preventDefault(),h?g>=0&&(n==null||n(r[g].value),U(!0)):I();break;case"Escape":h&&(R.preventDefault(),U(!0));break;case"Tab":h&&U(!1);break}},B=r.find(R=>R.value===s),O=l==="xs"?z[1]:l==="small"?z[2]:z[3],X=h&&e.jsx("div",{ref:D,"data-ds-portal":"",role:"listbox","aria-labelledby":t?N:void 0,tabIndex:-1,className:["ds-select-dropdown ds-scrollable",`ds-select-dropdown--${l}`,`ds-select-dropdown--${S}`,p&&"ds-select-dropdown--closing"].filter(Boolean).join(" "),style:j,children:r.map((R,m)=>e.jsx("button",{id:`${L}-opt-${m}`,type:"button",role:"option",tabIndex:-1,"aria-selected":s===R.value,className:["ds-select-option",`ds-select-option--${l}`,s===R.value&&"ds-select-option--selected",m===g&&"ds-select-option--active"].filter(Boolean).join(" "),onClick:()=>{n==null||n(R.value),U(!0)},children:R.label},R.value))});return e.jsxs("div",{className:`ds-select-wrapper ${i?"ds-select-wrapper--full":""} ${d?"ds-select-wrapper--disabled":""}`,children:[t&&e.jsx("label",{id:N,className:"ds-select-label",children:t}),e.jsx("div",{className:"ds-select-container",ref:A,children:e.jsxs("button",{ref:C,type:"button",id:L,role:"combobox","aria-haspopup":"listbox","aria-expanded":h,"aria-activedescendant":h&&g>=0?`${L}-opt-${g}`:void 0,"aria-labelledby":t?N:void 0,"aria-invalid":o?"true":"false","aria-describedby":M,className:`ds-select-trigger ds-select-trigger--${l} ${o?"ds-select-trigger--error":""}`,onClick:()=>{d||(h?U():I())},onKeyDown:E,disabled:d,...f,children:[e.jsx("span",{className:B?"":"ds-select-placeholder",children:(B==null?void 0:B.label)||a}),e.jsx(T.ChevronDown,{size:O,strokeWidth:1.5,className:`ds-select-icon ${h&&S==="down"?"ds-select-icon--open":""} ${h&&S==="up"?"ds-select-icon--up":""}`,"aria-hidden":"true"})]})}),o&&e.jsx("span",{id:M,className:"ds-select-error",role:"alert",children:o}),typeof document<"u"&&ce.createPortal(X,document.body)]})}function rt({label:t,value:s=0,onChange:n,min:r=0,max:a=100,step:o=1,size:i="m",disabled:l=!1,hint:d,error:u,...f}){const h=()=>{if(l)return;const S=Math.min(Number(s)+o,a);n==null||n(S)},x=()=>{if(l)return;const S=Math.max(Number(s)-o,r);n==null||n(S)},p=S=>{if(l)return;const _=S.target.value;if(_===""){n==null||n(r);return}const g=Number(_);if(!isNaN(g)){const k=Math.min(Math.max(g,r),a);n==null||n(k)}},v=["ds-stepper-wrapper",l&&"ds-stepper-wrapper--disabled",u&&"ds-stepper-wrapper--error"].filter(Boolean).join(" "),j=["ds-stepper",`ds-stepper--${i}`,l&&"ds-stepper--disabled"].filter(Boolean).join(" "),y=i==="xs"?z[1]:i==="small"?z[2]:z[3];return e.jsxs("div",{className:v,children:[t&&e.jsx("label",{className:"ds-stepper-label",children:t}),e.jsxs("div",{className:j,children:[e.jsx("button",{type:"button",className:"ds-stepper-button ds-stepper-button--minus",onClick:x,disabled:l||s<=r,"aria-label":"Decrease",children:e.jsx(T.Minus,{size:y,strokeWidth:1.5})}),e.jsx("input",{type:"number",className:"ds-stepper-input",value:s,onChange:p,min:r,max:a,step:o,disabled:l,...f}),e.jsx("button",{type:"button",className:"ds-stepper-button ds-stepper-button--plus",onClick:h,disabled:l||s>=a,"aria-label":"Increase",children:e.jsx(T.Plus,{size:y,strokeWidth:1.5})})]}),d&&!u&&e.jsx("div",{className:"ds-stepper-hint",children:d}),u&&e.jsx("div",{className:"ds-stepper-error",children:u})]})}function at({children:t,padding:s="m",variant:n="info",hover:r=!1,onClick:a,href:o,disabled:i=!1,...l}){const u=(r?"interactive":n)==="interactive"||a||o,f=["ds-card",`ds-card--${s}`,u&&"ds-card--interactive"].filter(Boolean).join(" ");if(o){const p=v=>{if(i){v.preventDefault();return}v.metaKey||v.ctrlKey||v.button===1||(v.preventDefault(),a==null||a(v))};return e.jsx("a",{className:f,href:i?void 0:o,onClick:p,"aria-disabled":i?"true":void 0,...l,children:t})}const h=u&&a?"button":"div",x=u&&a?{type:"button",onClick:a,disabled:i}:{};return e.jsx(h,{className:f,role:u&&!a?"article":void 0,...x,...l,children:t})}function ot({children:t,...s}){return e.jsx("h1",{className:"ds-h1",...s,children:t})}function it({children:t,...s}){return e.jsx("h2",{className:"ds-h2",...s,children:t})}function lt({children:t,...s}){return e.jsx("h3",{className:"ds-h3",...s,children:t})}function ct({children:t,...s}){return e.jsx("h4",{className:"ds-h4",...s,children:t})}function dt({children:t,secondary:s=!1,...n}){return e.jsx("p",{className:`ds-p1 ${s?"ds-p1--secondary":""}`,...n,children:t})}function Fe({children:t,secondary:s=!1,...n}){return e.jsx("p",{className:`ds-p2 ${s?"ds-p2--secondary":""}`,...n,children:t})}function Ee({children:t,secondary:s=!1,...n}){return e.jsx("p",{className:`ds-p3 ${s?"ds-p3--secondary":""}`,...n,children:t})}function oe({children:t,variant:s="default",size:n="m",role:r,...a}){const o=["ds-badge",`ds-badge--${s}`,`ds-badge--${n}`].filter(Boolean).join(" "),i=r||(["info","success","warning","error"].includes(s)?"status":void 0);return e.jsx("span",{className:o,role:i,...a,children:t})}const ut={info:T.Info,success:T.CheckCircle,warning:T.AlertTriangle,error:T.XCircle},ft=c.forwardRef(function({children:s,variant:n="info",title:r,onClose:a,role:o,...i},l){const d=ut[n],u=o||(n==="error"?"alert":"status");return e.jsxs("div",{ref:l,className:`ds-alert ds-alert--${n} ${r?"":"ds-alert--no-title"}`,role:u,...i,children:[d&&e.jsx("div",{className:"ds-alert__icon",children:e.jsx(d,{size:z[3],strokeWidth:1.5})}),e.jsxs("div",{className:"ds-alert__content",children:[r&&e.jsx("div",{className:"ds-alert__title",children:r}),s&&e.jsx("div",{className:"ds-alert__message",children:s})]}),a&&e.jsx("button",{type:"button",className:"ds-alert__close",onClick:a,"aria-label":"Close alert",children:e.jsx(T.X,{size:z[3],strokeWidth:1.5})})]})}),mt=200;function pt({children:t,title:s,onClose:n,size:r="m",scrollable:a=!1,subHeader:o,...i}){const l=c.useRef(null),d=c.useId(),[u,f]=c.useState(!1),h=()=>{!n||u||(f(!0),setTimeout(()=>{f(!1),n()},mt))};c.useEffect(()=>{const j=S=>{S.key==="Escape"&&h()},y=S=>{var g,k,A;const _=((k=(g=S.composedPath)==null?void 0:g.call(S))==null?void 0:k[0])??S.target;l.current&&!l.current.contains(_)&&!((A=_.closest)!=null&&A.call(_,"[data-ds-portal]"))&&h()};return document.addEventListener("keydown",j),document.addEventListener("mousedown",y),()=>{document.removeEventListener("keydown",j),document.removeEventListener("mousedown",y)}},[n,u]);const x=c.Children.toArray(t),p=x.find(j=>(j==null?void 0:j.type)===le),v=x.filter(j=>(j==null?void 0:j.type)!==le);return e.jsx("div",{className:["ds-modal-overlay",u&&"ds-modal-overlay--closing"].filter(Boolean).join(" "),...i,children:e.jsxs("div",{className:[`ds-modal ds-modal--${r}`,a&&"ds-modal--scrollable"].filter(Boolean).join(" "),ref:l,role:"dialog","aria-modal":"true","aria-labelledby":s?d:void 0,children:[n&&e.jsx(ee,{className:"ds-modal__close",variant:"ghost",size:"small",icon:e.jsx(T.X,{size:z[2],strokeWidth:1.5}),onClick:h,"aria-label":"Close modal"}),(s||o)&&e.jsxs("div",{className:"ds-modal__header",children:[s&&e.jsx("h3",{id:d,className:"ds-modal__title",children:s}),o&&e.jsx("div",{className:"ds-modal__subheader",children:o})]}),e.jsx("div",{className:"ds-modal__body ds-scrollable",children:v}),p]})})}function le({children:t}){return!t||c.Children.count(t)===0?null:e.jsx("div",{className:"ds-modal__footer",children:t})}const ht=320;function xt({children:t,title:s,onClose:n,subHeader:r,...a}){const o=c.useRef(null),i=c.useId(),[l,d]=c.useState(!1),u=()=>{!n||l||(d(!0),setTimeout(()=>{d(!1),n()},ht))};c.useEffect(()=>{const p=j=>{j.key==="Escape"&&u()},v=j=>{var S,_,g;const y=((_=(S=j.composedPath)==null?void 0:S.call(j))==null?void 0:_[0])??j.target;o.current&&!o.current.contains(y)&&!((g=y.closest)!=null&&g.call(y,"[data-ds-portal]"))&&u()};return document.addEventListener("keydown",p),document.addEventListener("mousedown",v),()=>{document.removeEventListener("keydown",p),document.removeEventListener("mousedown",v)}},[n,l]);const f=c.Children.toArray(t),h=f.find(p=>(p==null?void 0:p.type)===le),x=f.filter(p=>(p==null?void 0:p.type)!==le);return e.jsx("div",{className:["ds-bottom-sheet-overlay",l&&"ds-bottom-sheet-overlay--closing"].filter(Boolean).join(" "),...a,children:e.jsxs("div",{ref:o,className:["ds-bottom-sheet",l&&"ds-bottom-sheet--closing"].filter(Boolean).join(" "),role:"dialog","aria-modal":"true","aria-labelledby":s?i:void 0,children:[e.jsx("div",{className:"ds-bottom-sheet__handle","aria-hidden":"true"}),n&&e.jsx(ee,{className:"ds-bottom-sheet__close",variant:"ghost",size:"small",icon:e.jsx(T.X,{size:z[2],strokeWidth:1.5}),onClick:u,"aria-label":"Close"}),(s||r)&&e.jsxs("div",{className:"ds-bottom-sheet__header",children:[s&&e.jsx("h3",{id:i,className:"ds-bottom-sheet__title",children:s}),r&&e.jsx("div",{className:"ds-bottom-sheet__subheader",children:r})]}),e.jsx("div",{className:"ds-bottom-sheet__body ds-scrollable",children:x}),h]})})}function We({children:t,title:s="Code",defaultExpanded:n=!1,expanded:r,onToggle:a,padding:o="s",className:i="",...l}){const[d,u]=c.useState(n),f=r!==void 0,h=f?r:d,x=()=>{f?a==null||a(!r):u(v=>!v)},p=["ds-code-accordion",`ds-code-accordion--${o}`,h&&"ds-code-accordion--expanded",i].filter(Boolean).join(" ");return e.jsxs("div",{className:p,...l,children:[e.jsxs("button",{type:"button",className:"ds-code-accordion__header",onClick:x,"aria-expanded":h,children:[e.jsx("span",{className:"ds-code-accordion__title",children:s}),e.jsx(T.ChevronDown,{size:z[2],strokeWidth:1.5,className:`ds-code-accordion__icon ${h?"ds-code-accordion__icon--expanded":""}`})]}),e.jsx("div",{className:"ds-code-accordion__content",children:e.jsx("div",{className:"ds-code-accordion__inner",children:e.jsx("pre",{className:"ds-code-accordion__pre ds-scrollable",children:e.jsx("code",{children:t})})})})]})}function vt({children:t,block:s=!1,collapsible:n=!1,title:r="Code",defaultExpanded:a=!1,...o}){return s?n?e.jsx(We,{title:r,defaultExpanded:a,...o,children:t}):e.jsx("pre",{className:"ds-code-block ds-scrollable",...o,children:e.jsx("code",{children:t})}):e.jsx("code",{className:"ds-code-inline",...o,children:t})}function bt({href:t,children:s,onClick:n,target:r,rel:a,...o}){const l=r==="_blank"?a?`${a} noopener noreferrer`:"noopener noreferrer":a;return e.jsx("a",{href:t,className:"ds-link",onClick:n,target:r,rel:l,...o,children:s})}function _t({children:t,size:s="m",variant:n="ghost",...r}){return e.jsx("div",{className:"ds-tabs",role:"tablist",...r,children:c.Children.map(t,a=>c.isValidElement(a)?c.cloneElement(a,{size:s,variant:n}):a)})}function jt({children:t,selected:s=!1,onClick:n,size:r="m",variant:a="ghost",disabled:o=!1,icon:i,href:l,...d}){const u=i&&!t,f=["ds-tab",`ds-tab--${r}`,`ds-tab--${a}`,s&&"ds-tab--selected",u&&"ds-tab--icon-only"].filter(Boolean).join(" "),h=e.jsxs(e.Fragment,{children:[i&&e.jsx("span",{className:"ds-tab-icon",children:i}),t]});if(l){const x=p=>{if(o){p.preventDefault();return}p.metaKey||p.ctrlKey||p.button===1||(p.preventDefault(),n==null||n(p))};return e.jsx("a",{role:"tab","aria-current":s?"page":void 0,"aria-disabled":o?"true":void 0,className:f,href:o?void 0:l,onClick:x,...d,children:h})}return e.jsx("button",{role:"tab","aria-selected":s,className:f,onClick:n,disabled:o,...d,children:h})}function Nt({options:t,value:s,onChange:n,size:r="m",disabled:a=!1}){const o=c.useRef(null),i=c.useRef(null),[l,d]=c.useState(!1),u=c.useRef(!1),f=c.useRef(null),h=c.useRef(null),x=()=>{if(!o.current)return;const p=o.current.querySelector(`[data-value="${s}"]`);if(!p)return;const v=o.current.getBoundingClientRect(),j=p.getBoundingClientRect(),y=j.left-v.left,S=j.width;i.current?(i.current.style.transition=u.current?"left var(--transition-normal), width var(--transition-normal)":"none",i.current.style.left=y+"px",i.current.style.width=S+"px",u.current=!1):(d(!0),requestAnimationFrame(()=>{if(!i.current||!o.current)return;const _=o.current.querySelector(`[data-value="${s}"]`);if(!_)return;const g=o.current.getBoundingClientRect(),k=_.getBoundingClientRect();i.current.style.transition="none",i.current.style.left=k.left-g.left+"px",i.current.style.width=k.width+"px"}))};return h.current=x,c.useLayoutEffect(()=>{const p=f.current!==s;f.current=s,u.current=l&&p,x()}),c.useEffect(()=>{if(!o.current)return;const p=new ResizeObserver(()=>{u.current=!1,h.current()});return p.observe(o.current),()=>p.disconnect()},[]),e.jsxs("div",{className:["ds-seg",`ds-seg--${r}`,a&&"ds-seg--disabled"].filter(Boolean).join(" "),ref:o,role:"group",children:[l&&e.jsx("div",{ref:i,className:"ds-seg__pill","aria-hidden":"true"}),t.map(p=>e.jsxs("button",{type:"button","data-value":p.value,className:["ds-seg__btn",s===p.value&&"ds-seg__btn--active"].filter(Boolean).join(" "),onClick:()=>!a&&n(p.value),"aria-pressed":s===p.value,disabled:a,children:[p.icon&&e.jsx("span",{className:"ds-seg__btn-icon","aria-hidden":"true",children:p.icon}),p.label]},p.value))]})}function xe({children:t,title:s,defaultExpanded:n=!1,expanded:r,onToggle:a,padding:o="m",...i}){const[l,d]=c.useState(n),u=r!==void 0,f=u?r:l,h=()=>{u?a==null||a(!r):d(p=>!p)},x=["ds-accordion",`ds-accordion--${o}`,f&&"ds-accordion--expanded"].filter(Boolean).join(" ");return e.jsxs("div",{className:x,...i,children:[e.jsxs("button",{type:"button",className:"ds-accordion__header",onClick:h,"aria-expanded":f,children:[e.jsx("span",{className:"ds-accordion__title",children:s}),e.jsx(T.ChevronDown,{size:z[2],strokeWidth:1.5,className:`ds-accordion__icon ${f?"ds-accordion__icon--expanded":""}`})]}),e.jsx("div",{className:"ds-accordion__content",children:e.jsx("div",{className:"ds-accordion__content-inner",children:e.jsx("div",{className:"ds-accordion__content-body",children:t})})})]})}const se=8,de=8;function gt(t,s,n){const r=window.innerWidth;let a,o;switch(t){case"top":a=s.top-n.height-se,o=s.left+s.width/2-n.width/2;break;case"bottom":a=s.bottom+se,o=s.left+s.width/2-n.width/2;break;case"left":a=s.top+s.height/2-n.height/2,o=s.left-n.width-se;break;case"right":a=s.top+s.height/2-n.height/2,o=s.right+se;break;default:a=s.bottom+se,o=s.left}const i=Math.max(de,Math.min(r-n.width-de,o)),l=o-i;return{top:a,left:i,arrowOffset:l}}function wt(t,s,n){const r=window.innerWidth,a=window.innerHeight;if(t.top>=s+se+de)return"top";if(a-t.bottom>=s+se+de)return"bottom";if(r-t.right>=n+se+de)return"right";if(t.left>=n+se+de)return"left";const o=Math.max(t.top,a-t.bottom,t.left,r-t.right);return o===t.top?"top":o===a-t.bottom?"bottom":o===r-t.right?"right":"left"}function ve({children:t,content:s,position:n,...r}){const[a,o]=c.useState(!1),[i,l]=c.useState({visibility:"hidden"}),[d,u]=c.useState(n||"top"),f=c.useRef(null),h=c.useRef(null),x=c.useRef(!1),p=()=>{if(!f.current||!h.current)return;const j=f.current.getBoundingClientRect(),y=h.current.getBoundingClientRect(),S=n||wt(j,y.height,y.width),{top:_,left:g,arrowOffset:k}=gt(S,j,y);u(S),l({position:"fixed",top:_,left:g,visibility:"visible","--arrow-offset":`${k}px`})};if(c.useEffect(()=>{if(!a)return;l({position:"fixed",visibility:"hidden"});const j=requestAnimationFrame(p);return window.addEventListener("scroll",p,!0),window.addEventListener("resize",p),()=>{cancelAnimationFrame(j),window.removeEventListener("scroll",p,!0),window.removeEventListener("resize",p)}},[a,n]),c.useEffect(()=>{if(!a)return;const j=y=>{f.current&&!f.current.contains(y.target)&&o(!1)};return document.addEventListener("touchstart",j),()=>document.removeEventListener("touchstart",j)},[a]),!s)return t;const v=a&&e.jsx("div",{ref:h,"data-ds-portal":"",className:`ds-tooltip ds-tooltip--${d}`,role:"tooltip",style:i,children:s});return e.jsxs("div",{ref:f,className:"ds-tooltip-wrapper",onMouseEnter:()=>{x.current||o(!0)},onMouseLeave:()=>{x.current||o(!1)},onTouchStart:()=>{x.current=!0,o(j=>!j)},...r,children:[t,typeof document<"u"&&ce.createPortal(v,document.body)]})}function yt({checked:t=!1,onChange:s,size:n="m",disabled:r=!1,label:a,id:o,...i}){const l=o||`toggle-${c.useId()}`,d=["ds-toggle",`ds-toggle--${n}`,r&&"ds-toggle--disabled"].filter(Boolean).join(" ");return e.jsxs("label",{className:d,htmlFor:l,children:[e.jsx("input",{type:"checkbox",id:l,className:"ds-toggle__input",checked:t,onChange:u=>s==null?void 0:s(u.target.checked),disabled:r,...i}),e.jsx("span",{className:"ds-toggle__track",children:e.jsx("span",{className:"ds-toggle__thumb"})}),a&&e.jsx("span",{className:"ds-toggle__label",children:a})]})}function kt({checked:t=!1,onChange:s,size:n="m",disabled:r=!1,label:a,id:o,...i}){const l=o||`checkbox-${c.useId()}`,d=["ds-checkbox",`ds-checkbox--${n}`,r&&"ds-checkbox--disabled"].filter(Boolean).join(" "),u=n==="xs"?10:n==="small"?14:n==="large"?20:16;return e.jsxs("label",{className:d,htmlFor:l,children:[e.jsx("input",{type:"checkbox",id:l,className:"ds-checkbox__input",checked:t,onChange:f=>s==null?void 0:s(f.target.checked),disabled:r,...i}),e.jsx("span",{className:"ds-checkbox__box",children:t&&e.jsx(T.Check,{size:u,strokeWidth:2.5,className:"ds-checkbox__icon"})}),a&&e.jsx("span",{className:"ds-checkbox__label",children:a})]})}function Et({checked:t=!1,onChange:s,size:n="m",disabled:r=!1,label:a,name:o,value:i,id:l,...d}){const u=l||`radio-${c.useId()}`,f=["ds-radio",`ds-radio--${n}`,r&&"ds-radio--disabled"].filter(Boolean).join(" ");return e.jsxs("label",{className:f,htmlFor:u,children:[e.jsx("input",{type:"radio",id:u,className:"ds-radio__input",checked:t,onChange:h=>s==null?void 0:s(h.target.checked),disabled:r,name:o,value:i,...d}),e.jsx("span",{className:"ds-radio__circle",children:e.jsx("span",{className:"ds-radio__dot"})}),a&&e.jsx("span",{className:"ds-radio__label",children:a})]})}function Oe({width:t,height:s,shape:n="rect",aspectRatio:r,className:a="",style:o={},...i}){return e.jsx("span",{className:["ds-skeleton",`ds-skeleton--${n}`,a].filter(Boolean).join(" "),style:{width:t,height:s,aspectRatio:r,...o},"aria-hidden":"true",...i})}function Rt({lines:t=1,lastLineWidth:s="70%",gap:n,className:r="",style:a={},...o}){return e.jsx("span",{className:["ds-skeleton-text",r].filter(Boolean).join(" "),style:{gap:n,...a},"aria-hidden":"true",...o,children:Array.from({length:t},(i,l)=>e.jsx("span",{className:"ds-skeleton ds-skeleton--text",style:l===t-1&&t>1?{width:s}:void 0},l))})}Oe.Text=Rt;function St(t){let s=2166136261;for(let n=0;n<t.length;n++)s^=t.charCodeAt(n),s=Math.imul(s,16777619)>>>0;return s%360}function Tt(t){if(!t)return"";const s=t.trim().split(/\s+/);return s.length>=2?(s[0][0]+s[1][0]).toUpperCase():t[0].toUpperCase()}function $t({seed:t,icon:s,src:n,size:r=32,className:a="",style:o={},...i}){const l=St(t??""),[d,u]=c.useState(!1),f=s??e.jsx("span",{className:"ds-avatar__initials",children:Tt(t)});return e.jsx("div",{className:["ds-avatar",a].filter(Boolean).join(" "),style:{width:r,height:r,"--ds-avatar-h":l,...o},"aria-hidden":"true",...i,children:n&&!d?e.jsx("img",{src:n,alt:"",onError:()=>u(!0)}):f})}function At({children:t,size:s="compact",stickyTop:n,maxHeight:r,className:a="",style:o={},...i}){const l={...r?{maxHeight:r}:{},...n!==void 0?{"--ds-table-sticky-top":typeof n=="number"?`${n}px`:n}:{},...o};return e.jsx("div",{className:["ds-table-wrap","ds-scrollable",r?"ds-table-wrap--scroll":""].filter(Boolean).join(" "),style:l,children:e.jsx("table",{className:["ds-table",`ds-table--${s}`,a].filter(Boolean).join(" "),...i,children:t})})}function Bt({children:t,...s}){return e.jsx("thead",{...s,children:t})}function It({children:t,...s}){return e.jsx("tbody",{...s,children:t})}function Dt({children:t,interactive:s,selected:n,subheader:r,exiting:a,updated:o,className:i="",onClick:l,...d}){return e.jsx("tr",{className:["ds-table-row",s||l?"ds-table-row--interactive":"",n?"ds-table-row--selected":"",r?"ds-table-row--subheader":"",a?"ds-table-row--exiting":"",o?"ds-table-row--updated":"",i].filter(Boolean).join(" "),onClick:l,...d,children:t})}function Pt({children:t,colSpan:s=999,...n}){return e.jsx("tr",{className:"ds-table-row ds-table-row--subheader",...n,children:e.jsx("td",{colSpan:s,children:t})})}function Ct({children:t,align:s="left",sortDir:n,onSort:r,width:a,className:o="",style:i={},...l}){const d=!!r||n!==void 0,u=n==="asc"?T.ChevronUp:n==="desc"?T.ChevronDown:T.ChevronsUpDown;return e.jsx("th",{className:["ds-th",d?"ds-th--sortable":"",n?"ds-th--sorted":"",s!=="left"?`ds-table-cell--${s}`:"",o].filter(Boolean).join(" "),onClick:r,style:{width:a,...i},...l,children:d?e.jsxs("span",{className:"ds-th__inner",children:[t,e.jsx("span",{className:"ds-th__sort-icon",children:e.jsx(u,{size:11,strokeWidth:2.5})})]}):t})}function Lt({children:t,align:s="left",secondary:n,muted:r,truncate:a,nowrap:o,className:i="",...l}){return e.jsx("td",{className:["ds-td",s!=="left"?`ds-table-cell--${s}`:"",n?"ds-table-cell--secondary":"",r?"ds-table-cell--muted":"",a?"ds-table-cell--truncate":"",o?"ds-table-cell--nowrap":"",i].filter(Boolean).join(" "),...l,children:t})}function Mt({icon:t,title:s,description:n,action:r,size:a="m",className:o="",...i}){return e.jsxs("div",{className:["ds-empty-state",`ds-empty-state--${a}`,o].filter(Boolean).join(" "),...i,children:[t&&e.jsx("div",{className:"ds-empty-state__icon",children:t}),e.jsx("div",{className:"ds-empty-state__title",children:s}),n&&e.jsx("div",{className:"ds-empty-state__description",children:n}),r&&e.jsx("div",{className:"ds-empty-state__action",children:r})]})}function zt({label:t,hint:s,error:n,required:r=!1,disabled:a=!1,htmlFor:o,children:i,className:l="",style:d,...u}){const f=c.useId(),h=o??f,x=`${h}-hint`,p=`${h}-error`;return e.jsxs("div",{className:`ds-field${l?` ${l}`:""}`,"data-state":n?"error":void 0,"data-required":r?"":void 0,"data-disabled":a?"":void 0,style:d,...u,children:[t&&e.jsx("label",{className:"ds-field-label",htmlFor:h,children:t}),e.jsx("div",{className:"ds-field-control",children:i}),s&&!n&&e.jsx("p",{className:"ds-field-hint",id:x,children:s}),n&&e.jsx("p",{className:"ds-field-error",id:p,role:"alert",children:n})]})}function Ft({label:t,value:s,delta:n,size:r="m",inline:a=!1,className:o="",style:i,...l}){const d=n!=null&&n.startsWith("+")?"up":n!=null&&n.startsWith("-")?"down":"neutral";return e.jsxs("div",{className:["ds-stat",`ds-stat--${r}`,a&&"ds-stat--inline",o].filter(Boolean).join(" "),style:i,...l,children:[t&&e.jsx("span",{className:"ds-stat-label",children:t}),s!=null&&e.jsx("span",{className:"ds-stat-value",children:s}),n!=null&&e.jsx("span",{className:`ds-stat-delta ds-stat-delta--${d}`,children:n})]})}function Wt({children:t,separator:s="/","aria-label":n="Breadcrumb",className:r="",style:a,...o}){const i=c.Children.toArray(t).filter(Boolean);return e.jsx("nav",{className:`ds-breadcrumb${r?` ${r}`:""}`,"aria-label":n,style:a,...o,children:e.jsx("ol",{className:"ds-breadcrumb-list",children:i.map((l,d)=>e.jsxs("li",{className:"ds-breadcrumb-item",children:[l,d<i.length-1&&e.jsx("span",{className:"ds-breadcrumb-sep","aria-hidden":"true",children:s})]},d))})})}function Ot({page:t,total:s,onChange:n,siblings:r=1,"aria-label":a="Pagination",className:o="",style:i,...l}){const d=Ut(t,s,r);return e.jsxs("nav",{className:`ds-pagination${o?` ${o}`:""}`,"aria-label":a,style:i,...l,children:[e.jsx("button",{className:"ds-pagination-arrow",onClick:()=>n==null?void 0:n(t-1),disabled:t<=1,"aria-label":"Previous page",children:e.jsx(T.ChevronLeft,{size:16})}),d.map((u,f)=>u==="…"?e.jsx("span",{className:"ds-pagination-gap","aria-hidden":"true",children:"…"},`gap-${f}`):e.jsx("button",{className:`ds-pagination-page${u===t?" ds-pagination-page--current":""}`,onClick:()=>u!==t&&(n==null?void 0:n(u)),"aria-current":u===t?"page":void 0,"aria-label":`Page ${u}`,children:u},u)),e.jsx("button",{className:"ds-pagination-arrow",onClick:()=>n==null?void 0:n(t+1),disabled:t>=s,"aria-label":"Next page",children:e.jsx(T.ChevronRight,{size:16})})]})}function Ut(t,s,n){if(s<=7)return Array.from({length:s},(i,l)=>l+1);const r=Math.max(2,t-n),a=Math.min(s-1,t+n),o=[1];r>2&&o.push("…");for(let i=r;i<=a;i++)o.push(i);return a<s-1&&o.push("…"),o.push(s),o}const Vt=300;function Ht({children:t,title:s,onClose:n,subHeader:r,side:a="right",size:o="wide",offsetLeft:i=0,offsetRight:l=0,keepOpenRef:d,...u}){const f=c.useRef(null),h=c.useId(),[x,p]=c.useState(!1),v=()=>{!n||x||(p(!0),setTimeout(()=>{p(!1),n()},Vt))};c.useEffect(()=>{const _=k=>{k.key==="Escape"&&v()},g=k=>{var D,C,F,L;const A=((C=(D=k.composedPath)==null?void 0:D.call(k))==null?void 0:C[0])??k.target;(F=d==null?void 0:d.current)!=null&&F.contains(A)||f.current&&!f.current.contains(A)&&!((L=A.closest)!=null&&L.call(A,"[data-ds-portal]"))&&v()};return document.addEventListener("keydown",_),document.addEventListener("mousedown",g),()=>{document.removeEventListener("keydown",_),document.removeEventListener("mousedown",g)}},[n,x,d]);const j=c.Children.toArray(t),y=j.find(_=>(_==null?void 0:_.type)===we||(_==null?void 0:_.type)===le),S=j.filter(_=>(_==null?void 0:_.type)!==we&&(_==null?void 0:_.type)!==le);return e.jsx("div",{className:["ds-side-page-overlay",x&&"ds-side-page-overlay--closing"].filter(Boolean).join(" "),"data-side":a,style:{"--ds-side-page-offset-left":`${i}px`,"--ds-side-page-offset-right":`${l}px`},...u,children:e.jsxs("div",{ref:f,className:["ds-side-page",x&&"ds-side-page--closing"].filter(Boolean).join(" "),"data-side":a,"data-size":o,role:"dialog","aria-modal":"true","aria-labelledby":s?h:void 0,children:[n&&e.jsx(ee,{className:"ds-side-page__close",variant:"ghost",size:"small",icon:e.jsx(T.X,{size:z[2],strokeWidth:1.5}),onClick:v,"aria-label":"Close"}),(s||r)&&e.jsxs("div",{className:"ds-side-page__header",children:[s&&e.jsx("h3",{id:h,className:"ds-side-page__title",children:s}),r&&e.jsx("div",{className:"ds-side-page__subheader",children:r})]}),e.jsx("div",{className:"ds-side-page__body ds-scrollable",children:S}),y]})})}function we({children:t}){return!t||c.Children.count(t)===0?null:e.jsx("div",{className:"ds-side-page__footer",children:t})}const fe=c.createContext({collapsed:!1,side:"left"}),be=c.createContext(!1),Xt=c.forwardRef(function({children:s,collapsed:n=!1,side:r="left",onExpand:a,onCollapse:o,className:i="",...l},d){const u=["ds-nav-rail",n&&"ds-nav-rail--collapsed",`ds-nav-rail--${r}`,i].filter(Boolean).join(" "),f=c.useCallback(h=>{if(!h.target.closest('button, a, input, select, textarea, [role="button"], [tabindex]')){if(n&&a){a();return}!n&&o&&o()}},[n,a,o]);return e.jsx(fe.Provider,{value:{collapsed:n,side:r},children:e.jsx("nav",{ref:d,className:u,onClick:f,"data-expandable":n&&a?"":void 0,"data-collapsible":!n&&o?"":void 0,...l,children:s})})});function qt({icon:t,label:s,selected:n=!1,disabled:r=!1,href:a,onClick:o,count:i,updated:l=!1,open:d=!1,onboarding:u=!1,className:f="",...h}){const{collapsed:x,side:p}=c.useContext(fe),v=c.useContext(be),S={className:["ds-nav-rail__item",f].filter(Boolean).join(" "),onClick:r?void 0:o,"aria-current":n?"page":void 0,"aria-disabled":r?"true":void 0,"aria-label":x?s:void 0,tabIndex:r?-1:void 0,...{"data-selected":n||void 0,"data-disabled":r||void 0,"data-open":d||void 0,"data-onboarding":u||void 0},...h},_=i!=null,g=p==="left"?"right":"left",k=e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"ds-nav-rail__icon","aria-hidden":"true",children:t}),!x&&e.jsx("span",{className:"ds-nav-rail__label",children:s}),!x&&l&&e.jsx(oe,{size:"xs",variant:"accent",className:"ds-nav-rail__badge-expanded",children:"New"}),!x&&_&&e.jsx("span",{className:["ds-nav-rail__count",i===0&&"ds-nav-rail__count--zero"].filter(Boolean).join(" "),children:i}),x&&l&&e.jsx("span",{className:"ds-nav-rail__dot","aria-hidden":"true"})]}),A=a?e.jsx("a",{href:r?void 0:a,...S,children:k}):e.jsx("button",{type:"button",...S,children:k});return x&&!v?e.jsx(ve,{content:s,position:g,children:A}):A}function Yt({children:t,className:s="",...n}){return e.jsx("div",{className:["ds-nav-rail__body","ds-scrollable",s].filter(Boolean).join(" "),...n,children:t})}function Gt({children:t,className:s="",...n}){return e.jsx("div",{className:["ds-nav-rail__header",s].filter(Boolean).join(" "),...n,children:t})}function Kt({children:t,className:s="",...n}){return e.jsx("div",{className:["ds-nav-rail__footer",s].filter(Boolean).join(" "),...n,children:t})}function Jt({className:t="",...s}){return e.jsx("hr",{className:["ds-nav-rail__divider",t].filter(Boolean).join(" "),...s})}function Zt({children:t,label:s="Recents",defaultOpen:n=!0,className:r="",...a}){const{collapsed:o}=c.useContext(fe),[i,l]=c.useState(n);return e.jsxs("div",{className:["ds-nav-rail__recents",r].filter(Boolean).join(" "),...a,children:[!o&&e.jsxs("button",{type:"button",className:["ds-nav-rail__recents-toggle",!i&&"ds-nav-rail__recents-toggle--closed"].filter(Boolean).join(" "),onClick:()=>l(d=>!d),"aria-expanded":i,children:[e.jsx("span",{className:"ds-nav-rail__recents-label",children:s}),e.jsx(T.ChevronDown,{size:12,strokeWidth:2,className:"ds-nav-rail__recents-chevron","aria-hidden":"true"})]}),(i||o)&&e.jsx("div",{className:"ds-nav-rail__recents-body",children:t})]})}const Qt=c.forwardRef(function({as:s="button",avatar:n,label:r,className:a="",...o},i){const{collapsed:l,side:d}=c.useContext(fe),u=c.useContext(be),f=d==="left"?"right":"left",h=["ds-nav-rail__item","ds-nav-rail__agent",a].filter(Boolean).join(" "),x=e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"ds-nav-rail__icon","aria-hidden":"true",children:n}),!l&&e.jsx("span",{className:"ds-nav-rail__label",children:r})]}),p=e.jsx(s,{ref:i,className:h,"aria-label":l?r:void 0,...s==="button"?{type:"button"}:{},...o,children:x});return l&&!u?e.jsx(ve,{content:r,position:f,children:p}):p});function es({avatar:t,label:s,selected:n=!1,disabled:r=!1,href:a,onClick:o,className:i="",...l}){const{collapsed:d,side:u}=c.useContext(fe),f=c.useContext(be),p={className:["ds-nav-rail__item","ds-nav-rail__agent",i].filter(Boolean).join(" "),onClick:r?void 0:o,"aria-current":n?"page":void 0,"aria-disabled":r?"true":void 0,tabIndex:r?-1:void 0,...{"data-selected":n||void 0,"data-disabled":r||void 0},...l},v=e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"ds-nav-rail__icon","aria-hidden":"true",children:t}),!d&&e.jsx("span",{className:"ds-nav-rail__label",children:s})]}),j=u==="left"?"right":"left",y=a?e.jsx("a",{href:r?void 0:a,...p,children:v}):e.jsx("button",{type:"button",...p,children:v});return d&&!f?e.jsx(ve,{content:s,position:j,children:y}):y}const Ae=240,Be=6,Ie=8;function ts({trigger:t,title:s,children:n,open:r,onOpenChange:a,defaultOpen:o=!1}){const{side:i}=c.useContext(fe),[l,d]=c.useState(o),u=r!==void 0,f=u?r:l,[h,x]=c.useState(!1),p=c.useRef(null),v=c.useRef(null),[j,y]=c.useState({}),S=c.useCallback(()=>{u?a==null||a(!0):d(!0)},[u,a]),_=c.useCallback(()=>{u?a==null||a(!1):d(!1)},[u,a]),g=c.useCallback(()=>f?_():S(),[f,S,_]),k=c.useCallback(()=>{var M;const D=p.current;if(!D)return;const C=D.getBoundingClientRect(),F=window.innerHeight,L=((M=v.current)==null?void 0:M.offsetHeight)??300,N=Math.max(Ie,Math.min(F-L-Ie,C.top));y(i==="right"?{position:"fixed",top:N,right:window.innerWidth-C.left+Be,width:Ae}:{position:"fixed",top:N,left:C.right+Be,width:Ae})},[i]);c.useEffect(()=>{if(!f){x(!1);return}return k(),requestAnimationFrame(()=>x(!0)),window.addEventListener("scroll",k,!0),window.addEventListener("resize",k),()=>{window.removeEventListener("scroll",k,!0),window.removeEventListener("resize",k)}},[f,k]),c.useEffect(()=>{if(!f)return;const D=F=>{var L,N;!((L=v.current)!=null&&L.contains(F.target))&&!((N=p.current)!=null&&N.contains(F.target))&&_()},C=F=>{F.key==="Escape"&&_()};return document.addEventListener("mousedown",D),document.addEventListener("keydown",C),()=>{document.removeEventListener("mousedown",D),document.removeEventListener("keydown",C)}},[f,_]);const A=f&&e.jsxs("div",{ref:v,className:["ds-nav-rail-flyout",`ds-nav-rail-flyout--${i}`,h&&"ds-nav-rail-flyout--visible"].filter(Boolean).join(" "),style:j,"data-ds-portal":"",role:"dialog","aria-modal":"false",children:[s!=null&&e.jsxs("div",{className:"ds-nav-rail-flyout__header",children:[e.jsx("span",{className:"ds-nav-rail-flyout__title",children:s}),e.jsx("button",{type:"button",className:"ds-nav-rail-flyout__close",onClick:_,"aria-label":"Close",children:e.jsx(T.X,{size:16,strokeWidth:2})})]}),e.jsx("div",{className:"ds-nav-rail-flyout__body",children:n})]});return e.jsxs(e.Fragment,{children:[e.jsx(be.Provider,{value:f,children:e.jsx("div",{ref:p,onClick:g,style:{display:"flex",flexDirection:"column",width:"100%"},children:t})}),typeof document<"u"&&ce.createPortal(A,document.body)]})}const ss={info:T.Info,success:T.CheckCircle,warning:T.AlertTriangle,error:T.XCircle};function ns({children:t,variant:s="info",action:n,onAction:r,onDismiss:a,role:o,...i}){const l=ss[s],d=o||(s==="error"?"alert":"status");return e.jsxs("div",{className:`ds-banner ds-banner--${s}`,role:d,...i,children:[l&&e.jsx("span",{className:"ds-banner-icon","aria-hidden":"true",children:e.jsx(l,{size:z[2],strokeWidth:1.5})}),e.jsx("span",{className:"ds-banner-text",children:t}),n&&e.jsx("button",{type:"button",className:"ds-banner-action",onClick:r,children:n}),a&&e.jsx("button",{type:"button",className:"ds-banner-dismiss",onClick:a,"aria-label":"Dismiss",children:e.jsx(T.X,{size:z[2],strokeWidth:1.5})})]})}function rs({trigger:t,items:s=[],open:n,onOpenChange:r,align:a="left",fullWidth:o=!1,className:i="",style:l,...d}){const[u,f]=c.useState(!1),[h,x]=c.useState(!1),p=n!==void 0,v=p?n:u,j=c.useRef(null),y=c.useRef(null),S=c.useRef(null),_=c.useRef(null),[g,k]=c.useState({}),A=c.useRef(null),D=150,C=()=>{if(p)r==null||r(!1);else{if(h)return;x(!0),A.current=setTimeout(()=>{f(!1),x(!1)},D)}},F=()=>{const b=!v;p?r==null||r(b):b?(clearTimeout(A.current),x(!1),f(!0)):C()},L=()=>{v||(p?r==null||r(!0):(clearTimeout(A.current),x(!1),f(!0)))};c.useEffect(()=>()=>clearTimeout(A.current),[]),c.useEffect(()=>{if(!v)return;const b=300,E=()=>{var R;const B=(R=j.current)==null?void 0:R.getBoundingClientRect();if(!B)return;const O=window.innerHeight-B.bottom,X=O<b+8&&B.top>O;k(a==="right"?X?{bottom:window.innerHeight-B.top+4,top:"auto",right:window.innerWidth-B.right}:{top:B.bottom+4,bottom:"auto",right:window.innerWidth-B.right}:X?{bottom:window.innerHeight-B.top+4,top:"auto",left:B.left}:{top:B.bottom+4,bottom:"auto",left:B.left})};return E(),window.addEventListener("scroll",E,!0),window.addEventListener("resize",E),()=>{window.removeEventListener("scroll",E,!0),window.removeEventListener("resize",E)}},[v,a]);const N=()=>{var E;const b=(E=S.current)==null?void 0:E.querySelector('button:not([disabled]), [href], [tabindex]:not([tabindex="-1"]), input, select, textarea');b==null||b.focus()};c.useEffect(()=>{if(!v)return;const b=B=>{var O,X;!((O=j.current)!=null&&O.contains(B.target))&&!((X=y.current)!=null&&X.contains(B.target))&&C()},E=B=>{B.key==="Escape"&&(C(),N())};return document.addEventListener("mousedown",b),document.addEventListener("keydown",E),()=>{document.removeEventListener("mousedown",b),document.removeEventListener("keydown",E)}},[v]),c.useEffect(()=>{if(!v||!_.current||!y.current)return;const b=M(),E=_.current==="last"?b[b.length-1]:b[0];E==null||E.focus(),_.current=null},[v]);const M=()=>y.current?[...y.current.querySelectorAll('button:not([disabled]), a[href]:not([aria-disabled="true"]), [tabindex]:not([tabindex="-1"])')]:[],q=b=>{var E,B;if(b.key==="ArrowDown")b.preventDefault(),v?(E=M()[0])==null||E.focus():(_.current="first",L());else if(b.key==="ArrowUp")if(b.preventDefault(),!v)_.current="last",L();else{const O=M();(B=O[O.length-1])==null||B.focus()}},U=b=>{var O,X,R,m;const E=M(),B=E.findIndex($=>$===document.activeElement);switch(b.key){case"ArrowDown":b.preventDefault(),(O=E[Math.min(B+1,E.length-1)])==null||O.focus();break;case"ArrowUp":b.preventDefault(),B<=0?N():(X=E[B-1])==null||X.focus();break;case"Home":b.preventDefault(),(R=E[0])==null||R.focus();break;case"End":b.preventDefault(),(m=E[E.length-1])==null||m.focus();break;case"Tab":C();break}},I=v&&e.jsx("div",{ref:y,role:"menu","data-ds-portal":"",className:["ds-dropdown__menu",`ds-dropdown__menu--${a}`,h&&"ds-dropdown__menu--closing"].filter(Boolean).join(" "),style:g,onKeyDown:U,children:s.map((b,E)=>{if(b.separator)return e.jsx("div",{className:"ds-dropdown__separator"},E);if(b.type==="section")return e.jsxs("div",{className:"ds-dropdown__section",children:[b.label&&e.jsx("div",{className:"ds-dropdown__section-label",children:b.label}),e.jsx("div",{className:"ds-dropdown__section-content",children:b.content})]},E);const B=!!b.href,O=B?"a":"button",X=B?{href:b.disabled?void 0:b.href,"aria-disabled":b.disabled?"true":void 0}:{type:"button",disabled:b.disabled};return e.jsxs(O,{role:"menuitem",className:["ds-dropdown__item",b.danger&&"ds-dropdown__item--danger"].filter(Boolean).join(" "),...X,onClick:()=>{var R;(R=b.onClick)==null||R.call(b),C()},children:[b.icon&&e.jsx("span",{className:"ds-dropdown__item-icon",children:b.icon}),e.jsx("span",{className:"ds-dropdown__item-label",children:b.label}),b.shortcut&&e.jsx("span",{className:"ds-dropdown__item-shortcut",children:b.shortcut})]},E)})});return e.jsxs("div",{ref:j,className:["ds-dropdown",o&&"ds-dropdown--full-width",i].filter(Boolean).join(" "),style:l,...d,children:[e.jsx("div",{ref:S,className:"ds-dropdown__trigger",onClick:F,onKeyDown:q,children:t}),typeof document<"u"&&ce.createPortal(I,document.body)]})}function as({value:t=0,size:s="m",variant:n="default",showValue:r=!1,min:a=2,animate:o=!0}){const i=Math.min(100,Math.max(0,t)),l=Math.max(a,i),d=n==="auto"?i>=70?"success":i>=50?"warning":"danger":n;return e.jsxs("div",{className:["ds-progress",`ds-progress--${s}`,!o&&"ds-progress--instant"].filter(Boolean).join(" "),role:"progressbar","aria-valuenow":i,"aria-valuemin":0,"aria-valuemax":100,children:[e.jsx("div",{className:"ds-progress__track",children:e.jsx("div",{className:`ds-progress__fill ds-progress__fill--${d}`,style:{width:`${l}%`}})}),r&&e.jsxs("span",{className:"ds-progress__value",children:[Math.round(i),"%"]})]})}const os=t=>1-Math.pow(1-t,3),is=()=>typeof window<"u"&&window.matchMedia("(prefers-reduced-motion: reduce)").matches;function Ue(t,{duration:s=600}={}){const[n,r]=c.useState(t),a=c.useRef(t),o=c.useRef(null);return c.useEffect(()=>{if(is()){r(t),a.current=t;return}const i=a.current,l=t-i;if(l===0)return;let d=null;const u=f=>{d||(d=f);const h=Math.min((f-d)/s,1);r(i+l*os(h)),h<1?o.current=requestAnimationFrame(u):a.current=t};return o.current=requestAnimationFrame(u),()=>cancelAnimationFrame(o.current)},[t,s]),n}function ls({value:t,duration:s=600,decimals:n=0,prefix:r="",suffix:a=""}){const i=Ue(t,{duration:s}).toFixed(n);return`${r}${i}${a}`}function Ve({threshold:t=.1,rootMargin:s="0px",once:n=!1}={}){const r=c.useRef(null),[a,o]=c.useState(!1);return c.useEffect(()=>{const i=r.current;if(!i)return;const l=new IntersectionObserver(([d])=>{d.isIntersecting?(o(!0),n&&l.disconnect()):n||o(!1)},{threshold:t,rootMargin:s});return l.observe(i),()=>l.disconnect()},[t,s,n]),{ref:r,inView:a}}function cs({children:t,as:s="div",once:n=!1,threshold:r=.1,rootMargin:a="0px",onEnter:o,onLeave:i,...l}){const{ref:d,inView:u}=Ve({threshold:r,rootMargin:a,once:n}),f=c.useRef(!1);return c.useEffect(()=>{u&&!f.current&&(o==null||o()),!u&&f.current&&(i==null||i()),f.current=u},[u]),e.jsx(s,{ref:d,...l,children:typeof t=="function"?t(u):t})}const De={default:T.Info,success:T.CheckCircle,warning:T.AlertTriangle,error:T.XCircle};let ue=[];const ye=new Set;function He(){ye.forEach(t=>t([...ue]))}function ds(t){ue=[...ue,t],He()}function us(t){ue=ue.filter(s=>s.id!==t),He()}function fs(){const t=(s,n={})=>{ds({id:`${Date.now()}-${Math.random()}`,message:s,type:"default",duration:4e3,...n})};return t.success=(s,n)=>t(s,{...n,type:"success"}),t.error=(s,n)=>t(s,{...n,type:"error"}),t.warning=(s,n)=>t(s,{...n,type:"warning"}),{toast:t}}function ms({data:t,onDismiss:s}){const[n,r]=c.useState(!1),a=c.useRef(null);c.useEffect(()=>(requestAnimationFrame(()=>r(!0)),t.duration>0&&(a.current=setTimeout(()=>o(),t.duration)),()=>clearTimeout(a.current)),[]);function o(){r(!1),setTimeout(()=>s(t.id),250)}const i=De[t.type]??De.default;return e.jsxs("div",{className:["ds-toast",`ds-toast--${t.type}`,n&&"ds-toast--visible"].filter(Boolean).join(" "),role:t.type==="error"?"alert":"status","aria-live":"polite",children:[e.jsx("div",{className:"ds-toast__icon",children:e.jsx(i,{size:z[3],strokeWidth:1.5})}),e.jsx("span",{className:"ds-toast__message",children:t.message}),e.jsx("button",{className:"ds-toast__close",onClick:o,"aria-label":"Закрыть",children:e.jsx(T.X,{size:z[3],strokeWidth:1.5})})]})}function ps({position:t="bottom-right"}){const[s,n]=c.useState(()=>[...ue]);return c.useEffect(()=>(ye.add(n),()=>ye.delete(n)),[]),!s.length||typeof document>"u"?null:ce.createPortal(e.jsx("div",{"data-ds-portal":"",className:["ds-toast-container",`ds-toast-container--${t}`].join(" "),children:s.map(r=>e.jsx(ms,{data:r,onDismiss:us},r.id))}),document.body)}const hs={running:e.jsx(oe,{size:"xs",variant:"info",children:"Running..."}),success:e.jsx(oe,{size:"xs",variant:"success",children:"Done"}),error:e.jsx(oe,{size:"xs",variant:"error",children:"Error"})};function Xe({label:t,status:s="idle",icon:n,badge:r,defaultExpanded:a=!1,expanded:o,onToggle:i,children:l,className:d="",...u}){const f=s==="running",h=e.jsxs("span",{className:"ds-tool-card__title-row",children:[n&&e.jsx("span",{className:"ds-tool-card__icon",children:n}),e.jsx("span",{className:"ds-tool-card__label",children:t}),hs[s],r]});return l?e.jsx("div",{className:["ds-tool-card",f&&"ds-tool-card--running",d].filter(Boolean).join(" "),...u,children:e.jsx(xe,{title:h,padding:"s",defaultExpanded:a,expanded:f?!1:o,onToggle:f?void 0:i,children:e.jsx("div",{className:"ds-tool-card__body",children:l})})}):e.jsx("div",{className:["ds-tool-card","ds-tool-card--bubble",d].filter(Boolean).join(" "),...u,children:h})}function qe({text:t,size:s="xs",timeout:n=800,"aria-label":r="Copy to clipboard",...a}){const[o,i]=c.useState(!1),l=d=>{d.currentTarget.blur(),navigator.clipboard.writeText(t).then(()=>{i(!0),setTimeout(()=>i(!1),n)})};return e.jsx(ee,{variant:"ghost",size:s,state:o?"success":"idle",icon:e.jsx(T.Copy,{size:z[1],strokeWidth:1.5}),"aria-label":r,onClick:l,...a})}function xs({content:t,streaming:s=!1,...n}){const[r,a]=c.useState(s);return c.useEffect(()=>{a(!!s)},[s]),e.jsx(xe,{expanded:r,onToggle:a,padding:"s",title:e.jsxs("div",{className:"ds-reasoning__title",children:[e.jsx(T.Brain,{size:z[1],strokeWidth:1.5,className:"ds-reasoning__icon"}),e.jsx(Fe,{secondary:!0,children:"Thinking"})]}),...n,children:e.jsxs(Ee,{secondary:!0,style:{whiteSpace:"pre-wrap"},children:[t,s&&e.jsx("span",{className:"ds-cursor ds-cursor--line"})]})})}function vs({count:t,current:s=0,done:n=[],onChange:r,showCounter:a=!0,className:o="","aria-label":i="Steps",...l}){return e.jsxs("div",{className:["ds-step-indicator",o].filter(Boolean).join(" "),...l,children:[e.jsx("div",{className:"ds-step-indicator__dots",role:"tablist","aria-label":i,children:Array.from({length:t},(d,u)=>{const f=u===s,h=n.includes(u)&&!f,x=r&&(u<=s||n.includes(u)),p=["ds-step-indicator__dot",f&&"ds-step-indicator__dot--active",h&&"ds-step-indicator__dot--done"].filter(Boolean).join(" ");return e.jsx("button",{type:"button",className:p,role:"tab","aria-selected":f,"aria-label":`Step ${u+1}`,disabled:!x||u===s,onClick:()=>r==null?void 0:r(u),children:h?e.jsx(T.Check,{size:8,strokeWidth:3}):null},u)})}),a&&e.jsxs(Ee,{secondary:!0,className:"ds-step-indicator__counter",children:[s+1," / ",t]})]})}function bs({content:t,isStreaming:s=!1,cursor:n="line",onChunk:r,className:a="",...o}){const i=c.useRef(t);return c.useEffect(()=>{t!==i.current&&(r==null||r(t),i.current=t)},[t,r]),e.jsxs("span",{className:["ds-streaming-text",a].filter(Boolean).join(" "),...o,children:[t,s&&n!=="none"&&e.jsx("span",{className:`ds-cursor ds-cursor--${n}`,"aria-hidden":"true"})]})}function _s({role:t="assistant",header:s,footer:n,attachments:r,isStreaming:a=!1,children:o,className:i="",...l}){const d=["ds-chat-message",`ds-chat-message--${t}`,a&&"ds-chat-message--streaming",i].filter(Boolean).join(" ");return t==="system"?e.jsx("div",{className:d,...l,children:e.jsx("span",{className:"ds-chat-message__system-label",children:o})}):t==="user"?e.jsxs("div",{className:d,...l,children:[r&&e.jsx("div",{className:"ds-chat-message__attachments",children:r}),e.jsx("div",{className:"ds-chat-message__bubble",children:o}),n&&e.jsx("div",{className:"ds-chat-message__footer",children:n})]}):e.jsxs("div",{className:d,...l,children:[s&&e.jsx("div",{className:"ds-chat-message__header",children:s}),r&&e.jsx("div",{className:"ds-chat-message__attachments",children:r}),e.jsx("div",{className:"ds-chat-message__body",children:o}),n&&e.jsx("div",{className:"ds-chat-message__footer",children:n})]})}function js(t,{containerRef:s,smartPause:n=!0}={}){const r=c.useRef(!1),a=c.useRef(0);c.useEffect(()=>{const o=s==null?void 0:s.current;if(!o)return;const i=()=>{const l=o.scrollHeight-o.scrollTop-o.clientHeight<64;!l&&o.scrollTop<a.current&&(r.current=!0),l&&(r.current=!1),a.current=o.scrollTop};return o.addEventListener("scroll",i,{passive:!0}),()=>o.removeEventListener("scroll",i)},[s]),c.useEffect(()=>{const o=s==null?void 0:s.current;o&&(n&&r.current||(o.scrollTop=o.scrollHeight))},t)}function Ye({prompts:t,enabled:s,typingSpeed:n=38,erasingSpeed:r=18,holdTime:a=2200,betweenTime:o=380,manualPauseMs:i=5e3}){const[l,d]=c.useState(0),[u,f]=c.useState(""),h=c.useRef("typing"),x=c.useRef(0),p=c.useRef(0),v=c.useRef(null),j=c.useRef(0);c.useEffect(()=>{p.current=l},[l]),c.useEffect(()=>{if(v.current&&(clearTimeout(v.current),v.current=null),!s||t.length===0){f(""),x.current=0,h.current="typing";return}const k=()=>{const A=Date.now();if(j.current>A){v.current=setTimeout(k,j.current-A);return}const D=t[p.current%t.length]??"";h.current==="typing"?(x.current+=1,f(D.slice(0,x.current)),x.current>=D.length?(h.current="holding",v.current=setTimeout(k,a)):v.current=setTimeout(k,n+Math.random()*28)):h.current==="holding"?(h.current="erasing",v.current=setTimeout(k,r)):(x.current=Math.max(0,x.current-1),f(D.slice(0,x.current)),x.current<=0?(h.current="typing",p.current=(p.current+1)%t.length,d(p.current),v.current=setTimeout(k,o)):v.current=setTimeout(k,r))};return v.current=setTimeout(k,260),()=>{v.current&&clearTimeout(v.current)}},[s,t,n,r,a,o]);const y=k=>{if(t.length===0)return;const A=(k%t.length+t.length)%t.length,D=t[A];p.current=A,x.current=D.length,h.current="holding",j.current=Date.now()+i,d(A),f(D)},S=()=>y(p.current+1),_=()=>y(p.current-1),g=t[l%t.length]??"";return{displayed:u,currentPrompt:g,index:l,next:S,prev:_}}let Ns=0;function gs({value:t="",onChange:s,onSubmit:n,onStop:r,onKeyDown:a,loading:o=!1,disabled:i=!1,placeholder:l="Let's get things done...",animatedPlaceholders:d,attachments:u,images:f,onAttachFiles:h,onAttachImages:x,onRemoveAttachment:p,onRemoveImage:v,acceptImage:j,acceptFile:y,maxImages:S,maxImageSize:_,leftSlot:g,rightSlot:k,className:A="",...D}){const C=c.useRef(null),F=c.useRef(null),L=c.useRef(0),[N,M]=c.useState(!1),[q,U]=c.useState([]),I=w=>{const P=++Ns;U(Y=>[...Y,{id:P,msg:w}]),setTimeout(()=>U(Y=>Y.filter(G=>G.id!==P)),6e3)},b=w=>U(P=>P.filter(Y=>Y.id!==w)),E=w=>w.type.startsWith("image/"),B=()=>!0,O=j??E,X=y??B,R=w=>{const P=[],Y=[],G=[],K=[];let Z=0,ie=S!=null?S-((f==null?void 0:f.length)??0):1/0;for(const Q of w)O(Q)?_&&Q.size>_?G.push(Q.name):ie>0?(P.push(Q),ie--):Z++:X(Q)?Y.push(Q):K.push(Q.name);return{imageFiles:P,docFiles:Y,tooLarge:G,skipped:K,limitExceeded:Z}},m=w=>{const{imageFiles:P,docFiles:Y,tooLarge:G,skipped:K,limitExceeded:Z}=R(w);G.length&&I(`File${G.length>1?"s":""} too large${_?` (max ${_/1024/1024}MB)`:""}: ${G.join(", ")}`),K.length&&I(`Skipped unsupported file${K.length>1?"s":""}: ${K.join(", ")}`),Z&&I(`Max ${S} images per message`),x&&P.length&&x(P);const ie=Y.concat(x?[]:P);h&&ie.length&&h(ie)};c.useEffect(()=>{const w=F.current;w&&(w.style.height="auto",w.style.height=`${Math.min(w.scrollHeight,200)}px`)},[t]),c.useEffect(()=>{const w=P=>{var G,K,Z;if(o||i)return;const Y=(G=P.target)==null?void 0:G.tagName;Y==="INPUT"||Y==="TEXTAREA"||Y==="SELECT"||(K=P.target)!=null&&K.isContentEditable||P.ctrlKey||P.metaKey||P.altKey||P.key.length!==1&&P.key!=="Backspace"&&P.key!=="Delete"||(Z=F.current)==null||Z.focus()};return document.addEventListener("keydown",w),()=>document.removeEventListener("keydown",w)},[o,i]);const $=w=>{w.preventDefault(),L.current++,w.dataTransfer.types.includes("Files")&&M(!0)},W=w=>{w.preventDefault(),L.current--,L.current===0&&M(!1)},V=w=>w.preventDefault(),te=w=>{w.preventDefault(),L.current=0,M(!1);const P=Array.from(w.dataTransfer.files);P.length&&m(P)},ne=w=>{const P=Array.from(w.target.files||[]);C.current&&(C.current.value=""),P.length&&m(P)},H=w=>{var Q;if(!x)return;const P=(Q=w.clipboardData)==null?void 0:Q.items;if(!P)return;const Y=[];for(const Je of P){const Se=Je.getAsFile();Se&&Y.push(Se)}if(Y.length===0)return;const{imageFiles:G,tooLarge:K,skipped:Z,limitExceeded:ie}=R(Y);K.length&&I(`File${K.length>1?"s":""} too large: ${K.join(", ")}`),Z.length&&I(`Skipped unsupported file${Z.length>1?"s":""}: ${Z.join(", ")}`),ie&&I(`Max ${S} images per message`),G.length&&(w.preventDefault(),x(G))},J=!o&&!i&&!!(d!=null&&d.length)&&t.length===0,re=Ye({prompts:d??[],enabled:J}),_e=w=>{if(J){if(w.key==="ArrowDown"||w.key==="ArrowRight"){w.preventDefault(),re.next();return}if(w.key==="ArrowUp"||w.key==="ArrowLeft"){w.preventDefault(),re.prev();return}if(w.key==="Tab"&&!w.shiftKey){w.preventDefault(),s==null||s(re.currentPrompt);return}}a==null||a(w)},Ke=(t.trim()||(f==null?void 0:f.length)>0||(u==null?void 0:u.length)>0)&&!i,Re=h||x;return e.jsxs("div",{className:["ds-prompt-input",A].filter(Boolean).join(" "),...D,children:[Re&&e.jsx("input",{ref:C,type:"file",multiple:!0,accept:"*/*",className:"ds-prompt-input__file-input",onChange:ne}),e.jsxs("div",{className:["ds-prompt-input__box",N&&"ds-prompt-input__box--dragging"].filter(Boolean).join(" "),onDragEnter:$,onDragLeave:W,onDragOver:V,onDrop:te,children:[N&&e.jsx("div",{className:"ds-prompt-input__drag-overlay",children:"Drop files here"}),e.jsx("textarea",{ref:F,value:t,onChange:w=>s==null?void 0:s(w.target.value),onKeyDown:_e,onPaste:H,placeholder:J?"":l,disabled:o||i,rows:1,className:["ds-prompt-input__textarea",J&&"ds-prompt-input__textarea--anim"].filter(Boolean).join(" ")}),J&&e.jsxs("div",{className:"ds-prompt-input__anim","aria-hidden":"true",children:[e.jsx("span",{className:"ds-prompt-input__anim-text",children:re.displayed}),e.jsx("span",{className:"ds-prompt-input__anim-cursor"})]}),f&&f.length>0&&e.jsx("div",{className:"ds-prompt-input__images",children:f.map((w,P)=>e.jsxs("div",{className:"ds-prompt-input__image-thumb",children:[e.jsx("img",{src:w.preview,alt:""}),e.jsx("button",{className:"ds-prompt-input__image-remove",onClick:()=>v==null?void 0:v(P),"aria-label":"Remove image",type:"button",children:e.jsx(T.X,{size:12,strokeWidth:2})})]},P))}),q.length>0&&e.jsx("div",{className:"ds-prompt-input__warnings",children:q.map(w=>e.jsxs("div",{className:"ds-prompt-input__warning",role:"alert",children:[e.jsx("span",{children:w.msg}),e.jsx("button",{type:"button",className:"ds-prompt-input__warning-close",onClick:()=>b(w.id),"aria-label":"Dismiss",children:e.jsx(T.X,{size:z[1],strokeWidth:1.5})})]},w.id))}),u&&u.length>0&&e.jsx("div",{className:"ds-prompt-input__attachments",children:u.map((w,P)=>e.jsx(oe,{size:"xs",children:e.jsxs("span",{className:"ds-prompt-input__badge-content",children:[w.uploading?e.jsx(T.Loader,{size:z[1],strokeWidth:1.5,className:"spin"}):e.jsx(T.Paperclip,{size:z[1],strokeWidth:1.5}),w.filename,w.uploading?e.jsx("span",{className:"ds-prompt-input__uploading",children:"Uploading..."}):e.jsx("button",{type:"button",className:"ds-prompt-input__remove-btn",onClick:()=>p==null?void 0:p(P),children:e.jsx(T.X,{size:z[1],strokeWidth:1.5})})]})},P))}),e.jsxs("div",{className:"ds-prompt-input__toolbar",children:[Re&&e.jsx(ee,{variant:"ghost",size:"xs",icon:e.jsx(T.Paperclip,{size:z[2],strokeWidth:1.5}),"aria-label":"Attach files",onClick:()=>{var w;return(w=C.current)==null?void 0:w.click()}}),g,k,e.jsx("div",{className:"ds-prompt-input__spacer"}),o?e.jsx(ee,{variant:"primary",size:"xs",icon:e.jsx(T.Square,{size:z[2],strokeWidth:1.5}),onClick:r,"aria-label":"Stop"}):e.jsx(ee,{variant:"primary",size:"xs",icon:e.jsx(T.ArrowUp,{size:z[2],strokeWidth:1.5}),onClick:n,disabled:!Ke,"aria-label":"Send"})]})]})]})}const Pe={fast:0,standard:1,premium:2},Ce={fast:"data-5",standard:"data-3",premium:"data-6"};function ws({models:t=[],value:s,onChange:n,size:r="xs",minTier:a,showAutoOption:o=!1,groupByTier:i=!0,className:l="",...d}){const[u,f]=c.useState(!1),h=c.useRef(null),x=c.useRef(null),p=c.useRef(null),[v,j]=c.useState({}),y=t.filter(N=>!a||N.name==="auto"?!0:(Pe[N.tier]??1)>=(Pe[a]??1)),S=y.find(N=>N.name==="auto"),_=y.filter(N=>N.name!=="auto"),g=t.find(N=>N.name===s),A=new Set(_.map(N=>N.tier).filter(Boolean)).size>1;c.useEffect(()=>{if(!u)return;const N=320,M=()=>{var B;const I=(B=x.current)==null?void 0:B.getBoundingClientRect();if(!I)return;const b=window.innerHeight-I.bottom,E=b<N+8&&I.top>b;j({position:"fixed",zIndex:"var(--z-dropdown, 500)",left:I.left,...E?{bottom:window.innerHeight-I.top+4,top:"auto"}:{top:I.bottom+4,bottom:"auto"}})};M(),window.addEventListener("scroll",M,!0),window.addEventListener("resize",M);const q=I=>{var b,E;!((b=h.current)!=null&&b.contains(I.target))&&!((E=p.current)!=null&&E.contains(I.target))&&f(!1)},U=I=>{I.key==="Escape"&&f(!1)};return document.addEventListener("mousedown",q),document.addEventListener("keydown",U),()=>{window.removeEventListener("scroll",M,!0),window.removeEventListener("resize",M),document.removeEventListener("mousedown",q),document.removeEventListener("keydown",U)}},[u]);const D=N=>{n==null||n(N),f(!1)},C=N=>e.jsxs("button",{type:"button",className:["ds-model-picker__item",N.name===s&&"ds-model-picker__item--active"].filter(Boolean).join(" "),onClick:()=>D(N.name),children:[N.icon?e.jsx("span",{className:"ds-model-picker__item-icon",children:N.icon}):e.jsx(T.Cpu,{size:12,strokeWidth:1.5,className:"ds-model-picker__item-icon"}),e.jsx("span",{className:"ds-model-picker__item-name",children:N.displayName||N.name}),A&&N.tier&&e.jsx(oe,{size:"xs",variant:Ce[N.tier]||"default",children:N.tier})]},N.name),F=()=>!i||!A?_.map(C):["fast","standard","premium"].flatMap(N=>{const M=_.filter(q=>q.tier===N);return M.length?[e.jsx("div",{className:"ds-model-picker__group-label","data-tier":N,children:N.charAt(0).toUpperCase()+N.slice(1)},`lbl-${N}`),...M.map(C)]:[]}),L=u&&e.jsxs("div",{ref:p,className:"ds-model-picker__menu ds-scrollable","data-ds-portal":"",style:v,children:[o&&S&&e.jsxs(e.Fragment,{children:[e.jsxs("button",{type:"button",className:["ds-model-picker__item","ds-model-picker__item--auto",s==="auto"&&"ds-model-picker__item--active"].filter(Boolean).join(" "),onClick:()=>D("auto"),children:[e.jsx(T.Zap,{size:12,strokeWidth:1.5,className:"ds-model-picker__item-icon"}),e.jsx("span",{className:"ds-model-picker__item-name",children:"Auto (smart routing)"})]}),_.length>0&&e.jsx("div",{className:"ds-model-picker__separator"})]}),F()]});return e.jsxs("div",{ref:h,className:["ds-model-picker",l].filter(Boolean).join(" "),...d,children:[e.jsxs("button",{ref:x,type:"button",className:"ds-model-picker__trigger",onClick:()=>f(N=>!N),"aria-haspopup":"listbox","aria-expanded":u,children:[g!=null&&g.icon?e.jsx("span",{children:g.icon}):e.jsx(T.Cpu,{size:12,strokeWidth:1.5}),e.jsx("span",{className:"ds-model-picker__trigger-name",children:(g==null?void 0:g.displayName)||(g==null?void 0:g.name)||s}),A&&(g==null?void 0:g.tier)&&e.jsx(oe,{size:"xs",variant:Ce[g.tier]||"default",children:g.tier})]}),typeof document<"u"&&ce.createPortal(L,document.body)]})}const ys=({filename:t,pages:s})=>e.jsxs("span",{style:{display:"flex",alignItems:"center",gap:"var(--space-2)",minWidth:0},children:[e.jsx("span",{className:"ds-sources-panel__filename",children:t}),s.length>0&&e.jsx("span",{className:"ds-sources-panel__pages",children:ke(s)})]});function ke(t){return t!=null&&t.length?"p. "+t.join(", "):null}function ks(t){const s=new Map;for(const n of t)s.has(n.filename)||s.set(n.filename,{filename:n.filename,url:n.url,items:[]}),s.get(n.filename).items.push(n);return[...s.values()]}function Es({sources:t=[],layout:s="list",title:n="Sources",maxVisible:r=5,onSourceClick:a}){const[o,i]=c.useState(!1),l=ks(t),d=l.length>r,u=o?l:l.slice(0,r),f=t.some(x=>x.snippet),h=["ds-sources-panel",s==="compact"&&"ds-sources-panel--compact"].filter(Boolean).join(" ");return s==="compact"?e.jsxs("div",{className:h,children:[u.map(x=>{const p=x.items.map(j=>j.page).filter(Boolean),v=!!a;return e.jsxs("div",{className:`ds-sources-panel__compact-row${v?" ds-sources-panel__compact-row--clickable":""}`,onClick:v?()=>a(x.items[0]):void 0,children:[e.jsx(T.FileText,{size:z[1],strokeWidth:1.5,className:"ds-sources-panel__compact-icon"}),e.jsx("span",{className:"ds-sources-panel__filename",children:x.filename}),p.length>0&&e.jsx("span",{className:"ds-sources-panel__pages",children:ke(p)})]},x.filename)}),d&&!o&&e.jsxs("button",{className:"ds-sources-panel__more",onClick:()=>i(!0),children:["+",l.length-r," more sources"]})]}):e.jsxs("div",{className:h,children:[n&&e.jsx("div",{className:"ds-sources-panel__title",children:n}),u.map(x=>{const p=x.items.map(j=>j.page).filter(Boolean),v=!!a;return f?e.jsx(xe,{title:e.jsx(ys,{filename:x.filename,pages:p}),padding:"s",children:x.items.map((j,y)=>e.jsx("div",{className:`ds-sources-panel__snippet${v?" ds-sources-panel__snippet--clickable":""}`,onClick:v?()=>a(j):void 0,children:j.snippet??`p. ${j.page}`},y))},x.filename):e.jsxs("div",{className:`ds-sources-panel__row${v?" ds-sources-panel__row--clickable":""}`,onClick:v?()=>a(x.items[0]):void 0,children:[e.jsx("span",{className:"ds-sources-panel__filename",children:x.filename}),p.length>0&&e.jsx("span",{className:"ds-sources-panel__pages",children:ke(p)})]},x.filename)}),d&&!o&&e.jsxs("button",{className:"ds-sources-panel__more",onClick:()=>i(!0),children:["+",l.length-r," more sources"]})]})}function Le(t){return t>=1e6?(t/1e6).toFixed(1).replace(/\.0$/,"")+"M":t>=1e3?(t/1e3).toFixed(1).replace(/\.0$/,"")+"K":String(t)}function Rs({used:t,limit:s,size:n="s",showCount:r=!0,showPercent:a=!1,warningThreshold:o=.8,errorThreshold:i=1}){const l=s>0?t/s:0,d=Math.min(l*100,100),u=l>=i?"error":l>=o?"warning":"normal";return e.jsxs("div",{className:`ds-token-counter ds-token-counter--${n}`,role:"meter","aria-valuenow":t,"aria-valuemax":s,children:[e.jsx("div",{className:"ds-token-counter__track",children:e.jsx("div",{className:`ds-token-counter__fill ds-token-counter__fill--${u}`,style:{width:`${d}%`}})}),(r||a)&&e.jsxs("div",{className:`ds-token-counter__label ds-token-counter__label--${u}`,children:[r&&e.jsxs("span",{children:[Le(t)," / ",Le(s)]}),a&&e.jsxs("span",{style:{marginLeft:"auto"},children:[Math.round(l*100),"%"]})]})]})}const Me=5;function Ss(t){return t<.34?"low":t<.67?"medium":"high"}function Ts({value:t=0,size:s="xs",showLabel:n="none",layout:r="inline"}){const a=Math.max(0,Math.min(1,t)),o=Math.round(a*Me),i=Ss(a);return e.jsxs("div",{className:["ds-confidence-bar",`ds-confidence-bar--${s}`,`ds-confidence-bar--${i}`,r==="block"&&"ds-confidence-bar--block"].filter(Boolean).join(" "),children:[e.jsx("div",{className:"ds-confidence-bar__segments","aria-hidden":"true",children:Array.from({length:Me},(l,d)=>e.jsx("div",{className:`ds-confidence-bar__seg${d<o?" ds-confidence-bar__seg--filled":""}`},d))}),n==="text"&&e.jsx("span",{className:"ds-confidence-bar__label",children:i})]})}const $s={add:"+",remove:"-",context:" "};function je({line:t,lineNumbers:s}){return e.jsxs("div",{className:`ds-diff-view__line ds-diff-view__line--${t.type}`,children:[s&&t.lineNo!=null&&e.jsx("span",{className:"ds-diff-view__lineno",children:t.lineNo}),e.jsx("span",{className:"ds-diff-view__prefix",children:$s[t.type]}),e.jsx("span",{className:"ds-diff-view__text",children:t.text})]})}function As({lines:t=[],layout:s="inline",wordWrap:n=!1,lineNumbers:r=!0,maxHeight:a,title:o}){const i=["ds-diff-view",`ds-diff-view--${s}`,n&&"ds-diff-view--wrap"].filter(Boolean).join(" "),l=a?{maxHeight:a,overflowY:"auto"}:void 0;if(s==="split"){const d=t.filter(f=>f.type==="remove"||f.type==="context"),u=t.filter(f=>f.type==="add"||f.type==="context");return e.jsxs("div",{className:i,children:[o&&e.jsx("div",{className:"ds-diff-view__title",children:o}),e.jsxs("div",{className:"ds-diff-view__body ds-scrollable",style:l,children:[e.jsx("div",{className:"ds-diff-view__split-col ds-scrollable",children:d.map((f,h)=>e.jsx(je,{line:f,lineNumbers:r},h))}),e.jsx("div",{className:"ds-diff-view__split-col ds-scrollable",children:u.map((f,h)=>e.jsx(je,{line:f,lineNumbers:r},h))})]})]})}return e.jsxs("div",{className:i,children:[o&&e.jsx("div",{className:"ds-diff-view__title",children:o}),e.jsx("div",{className:"ds-diff-view__body ds-scrollable",style:l,children:t.map((d,u)=>e.jsx(je,{line:d,lineNumbers:r},u))})]})}function Ge({value:t="idle",onLike:s,onDislike:n,className:r="",...a}){const o=t!=="idle";return e.jsxs("div",{className:["ds-message-feedback",o&&"ds-message-feedback--voted",r].filter(Boolean).join(" "),...a,children:[(!o||t==="liked")&&e.jsx("button",{className:["ds-message-feedback__btn",t==="liked"&&"ds-message-feedback__btn--liked"].filter(Boolean).join(" "),onClick:s,disabled:o,"aria-label":"Like","aria-pressed":t==="liked",children:e.jsx(T.ThumbsUp,{size:z[1],strokeWidth:1.5,fill:t==="liked"?"currentColor":"none"})}),(!o||t==="disliked")&&e.jsx("button",{className:["ds-message-feedback__btn",t==="disliked"&&"ds-message-feedback__btn--disliked"].filter(Boolean).join(" "),onClick:n,disabled:o,"aria-label":"Dislike","aria-pressed":t==="disliked",children:e.jsx(T.ThumbsDown,{size:z[1],strokeWidth:1.5,fill:t==="disliked"?"currentColor":"none"})})]})}function Bs(t){const s=t instanceof Date?t:new Date(t);if(isNaN(s))return null;const n=new Date,r=s.toLocaleTimeString([],{hour:"2-digit",minute:"2-digit",hour12:!1}),a=new Date(n.getFullYear(),n.getMonth(),n.getDate()),o=new Date(a-864e5);if(s>=a)return r;if(s>=o)return`Yesterday ${r}`;const i=s.getDate(),l=s.toLocaleString([],{month:"short"});return`${i} ${l} ${r}`}function Is({role:t="assistant",text:s,timestamp:n,feedbackValue:r="idle",onLike:a,onDislike:o,className:i="",...l}){const d=t==="assistant"&&(a||o),u=!!s,f=n?Bs(n):null;return!d&&!u&&!f?null:e.jsxs("div",{className:["ds-message-footer",`ds-message-footer--${t}`,i].filter(Boolean).join(" "),...l,children:[t==="user"&&f&&e.jsx("span",{className:"ds-message-footer__timestamp ds-message-action",children:f}),d&&e.jsx(Ge,{className:"ds-message-action",value:r,onLike:a,onDislike:o}),u&&e.jsx(qe,{className:"ds-message-action",text:s}),t==="assistant"&&f&&e.jsx("span",{className:"ds-message-footer__timestamp ds-message-action",children:f})]})}function Ds({label:t,className:s="",...n}){return e.jsxs("span",{className:["ds-thinking-dot",s].filter(Boolean).join(" "),...n,children:[e.jsx("span",{className:"ds-thinking-dot__pulse"}),t&&e.jsx("span",{className:"ds-thinking-dot__label",children:t})]})}function Ps({variant:t="light",glow:s,mask:n=!0,style:r,...a}){const o=t==="dark",i=s??o,l=o?"rgba(255,250,250,0.05)":"var(--color-border-light)",d=o?"rgba(255,250,250,0.025)":"color-mix(in srgb, var(--color-border-light) 50%, transparent)";return e.jsx("div",{style:{position:"absolute",inset:0,pointerEvents:"none",overflow:"hidden",zIndex:0,...i&&{background:"radial-gradient(ellipse 1000px 500px at 50% 30%, rgba(234,100,100,0.18), transparent 70%)"},...r},...a,children:e.jsx("div",{style:{position:"absolute",inset:0,backgroundImage:[`linear-gradient(${l} 1px, transparent 1px)`,`linear-gradient(90deg, ${l} 1px, transparent 1px)`,`linear-gradient(${d} 1px, transparent 1px)`,`linear-gradient(90deg, ${d} 1px, transparent 1px)`].join(", "),backgroundSize:"80px 80px, 80px 80px, 16px 16px, 16px 16px",backgroundPosition:"-1px -1px, -1px -1px, -1px -1px, -1px -1px",...n&&{WebkitMaskImage:"radial-gradient(ellipse at center, #000 30%, transparent 85%)",maskImage:"radial-gradient(ellipse at center, #000 30%, transparent 85%)"}}})})}function Cs({children:t,axis:s="y",style:n,className:r="",...a}){const o=s==="x"?{overflowX:"auto",overflowY:"hidden"}:s==="both"?{overflow:"auto"}:{overflowY:"auto",overflowX:"hidden"};return e.jsx("div",{className:`ds-scrollable ${r}`,style:{...o,...n},...a,children:t})}const Ne=280,Ls=22,Ms=14,ae=8,he=6,zs=200;function Fs(t){return t?typeof t=="function"?t():typeof t=="string"?document.querySelector(t):null:null}function Ws(t,s,n,r){const a=window.innerWidth,o=window.innerHeight;if(o-t.bottom>=s+r+ae)return"bottom";if(t.top>=s+r+ae)return"top";if(a-t.right>=n+r+ae)return"right";if(t.left>=n+r+ae)return"left";const i=Math.max(t.top,o-t.bottom,a-t.right,t.left);return i===o-t.bottom?"bottom":i===t.top?"top":i===a-t.right?"right":"left"}function Os(t,s,n,r,a){const o=window.innerWidth,i=window.innerHeight;let l,d;switch(t){case"top":l=s.top-n-a,d=s.left+s.width/2-r/2;break;case"bottom":l=s.bottom+a,d=s.left+s.width/2-r/2;break;case"left":l=s.top+s.height/2-n/2,d=s.left-r-a;break;default:l=s.top+s.height/2-n/2,d=s.right+a}const u=Math.max(ae,Math.min(o-r-ae,d));return{top:Math.max(ae,Math.min(i-n-ae,l)),left:u,arrowOffset:d-u}}function Us({steps:t,currentStep:s,onNext:n,onBack:r,onSkip:a,onFinish:o,overlay:i=!0,ring:l=!0,labelNext:d="Next",labelBack:u="Back",labelSkip:f="Skip tour",labelFinish:h="Done",statePrimary:x="idle",stateBack:p="idle"}){const v=c.useRef(null),j=c.useRef(t),y=c.useRef(s),S=c.useRef(l);j.current=t,y.current=s,S.current=l;const[_,g]=c.useState(!1),[k,A]=c.useState({position:"fixed",visibility:"hidden",width:Ne}),[D,C]=c.useState("bottom"),[F,L]=c.useState(null),N=c.useRef(!1),M=t[s],q=s===t.length-1,U=c.useCallback(()=>{const I=j.current[y.current];if(!I||!v.current)return;const b=Fs(I.target);if(!b)return;const E=b.getBoundingClientRect(),O=v.current.getBoundingClientRect().height||160,X=Ne,R=S.current?Ls:Ms,m=I.position||Ws(E,O,X,R),{top:$,left:W,arrowOffset:V}=Os(m,E,O,X,R);C(m),A({position:"fixed",top:$,left:W,width:Ne,visibility:"visible","--arrow-offset":`${V}px`}),L({top:E.top-he,left:E.left-he,width:E.width+he*2,height:E.height+he*2})},[]);return c.useEffect(()=>{window.addEventListener("scroll",U,!0),window.addEventListener("resize",U);const I=requestAnimationFrame(()=>{U(),g(!0),N.current=!0});return()=>{cancelAnimationFrame(I),window.removeEventListener("scroll",U,!0),window.removeEventListener("resize",U)}},[]),c.useEffect(()=>{if(!N.current)return;g(!1);const I=setTimeout(()=>{A(b=>({...b,visibility:"hidden"})),requestAnimationFrame(()=>{U(),g(!0)})},zs+20);return()=>clearTimeout(I)},[s]),c.useEffect(()=>{_&&v.current&&v.current.focus({preventScroll:!0})},[_]),c.useEffect(()=>{const I=b=>{b.key==="Escape"&&a()};return document.addEventListener("keydown",I),()=>document.removeEventListener("keydown",I)},[a]),c.useEffect(()=>{if(!_)return;const I=b=>{if(b.key!=="Tab"||!v.current)return;const E=Array.from(v.current.querySelectorAll('button:not([disabled]), [href], [tabindex]:not([tabindex="-1"])'));if(!E.length)return;const B=E[0],O=E[E.length-1];b.shiftKey&&document.activeElement===B?(b.preventDefault(),O.focus()):!b.shiftKey&&document.activeElement===O&&(b.preventDefault(),B.focus())};return document.addEventListener("keydown",I),()=>document.removeEventListener("keydown",I)},[_]),!M||typeof document>"u"?null:ce.createPortal(e.jsxs(e.Fragment,{children:[F&&e.jsx("div",{className:["ds-coachmark__spotlight",i&&"ds-coachmark__spotlight--overlay",!l&&"ds-coachmark__spotlight--no-ring",_&&"ds-coachmark__spotlight--visible"].filter(Boolean).join(" "),style:F,"aria-hidden":"true"}),e.jsxs("div",{ref:v,"data-ds-portal":"",role:"dialog","aria-modal":"false","aria-live":"polite","aria-label":M.title??`Step ${s+1} of ${t.length}`,className:["ds-coachmark__bubble",`ds-coachmark__bubble--${D}`,_&&"ds-coachmark__bubble--visible"].filter(Boolean).join(" "),style:k,tabIndex:-1,children:[e.jsx("button",{type:"button",className:"ds-coachmark__close",onClick:a,"aria-label":f,children:e.jsx(T.X,{size:16,strokeWidth:2})}),M.title&&e.jsx("div",{className:"ds-coachmark__title",children:M.title}),e.jsx("div",{className:"ds-coachmark__body",children:M.content}),e.jsxs("div",{className:"ds-coachmark__footer",children:[t.length>1&&e.jsxs("span",{className:"ds-coachmark__counter",children:[s+1," / ",t.length]}),e.jsxs("div",{className:"ds-coachmark__footer-nav",children:[s>0&&e.jsx(ee,{variant:"secondary",size:"s",state:p,onClick:r,children:u}),e.jsx(ee,{variant:"primary",size:"s",state:x,onClick:q?o:n,children:q?h:d})]})]})]})]}),document.body)}function Vs(t,s={}){const{storageKey:n}=s,[r,a]=c.useState(0),[o,i]=c.useState(!1),l=()=>n&&typeof localStorage<"u"&&localStorage.getItem(n)==="done",d=c.useCallback(()=>{i(!1),n&&typeof localStorage<"u"&&localStorage.setItem(n,"done")},[n]);return{currentStep:r,isActive:o,start:()=>{l()||(a(0),i(!0))},next:()=>a(u=>Math.min(u+1,t.length-1)),back:()=>a(u=>Math.max(u-1,0)),skip:d,finish:d}}function Hs(){const t=c.useRef(null),s=c.useCallback(()=>{const n=t.current;if(!n)return;n.classList.remove("ds-shake"),n.offsetWidth,n.classList.add("ds-shake");const r=()=>{n.classList.remove("ds-shake"),n.removeEventListener("animationend",r)};n.addEventListener("animationend",r)},[]);return{ref:t,shake:s}}exports.Accordion=xe;exports.Alert=ft;exports.AnimatedNumber=ls;exports.Avatar=$t;exports.Badge=oe;exports.Banner=ns;exports.BottomSheet=xt;exports.Breadcrumb=Wt;exports.Button=ee;exports.Card=at;exports.ChatMessage=_s;exports.Checkbox=kt;exports.Coachmark=Us;exports.Code=vt;exports.CodeAccordion=We;exports.ConfidenceBar=Ts;exports.CopyButton=qe;exports.DiffView=As;exports.Dropdown=rs;exports.EmptyState=Mt;exports.EngineerGrid=Ps;exports.FormField=zt;exports.H1=ot;exports.H2=it;exports.H3=lt;exports.H4=ct;exports.InView=cs;exports.Input=tt;exports.Link=bt;exports.MessageFeedback=Ge;exports.MessageFooter=Is;exports.Modal=pt;exports.ModalFooter=le;exports.ModelPicker=ws;exports.NavRail=Xt;exports.NavRailAgent=es;exports.NavRailBody=Yt;exports.NavRailCustomItem=Qt;exports.NavRailDivider=Jt;exports.NavRailFlyout=ts;exports.NavRailFooter=Kt;exports.NavRailHeader=Gt;exports.NavRailItem=qt;exports.NavRailRecents=Zt;exports.P1=dt;exports.P2=Fe;exports.P3=Ee;exports.Pagination=Ot;exports.ProgressBar=as;exports.PromptInput=gs;exports.Radio=Et;exports.ReasoningBlock=xs;exports.Scrollable=Cs;exports.SegmentedControl=Nt;exports.Select=nt;exports.SidePage=Ht;exports.SidePageFooter=we;exports.Skeleton=Oe;exports.SourcesPanel=Es;exports.Spinner=ze;exports.Stat=Ft;exports.StepIndicator=vs;exports.Stepper=rt;exports.StreamingText=bs;exports.Tab=jt;exports.Table=At;exports.TableBody=It;exports.TableHead=Bt;exports.TableRow=Dt;exports.TableSubheaderRow=Pt;exports.Tabs=_t;exports.Td=Lt;exports.Textarea=st;exports.Th=Ct;exports.ThinkingDot=Ds;exports.ToastContainer=ps;exports.Toggle=yt;exports.TokenCounter=Rs;exports.ToolCallBubble=Xe;exports.ToolCallCard=Xe;exports.Tooltip=ve;exports.iconSizes=z;exports.useAnimatedNumber=Ue;exports.useAnimatedPlaceholder=Ye;exports.useCoachmark=Vs;exports.useInView=Ve;exports.useShake=Hs;exports.useStreamScroll=js;exports.useToast=fs;
|
|
22
|
+
<%s key={someKey} {...props} />`,V,H,J,H),R[H+V]=!0)}if(H=null,W!==void 0&&(n(W),H=""+W),i($)&&(n($.key),H=""+$.key),"key"in $){W={};for(var re in $)re!=="key"&&(W[re]=$[re])}else W=$;return H&&l(W,typeof m=="function"?m.displayName||m.name||"Unknown":m),u(m,H,W,a(),Z,ne)}function h(m){x(m)?m._store&&(m._store.validated=1):typeof m=="object"&&m!==null&&m.$$typeof===L&&(m._payload.status==="fulfilled"?x(m._payload.value)&&m._payload.value._store&&(m._payload.value._store.validated=1):m._store&&(m._store.validated=1))}function x(m){return typeof m=="object"&&m!==null&&m.$$typeof===v}var p=c,v=Symbol.for("react.transitional.element"),j=Symbol.for("react.portal"),y=Symbol.for("react.fragment"),S=Symbol.for("react.strict_mode"),_=Symbol.for("react.profiler"),g=Symbol.for("react.consumer"),k=Symbol.for("react.context"),A=Symbol.for("react.forward_ref"),D=Symbol.for("react.suspense"),C=Symbol.for("react.suspense_list"),F=Symbol.for("react.memo"),L=Symbol.for("react.lazy"),N=Symbol.for("react.activity"),M=Symbol.for("react.client.reference"),Y=p.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,U=Object.prototype.hasOwnProperty,I=Array.isArray,b=console.createTask?console.createTask:function(){return null};p={react_stack_bottom_frame:function(m){return m()}};var E,B={},O=p.react_stack_bottom_frame.bind(p,o)(),X=b(r(o)),R={};pe.Fragment=y,pe.jsx=function(m,$,W){var V=1e4>Y.recentlyCreatedOwnerStacks++;return f(m,$,W,!1,V?Error("react-stack-top-frame"):O,V?b(r(m)):X)},pe.jsxs=function(m,$,W){var V=1e4>Y.recentlyCreatedOwnerStacks++;return f(m,$,W,!0,V?Error("react-stack-top-frame"):O,V?b(r(m)):X)}}()),pe}process.env.NODE_ENV==="production"?ge.exports=Ze():ge.exports=Qe();var e=ge.exports;function ze({size:t="m",color:s="default",className:n="",...r}){return e.jsx("span",{className:["ds-spinner",`ds-spinner--${t}`,`ds-spinner--${s}`,n].filter(Boolean).join(" "),role:"status","aria-label":"Loading",...r})}const et={xs:12,s:14,m:16,l:20};function te({children:t,variant:s="primary",size:n="m",fullWidth:r=!1,icon:a,disabled:o=!1,state:i="idle",onClick:l,type:d="button",href:u,"aria-label":f,className:h="",...x}){const p=a&&!t,v=i==="loading",j=i==="success",y=i==="error",S=v||j||y,_=n==="xs"?"s":"m",g=s==="danger"?"on-accent":"default",k=et[n]??16,A=v?e.jsx(ze,{size:_,color:g}):j?e.jsx("span",{className:"ds-button__icon","aria-hidden":"true",children:e.jsx(T.Check,{size:k,strokeWidth:2.5})}):y?e.jsx("span",{className:"ds-button__icon","aria-hidden":"true",children:e.jsx(T.X,{size:k,strokeWidth:2.5})}):null,D=["ds-button",`ds-button--${s}`,`ds-button--${n}`,r&&"ds-button--full",p&&"ds-button--icon-only",h].filter(Boolean).join(" "),C=i!=="idle"?i:void 0,F=e.jsxs(e.Fragment,{children:[S?A:a&&e.jsx("span",{className:"ds-button__icon","aria-hidden":"true",children:a}),t]});if(u){const L=N=>{if(o||v){N.preventDefault();return}N.metaKey||N.ctrlKey||N.button===1||(N.preventDefault(),l==null||l(N))};return e.jsx("a",{className:D,href:o||v?void 0:u,onClick:L,"aria-label":f,"aria-disabled":o||v?"true":void 0,"aria-busy":v?"true":void 0,"data-state":C,...x,children:F})}return e.jsx("button",{type:d,className:D,disabled:o,onClick:v?void 0:l,"aria-label":f,"aria-busy":v?"true":void 0,"data-state":C,...x,children:F})}function tt({label:t,error:s,hint:n,fullWidth:r=!0,icon:a,iconRight:o,onIconRightClick:i,size:l="m",disabled:d,id:u,...f}){const h=u||`input-${c.useId()}`,x=n?`${h}-hint`:void 0,p=s?`${h}-error`:void 0,v=p||x;return e.jsxs("div",{className:`ds-input-wrapper ${r?"ds-input-wrapper--full":""} ${d?"ds-input-wrapper--disabled":""} ${s?"ds-input-wrapper--error":""}`,children:[t&&e.jsx("label",{className:"ds-input-label",htmlFor:h,children:t}),e.jsxs("div",{className:"ds-input-container",children:[a&&e.jsx("span",{className:`ds-input-icon ds-input-icon--${l}`,"aria-hidden":"true",children:a}),e.jsx("input",{id:h,className:`ds-input ds-input--${l} ${a?"ds-input--with-icon":""} ${o?"ds-input--with-icon-right":""} ${s?"ds-input--error":""}`,disabled:d,"aria-invalid":s?"true":"false","aria-describedby":v,...f}),o&&e.jsx("button",{type:"button",className:`ds-input-icon-right ds-input-icon-right--${l}`,onClick:i,tabIndex:-1,"aria-label":"Toggle visibility",children:o})]}),n&&!s&&e.jsx("span",{id:x,className:"ds-input-hint",children:n}),e.jsx("div",{className:"ds-input-error-wrap",children:e.jsx("div",{className:"ds-input-error-inner",children:s&&e.jsx("span",{id:p,className:"ds-input-error",role:"alert",children:s})})})]})}function st({label:t,error:s,hint:n,fullWidth:r=!0,size:a="m",disabled:o,id:i,resize:l=!0,rows:d=3,...u}){const f=i||`textarea-${c.useId()}`,h=n?`${f}-hint`:void 0,x=s?`${f}-error`:void 0,p=x||h;return e.jsxs("div",{className:`ds-textarea-wrapper ${r?"ds-textarea-wrapper--full":""} ${o?"ds-textarea-wrapper--disabled":""}`,children:[t&&e.jsx("label",{className:"ds-textarea-label",htmlFor:f,children:t}),e.jsx("textarea",{id:f,className:`ds-textarea ds-textarea--${a} ${s?"ds-textarea--error":""} ${l?"":"ds-textarea--no-resize"}`,disabled:o,"aria-invalid":s?"true":"false","aria-describedby":p,rows:d,...u}),n&&!s&&e.jsx("span",{id:h,className:"ds-textarea-hint",children:n}),s&&e.jsx("span",{id:x,className:"ds-textarea-error",role:"alert",children:s})]})}function nt({label:t,value:s,onChange:n,options:r=[],placeholder:a="Select option",error:o,fullWidth:i=!0,size:l="m",disabled:d=!1,id:u,...f}){const[h,x]=c.useState(!1),[p,v]=c.useState(!1),[j,y]=c.useState({}),[S,_]=c.useState("down"),[g,k]=c.useState(-1),A=c.useRef(null),D=c.useRef(null),C=c.useRef(null),F=c.useRef(null),L=u||`select-${c.useId()}`,N=`${L}-label`,M=o?`${L}-error`:void 0,Y=150,U=(R=!1)=>{p||(v(!0),k(-1),F.current=setTimeout(()=>{var m;x(!1),v(!1),R&&((m=C.current)==null||m.focus())},Y))},I=R=>{clearTimeout(F.current),v(!1);const m=R!==void 0?R:Math.max(r.findIndex($=>$.value===s),0);k(m),x(!0)};c.useEffect(()=>()=>clearTimeout(F.current),[]);const b=()=>{var ne;const R=(ne=A.current)==null?void 0:ne.getBoundingClientRect();if(!R)return;const m=window.innerHeight,$=m-R.bottom,W=R.top,Z=$<300&&W>$;_(Z?"up":"down"),y(Z?{bottom:m-R.top+4,left:R.left,width:R.width}:{top:R.bottom+4,left:R.left,width:R.width})};c.useEffect(()=>{if(h)return b(),window.addEventListener("scroll",b,!0),window.addEventListener("resize",b),()=>{window.removeEventListener("scroll",b,!0),window.removeEventListener("resize",b)}},[h]),c.useEffect(()=>{const R=m=>{A.current&&!A.current.contains(m.target)&&D.current&&!D.current.contains(m.target)&&U()};return document.addEventListener("mousedown",R),()=>document.removeEventListener("mousedown",R)},[p]),c.useEffect(()=>{var m;if(!h||g<0||!D.current)return;(m=D.current.querySelectorAll(".ds-select-option")[g])==null||m.scrollIntoView({block:"nearest"})},[g,h]);const E=R=>{switch(R.key){case"ArrowDown":R.preventDefault(),h?k(m=>Math.min(m+1,r.length-1)):I();break;case"ArrowUp":R.preventDefault(),h?k(m=>Math.max(m-1,0)):I(r.length-1);break;case"Home":h&&(R.preventDefault(),k(0));break;case"End":h&&(R.preventDefault(),k(r.length-1));break;case"Enter":case" ":R.preventDefault(),h?g>=0&&(n==null||n(r[g].value),U(!0)):I();break;case"Escape":h&&(R.preventDefault(),U(!0));break;case"Tab":h&&U(!1);break}},B=r.find(R=>R.value===s),O=l==="xs"?z[1]:l==="small"?z[2]:z[3],X=h&&e.jsx("div",{ref:D,"data-ds-portal":"",role:"listbox","aria-labelledby":t?N:void 0,tabIndex:-1,className:["ds-select-dropdown ds-scrollable",`ds-select-dropdown--${l}`,`ds-select-dropdown--${S}`,p&&"ds-select-dropdown--closing"].filter(Boolean).join(" "),style:j,children:r.map((R,m)=>e.jsx("button",{id:`${L}-opt-${m}`,type:"button",role:"option",tabIndex:-1,"aria-selected":s===R.value,className:["ds-select-option",`ds-select-option--${l}`,s===R.value&&"ds-select-option--selected",m===g&&"ds-select-option--active"].filter(Boolean).join(" "),onClick:()=>{n==null||n(R.value),U(!0)},children:R.label},R.value))});return e.jsxs("div",{className:`ds-select-wrapper ${i?"ds-select-wrapper--full":""} ${d?"ds-select-wrapper--disabled":""}`,children:[t&&e.jsx("label",{id:N,className:"ds-select-label",children:t}),e.jsx("div",{className:"ds-select-container",ref:A,children:e.jsxs("button",{ref:C,type:"button",id:L,role:"combobox","aria-haspopup":"listbox","aria-expanded":h,"aria-activedescendant":h&&g>=0?`${L}-opt-${g}`:void 0,"aria-labelledby":t?N:void 0,"aria-invalid":o?"true":"false","aria-describedby":M,className:`ds-select-trigger ds-select-trigger--${l} ${o?"ds-select-trigger--error":""}`,onClick:()=>{d||(h?U():I())},onKeyDown:E,disabled:d,...f,children:[e.jsx("span",{className:B?"":"ds-select-placeholder",children:(B==null?void 0:B.label)||a}),e.jsx(T.ChevronDown,{size:O,strokeWidth:1.5,className:`ds-select-icon ${h&&S==="down"?"ds-select-icon--open":""} ${h&&S==="up"?"ds-select-icon--up":""}`,"aria-hidden":"true"})]})}),o&&e.jsx("span",{id:M,className:"ds-select-error",role:"alert",children:o}),typeof document<"u"&&ce.createPortal(X,document.body)]})}function rt({label:t,value:s=0,onChange:n,min:r=0,max:a=100,step:o=1,size:i="m",disabled:l=!1,hint:d,error:u,...f}){const h=()=>{if(l)return;const S=Math.min(Number(s)+o,a);n==null||n(S)},x=()=>{if(l)return;const S=Math.max(Number(s)-o,r);n==null||n(S)},p=S=>{if(l)return;const _=S.target.value;if(_===""){n==null||n(r);return}const g=Number(_);if(!isNaN(g)){const k=Math.min(Math.max(g,r),a);n==null||n(k)}},v=["ds-stepper-wrapper",l&&"ds-stepper-wrapper--disabled",u&&"ds-stepper-wrapper--error"].filter(Boolean).join(" "),j=["ds-stepper",`ds-stepper--${i}`,l&&"ds-stepper--disabled"].filter(Boolean).join(" "),y=i==="xs"?z[1]:i==="small"?z[2]:z[3];return e.jsxs("div",{className:v,children:[t&&e.jsx("label",{className:"ds-stepper-label",children:t}),e.jsxs("div",{className:j,children:[e.jsx("button",{type:"button",className:"ds-stepper-button ds-stepper-button--minus",onClick:x,disabled:l||s<=r,"aria-label":"Decrease",children:e.jsx(T.Minus,{size:y,strokeWidth:1.5})}),e.jsx("input",{type:"number",className:"ds-stepper-input",value:s,onChange:p,min:r,max:a,step:o,disabled:l,...f}),e.jsx("button",{type:"button",className:"ds-stepper-button ds-stepper-button--plus",onClick:h,disabled:l||s>=a,"aria-label":"Increase",children:e.jsx(T.Plus,{size:y,strokeWidth:1.5})})]}),d&&!u&&e.jsx("div",{className:"ds-stepper-hint",children:d}),u&&e.jsx("div",{className:"ds-stepper-error",children:u})]})}function at({children:t,padding:s="m",variant:n="info",hover:r=!1,onClick:a,href:o,disabled:i=!1,...l}){const u=(r?"interactive":n)==="interactive"||a||o,f=["ds-card",`ds-card--${s}`,u&&"ds-card--interactive"].filter(Boolean).join(" ");if(o){const p=v=>{if(i){v.preventDefault();return}v.metaKey||v.ctrlKey||v.button===1||(v.preventDefault(),a==null||a(v))};return e.jsx("a",{className:f,href:i?void 0:o,onClick:p,"aria-disabled":i?"true":void 0,...l,children:t})}const h=u&&a?"button":"div",x=u&&a?{type:"button",onClick:a,disabled:i}:{};return e.jsx(h,{className:f,role:u&&!a?"article":void 0,...x,...l,children:t})}function ot({children:t,...s}){return e.jsx("h1",{className:"ds-h1",...s,children:t})}function it({children:t,...s}){return e.jsx("h2",{className:"ds-h2",...s,children:t})}function lt({children:t,...s}){return e.jsx("h3",{className:"ds-h3",...s,children:t})}function ct({children:t,...s}){return e.jsx("h4",{className:"ds-h4",...s,children:t})}function dt({children:t,secondary:s=!1,...n}){return e.jsx("p",{className:`ds-p1 ${s?"ds-p1--secondary":""}`,...n,children:t})}function Fe({children:t,secondary:s=!1,...n}){return e.jsx("p",{className:`ds-p2 ${s?"ds-p2--secondary":""}`,...n,children:t})}function Ee({children:t,secondary:s=!1,...n}){return e.jsx("p",{className:`ds-p3 ${s?"ds-p3--secondary":""}`,...n,children:t})}function oe({children:t,variant:s="default",size:n="m",role:r,...a}){const o=["ds-badge",`ds-badge--${s}`,`ds-badge--${n}`].filter(Boolean).join(" "),i=r||(["info","success","warning","error"].includes(s)?"status":void 0);return e.jsx("span",{className:o,role:i,...a,children:t})}const ut={info:T.Info,success:T.CheckCircle,warning:T.AlertTriangle,error:T.XCircle},ft=c.forwardRef(function({children:s,variant:n="info",title:r,onClose:a,role:o,...i},l){const d=ut[n],u=o||(n==="error"?"alert":"status");return e.jsxs("div",{ref:l,className:`ds-alert ds-alert--${n} ${r?"":"ds-alert--no-title"}`,role:u,...i,children:[d&&e.jsx("div",{className:"ds-alert__icon",children:e.jsx(d,{size:z[3],strokeWidth:1.5})}),e.jsxs("div",{className:"ds-alert__content",children:[r&&e.jsx("div",{className:"ds-alert__title",children:r}),s&&e.jsx("div",{className:"ds-alert__message",children:s})]}),a&&e.jsx("button",{type:"button",className:"ds-alert__close",onClick:a,"aria-label":"Close alert",children:e.jsx(T.X,{size:z[3],strokeWidth:1.5})})]})}),mt=200;function pt({children:t,title:s,onClose:n,size:r="m",scrollable:a=!1,subHeader:o,...i}){const l=c.useRef(null),d=c.useId(),[u,f]=c.useState(!1),h=()=>{!n||u||(f(!0),setTimeout(()=>{f(!1),n()},mt))};c.useEffect(()=>{const j=S=>{S.key==="Escape"&&h()},y=S=>{var g,k,A;const _=((k=(g=S.composedPath)==null?void 0:g.call(S))==null?void 0:k[0])??S.target;l.current&&!l.current.contains(_)&&!((A=_.closest)!=null&&A.call(_,"[data-ds-portal]"))&&h()};return document.addEventListener("keydown",j),document.addEventListener("mousedown",y),()=>{document.removeEventListener("keydown",j),document.removeEventListener("mousedown",y)}},[n,u]);const x=c.Children.toArray(t),p=x.find(j=>(j==null?void 0:j.type)===le),v=x.filter(j=>(j==null?void 0:j.type)!==le);return e.jsx("div",{className:["ds-modal-overlay",u&&"ds-modal-overlay--closing"].filter(Boolean).join(" "),...i,children:e.jsxs("div",{className:[`ds-modal ds-modal--${r}`,a&&"ds-modal--scrollable"].filter(Boolean).join(" "),ref:l,role:"dialog","aria-modal":"true","aria-labelledby":s?d:void 0,children:[n&&e.jsx(te,{className:"ds-modal__close",variant:"ghost",size:"small",icon:e.jsx(T.X,{size:z[2],strokeWidth:1.5}),onClick:h,"aria-label":"Close modal"}),(s||o)&&e.jsxs("div",{className:"ds-modal__header",children:[s&&e.jsx("h3",{id:d,className:"ds-modal__title",children:s}),o&&e.jsx("div",{className:"ds-modal__subheader",children:o})]}),e.jsx("div",{className:"ds-modal__body ds-scrollable",children:v}),p]})})}function le({children:t}){return!t||c.Children.count(t)===0?null:e.jsx("div",{className:"ds-modal__footer",children:t})}const ht=320;function xt({children:t,title:s,onClose:n,subHeader:r,...a}){const o=c.useRef(null),i=c.useId(),[l,d]=c.useState(!1),u=()=>{!n||l||(d(!0),setTimeout(()=>{d(!1),n()},ht))};c.useEffect(()=>{const p=j=>{j.key==="Escape"&&u()},v=j=>{var S,_,g;const y=((_=(S=j.composedPath)==null?void 0:S.call(j))==null?void 0:_[0])??j.target;o.current&&!o.current.contains(y)&&!((g=y.closest)!=null&&g.call(y,"[data-ds-portal]"))&&u()};return document.addEventListener("keydown",p),document.addEventListener("mousedown",v),()=>{document.removeEventListener("keydown",p),document.removeEventListener("mousedown",v)}},[n,l]);const f=c.Children.toArray(t),h=f.find(p=>(p==null?void 0:p.type)===le),x=f.filter(p=>(p==null?void 0:p.type)!==le);return e.jsx("div",{className:["ds-bottom-sheet-overlay",l&&"ds-bottom-sheet-overlay--closing"].filter(Boolean).join(" "),...a,children:e.jsxs("div",{ref:o,className:["ds-bottom-sheet",l&&"ds-bottom-sheet--closing"].filter(Boolean).join(" "),role:"dialog","aria-modal":"true","aria-labelledby":s?i:void 0,children:[e.jsx("div",{className:"ds-bottom-sheet__handle","aria-hidden":"true"}),n&&e.jsx(te,{className:"ds-bottom-sheet__close",variant:"ghost",size:"small",icon:e.jsx(T.X,{size:z[2],strokeWidth:1.5}),onClick:u,"aria-label":"Close"}),(s||r)&&e.jsxs("div",{className:"ds-bottom-sheet__header",children:[s&&e.jsx("h3",{id:i,className:"ds-bottom-sheet__title",children:s}),r&&e.jsx("div",{className:"ds-bottom-sheet__subheader",children:r})]}),e.jsx("div",{className:"ds-bottom-sheet__body ds-scrollable",children:x}),h]})})}function We({children:t,title:s="Code",defaultExpanded:n=!1,expanded:r,onToggle:a,padding:o="s",className:i="",...l}){const[d,u]=c.useState(n),f=r!==void 0,h=f?r:d,x=()=>{f?a==null||a(!r):u(v=>!v)},p=["ds-code-accordion",`ds-code-accordion--${o}`,h&&"ds-code-accordion--expanded",i].filter(Boolean).join(" ");return e.jsxs("div",{className:p,...l,children:[e.jsxs("button",{type:"button",className:"ds-code-accordion__header",onClick:x,"aria-expanded":h,children:[e.jsx("span",{className:"ds-code-accordion__title",children:s}),e.jsx(T.ChevronDown,{size:z[2],strokeWidth:1.5,className:`ds-code-accordion__icon ${h?"ds-code-accordion__icon--expanded":""}`})]}),e.jsx("div",{className:"ds-code-accordion__content",children:e.jsx("div",{className:"ds-code-accordion__inner",children:e.jsx("pre",{className:"ds-code-accordion__pre ds-scrollable",children:e.jsx("code",{children:t})})})})]})}function vt({children:t,block:s=!1,collapsible:n=!1,title:r="Code",defaultExpanded:a=!1,...o}){return s?n?e.jsx(We,{title:r,defaultExpanded:a,...o,children:t}):e.jsx("pre",{className:"ds-code-block ds-scrollable",...o,children:e.jsx("code",{children:t})}):e.jsx("code",{className:"ds-code-inline",...o,children:t})}function bt({href:t,children:s,onClick:n,target:r,rel:a,...o}){const l=r==="_blank"?a?`${a} noopener noreferrer`:"noopener noreferrer":a;return e.jsx("a",{href:t,className:"ds-link",onClick:n,target:r,rel:l,...o,children:s})}function _t({children:t,size:s="m",variant:n="ghost",...r}){return e.jsx("div",{className:"ds-tabs",role:"tablist",...r,children:c.Children.map(t,a=>c.isValidElement(a)?c.cloneElement(a,{size:s,variant:n}):a)})}function jt({children:t,selected:s=!1,onClick:n,size:r="m",variant:a="ghost",disabled:o=!1,icon:i,href:l,...d}){const u=i&&!t,f=["ds-tab",`ds-tab--${r}`,`ds-tab--${a}`,s&&"ds-tab--selected",u&&"ds-tab--icon-only"].filter(Boolean).join(" "),h=e.jsxs(e.Fragment,{children:[i&&e.jsx("span",{className:"ds-tab-icon",children:i}),t]});if(l){const x=p=>{if(o){p.preventDefault();return}p.metaKey||p.ctrlKey||p.button===1||(p.preventDefault(),n==null||n(p))};return e.jsx("a",{role:"tab","aria-current":s?"page":void 0,"aria-disabled":o?"true":void 0,className:f,href:o?void 0:l,onClick:x,...d,children:h})}return e.jsx("button",{role:"tab","aria-selected":s,className:f,onClick:n,disabled:o,...d,children:h})}function Nt({options:t,value:s,onChange:n,size:r="m",disabled:a=!1}){const o=c.useRef(null),i=c.useRef(null),[l,d]=c.useState(!1),u=c.useRef(!1),f=c.useRef(null),h=c.useRef(null),x=()=>{if(!o.current)return;const p=o.current.querySelector(`[data-value="${s}"]`);if(!p)return;const v=o.current.getBoundingClientRect(),j=p.getBoundingClientRect(),y=j.left-v.left,S=j.width;i.current?(i.current.style.transition=u.current?"left var(--transition-normal), width var(--transition-normal)":"none",i.current.style.left=y+"px",i.current.style.width=S+"px",u.current=!1):(d(!0),requestAnimationFrame(()=>{if(!i.current||!o.current)return;const _=o.current.querySelector(`[data-value="${s}"]`);if(!_)return;const g=o.current.getBoundingClientRect(),k=_.getBoundingClientRect();i.current.style.transition="none",i.current.style.left=k.left-g.left+"px",i.current.style.width=k.width+"px"}))};return h.current=x,c.useLayoutEffect(()=>{const p=f.current!==s;f.current=s,u.current=l&&p,x()}),c.useEffect(()=>{if(!o.current)return;const p=new ResizeObserver(()=>{u.current=!1,h.current()});return p.observe(o.current),()=>p.disconnect()},[]),e.jsxs("div",{className:["ds-seg",`ds-seg--${r}`,a&&"ds-seg--disabled"].filter(Boolean).join(" "),ref:o,role:"group",children:[l&&e.jsx("div",{ref:i,className:"ds-seg__pill","aria-hidden":"true"}),t.map(p=>e.jsxs("button",{type:"button","data-value":p.value,className:["ds-seg__btn",s===p.value&&"ds-seg__btn--active"].filter(Boolean).join(" "),onClick:()=>!a&&n(p.value),"aria-pressed":s===p.value,disabled:a,children:[p.icon&&e.jsx("span",{className:"ds-seg__btn-icon","aria-hidden":"true",children:p.icon}),p.label]},p.value))]})}function xe({children:t,title:s,defaultExpanded:n=!1,expanded:r,onToggle:a,padding:o="m",...i}){const[l,d]=c.useState(n),u=r!==void 0,f=u?r:l,h=()=>{u?a==null||a(!r):d(p=>!p)},x=["ds-accordion",`ds-accordion--${o}`,f&&"ds-accordion--expanded"].filter(Boolean).join(" ");return e.jsxs("div",{className:x,...i,children:[e.jsxs("button",{type:"button",className:"ds-accordion__header",onClick:h,"aria-expanded":f,children:[e.jsx("span",{className:"ds-accordion__title",children:s}),e.jsx(T.ChevronDown,{size:z[2],strokeWidth:1.5,className:`ds-accordion__icon ${f?"ds-accordion__icon--expanded":""}`})]}),e.jsx("div",{className:"ds-accordion__content",children:e.jsx("div",{className:"ds-accordion__content-inner",children:e.jsx("div",{className:"ds-accordion__content-body",children:t})})})]})}const se=8,de=8;function gt(t,s,n){const r=window.innerWidth;let a,o;switch(t){case"top":a=s.top-n.height-se,o=s.left+s.width/2-n.width/2;break;case"bottom":a=s.bottom+se,o=s.left+s.width/2-n.width/2;break;case"left":a=s.top+s.height/2-n.height/2,o=s.left-n.width-se;break;case"right":a=s.top+s.height/2-n.height/2,o=s.right+se;break;default:a=s.bottom+se,o=s.left}const i=Math.max(de,Math.min(r-n.width-de,o)),l=o-i;return{top:a,left:i,arrowOffset:l}}function wt(t,s,n){const r=window.innerWidth,a=window.innerHeight;if(t.top>=s+se+de)return"top";if(a-t.bottom>=s+se+de)return"bottom";if(r-t.right>=n+se+de)return"right";if(t.left>=n+se+de)return"left";const o=Math.max(t.top,a-t.bottom,t.left,r-t.right);return o===t.top?"top":o===a-t.bottom?"bottom":o===r-t.right?"right":"left"}function ve({children:t,content:s,position:n,...r}){const[a,o]=c.useState(!1),[i,l]=c.useState({visibility:"hidden"}),[d,u]=c.useState(n||"top"),f=c.useRef(null),h=c.useRef(null),x=c.useRef(!1),p=()=>{if(!f.current||!h.current)return;const j=f.current.getBoundingClientRect(),y=h.current.getBoundingClientRect(),S=n||wt(j,y.height,y.width),{top:_,left:g,arrowOffset:k}=gt(S,j,y);u(S),l({position:"fixed",top:_,left:g,visibility:"visible","--arrow-offset":`${k}px`})};if(c.useEffect(()=>{if(!a)return;l({position:"fixed",visibility:"hidden"});const j=requestAnimationFrame(p);return window.addEventListener("scroll",p,!0),window.addEventListener("resize",p),()=>{cancelAnimationFrame(j),window.removeEventListener("scroll",p,!0),window.removeEventListener("resize",p)}},[a,n]),c.useEffect(()=>{if(!a)return;const j=y=>{f.current&&!f.current.contains(y.target)&&o(!1)};return document.addEventListener("touchstart",j),()=>document.removeEventListener("touchstart",j)},[a]),!s)return t;const v=a&&e.jsx("div",{ref:h,"data-ds-portal":"",className:`ds-tooltip ds-tooltip--${d}`,role:"tooltip",style:i,children:s});return e.jsxs("div",{ref:f,className:"ds-tooltip-wrapper",onMouseEnter:()=>{x.current||o(!0)},onMouseLeave:()=>{x.current||o(!1)},onTouchStart:()=>{x.current=!0,o(j=>!j)},...r,children:[t,typeof document<"u"&&ce.createPortal(v,document.body)]})}function yt({checked:t=!1,onChange:s,size:n="m",disabled:r=!1,label:a,id:o,...i}){const l=o||`toggle-${c.useId()}`,d=["ds-toggle",`ds-toggle--${n}`,r&&"ds-toggle--disabled"].filter(Boolean).join(" ");return e.jsxs("label",{className:d,htmlFor:l,children:[e.jsx("input",{type:"checkbox",id:l,className:"ds-toggle__input",checked:t,onChange:u=>s==null?void 0:s(u.target.checked),disabled:r,...i}),e.jsx("span",{className:"ds-toggle__track",children:e.jsx("span",{className:"ds-toggle__thumb"})}),a&&e.jsx("span",{className:"ds-toggle__label",children:a})]})}function kt({checked:t=!1,onChange:s,size:n="m",disabled:r=!1,label:a,id:o,...i}){const l=o||`checkbox-${c.useId()}`,d=["ds-checkbox",`ds-checkbox--${n}`,r&&"ds-checkbox--disabled"].filter(Boolean).join(" "),u=n==="xs"?10:n==="small"?14:n==="large"?20:16;return e.jsxs("label",{className:d,htmlFor:l,children:[e.jsx("input",{type:"checkbox",id:l,className:"ds-checkbox__input",checked:t,onChange:f=>s==null?void 0:s(f.target.checked),disabled:r,...i}),e.jsx("span",{className:"ds-checkbox__box",children:t&&e.jsx(T.Check,{size:u,strokeWidth:2.5,className:"ds-checkbox__icon"})}),a&&e.jsx("span",{className:"ds-checkbox__label",children:a})]})}function Et({checked:t=!1,onChange:s,size:n="m",disabled:r=!1,label:a,name:o,value:i,id:l,...d}){const u=l||`radio-${c.useId()}`,f=["ds-radio",`ds-radio--${n}`,r&&"ds-radio--disabled"].filter(Boolean).join(" ");return e.jsxs("label",{className:f,htmlFor:u,children:[e.jsx("input",{type:"radio",id:u,className:"ds-radio__input",checked:t,onChange:h=>s==null?void 0:s(h.target.checked),disabled:r,name:o,value:i,...d}),e.jsx("span",{className:"ds-radio__circle",children:e.jsx("span",{className:"ds-radio__dot"})}),a&&e.jsx("span",{className:"ds-radio__label",children:a})]})}function Oe({width:t,height:s,shape:n="rect",aspectRatio:r,className:a="",style:o={},...i}){return e.jsx("span",{className:["ds-skeleton",`ds-skeleton--${n}`,a].filter(Boolean).join(" "),style:{width:t,height:s,aspectRatio:r,...o},"aria-hidden":"true",...i})}function Rt({lines:t=1,lastLineWidth:s="70%",gap:n,className:r="",style:a={},...o}){return e.jsx("span",{className:["ds-skeleton-text",r].filter(Boolean).join(" "),style:{gap:n,...a},"aria-hidden":"true",...o,children:Array.from({length:t},(i,l)=>e.jsx("span",{className:"ds-skeleton ds-skeleton--text",style:l===t-1&&t>1?{width:s}:void 0},l))})}Oe.Text=Rt;function St(t){let s=2166136261;for(let n=0;n<t.length;n++)s^=t.charCodeAt(n),s=Math.imul(s,16777619)>>>0;return s%360}function Tt(t){if(!t)return"";const s=t.trim().split(/\s+/);return s.length>=2?(s[0][0]+s[1][0]).toUpperCase():t[0].toUpperCase()}function $t({seed:t,icon:s,src:n,size:r=32,className:a="",style:o={},...i}){const l=St(t??""),[d,u]=c.useState(!1),f=s??e.jsx("span",{className:"ds-avatar__initials",children:Tt(t)});return e.jsx("div",{className:["ds-avatar",a].filter(Boolean).join(" "),style:{width:r,height:r,"--ds-avatar-h":l,...o},"aria-hidden":"true",...i,children:n&&!d?e.jsx("img",{src:n,alt:"",onError:()=>u(!0)}):f})}function At({children:t,size:s="compact",stickyTop:n,maxHeight:r,className:a="",style:o={},...i}){const l={...r?{maxHeight:r}:{},...n!==void 0?{"--ds-table-sticky-top":typeof n=="number"?`${n}px`:n}:{},...o};return e.jsx("div",{className:["ds-table-wrap","ds-scrollable",r?"ds-table-wrap--scroll":""].filter(Boolean).join(" "),style:l,children:e.jsx("table",{className:["ds-table",`ds-table--${s}`,a].filter(Boolean).join(" "),...i,children:t})})}function Bt({children:t,...s}){return e.jsx("thead",{...s,children:t})}function It({children:t,...s}){return e.jsx("tbody",{...s,children:t})}function Dt({children:t,interactive:s,selected:n,subheader:r,exiting:a,updated:o,className:i="",onClick:l,...d}){return e.jsx("tr",{className:["ds-table-row",s||l?"ds-table-row--interactive":"",n?"ds-table-row--selected":"",r?"ds-table-row--subheader":"",a?"ds-table-row--exiting":"",o?"ds-table-row--updated":"",i].filter(Boolean).join(" "),onClick:l,...d,children:t})}function Pt({children:t,colSpan:s=999,...n}){return e.jsx("tr",{className:"ds-table-row ds-table-row--subheader",...n,children:e.jsx("td",{colSpan:s,children:t})})}function Ct({children:t,align:s="left",sortDir:n,onSort:r,width:a,className:o="",style:i={},...l}){const d=!!r||n!==void 0,u=n==="asc"?T.ChevronUp:n==="desc"?T.ChevronDown:T.ChevronsUpDown;return e.jsx("th",{className:["ds-th",d?"ds-th--sortable":"",n?"ds-th--sorted":"",s!=="left"?`ds-table-cell--${s}`:"",o].filter(Boolean).join(" "),onClick:r,style:{width:a,...i},...l,children:d?e.jsxs("span",{className:"ds-th__inner",children:[t,e.jsx("span",{className:"ds-th__sort-icon",children:e.jsx(u,{size:11,strokeWidth:2.5})})]}):t})}function Lt({children:t,align:s="left",secondary:n,muted:r,truncate:a,nowrap:o,className:i="",...l}){return e.jsx("td",{className:["ds-td",s!=="left"?`ds-table-cell--${s}`:"",n?"ds-table-cell--secondary":"",r?"ds-table-cell--muted":"",a?"ds-table-cell--truncate":"",o?"ds-table-cell--nowrap":"",i].filter(Boolean).join(" "),...l,children:t})}function Mt({icon:t,title:s,description:n,action:r,size:a="m",className:o="",...i}){return e.jsxs("div",{className:["ds-empty-state",`ds-empty-state--${a}`,o].filter(Boolean).join(" "),...i,children:[t&&e.jsx("div",{className:"ds-empty-state__icon",children:t}),e.jsx("div",{className:"ds-empty-state__title",children:s}),n&&e.jsx("div",{className:"ds-empty-state__description",children:n}),r&&e.jsx("div",{className:"ds-empty-state__action",children:r})]})}function zt({label:t,hint:s,error:n,required:r=!1,disabled:a=!1,htmlFor:o,children:i,className:l="",style:d,...u}){const f=c.useId(),h=o??f,x=`${h}-hint`,p=`${h}-error`;return e.jsxs("div",{className:`ds-field${l?` ${l}`:""}`,"data-state":n?"error":void 0,"data-required":r?"":void 0,"data-disabled":a?"":void 0,style:d,...u,children:[t&&e.jsx("label",{className:"ds-field-label",htmlFor:h,children:t}),e.jsx("div",{className:"ds-field-control",children:i}),s&&!n&&e.jsx("p",{className:"ds-field-hint",id:x,children:s}),n&&e.jsx("p",{className:"ds-field-error",id:p,role:"alert",children:n})]})}function Ft({label:t,value:s,delta:n,size:r="m",inline:a=!1,className:o="",style:i,...l}){const d=n!=null&&n.startsWith("+")?"up":n!=null&&n.startsWith("-")?"down":"neutral";return e.jsxs("div",{className:["ds-stat",`ds-stat--${r}`,a&&"ds-stat--inline",o].filter(Boolean).join(" "),style:i,...l,children:[t&&e.jsx("span",{className:"ds-stat-label",children:t}),s!=null&&e.jsx("span",{className:"ds-stat-value",children:s}),n!=null&&e.jsx("span",{className:`ds-stat-delta ds-stat-delta--${d}`,children:n})]})}function Wt({children:t,separator:s="/","aria-label":n="Breadcrumb",className:r="",style:a,...o}){const i=c.Children.toArray(t).filter(Boolean);return e.jsx("nav",{className:`ds-breadcrumb${r?` ${r}`:""}`,"aria-label":n,style:a,...o,children:e.jsx("ol",{className:"ds-breadcrumb-list",children:i.map((l,d)=>e.jsxs("li",{className:"ds-breadcrumb-item",children:[l,d<i.length-1&&e.jsx("span",{className:"ds-breadcrumb-sep","aria-hidden":"true",children:s})]},d))})})}function Ot({page:t,total:s,onChange:n,siblings:r=1,"aria-label":a="Pagination",className:o="",style:i,...l}){const d=Ut(t,s,r);return e.jsxs("nav",{className:`ds-pagination${o?` ${o}`:""}`,"aria-label":a,style:i,...l,children:[e.jsx("button",{className:"ds-pagination-arrow",onClick:()=>n==null?void 0:n(t-1),disabled:t<=1,"aria-label":"Previous page",children:e.jsx(T.ChevronLeft,{size:16})}),d.map((u,f)=>u==="…"?e.jsx("span",{className:"ds-pagination-gap","aria-hidden":"true",children:"…"},`gap-${f}`):e.jsx("button",{className:`ds-pagination-page${u===t?" ds-pagination-page--current":""}`,onClick:()=>u!==t&&(n==null?void 0:n(u)),"aria-current":u===t?"page":void 0,"aria-label":`Page ${u}`,children:u},u)),e.jsx("button",{className:"ds-pagination-arrow",onClick:()=>n==null?void 0:n(t+1),disabled:t>=s,"aria-label":"Next page",children:e.jsx(T.ChevronRight,{size:16})})]})}function Ut(t,s,n){if(s<=7)return Array.from({length:s},(i,l)=>l+1);const r=Math.max(2,t-n),a=Math.min(s-1,t+n),o=[1];r>2&&o.push("…");for(let i=r;i<=a;i++)o.push(i);return a<s-1&&o.push("…"),o.push(s),o}const Vt=300;function Ht({children:t,title:s,onClose:n,subHeader:r,side:a="right",size:o="wide",offsetLeft:i=0,offsetRight:l=0,keepOpenRef:d,...u}){const f=c.useRef(null),h=c.useId(),[x,p]=c.useState(!1),v=()=>{!n||x||(p(!0),setTimeout(()=>{p(!1),n()},Vt))};c.useEffect(()=>{const _=k=>{k.key==="Escape"&&v()},g=k=>{var D,C,F,L;const A=((C=(D=k.composedPath)==null?void 0:D.call(k))==null?void 0:C[0])??k.target;(F=d==null?void 0:d.current)!=null&&F.contains(A)||f.current&&!f.current.contains(A)&&!((L=A.closest)!=null&&L.call(A,"[data-ds-portal]"))&&v()};return document.addEventListener("keydown",_),document.addEventListener("mousedown",g),()=>{document.removeEventListener("keydown",_),document.removeEventListener("mousedown",g)}},[n,x,d]);const j=c.Children.toArray(t),y=j.find(_=>(_==null?void 0:_.type)===we||(_==null?void 0:_.type)===le),S=j.filter(_=>(_==null?void 0:_.type)!==we&&(_==null?void 0:_.type)!==le);return e.jsx("div",{className:["ds-side-page-overlay",x&&"ds-side-page-overlay--closing"].filter(Boolean).join(" "),"data-side":a,style:{"--ds-side-page-offset-left":`${i}px`,"--ds-side-page-offset-right":`${l}px`},...u,children:e.jsxs("div",{ref:f,className:["ds-side-page",x&&"ds-side-page--closing"].filter(Boolean).join(" "),"data-side":a,"data-size":o,role:"dialog","aria-modal":"true","aria-labelledby":s?h:void 0,children:[n&&e.jsx(te,{className:"ds-side-page__close",variant:"ghost",size:"small",icon:e.jsx(T.X,{size:z[2],strokeWidth:1.5}),onClick:v,"aria-label":"Close"}),(s||r)&&e.jsxs("div",{className:"ds-side-page__header",children:[s&&e.jsx("h3",{id:h,className:"ds-side-page__title",children:s}),r&&e.jsx("div",{className:"ds-side-page__subheader",children:r})]}),e.jsx("div",{className:"ds-side-page__body ds-scrollable",children:S}),y]})})}function we({children:t}){return!t||c.Children.count(t)===0?null:e.jsx("div",{className:"ds-side-page__footer",children:t})}const fe=c.createContext({collapsed:!1,side:"left"}),be=c.createContext(!1),Xt=c.forwardRef(function({children:s,collapsed:n=!1,side:r="left",onExpand:a,onCollapse:o,className:i="",...l},d){const u=["ds-nav-rail",n&&"ds-nav-rail--collapsed",`ds-nav-rail--${r}`,i].filter(Boolean).join(" "),f=c.useCallback(h=>{if(!h.target.closest('button, a, input, select, textarea, [role="button"], [tabindex]')){if(n&&a){a();return}!n&&o&&o()}},[n,a,o]);return e.jsx(fe.Provider,{value:{collapsed:n,side:r},children:e.jsx("nav",{ref:d,className:u,onClick:f,"data-expandable":n&&a?"":void 0,"data-collapsible":!n&&o?"":void 0,...l,children:s})})});function Yt({icon:t,label:s,selected:n=!1,disabled:r=!1,href:a,onClick:o,count:i,updated:l=!1,open:d=!1,onboarding:u=!1,className:f="",...h}){const{collapsed:x,side:p}=c.useContext(fe),v=c.useContext(be),S={className:["ds-nav-rail__item",f].filter(Boolean).join(" "),onClick:r?void 0:o,"aria-current":n?"page":void 0,"aria-disabled":r?"true":void 0,"aria-label":x?s:void 0,tabIndex:r?-1:void 0,...{"data-selected":n||void 0,"data-disabled":r||void 0,"data-open":d||void 0,"data-onboarding":u||void 0},...h},_=i!=null,g=p==="left"?"right":"left",k=e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"ds-nav-rail__icon","aria-hidden":"true",children:t}),!x&&e.jsx("span",{className:"ds-nav-rail__label",children:s}),!x&&l&&e.jsx(oe,{size:"xs",variant:"accent",className:"ds-nav-rail__badge-expanded",children:"New"}),!x&&_&&e.jsx("span",{className:["ds-nav-rail__count",i===0&&"ds-nav-rail__count--zero"].filter(Boolean).join(" "),children:i}),x&&l&&e.jsx("span",{className:"ds-nav-rail__dot","aria-hidden":"true"})]}),A=a?e.jsx("a",{href:r?void 0:a,...S,children:k}):e.jsx("button",{type:"button",...S,children:k});return x&&!v?e.jsx(ve,{content:s,position:g,children:A}):A}function qt({children:t,className:s="",...n}){return e.jsx("div",{className:["ds-nav-rail__body","ds-scrollable",s].filter(Boolean).join(" "),...n,children:t})}function Gt({children:t,className:s="",...n}){return e.jsx("div",{className:["ds-nav-rail__header",s].filter(Boolean).join(" "),...n,children:t})}function Kt({children:t,className:s="",...n}){return e.jsx("div",{className:["ds-nav-rail__footer",s].filter(Boolean).join(" "),...n,children:t})}function Jt({className:t="",...s}){return e.jsx("hr",{className:["ds-nav-rail__divider",t].filter(Boolean).join(" "),...s})}function Zt({children:t,label:s="Recents",defaultOpen:n=!0,className:r="",...a}){const{collapsed:o}=c.useContext(fe),[i,l]=c.useState(n);return e.jsxs("div",{className:["ds-nav-rail__recents",r].filter(Boolean).join(" "),...a,children:[!o&&e.jsxs("button",{type:"button",className:["ds-nav-rail__recents-toggle",!i&&"ds-nav-rail__recents-toggle--closed"].filter(Boolean).join(" "),onClick:()=>l(d=>!d),"aria-expanded":i,children:[e.jsx("span",{className:"ds-nav-rail__recents-label",children:s}),e.jsx(T.ChevronDown,{size:12,strokeWidth:2,className:"ds-nav-rail__recents-chevron","aria-hidden":"true"})]}),(i||o)&&e.jsx("div",{className:"ds-nav-rail__recents-body",children:t})]})}const Qt=c.forwardRef(function({as:s="button",avatar:n,label:r,className:a="",...o},i){const{collapsed:l,side:d}=c.useContext(fe),u=c.useContext(be),f=d==="left"?"right":"left",h=["ds-nav-rail__item","ds-nav-rail__agent",a].filter(Boolean).join(" "),x=e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"ds-nav-rail__icon","aria-hidden":"true",children:n}),!l&&e.jsx("span",{className:"ds-nav-rail__label",children:r})]}),p=e.jsx(s,{ref:i,className:h,"aria-label":l?r:void 0,...s==="button"?{type:"button"}:{},...o,children:x});return l&&!u?e.jsx(ve,{content:r,position:f,children:p}):p});function es({avatar:t,label:s,selected:n=!1,disabled:r=!1,href:a,onClick:o,className:i="",...l}){const{collapsed:d,side:u}=c.useContext(fe),f=c.useContext(be),p={className:["ds-nav-rail__item","ds-nav-rail__agent",i].filter(Boolean).join(" "),onClick:r?void 0:o,"aria-current":n?"page":void 0,"aria-disabled":r?"true":void 0,tabIndex:r?-1:void 0,...{"data-selected":n||void 0,"data-disabled":r||void 0},...l},v=e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"ds-nav-rail__icon","aria-hidden":"true",children:t}),!d&&e.jsx("span",{className:"ds-nav-rail__label",children:s})]}),j=u==="left"?"right":"left",y=a?e.jsx("a",{href:r?void 0:a,...p,children:v}):e.jsx("button",{type:"button",...p,children:v});return d&&!f?e.jsx(ve,{content:s,position:j,children:y}):y}const Ae=240,Be=6,Ie=8;function ts({trigger:t,title:s,children:n,open:r,onOpenChange:a,defaultOpen:o=!1}){const{side:i}=c.useContext(fe),[l,d]=c.useState(o),u=r!==void 0,f=u?r:l,[h,x]=c.useState(!1),p=c.useRef(null),v=c.useRef(null),[j,y]=c.useState({}),S=c.useCallback(()=>{u?a==null||a(!0):d(!0)},[u,a]),_=c.useCallback(()=>{u?a==null||a(!1):d(!1)},[u,a]),g=c.useCallback(()=>f?_():S(),[f,S,_]),k=c.useCallback(()=>{var M;const D=p.current;if(!D)return;const C=D.getBoundingClientRect(),F=window.innerHeight,L=((M=v.current)==null?void 0:M.offsetHeight)??300,N=Math.max(Ie,Math.min(F-L-Ie,C.top));y(i==="right"?{position:"fixed",top:N,right:window.innerWidth-C.left+Be,width:Ae}:{position:"fixed",top:N,left:C.right+Be,width:Ae})},[i]);c.useEffect(()=>{if(!f){x(!1);return}return k(),requestAnimationFrame(()=>x(!0)),window.addEventListener("scroll",k,!0),window.addEventListener("resize",k),()=>{window.removeEventListener("scroll",k,!0),window.removeEventListener("resize",k)}},[f,k]),c.useEffect(()=>{if(!f)return;const D=F=>{var L,N;!((L=v.current)!=null&&L.contains(F.target))&&!((N=p.current)!=null&&N.contains(F.target))&&_()},C=F=>{F.key==="Escape"&&_()};return document.addEventListener("mousedown",D),document.addEventListener("keydown",C),()=>{document.removeEventListener("mousedown",D),document.removeEventListener("keydown",C)}},[f,_]);const A=f&&e.jsxs("div",{ref:v,className:["ds-nav-rail-flyout",`ds-nav-rail-flyout--${i}`,h&&"ds-nav-rail-flyout--visible"].filter(Boolean).join(" "),style:j,"data-ds-portal":"",role:"dialog","aria-modal":"false",children:[s!=null&&e.jsxs("div",{className:"ds-nav-rail-flyout__header",children:[e.jsx("span",{className:"ds-nav-rail-flyout__title",children:s}),e.jsx("button",{type:"button",className:"ds-nav-rail-flyout__close",onClick:_,"aria-label":"Close",children:e.jsx(T.X,{size:16,strokeWidth:2})})]}),e.jsx("div",{className:"ds-nav-rail-flyout__body",children:n})]});return e.jsxs(e.Fragment,{children:[e.jsx(be.Provider,{value:f,children:e.jsx("div",{ref:p,onClick:g,style:{display:"flex",flexDirection:"column",width:"100%"},children:t})}),typeof document<"u"&&ce.createPortal(A,document.body)]})}const ss={info:T.Info,success:T.CheckCircle,warning:T.AlertTriangle,error:T.XCircle};function ns({children:t,variant:s="info",action:n,onAction:r,onDismiss:a,role:o,...i}){const l=ss[s],d=o||(s==="error"?"alert":"status");return e.jsxs("div",{className:`ds-banner ds-banner--${s}`,role:d,...i,children:[l&&e.jsx("span",{className:"ds-banner-icon","aria-hidden":"true",children:e.jsx(l,{size:z[2],strokeWidth:1.5})}),e.jsx("span",{className:"ds-banner-text",children:t}),n&&e.jsx("button",{type:"button",className:"ds-banner-action",onClick:r,children:n}),a&&e.jsx("button",{type:"button",className:"ds-banner-dismiss",onClick:a,"aria-label":"Dismiss",children:e.jsx(T.X,{size:z[2],strokeWidth:1.5})})]})}function rs({trigger:t,items:s=[],open:n,onOpenChange:r,align:a="left",fullWidth:o=!1,className:i="",style:l,...d}){const[u,f]=c.useState(!1),[h,x]=c.useState(!1),p=n!==void 0,v=p?n:u,j=c.useRef(null),y=c.useRef(null),S=c.useRef(null),_=c.useRef(null),[g,k]=c.useState({}),A=c.useRef(null),D=150,C=()=>{if(p)r==null||r(!1);else{if(h)return;x(!0),A.current=setTimeout(()=>{f(!1),x(!1)},D)}},F=()=>{const b=!v;p?r==null||r(b):b?(clearTimeout(A.current),x(!1),f(!0)):C()},L=()=>{v||(p?r==null||r(!0):(clearTimeout(A.current),x(!1),f(!0)))};c.useEffect(()=>()=>clearTimeout(A.current),[]),c.useEffect(()=>{if(!v)return;const b=300,E=()=>{var R;const B=(R=j.current)==null?void 0:R.getBoundingClientRect();if(!B)return;const O=window.innerHeight-B.bottom,X=O<b+8&&B.top>O;k(a==="right"?X?{bottom:window.innerHeight-B.top+4,top:"auto",right:window.innerWidth-B.right}:{top:B.bottom+4,bottom:"auto",right:window.innerWidth-B.right}:X?{bottom:window.innerHeight-B.top+4,top:"auto",left:B.left}:{top:B.bottom+4,bottom:"auto",left:B.left})};return E(),window.addEventListener("scroll",E,!0),window.addEventListener("resize",E),()=>{window.removeEventListener("scroll",E,!0),window.removeEventListener("resize",E)}},[v,a]);const N=()=>{var E;const b=(E=S.current)==null?void 0:E.querySelector('button:not([disabled]), [href], [tabindex]:not([tabindex="-1"]), input, select, textarea');b==null||b.focus()};c.useEffect(()=>{if(!v)return;const b=B=>{var O,X;!((O=j.current)!=null&&O.contains(B.target))&&!((X=y.current)!=null&&X.contains(B.target))&&C()},E=B=>{B.key==="Escape"&&(C(),N())};return document.addEventListener("mousedown",b),document.addEventListener("keydown",E),()=>{document.removeEventListener("mousedown",b),document.removeEventListener("keydown",E)}},[v]),c.useEffect(()=>{if(!v||!_.current||!y.current)return;const b=M(),E=_.current==="last"?b[b.length-1]:b[0];E==null||E.focus(),_.current=null},[v]);const M=()=>y.current?[...y.current.querySelectorAll('button:not([disabled]), a[href]:not([aria-disabled="true"]), [tabindex]:not([tabindex="-1"])')]:[],Y=b=>{var E,B;if(b.key==="ArrowDown")b.preventDefault(),v?(E=M()[0])==null||E.focus():(_.current="first",L());else if(b.key==="ArrowUp")if(b.preventDefault(),!v)_.current="last",L();else{const O=M();(B=O[O.length-1])==null||B.focus()}},U=b=>{var O,X,R,m;const E=M(),B=E.findIndex($=>$===document.activeElement);switch(b.key){case"ArrowDown":b.preventDefault(),(O=E[Math.min(B+1,E.length-1)])==null||O.focus();break;case"ArrowUp":b.preventDefault(),B<=0?N():(X=E[B-1])==null||X.focus();break;case"Home":b.preventDefault(),(R=E[0])==null||R.focus();break;case"End":b.preventDefault(),(m=E[E.length-1])==null||m.focus();break;case"Tab":C();break}},I=v&&e.jsx("div",{ref:y,role:"menu","data-ds-portal":"",className:["ds-dropdown__menu",`ds-dropdown__menu--${a}`,h&&"ds-dropdown__menu--closing"].filter(Boolean).join(" "),style:g,onKeyDown:U,children:s.map((b,E)=>{if(b.separator)return e.jsx("div",{className:"ds-dropdown__separator"},E);if(b.type==="section")return e.jsxs("div",{className:"ds-dropdown__section",children:[b.label&&e.jsx("div",{className:"ds-dropdown__section-label",children:b.label}),e.jsx("div",{className:"ds-dropdown__section-content",children:b.content})]},E);const B=!!b.href,O=B?"a":"button",X=B?{href:b.disabled?void 0:b.href,"aria-disabled":b.disabled?"true":void 0}:{type:"button",disabled:b.disabled};return e.jsxs(O,{role:"menuitem",className:["ds-dropdown__item",b.danger&&"ds-dropdown__item--danger"].filter(Boolean).join(" "),...X,onClick:()=>{var R;(R=b.onClick)==null||R.call(b),C()},children:[b.icon&&e.jsx("span",{className:"ds-dropdown__item-icon",children:b.icon}),e.jsx("span",{className:"ds-dropdown__item-label",children:b.label}),b.shortcut&&e.jsx("span",{className:"ds-dropdown__item-shortcut",children:b.shortcut})]},E)})});return e.jsxs("div",{ref:j,className:["ds-dropdown",o&&"ds-dropdown--full-width",i].filter(Boolean).join(" "),style:l,...d,children:[e.jsx("div",{ref:S,className:"ds-dropdown__trigger",onClick:F,onKeyDown:Y,children:t}),typeof document<"u"&&ce.createPortal(I,document.body)]})}function as({value:t=0,size:s="m",variant:n="default",showValue:r=!1,min:a=2,animate:o=!0}){const i=Math.min(100,Math.max(0,t)),l=Math.max(a,i),d=n==="auto"?i>=70?"success":i>=50?"warning":"danger":n;return e.jsxs("div",{className:["ds-progress",`ds-progress--${s}`,!o&&"ds-progress--instant"].filter(Boolean).join(" "),role:"progressbar","aria-valuenow":i,"aria-valuemin":0,"aria-valuemax":100,children:[e.jsx("div",{className:"ds-progress__track",children:e.jsx("div",{className:`ds-progress__fill ds-progress__fill--${d}`,style:{width:`${l}%`}})}),r&&e.jsxs("span",{className:"ds-progress__value",children:[Math.round(i),"%"]})]})}const os=t=>1-Math.pow(1-t,3),is=()=>typeof window<"u"&&window.matchMedia("(prefers-reduced-motion: reduce)").matches;function Ue(t,{duration:s=600}={}){const[n,r]=c.useState(t),a=c.useRef(t),o=c.useRef(null);return c.useEffect(()=>{if(is()){r(t),a.current=t;return}const i=a.current,l=t-i;if(l===0)return;let d=null;const u=f=>{d||(d=f);const h=Math.min((f-d)/s,1);r(i+l*os(h)),h<1?o.current=requestAnimationFrame(u):a.current=t};return o.current=requestAnimationFrame(u),()=>cancelAnimationFrame(o.current)},[t,s]),n}function ls({value:t,duration:s=600,decimals:n=0,prefix:r="",suffix:a=""}){const i=Ue(t,{duration:s}).toFixed(n);return`${r}${i}${a}`}function Ve({threshold:t=.1,rootMargin:s="0px",once:n=!1}={}){const r=c.useRef(null),[a,o]=c.useState(!1);return c.useEffect(()=>{const i=r.current;if(!i)return;const l=new IntersectionObserver(([d])=>{d.isIntersecting?(o(!0),n&&l.disconnect()):n||o(!1)},{threshold:t,rootMargin:s});return l.observe(i),()=>l.disconnect()},[t,s,n]),{ref:r,inView:a}}function cs({children:t,as:s="div",once:n=!1,threshold:r=.1,rootMargin:a="0px",onEnter:o,onLeave:i,...l}){const{ref:d,inView:u}=Ve({threshold:r,rootMargin:a,once:n}),f=c.useRef(!1);return c.useEffect(()=>{u&&!f.current&&(o==null||o()),!u&&f.current&&(i==null||i()),f.current=u},[u]),e.jsx(s,{ref:d,...l,children:typeof t=="function"?t(u):t})}const De={default:T.Info,success:T.CheckCircle,warning:T.AlertTriangle,error:T.XCircle};let ue=[];const ye=new Set;function He(){ye.forEach(t=>t([...ue]))}function ds(t){ue=[...ue,t],He()}function us(t){ue=ue.filter(s=>s.id!==t),He()}function fs(){const t=(s,n={})=>{ds({id:`${Date.now()}-${Math.random()}`,message:s,type:"default",duration:4e3,...n})};return t.success=(s,n)=>t(s,{...n,type:"success"}),t.error=(s,n)=>t(s,{...n,type:"error"}),t.warning=(s,n)=>t(s,{...n,type:"warning"}),{toast:t}}function ms({data:t,onDismiss:s}){const[n,r]=c.useState(!1),a=c.useRef(null);c.useEffect(()=>(requestAnimationFrame(()=>r(!0)),t.duration>0&&(a.current=setTimeout(()=>o(),t.duration)),()=>clearTimeout(a.current)),[]);function o(){r(!1),setTimeout(()=>s(t.id),250)}const i=De[t.type]??De.default;return e.jsxs("div",{className:["ds-toast",`ds-toast--${t.type}`,n&&"ds-toast--visible"].filter(Boolean).join(" "),role:t.type==="error"?"alert":"status","aria-live":"polite",children:[e.jsx("div",{className:"ds-toast__icon",children:e.jsx(i,{size:z[3],strokeWidth:1.5})}),e.jsx("span",{className:"ds-toast__message",children:t.message}),e.jsx("button",{className:"ds-toast__close",onClick:o,"aria-label":"Закрыть",children:e.jsx(T.X,{size:z[3],strokeWidth:1.5})})]})}function ps({position:t="bottom-right"}){const[s,n]=c.useState(()=>[...ue]);return c.useEffect(()=>(ye.add(n),()=>ye.delete(n)),[]),!s.length||typeof document>"u"?null:ce.createPortal(e.jsx("div",{"data-ds-portal":"",className:["ds-toast-container",`ds-toast-container--${t}`].join(" "),children:s.map(r=>e.jsx(ms,{data:r,onDismiss:us},r.id))}),document.body)}const hs={running:e.jsx(oe,{size:"xs",variant:"info",children:"Running..."}),success:e.jsx(oe,{size:"xs",variant:"success",children:"Done"}),error:e.jsx(oe,{size:"xs",variant:"error",children:"Error"})};function Xe({label:t,status:s="idle",icon:n,badge:r,defaultExpanded:a=!1,expanded:o,onToggle:i,children:l,className:d="",...u}){const f=s==="running",h=e.jsxs("span",{className:"ds-tool-card__title-row",children:[n&&e.jsx("span",{className:"ds-tool-card__icon",children:n}),e.jsx("span",{className:"ds-tool-card__label",children:t}),hs[s],r]});return l?e.jsx("div",{className:["ds-tool-card",f&&"ds-tool-card--running",d].filter(Boolean).join(" "),...u,children:e.jsx(xe,{title:h,padding:"s",defaultExpanded:a,expanded:f?!1:o,onToggle:f?void 0:i,children:e.jsx("div",{className:"ds-tool-card__body",children:l})})}):e.jsx("div",{className:["ds-tool-card","ds-tool-card--bubble",d].filter(Boolean).join(" "),...u,children:h})}function Ye({text:t,size:s="xs",timeout:n=800,"aria-label":r="Copy to clipboard",...a}){const[o,i]=c.useState(!1),l=d=>{d.currentTarget.blur(),navigator.clipboard.writeText(t).then(()=>{i(!0),setTimeout(()=>i(!1),n)})};return e.jsx(te,{variant:"ghost",size:s,state:o?"success":"idle",icon:e.jsx(T.Copy,{size:z[1],strokeWidth:1.5}),"aria-label":r,onClick:l,...a})}function xs({content:t,streaming:s=!1,...n}){const[r,a]=c.useState(s);return c.useEffect(()=>{a(!!s)},[s]),e.jsx(xe,{expanded:r,onToggle:a,padding:"s",title:e.jsxs("div",{className:"ds-reasoning__title",children:[e.jsx(T.Brain,{size:z[1],strokeWidth:1.5,className:"ds-reasoning__icon"}),e.jsx(Fe,{secondary:!0,children:"Thinking"})]}),...n,children:e.jsxs(Ee,{secondary:!0,style:{whiteSpace:"pre-wrap"},children:[t,s&&e.jsx("span",{className:"ds-cursor ds-cursor--line"})]})})}function vs({count:t,current:s=0,done:n=[],onChange:r,showCounter:a=!0,className:o="","aria-label":i="Steps",...l}){return e.jsxs("div",{className:["ds-step-indicator",o].filter(Boolean).join(" "),...l,children:[e.jsx("div",{className:"ds-step-indicator__dots",role:"tablist","aria-label":i,children:Array.from({length:t},(d,u)=>{const f=u===s,h=n.includes(u)&&!f,x=r&&(u<=s||n.includes(u)),p=["ds-step-indicator__dot",f&&"ds-step-indicator__dot--active",h&&"ds-step-indicator__dot--done"].filter(Boolean).join(" ");return e.jsx("button",{type:"button",className:p,role:"tab","aria-selected":f,"aria-label":`Step ${u+1}`,disabled:!x||u===s,onClick:()=>r==null?void 0:r(u),children:h?e.jsx(T.Check,{size:8,strokeWidth:3}):null},u)})}),a&&e.jsxs(Ee,{secondary:!0,className:"ds-step-indicator__counter",children:[s+1," / ",t]})]})}function bs({content:t,isStreaming:s=!1,cursor:n="line",onChunk:r,className:a="",...o}){const i=c.useRef(t);return c.useEffect(()=>{t!==i.current&&(r==null||r(t),i.current=t)},[t,r]),e.jsxs("span",{className:["ds-streaming-text",a].filter(Boolean).join(" "),...o,children:[t,s&&n!=="none"&&e.jsx("span",{className:`ds-cursor ds-cursor--${n}`,"aria-hidden":"true"})]})}function _s({role:t="assistant",header:s,footer:n,attachments:r,isStreaming:a=!1,children:o,className:i="",...l}){const d=["ds-chat-message",`ds-chat-message--${t}`,a&&"ds-chat-message--streaming",i].filter(Boolean).join(" ");return t==="system"?e.jsx("div",{className:d,...l,children:e.jsx("span",{className:"ds-chat-message__system-label",children:o})}):t==="user"?e.jsxs("div",{className:d,...l,children:[r&&e.jsx("div",{className:"ds-chat-message__attachments",children:r}),e.jsx("div",{className:"ds-chat-message__bubble",children:o}),n&&e.jsx("div",{className:"ds-chat-message__footer",children:n})]}):e.jsxs("div",{className:d,...l,children:[s&&e.jsx("div",{className:"ds-chat-message__header",children:s}),r&&e.jsx("div",{className:"ds-chat-message__attachments",children:r}),e.jsx("div",{className:"ds-chat-message__body",children:o}),n&&e.jsx("div",{className:"ds-chat-message__footer",children:n})]})}function js(t,{containerRef:s,smartPause:n=!0}={}){const r=c.useRef(!1),a=c.useRef(0);c.useEffect(()=>{const o=s==null?void 0:s.current;if(!o)return;const i=()=>{const l=o.scrollHeight-o.scrollTop-o.clientHeight<64;!l&&o.scrollTop<a.current&&(r.current=!0),l&&(r.current=!1),a.current=o.scrollTop};return o.addEventListener("scroll",i,{passive:!0}),()=>o.removeEventListener("scroll",i)},[s]),c.useEffect(()=>{const o=s==null?void 0:s.current;o&&(n&&r.current||(o.scrollTop=o.scrollHeight))},t)}function qe({prompts:t,enabled:s,typingSpeed:n=38,erasingSpeed:r=18,holdTime:a=2200,betweenTime:o=380,manualPauseMs:i=5e3}){const[l,d]=c.useState(0),[u,f]=c.useState(""),h=c.useRef("typing"),x=c.useRef(0),p=c.useRef(0),v=c.useRef(null),j=c.useRef(0);c.useEffect(()=>{p.current=l},[l]),c.useEffect(()=>{if(v.current&&(clearTimeout(v.current),v.current=null),!s||t.length===0){f(""),x.current=0,h.current="typing";return}const k=()=>{const A=Date.now();if(j.current>A){v.current=setTimeout(k,j.current-A);return}const D=t[p.current%t.length]??"";h.current==="typing"?(x.current+=1,f(D.slice(0,x.current)),x.current>=D.length?(h.current="holding",v.current=setTimeout(k,a)):v.current=setTimeout(k,n+Math.random()*28)):h.current==="holding"?(h.current="erasing",v.current=setTimeout(k,r)):(x.current=Math.max(0,x.current-1),f(D.slice(0,x.current)),x.current<=0?(h.current="typing",p.current=(p.current+1)%t.length,d(p.current),v.current=setTimeout(k,o)):v.current=setTimeout(k,r))};return v.current=setTimeout(k,260),()=>{v.current&&clearTimeout(v.current)}},[s,t,n,r,a,o]);const y=k=>{if(t.length===0)return;const A=(k%t.length+t.length)%t.length,D=t[A];p.current=A,x.current=D.length,h.current="holding",j.current=Date.now()+i,d(A),f(D)},S=()=>y(p.current+1),_=()=>y(p.current-1),g=t[l%t.length]??"";return{displayed:u,currentPrompt:g,index:l,next:S,prev:_}}let Ns=0;function gs({value:t="",onChange:s,onSubmit:n,onStop:r,onKeyDown:a,loading:o=!1,disabled:i=!1,placeholder:l="Let's get things done...",animatedPlaceholders:d,attachments:u,images:f,onAttachFiles:h,onAttachImages:x,onRemoveAttachment:p,onRemoveImage:v,acceptImage:j,acceptFile:y,maxImages:S,maxImageSize:_,leftSlot:g,rightSlot:k,className:A="",...D}){const C=c.useRef(null),F=c.useRef(null),L=c.useRef(0),[N,M]=c.useState(!1),[Y,U]=c.useState([]),I=w=>{const P=++Ns;U(q=>[...q,{id:P,msg:w}]),setTimeout(()=>U(q=>q.filter(G=>G.id!==P)),6e3)},b=w=>U(P=>P.filter(q=>q.id!==w)),E=w=>w.type.startsWith("image/"),B=()=>!0,O=j??E,X=y??B,R=w=>{const P=[],q=[],G=[],K=[];let Q=0,ie=S!=null?S-((f==null?void 0:f.length)??0):1/0;for(const ee of w)O(ee)?_&&ee.size>_?G.push(ee.name):ie>0?(P.push(ee),ie--):Q++:X(ee)?q.push(ee):K.push(ee.name);return{imageFiles:P,docFiles:q,tooLarge:G,skipped:K,limitExceeded:Q}},m=w=>{const{imageFiles:P,docFiles:q,tooLarge:G,skipped:K,limitExceeded:Q}=R(w);G.length&&I(`File${G.length>1?"s":""} too large${_?` (max ${_/1024/1024}MB)`:""}: ${G.join(", ")}`),K.length&&I(`Skipped unsupported file${K.length>1?"s":""}: ${K.join(", ")}`),Q&&I(`Max ${S} images per message`),x&&P.length&&x(P);const ie=q.concat(x?[]:P);h&&ie.length&&h(ie)};c.useEffect(()=>{const w=F.current;w&&(w.style.height="auto",w.style.height=`${Math.min(w.scrollHeight,200)}px`)},[t]),c.useEffect(()=>{const w=P=>{var G,K,Q;if(o||i)return;const q=(G=P.target)==null?void 0:G.tagName;q==="INPUT"||q==="TEXTAREA"||q==="SELECT"||(K=P.target)!=null&&K.isContentEditable||P.ctrlKey||P.metaKey||P.altKey||P.key.length!==1&&P.key!=="Backspace"&&P.key!=="Delete"||(Q=F.current)==null||Q.focus()};return document.addEventListener("keydown",w),()=>document.removeEventListener("keydown",w)},[o,i]);const $=w=>{w.preventDefault(),L.current++,w.dataTransfer.types.includes("Files")&&M(!0)},W=w=>{w.preventDefault(),L.current--,L.current===0&&M(!1)},V=w=>w.preventDefault(),Z=w=>{w.preventDefault(),L.current=0,M(!1);const P=Array.from(w.dataTransfer.files);P.length&&m(P)},ne=w=>{const P=Array.from(w.target.files||[]);C.current&&(C.current.value=""),P.length&&m(P)},H=w=>{var ee;if(!x)return;const P=(ee=w.clipboardData)==null?void 0:ee.items;if(!P)return;const q=[];for(const Je of P){const Se=Je.getAsFile();Se&&q.push(Se)}if(q.length===0)return;const{imageFiles:G,tooLarge:K,skipped:Q,limitExceeded:ie}=R(q);K.length&&I(`File${K.length>1?"s":""} too large: ${K.join(", ")}`),Q.length&&I(`Skipped unsupported file${Q.length>1?"s":""}: ${Q.join(", ")}`),ie&&I(`Max ${S} images per message`),G.length&&(w.preventDefault(),x(G))},J=!o&&!i&&!!(d!=null&&d.length)&&t.length===0,re=qe({prompts:d??[],enabled:J}),_e=w=>{if(J){if(w.key==="ArrowDown"||w.key==="ArrowRight"){w.preventDefault(),re.next();return}if(w.key==="ArrowUp"||w.key==="ArrowLeft"){w.preventDefault(),re.prev();return}if(w.key==="Tab"&&!w.shiftKey){w.preventDefault(),s==null||s(re.currentPrompt);return}}a==null||a(w)},Ke=(t.trim()||(f==null?void 0:f.length)>0||(u==null?void 0:u.length)>0)&&!i,Re=h||x;return e.jsxs("div",{className:["ds-prompt-input",A].filter(Boolean).join(" "),...D,children:[Re&&e.jsx("input",{ref:C,type:"file",multiple:!0,accept:"*/*",className:"ds-prompt-input__file-input",onChange:ne}),e.jsxs("div",{className:["ds-prompt-input__box",N&&"ds-prompt-input__box--dragging"].filter(Boolean).join(" "),onDragEnter:$,onDragLeave:W,onDragOver:V,onDrop:Z,children:[N&&e.jsx("div",{className:"ds-prompt-input__drag-overlay",children:"Drop files here"}),e.jsx("textarea",{ref:F,value:t,onChange:w=>s==null?void 0:s(w.target.value),onKeyDown:_e,onPaste:H,placeholder:J?"":l,disabled:o||i,rows:1,className:["ds-prompt-input__textarea",J&&"ds-prompt-input__textarea--anim"].filter(Boolean).join(" ")}),J&&e.jsxs("div",{className:"ds-prompt-input__anim","aria-hidden":"true",children:[e.jsx("span",{className:"ds-prompt-input__anim-text",children:re.displayed}),e.jsx("span",{className:"ds-prompt-input__anim-cursor"})]}),f&&f.length>0&&e.jsx("div",{className:"ds-prompt-input__images",children:f.map((w,P)=>e.jsxs("div",{className:"ds-prompt-input__image-thumb",children:[e.jsx("img",{src:w.preview,alt:""}),e.jsx("button",{className:"ds-prompt-input__image-remove",onClick:()=>v==null?void 0:v(P),"aria-label":"Remove image",type:"button",children:e.jsx(T.X,{size:12,strokeWidth:2})})]},P))}),Y.length>0&&e.jsx("div",{className:"ds-prompt-input__warnings",children:Y.map(w=>e.jsxs("div",{className:"ds-prompt-input__warning",role:"alert",children:[e.jsx("span",{children:w.msg}),e.jsx("button",{type:"button",className:"ds-prompt-input__warning-close",onClick:()=>b(w.id),"aria-label":"Dismiss",children:e.jsx(T.X,{size:z[1],strokeWidth:1.5})})]},w.id))}),u&&u.length>0&&e.jsx("div",{className:"ds-prompt-input__attachments",children:u.map((w,P)=>e.jsx(oe,{size:"xs",children:e.jsxs("span",{className:"ds-prompt-input__badge-content",children:[w.uploading?e.jsx(T.Loader,{size:z[1],strokeWidth:1.5,className:"spin"}):e.jsx(T.Paperclip,{size:z[1],strokeWidth:1.5}),w.filename,w.uploading?e.jsx("span",{className:"ds-prompt-input__uploading",children:"Uploading..."}):e.jsx("button",{type:"button",className:"ds-prompt-input__remove-btn",onClick:()=>p==null?void 0:p(P),children:e.jsx(T.X,{size:z[1],strokeWidth:1.5})})]})},P))}),e.jsxs("div",{className:"ds-prompt-input__toolbar",children:[Re&&e.jsx(te,{variant:"ghost",size:"xs",icon:e.jsx(T.Paperclip,{size:z[2],strokeWidth:1.5}),"aria-label":"Attach files",onClick:()=>{var w;return(w=C.current)==null?void 0:w.click()}}),g,k,e.jsx("div",{className:"ds-prompt-input__spacer"}),o?e.jsx(te,{variant:"primary",size:"xs",icon:e.jsx(T.Square,{size:z[2],strokeWidth:1.5}),onClick:r,"aria-label":"Stop"}):e.jsx(te,{variant:"primary",size:"xs",icon:e.jsx(T.ArrowUp,{size:z[2],strokeWidth:1.5}),onClick:n,disabled:!Ke,"aria-label":"Send"})]})]})]})}const Pe={fast:0,standard:1,premium:2},Ce={fast:"data-5",standard:"data-3",premium:"data-6"};function ws({models:t=[],value:s,onChange:n,size:r="xs",minTier:a,showAutoOption:o=!1,groupByTier:i=!0,className:l="",...d}){const[u,f]=c.useState(!1),h=c.useRef(null),x=c.useRef(null),p=c.useRef(null),[v,j]=c.useState({}),y=t.filter(N=>!a||N.name==="auto"?!0:(Pe[N.tier]??1)>=(Pe[a]??1)),S=y.find(N=>N.name==="auto"),_=y.filter(N=>N.name!=="auto"),g=t.find(N=>N.name===s),A=new Set(_.map(N=>N.tier).filter(Boolean)).size>1;c.useEffect(()=>{if(!u)return;const N=320,M=()=>{var B;const I=(B=x.current)==null?void 0:B.getBoundingClientRect();if(!I)return;const b=window.innerHeight-I.bottom,E=b<N+8&&I.top>b;j({position:"fixed",zIndex:"var(--z-dropdown, 500)",left:I.left,...E?{bottom:window.innerHeight-I.top+4,top:"auto"}:{top:I.bottom+4,bottom:"auto"}})};M(),window.addEventListener("scroll",M,!0),window.addEventListener("resize",M);const Y=I=>{var b,E;!((b=h.current)!=null&&b.contains(I.target))&&!((E=p.current)!=null&&E.contains(I.target))&&f(!1)},U=I=>{I.key==="Escape"&&f(!1)};return document.addEventListener("mousedown",Y),document.addEventListener("keydown",U),()=>{window.removeEventListener("scroll",M,!0),window.removeEventListener("resize",M),document.removeEventListener("mousedown",Y),document.removeEventListener("keydown",U)}},[u]);const D=N=>{n==null||n(N),f(!1)},C=N=>e.jsxs("button",{type:"button",className:["ds-model-picker__item",N.name===s&&"ds-model-picker__item--active"].filter(Boolean).join(" "),onClick:()=>D(N.name),children:[N.icon?e.jsx("span",{className:"ds-model-picker__item-icon",children:N.icon}):e.jsx(T.Cpu,{size:12,strokeWidth:1.5,className:"ds-model-picker__item-icon"}),e.jsx("span",{className:"ds-model-picker__item-name",children:N.displayName||N.name}),A&&N.tier&&e.jsx(oe,{size:"xs",variant:Ce[N.tier]||"default",children:N.tier})]},N.name),F=()=>!i||!A?_.map(C):["fast","standard","premium"].flatMap(N=>{const M=_.filter(Y=>Y.tier===N);return M.length?[e.jsx("div",{className:"ds-model-picker__group-label","data-tier":N,children:N.charAt(0).toUpperCase()+N.slice(1)},`lbl-${N}`),...M.map(C)]:[]}),L=u&&e.jsxs("div",{ref:p,className:"ds-model-picker__menu ds-scrollable","data-ds-portal":"",style:v,children:[o&&S&&e.jsxs(e.Fragment,{children:[e.jsxs("button",{type:"button",className:["ds-model-picker__item","ds-model-picker__item--auto",s==="auto"&&"ds-model-picker__item--active"].filter(Boolean).join(" "),onClick:()=>D("auto"),children:[e.jsx(T.Zap,{size:12,strokeWidth:1.5,className:"ds-model-picker__item-icon"}),e.jsx("span",{className:"ds-model-picker__item-name",children:"Auto (smart routing)"})]}),_.length>0&&e.jsx("div",{className:"ds-model-picker__separator"})]}),F()]});return e.jsxs("div",{ref:h,className:["ds-model-picker",l].filter(Boolean).join(" "),...d,children:[e.jsxs("button",{ref:x,type:"button",className:"ds-model-picker__trigger",onClick:()=>f(N=>!N),"aria-haspopup":"listbox","aria-expanded":u,children:[g!=null&&g.icon?e.jsx("span",{children:g.icon}):e.jsx(T.Cpu,{size:12,strokeWidth:1.5}),e.jsx("span",{className:"ds-model-picker__trigger-name",children:(g==null?void 0:g.displayName)||(g==null?void 0:g.name)||s}),A&&(g==null?void 0:g.tier)&&e.jsx(oe,{size:"xs",variant:Ce[g.tier]||"default",children:g.tier})]}),typeof document<"u"&&ce.createPortal(L,document.body)]})}const ys=({filename:t,pages:s})=>e.jsxs("span",{style:{display:"flex",alignItems:"center",gap:"var(--space-2)",minWidth:0},children:[e.jsx("span",{className:"ds-sources-panel__filename",children:t}),s.length>0&&e.jsx("span",{className:"ds-sources-panel__pages",children:ke(s)})]});function ke(t){return t!=null&&t.length?"p. "+t.join(", "):null}function ks(t){const s=new Map;for(const n of t)s.has(n.filename)||s.set(n.filename,{filename:n.filename,url:n.url,items:[]}),s.get(n.filename).items.push(n);return[...s.values()]}function Es({sources:t=[],layout:s="list",title:n="Sources",maxVisible:r=5,onSourceClick:a}){const[o,i]=c.useState(!1),l=ks(t),d=l.length>r,u=o?l:l.slice(0,r),f=t.some(x=>x.snippet),h=["ds-sources-panel",s==="compact"&&"ds-sources-panel--compact"].filter(Boolean).join(" ");return s==="compact"?e.jsxs("div",{className:h,children:[u.map(x=>{const p=x.items.map(j=>j.page).filter(Boolean),v=!!a;return e.jsxs("div",{className:`ds-sources-panel__compact-row${v?" ds-sources-panel__compact-row--clickable":""}`,onClick:v?()=>a(x.items[0]):void 0,children:[e.jsx(T.FileText,{size:z[1],strokeWidth:1.5,className:"ds-sources-panel__compact-icon"}),e.jsx("span",{className:"ds-sources-panel__filename",children:x.filename}),p.length>0&&e.jsx("span",{className:"ds-sources-panel__pages",children:ke(p)})]},x.filename)}),d&&!o&&e.jsxs("button",{className:"ds-sources-panel__more",onClick:()=>i(!0),children:["+",l.length-r," more sources"]})]}):e.jsxs("div",{className:h,children:[n&&e.jsx("div",{className:"ds-sources-panel__title",children:n}),u.map(x=>{const p=x.items.map(j=>j.page).filter(Boolean),v=!!a;return f?e.jsx(xe,{title:e.jsx(ys,{filename:x.filename,pages:p}),padding:"s",children:x.items.map((j,y)=>e.jsx("div",{className:`ds-sources-panel__snippet${v?" ds-sources-panel__snippet--clickable":""}`,onClick:v?()=>a(j):void 0,children:j.snippet??`p. ${j.page}`},y))},x.filename):e.jsxs("div",{className:`ds-sources-panel__row${v?" ds-sources-panel__row--clickable":""}`,onClick:v?()=>a(x.items[0]):void 0,children:[e.jsx("span",{className:"ds-sources-panel__filename",children:x.filename}),p.length>0&&e.jsx("span",{className:"ds-sources-panel__pages",children:ke(p)})]},x.filename)}),d&&!o&&e.jsxs("button",{className:"ds-sources-panel__more",onClick:()=>i(!0),children:["+",l.length-r," more sources"]})]})}function Le(t){return t>=1e6?(t/1e6).toFixed(1).replace(/\.0$/,"")+"M":t>=1e3?(t/1e3).toFixed(1).replace(/\.0$/,"")+"K":String(t)}function Rs({used:t,limit:s,size:n="s",showCount:r=!0,showPercent:a=!1,warningThreshold:o=.8,errorThreshold:i=1}){const l=s>0?t/s:0,d=Math.min(l*100,100),u=l>=i?"error":l>=o?"warning":"normal";return e.jsxs("div",{className:`ds-token-counter ds-token-counter--${n}`,role:"meter","aria-valuenow":t,"aria-valuemax":s,children:[e.jsx("div",{className:"ds-token-counter__track",children:e.jsx("div",{className:`ds-token-counter__fill ds-token-counter__fill--${u}`,style:{width:`${d}%`}})}),(r||a)&&e.jsxs("div",{className:`ds-token-counter__label ds-token-counter__label--${u}`,children:[r&&e.jsxs("span",{children:[Le(t)," / ",Le(s)]}),a&&e.jsxs("span",{style:{marginLeft:"auto"},children:[Math.round(l*100),"%"]})]})]})}const Me=5;function Ss(t){return t<.34?"low":t<.67?"medium":"high"}function Ts({value:t=0,size:s="xs",showLabel:n="none",layout:r="inline"}){const a=Math.max(0,Math.min(1,t)),o=Math.round(a*Me),i=Ss(a);return e.jsxs("div",{className:["ds-confidence-bar",`ds-confidence-bar--${s}`,`ds-confidence-bar--${i}`,r==="block"&&"ds-confidence-bar--block"].filter(Boolean).join(" "),children:[e.jsx("div",{className:"ds-confidence-bar__segments","aria-hidden":"true",children:Array.from({length:Me},(l,d)=>e.jsx("div",{className:`ds-confidence-bar__seg${d<o?" ds-confidence-bar__seg--filled":""}`},d))}),n==="text"&&e.jsx("span",{className:"ds-confidence-bar__label",children:i})]})}const $s={add:"+",remove:"-",context:" "};function je({line:t,lineNumbers:s}){return e.jsxs("div",{className:`ds-diff-view__line ds-diff-view__line--${t.type}`,children:[s&&t.lineNo!=null&&e.jsx("span",{className:"ds-diff-view__lineno",children:t.lineNo}),e.jsx("span",{className:"ds-diff-view__prefix",children:$s[t.type]}),e.jsx("span",{className:"ds-diff-view__text",children:t.text})]})}function As({lines:t=[],layout:s="inline",wordWrap:n=!1,lineNumbers:r=!0,maxHeight:a,title:o}){const i=["ds-diff-view",`ds-diff-view--${s}`,n&&"ds-diff-view--wrap"].filter(Boolean).join(" "),l=a?{maxHeight:a,overflowY:"auto"}:void 0;if(s==="split"){const d=t.filter(f=>f.type==="remove"||f.type==="context"),u=t.filter(f=>f.type==="add"||f.type==="context");return e.jsxs("div",{className:i,children:[o&&e.jsx("div",{className:"ds-diff-view__title",children:o}),e.jsxs("div",{className:"ds-diff-view__body ds-scrollable",style:l,children:[e.jsx("div",{className:"ds-diff-view__split-col ds-scrollable",children:d.map((f,h)=>e.jsx(je,{line:f,lineNumbers:r},h))}),e.jsx("div",{className:"ds-diff-view__split-col ds-scrollable",children:u.map((f,h)=>e.jsx(je,{line:f,lineNumbers:r},h))})]})]})}return e.jsxs("div",{className:i,children:[o&&e.jsx("div",{className:"ds-diff-view__title",children:o}),e.jsx("div",{className:"ds-diff-view__body ds-scrollable",style:l,children:t.map((d,u)=>e.jsx(je,{line:d,lineNumbers:r},u))})]})}function Ge({value:t="idle",onLike:s,onDislike:n,className:r="",...a}){const o=t!=="idle";return e.jsxs("div",{className:["ds-message-feedback",o&&"ds-message-feedback--voted",r].filter(Boolean).join(" "),...a,children:[(!o||t==="liked")&&e.jsx("button",{className:["ds-message-feedback__btn",t==="liked"&&"ds-message-feedback__btn--liked"].filter(Boolean).join(" "),onClick:s,disabled:o,"aria-label":"Like","aria-pressed":t==="liked",children:e.jsx(T.ThumbsUp,{size:z[1],strokeWidth:1.5,fill:t==="liked"?"currentColor":"none"})}),(!o||t==="disliked")&&e.jsx("button",{className:["ds-message-feedback__btn",t==="disliked"&&"ds-message-feedback__btn--disliked"].filter(Boolean).join(" "),onClick:n,disabled:o,"aria-label":"Dislike","aria-pressed":t==="disliked",children:e.jsx(T.ThumbsDown,{size:z[1],strokeWidth:1.5,fill:t==="disliked"?"currentColor":"none"})})]})}function Bs(t){const s=t instanceof Date?t:new Date(t);if(isNaN(s))return null;const n=new Date,r=s.toLocaleTimeString([],{hour:"2-digit",minute:"2-digit",hour12:!1}),a=new Date(n.getFullYear(),n.getMonth(),n.getDate()),o=new Date(a-864e5);if(s>=a)return r;if(s>=o)return`Yesterday ${r}`;const i=s.getDate(),l=s.toLocaleString([],{month:"short"});return`${i} ${l} ${r}`}function Is({role:t="assistant",text:s,timestamp:n,feedbackValue:r="idle",onLike:a,onDislike:o,className:i="",...l}){const d=t==="assistant"&&(a||o),u=!!s,f=n?Bs(n):null;return!d&&!u&&!f?null:e.jsxs("div",{className:["ds-message-footer",`ds-message-footer--${t}`,i].filter(Boolean).join(" "),...l,children:[t==="user"&&f&&e.jsx("span",{className:"ds-message-footer__timestamp ds-message-action",children:f}),d&&e.jsx(Ge,{className:"ds-message-action",value:r,onLike:a,onDislike:o}),u&&e.jsx(Ye,{className:"ds-message-action",text:s}),t==="assistant"&&f&&e.jsx("span",{className:"ds-message-footer__timestamp ds-message-action",children:f})]})}function Ds({label:t,className:s="",...n}){return e.jsxs("span",{className:["ds-thinking-dot",s].filter(Boolean).join(" "),...n,children:[e.jsx("span",{className:"ds-thinking-dot__pulse"}),t&&e.jsx("span",{className:"ds-thinking-dot__label",children:t})]})}function Ps({variant:t="light",glow:s,mask:n=!0,style:r,...a}){const o=t==="dark",i=s??o,l=o?"rgba(255,250,250,0.05)":"var(--color-border-light)",d=o?"rgba(255,250,250,0.025)":"color-mix(in srgb, var(--color-border-light) 50%, transparent)";return e.jsx("div",{style:{position:"absolute",inset:0,pointerEvents:"none",overflow:"hidden",zIndex:0,...i&&{background:"radial-gradient(ellipse 1000px 500px at 50% 30%, rgba(234,100,100,0.18), transparent 70%)"},...r},...a,children:e.jsx("div",{style:{position:"absolute",inset:0,backgroundImage:[`linear-gradient(${l} 1px, transparent 1px)`,`linear-gradient(90deg, ${l} 1px, transparent 1px)`,`linear-gradient(${d} 1px, transparent 1px)`,`linear-gradient(90deg, ${d} 1px, transparent 1px)`].join(", "),backgroundSize:"80px 80px, 80px 80px, 16px 16px, 16px 16px",backgroundPosition:"-1px -1px, -1px -1px, -1px -1px, -1px -1px",...n&&{WebkitMaskImage:"radial-gradient(ellipse at center, #000 30%, transparent 85%)",maskImage:"radial-gradient(ellipse at center, #000 30%, transparent 85%)"}}})})}function Cs({children:t,axis:s="y",style:n,className:r="",...a}){const o=s==="x"?{overflowX:"auto",overflowY:"hidden"}:s==="both"?{overflow:"auto"}:{overflowY:"auto",overflowX:"hidden"};return e.jsx("div",{className:`ds-scrollable ${r}`,style:{...o,...n},...a,children:t})}const Ne=280,Ls=22,Ms=14,ae=8,he=6,zs=200;function Fs(t){return t?typeof t=="function"?t():typeof t=="string"?document.querySelector(t):null:null}function Ws(t,s,n,r){const a=window.innerWidth,o=window.innerHeight;if(o-t.bottom>=s+r+ae)return"bottom";if(t.top>=s+r+ae)return"top";if(a-t.right>=n+r+ae)return"right";if(t.left>=n+r+ae)return"left";const i=Math.max(t.top,o-t.bottom,a-t.right,t.left);return i===o-t.bottom?"bottom":i===t.top?"top":i===a-t.right?"right":"left"}function Os(t,s,n,r,a){const o=window.innerWidth,i=window.innerHeight;let l,d;switch(t){case"top":l=s.top-n-a,d=s.left+s.width/2-r/2;break;case"bottom":l=s.bottom+a,d=s.left+s.width/2-r/2;break;case"left":l=s.top+s.height/2-n/2,d=s.left-r-a;break;default:l=s.top+s.height/2-n/2,d=s.right+a}const u=Math.max(ae,Math.min(o-r-ae,d)),f=Math.max(ae,Math.min(i-n-ae,l));return{top:f,left:u,arrowOffset:d-u,arrowOffsetY:l-f}}function Us({steps:t,currentStep:s,onNext:n,onBack:r,onSkip:a,onFinish:o,overlay:i=!0,ring:l=!0,labelNext:d="Next",labelBack:u="Back",labelSkip:f="Skip tour",labelFinish:h="Done",statePrimary:x="idle",stateBack:p="idle"}){const v=c.useRef(null),j=c.useRef(t),y=c.useRef(s),S=c.useRef(l);j.current=t,y.current=s,S.current=l;const[_,g]=c.useState(!1),[k,A]=c.useState({position:"fixed",visibility:"hidden",width:Ne}),[D,C]=c.useState("bottom"),[F,L]=c.useState(null),N=c.useRef(!1),M=t[s],Y=s===t.length-1,U=c.useCallback(()=>{const I=j.current[y.current];if(!I||!v.current)return;const b=Fs(I.target);if(!b)return;const E=b.getBoundingClientRect(),O=v.current.getBoundingClientRect().height||160,X=Ne,R=S.current?Ls:Ms,m=I.position||Ws(E,O,X,R),{top:$,left:W,arrowOffset:V,arrowOffsetY:Z}=Os(m,E,O,X,R);C(m),A({position:"fixed",top:$,left:W,width:Ne,visibility:"visible","--arrow-offset":`${V}px`,"--arrow-offset-y":`${Z}px`}),L({top:E.top-he,left:E.left-he,width:E.width+he*2,height:E.height+he*2})},[]);return c.useEffect(()=>{window.addEventListener("scroll",U,!0),window.addEventListener("resize",U);const I=requestAnimationFrame(()=>{U(),g(!0),N.current=!0});return()=>{cancelAnimationFrame(I),window.removeEventListener("scroll",U,!0),window.removeEventListener("resize",U)}},[]),c.useEffect(()=>{if(!N.current)return;g(!1);const I=setTimeout(()=>{A(b=>({...b,visibility:"hidden"})),requestAnimationFrame(()=>{U(),g(!0)})},zs+20);return()=>clearTimeout(I)},[s]),c.useEffect(()=>{_&&v.current&&v.current.focus({preventScroll:!0})},[_]),c.useEffect(()=>{const I=b=>{b.key==="Escape"&&a()};return document.addEventListener("keydown",I),()=>document.removeEventListener("keydown",I)},[a]),c.useEffect(()=>{if(!_)return;const I=b=>{if(b.key!=="Tab"||!v.current)return;const E=Array.from(v.current.querySelectorAll('button:not([disabled]), [href], [tabindex]:not([tabindex="-1"])'));if(!E.length)return;const B=E[0],O=E[E.length-1];b.shiftKey&&document.activeElement===B?(b.preventDefault(),O.focus()):!b.shiftKey&&document.activeElement===O&&(b.preventDefault(),B.focus())};return document.addEventListener("keydown",I),()=>document.removeEventListener("keydown",I)},[_]),!M||typeof document>"u"?null:ce.createPortal(e.jsxs(e.Fragment,{children:[F&&e.jsx("div",{className:["ds-coachmark__spotlight",i&&"ds-coachmark__spotlight--overlay",!l&&"ds-coachmark__spotlight--no-ring",_&&"ds-coachmark__spotlight--visible"].filter(Boolean).join(" "),style:F,"aria-hidden":"true"}),e.jsxs("div",{ref:v,"data-ds-portal":"",role:"dialog","aria-modal":"false","aria-live":"polite","aria-label":M.title??`Step ${s+1} of ${t.length}`,className:["ds-coachmark__bubble",`ds-coachmark__bubble--${D}`,_&&"ds-coachmark__bubble--visible"].filter(Boolean).join(" "),style:k,tabIndex:-1,children:[e.jsx("button",{type:"button",className:"ds-coachmark__close",onClick:a,"aria-label":f,children:e.jsx(T.X,{size:16,strokeWidth:2})}),M.title&&e.jsx("div",{className:"ds-coachmark__title",children:M.title}),e.jsx("div",{className:"ds-coachmark__body",children:M.content}),e.jsxs("div",{className:"ds-coachmark__footer",children:[t.length>1&&e.jsxs("span",{className:"ds-coachmark__counter",children:[s+1," / ",t.length]}),e.jsxs("div",{className:"ds-coachmark__footer-nav",children:[s>0&&e.jsx(te,{variant:"secondary",size:"s",state:p,onClick:r,children:u}),e.jsx(te,{variant:"primary",size:"s",state:x,onClick:Y?o:n,children:Y?h:d})]})]})]})]}),document.body)}function Vs(t,s={}){const{storageKey:n}=s,[r,a]=c.useState(0),[o,i]=c.useState(!1),l=()=>n&&typeof localStorage<"u"&&localStorage.getItem(n)==="done",d=c.useCallback(()=>{i(!1),n&&typeof localStorage<"u"&&localStorage.setItem(n,"done")},[n]);return{currentStep:r,isActive:o,start:()=>{l()||(a(0),i(!0))},next:()=>a(u=>Math.min(u+1,t.length-1)),back:()=>a(u=>Math.max(u-1,0)),skip:d,finish:d}}function Hs(){const t=c.useRef(null),s=c.useCallback(()=>{const n=t.current;if(!n)return;n.classList.remove("ds-shake"),n.offsetWidth,n.classList.add("ds-shake");const r=()=>{n.classList.remove("ds-shake"),n.removeEventListener("animationend",r)};n.addEventListener("animationend",r)},[]);return{ref:t,shake:s}}exports.Accordion=xe;exports.Alert=ft;exports.AnimatedNumber=ls;exports.Avatar=$t;exports.Badge=oe;exports.Banner=ns;exports.BottomSheet=xt;exports.Breadcrumb=Wt;exports.Button=te;exports.Card=at;exports.ChatMessage=_s;exports.Checkbox=kt;exports.Coachmark=Us;exports.Code=vt;exports.CodeAccordion=We;exports.ConfidenceBar=Ts;exports.CopyButton=Ye;exports.DiffView=As;exports.Dropdown=rs;exports.EmptyState=Mt;exports.EngineerGrid=Ps;exports.FormField=zt;exports.H1=ot;exports.H2=it;exports.H3=lt;exports.H4=ct;exports.InView=cs;exports.Input=tt;exports.Link=bt;exports.MessageFeedback=Ge;exports.MessageFooter=Is;exports.Modal=pt;exports.ModalFooter=le;exports.ModelPicker=ws;exports.NavRail=Xt;exports.NavRailAgent=es;exports.NavRailBody=qt;exports.NavRailCustomItem=Qt;exports.NavRailDivider=Jt;exports.NavRailFlyout=ts;exports.NavRailFooter=Kt;exports.NavRailHeader=Gt;exports.NavRailItem=Yt;exports.NavRailRecents=Zt;exports.P1=dt;exports.P2=Fe;exports.P3=Ee;exports.Pagination=Ot;exports.ProgressBar=as;exports.PromptInput=gs;exports.Radio=Et;exports.ReasoningBlock=xs;exports.Scrollable=Cs;exports.SegmentedControl=Nt;exports.Select=nt;exports.SidePage=Ht;exports.SidePageFooter=we;exports.Skeleton=Oe;exports.SourcesPanel=Es;exports.Spinner=ze;exports.Stat=Ft;exports.StepIndicator=vs;exports.Stepper=rt;exports.StreamingText=bs;exports.Tab=jt;exports.Table=At;exports.TableBody=It;exports.TableHead=Bt;exports.TableRow=Dt;exports.TableSubheaderRow=Pt;exports.Tabs=_t;exports.Td=Lt;exports.Textarea=st;exports.Th=Ct;exports.ThinkingDot=Ds;exports.ToastContainer=ps;exports.Toggle=yt;exports.TokenCounter=Rs;exports.ToolCallBubble=Xe;exports.ToolCallCard=Xe;exports.Tooltip=ve;exports.iconSizes=z;exports.useAnimatedNumber=Ue;exports.useAnimatedPlaceholder=qe;exports.useCoachmark=Vs;exports.useInView=Ve;exports.useShake=Hs;exports.useStreamScroll=js;exports.useToast=fs;
|
package/dist/index.es.js
CHANGED
|
@@ -159,7 +159,7 @@ function jt() {
|
|
|
159
159
|
"Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
|
|
160
160
|
)), f = this.props.ref, f !== void 0 ? f : null;
|
|
161
161
|
}
|
|
162
|
-
function d(f, T, O, Y,
|
|
162
|
+
function d(f, T, O, Y, te, oe) {
|
|
163
163
|
var H = O.ref;
|
|
164
164
|
return f = {
|
|
165
165
|
$$typeof: x,
|
|
@@ -184,7 +184,7 @@ function jt() {
|
|
|
184
184
|
configurable: !1,
|
|
185
185
|
enumerable: !1,
|
|
186
186
|
writable: !0,
|
|
187
|
-
value:
|
|
187
|
+
value: te
|
|
188
188
|
}), Object.defineProperty(f, "_debugTask", {
|
|
189
189
|
configurable: !1,
|
|
190
190
|
enumerable: !1,
|
|
@@ -192,7 +192,7 @@ function jt() {
|
|
|
192
192
|
value: oe
|
|
193
193
|
}), Object.freeze && (Object.freeze(f.props), Object.freeze(f)), f;
|
|
194
194
|
}
|
|
195
|
-
function u(f, T, O, Y,
|
|
195
|
+
function u(f, T, O, Y, te, oe) {
|
|
196
196
|
var H = T.children;
|
|
197
197
|
if (H !== void 0)
|
|
198
198
|
if (Y)
|
|
@@ -236,7 +236,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
236
236
|
H,
|
|
237
237
|
O,
|
|
238
238
|
a(),
|
|
239
|
-
|
|
239
|
+
te,
|
|
240
240
|
oe
|
|
241
241
|
);
|
|
242
242
|
}
|
|
@@ -463,9 +463,9 @@ function us({
|
|
|
463
463
|
var oe;
|
|
464
464
|
const E = (oe = S.current) == null ? void 0 : oe.getBoundingClientRect();
|
|
465
465
|
if (!E) return;
|
|
466
|
-
const f = window.innerHeight, T = f - E.bottom, O = E.top,
|
|
467
|
-
_(
|
|
468
|
-
|
|
466
|
+
const f = window.innerHeight, T = f - E.bottom, O = E.top, te = T < 300 && O > T;
|
|
467
|
+
_(te ? "up" : "down"), g(
|
|
468
|
+
te ? { bottom: f - E.top + 4, left: E.left, width: E.width } : { top: E.bottom + 4, left: E.left, width: E.width }
|
|
469
469
|
);
|
|
470
470
|
};
|
|
471
471
|
P(() => {
|
|
@@ -2591,13 +2591,13 @@ function pn({
|
|
|
2591
2591
|
V((X) => [...X, { id: L, msg: w }]), setTimeout(() => V((X) => X.filter((J) => J.id !== L)), 6e3);
|
|
2592
2592
|
}, v = (w) => V((L) => L.filter((X) => X.id !== w)), k = (w) => w.type.startsWith("image/"), A = () => !0, U = b ?? k, G = g ?? A, E = (w) => {
|
|
2593
2593
|
const L = [], X = [], J = [], Z = [];
|
|
2594
|
-
let
|
|
2595
|
-
for (const
|
|
2596
|
-
U(
|
|
2597
|
-
return { imageFiles: L, docFiles: X, tooLarge: J, skipped: Z, limitExceeded:
|
|
2594
|
+
let se = 0, ue = $ != null ? $ - ((u == null ? void 0 : u.length) ?? 0) : 1 / 0;
|
|
2595
|
+
for (const ne of w)
|
|
2596
|
+
U(ne) ? _ && ne.size > _ ? J.push(ne.name) : ue > 0 ? (L.push(ne), ue--) : se++ : G(ne) ? X.push(ne) : Z.push(ne.name);
|
|
2597
|
+
return { imageFiles: L, docFiles: X, tooLarge: J, skipped: Z, limitExceeded: se };
|
|
2598
2598
|
}, f = (w) => {
|
|
2599
|
-
const { imageFiles: L, docFiles: X, tooLarge: J, skipped: Z, limitExceeded:
|
|
2600
|
-
J.length && D(`File${J.length > 1 ? "s" : ""} too large${_ ? ` (max ${_ / 1024 / 1024}MB)` : ""}: ${J.join(", ")}`), Z.length && D(`Skipped unsupported file${Z.length > 1 ? "s" : ""}: ${Z.join(", ")}`),
|
|
2599
|
+
const { imageFiles: L, docFiles: X, tooLarge: J, skipped: Z, limitExceeded: se } = E(w);
|
|
2600
|
+
J.length && D(`File${J.length > 1 ? "s" : ""} too large${_ ? ` (max ${_ / 1024 / 1024}MB)` : ""}: ${J.join(", ")}`), Z.length && D(`Skipped unsupported file${Z.length > 1 ? "s" : ""}: ${Z.join(", ")}`), se && D(`Max ${$} images per message`), h && L.length && h(L);
|
|
2601
2601
|
const ue = X.concat(h ? [] : L);
|
|
2602
2602
|
p && ue.length && p(ue);
|
|
2603
2603
|
};
|
|
@@ -2606,10 +2606,10 @@ function pn({
|
|
|
2606
2606
|
w && (w.style.height = "auto", w.style.height = `${Math.min(w.scrollHeight, 200)}px`);
|
|
2607
2607
|
}, [t]), P(() => {
|
|
2608
2608
|
const w = (L) => {
|
|
2609
|
-
var J, Z,
|
|
2609
|
+
var J, Z, se;
|
|
2610
2610
|
if (o || i) return;
|
|
2611
2611
|
const X = (J = L.target) == null ? void 0 : J.tagName;
|
|
2612
|
-
X === "INPUT" || X === "TEXTAREA" || X === "SELECT" || (Z = L.target) != null && Z.isContentEditable || L.ctrlKey || L.metaKey || L.altKey || L.key.length !== 1 && L.key !== "Backspace" && L.key !== "Delete" || (
|
|
2612
|
+
X === "INPUT" || X === "TEXTAREA" || X === "SELECT" || (Z = L.target) != null && Z.isContentEditable || L.ctrlKey || L.metaKey || L.altKey || L.key.length !== 1 && L.key !== "Backspace" && L.key !== "Delete" || (se = W.current) == null || se.focus();
|
|
2613
2613
|
};
|
|
2614
2614
|
return document.addEventListener("keydown", w), () => document.removeEventListener("keydown", w);
|
|
2615
2615
|
}, [o, i]);
|
|
@@ -2617,7 +2617,7 @@ function pn({
|
|
|
2617
2617
|
w.preventDefault(), z.current++, w.dataTransfer.types.includes("Files") && F(!0);
|
|
2618
2618
|
}, O = (w) => {
|
|
2619
2619
|
w.preventDefault(), z.current--, z.current === 0 && F(!1);
|
|
2620
|
-
}, Y = (w) => w.preventDefault(),
|
|
2620
|
+
}, Y = (w) => w.preventDefault(), te = (w) => {
|
|
2621
2621
|
w.preventDefault(), z.current = 0, F(!1);
|
|
2622
2622
|
const L = Array.from(w.dataTransfer.files);
|
|
2623
2623
|
L.length && f(L);
|
|
@@ -2625,9 +2625,9 @@ function pn({
|
|
|
2625
2625
|
const L = Array.from(w.target.files || []);
|
|
2626
2626
|
M.current && (M.current.value = ""), L.length && f(L);
|
|
2627
2627
|
}, H = (w) => {
|
|
2628
|
-
var
|
|
2628
|
+
var ne;
|
|
2629
2629
|
if (!h) return;
|
|
2630
|
-
const L = (
|
|
2630
|
+
const L = (ne = w.clipboardData) == null ? void 0 : ne.items;
|
|
2631
2631
|
if (!L) return;
|
|
2632
2632
|
const X = [];
|
|
2633
2633
|
for (const st of L) {
|
|
@@ -2635,8 +2635,8 @@ function pn({
|
|
|
2635
2635
|
Me && X.push(Me);
|
|
2636
2636
|
}
|
|
2637
2637
|
if (X.length === 0) return;
|
|
2638
|
-
const { imageFiles: J, tooLarge: Z, skipped:
|
|
2639
|
-
Z.length && D(`File${Z.length > 1 ? "s" : ""} too large: ${Z.join(", ")}`),
|
|
2638
|
+
const { imageFiles: J, tooLarge: Z, skipped: se, limitExceeded: ue } = E(X);
|
|
2639
|
+
Z.length && D(`File${Z.length > 1 ? "s" : ""} too large: ${Z.join(", ")}`), se.length && D(`Skipped unsupported file${se.length > 1 ? "s" : ""}: ${se.join(", ")}`), ue && D(`Max ${$} images per message`), J.length && (w.preventDefault(), h(J));
|
|
2640
2640
|
}, Q = !o && !i && !!(c != null && c.length) && t.length === 0, ie = Ht({
|
|
2641
2641
|
prompts: c ?? [],
|
|
2642
2642
|
enabled: Q
|
|
@@ -2676,7 +2676,7 @@ function pn({
|
|
|
2676
2676
|
onDragEnter: T,
|
|
2677
2677
|
onDragLeave: O,
|
|
2678
2678
|
onDragOver: Y,
|
|
2679
|
-
onDrop:
|
|
2679
|
+
onDrop: te,
|
|
2680
2680
|
children: [
|
|
2681
2681
|
j && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__drag-overlay", children: "Drop files here" }),
|
|
2682
2682
|
/* @__PURE__ */ e.jsx(
|
|
@@ -3266,8 +3266,8 @@ function as(t, s, n, r, a) {
|
|
|
3266
3266
|
default:
|
|
3267
3267
|
l = s.top + s.height / 2 - n / 2, c = s.right + a;
|
|
3268
3268
|
}
|
|
3269
|
-
const d = Math.max(ce, Math.min(o - r - ce, c));
|
|
3270
|
-
return { top:
|
|
3269
|
+
const d = Math.max(ce, Math.min(o - r - ce, c)), u = Math.max(ce, Math.min(i - n - ce, l));
|
|
3270
|
+
return { top: u, left: d, arrowOffset: c - d, arrowOffsetY: l - u };
|
|
3271
3271
|
}
|
|
3272
3272
|
function yn({
|
|
3273
3273
|
steps: t,
|
|
@@ -3292,14 +3292,15 @@ function yn({
|
|
|
3292
3292
|
if (!D || !x.current) return;
|
|
3293
3293
|
const v = ns(D.target);
|
|
3294
3294
|
if (!v) return;
|
|
3295
|
-
const k = v.getBoundingClientRect(), U = x.current.getBoundingClientRect().height || 160, G = ke, E = $.current ? es : ts, f = D.position || rs(k, U, G, E), { top: T, left: O, arrowOffset: Y } = as(f, k, U, G, E);
|
|
3295
|
+
const k = v.getBoundingClientRect(), U = x.current.getBoundingClientRect().height || 160, G = ke, E = $.current ? es : ts, f = D.position || rs(k, U, G, E), { top: T, left: O, arrowOffset: Y, arrowOffsetY: te } = as(f, k, U, G, E);
|
|
3296
3296
|
M(f), S({
|
|
3297
3297
|
position: "fixed",
|
|
3298
3298
|
top: T,
|
|
3299
3299
|
left: O,
|
|
3300
3300
|
width: ke,
|
|
3301
3301
|
visibility: "visible",
|
|
3302
|
-
"--arrow-offset": `${Y}px
|
|
3302
|
+
"--arrow-offset": `${Y}px`,
|
|
3303
|
+
"--arrow-offset-y": `${te}px`
|
|
3303
3304
|
}), z({
|
|
3304
3305
|
top: k.top - Ne,
|
|
3305
3306
|
left: k.left - Ne,
|
package/dist/tokens.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer base{:root{--color-white: #F8F9FA;--color-black: #0E0F11;--color-red-light: #EE7A7A;--color-red: #EA6464;--color-red-dark: #E15252;--data-red: #EA6464;--data-orange: #F59E42;--data-yellow: #FFCD1B;--data-teal: #34D399;--data-blue: #60A5FA;--data-violet: #A78BFA;--data-pink: #F472B6;--color-info: #60A5FA;--color-info-dark: #2563EB;--color-success: #00C86E;--color-success-dark: #00A055;--color-warning: #FFBB00;--color-warning-dark: #D97706;--color-error: #FF1200;--color-error-dark: #DC2626;--color-surface-0: #0E0F11;--color-surface-1: #16181C;--color-surface-2: #1E2026;--color-surface-3: #262830;--color-fg-primary: rgba(248, 249, 250, .92);--color-fg-secondary: rgba(248, 249, 250, .65);--color-fg-disabled: rgba(248, 249, 250, .3);--color-state-hover: rgba(248, 249, 250, .07);--color-state-active: rgba(248, 249, 250, .12);--color-state-selected: rgba(248, 249, 250, .1);--color-state-focus: rgba(248, 249, 250, .3);--color-border-light: rgba(248, 249, 250, .08);--color-border-default: rgba(248, 249, 250, .2);--color-border-strong: rgba(248, 249, 250, .4);--color-border-focus: rgba(248, 249, 250, .5);--color-accent-default: var(--color-red);--color-accent-hover: var(--color-red-light);--color-accent-fg: var(--color-white);--color-accent-hover-fg: var(--color-accent-fg);--color-accent-bg: rgba(234, 100, 100, .12);--color-status-info: var(--color-info);--color-status-info-bg: rgba(37, 99, 235, .15);--color-status-success: var(--color-success);--color-status-success-bg: rgba(0, 160, 85, .15);--color-status-warning: var(--color-warning);--color-status-warning-bg: rgba(217, 119, 6, .15);--color-status-error: var(--color-error);--color-status-error-bg: rgba(220, 38, 38, .15);--color-overlay: rgba(14, 15, 17, .65);--data-1-fg: var(--data-red);--data-1-bg: rgba(234, 100, 100, .15);--data-1-border: rgba(234, 100, 100, .35);--data-2-fg: var(--data-orange);--data-2-bg: rgba(245, 158, 66, .15);--data-2-border: rgba(245, 158, 66, .35);--data-3-fg: var(--data-yellow);--data-3-bg: rgba(255, 205, 27, .15);--data-3-border: rgba(255, 205, 27, .35);--data-4-fg: var(--data-teal);--data-4-bg: rgba( 52, 211, 153, .15);--data-4-border: rgba( 52, 211, 153, .35);--data-5-fg: var(--data-blue);--data-5-bg: rgba( 96, 165, 250, .15);--data-5-border: rgba( 96, 165, 250, .35);--data-6-fg: var(--data-violet);--data-6-bg: rgba(167, 139, 250, .15);--data-6-border: rgba(167, 139, 250, .35);--data-7-fg: var(--data-pink);--data-7-bg: rgba(244, 114, 182, .15);--data-7-border: rgba(244, 114, 182, .35);--shadow-1: 0 2px 8px rgba(0, 0, 0, .4), 0 0 0 1px rgba(248, 249, 250, .06);--shadow-2: 0 8px 24px rgba(0, 0, 0, .5), 0 0 0 1px rgba(248, 249, 250, .08);--shadow-3: 0 16px 48px rgba(0, 0, 0, .6), 0 0 0 1px rgba(248, 249, 250, .1);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-1: 2px;--radius-2: 4px;--radius-3: 6px;--radius-4: 8px;--radius-6: 12px;--radius-8: 16px;--radius-full: 9999px;--height-1: 24px;--height-2: 32px;--height-2-5: 36px;--height-3: 44px;--height-4: 56px;--icon-1: 16px;--icon-2: 20px;--icon-3: 24px;--icon-4: 28px;--icon-5: 48px;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--text-4xl: 32px;--text-3xl: 28px;--text-2xl: 24px;--text-xl: 20px;--text-lg: 16px;--text-md: 14px;--text-sm: 12px;--text-xs: 10px;--tracking-4xl: 0;--tracking-3xl: 0;--tracking-2xl: 0;--tracking-xl: 0;--tracking-lg: .02em;--tracking-md: .04em;--tracking-sm: .06em;--z-sticky: 100;--z-drawer: 200;--z-modal: 300;--z-dropdown: 400;--z-toast: 500;--z-tooltip: 600;--layout-padding-x: 16px;--layout-padding-y: 32px;--layout-header-height: 64px;--easing-standard: cubic-bezier(.2, 0, 0, 1);--easing-decelerate: cubic-bezier(0, 0, .2, 1);--easing-accelerate: cubic-bezier(.3, 0, 1, 1);--easing-emphasized: cubic-bezier(.2, 0, 0, 1);--motion-duration-instant: .1s;--motion-duration-quick: .2s;--motion-duration-moderate: .3s;--motion-duration-slow: .5s;--motion-hover: var(--motion-duration-quick) var(--easing-standard);--motion-enter: var(--motion-duration-moderate) var(--easing-decelerate);--motion-exit: var(--motion-duration-quick) var(--easing-accelerate);--motion-emphasis: var(--motion-duration-slow) var(--easing-emphasized);--transition-fast: var(--motion-duration-instant) var(--easing-standard);--transition-normal: var(--motion-duration-quick) var(--easing-standard);--transition-slow: var(--motion-duration-moderate) var(--easing-standard);--state-disabled-opacity: .4;--focus-ring-color: var(--color-state-focus);--focus-ring-offset: 2px;--focus-ring-width: 2px;--focus-ring: 0 0 0 var(--focus-ring-offset) var(--color-surface-0), 0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--focus-ring-color);--font-ui: inherit;--ui-font-weight: var(--font-weight-medium);--ui-tracking: 0;--tab-tracking: 0;--ui-text-transform: none;--tab-font-size-xs: var(--text-sm);--tab-font-size-s: var(--text-md);--tab-font-size-m: var(--text-lg);--tab-font-size-l: var(--text-lg);--tab-icon-size-xs: var(--icon-1);--tab-icon-size-s: var(--icon-2);--tab-icon-size-m: var(--icon-2);--tab-icon-size-l: var(--icon-2);--label-font-size: var(--text-md);--label-color: var(--color-fg-primary);--label-tracking: 0;--label-text-transform: none;--field-border: var(--color-border-default);--field-border-active: var(--color-border-strong);--btn-padding-ratio: .5;--btn-font-weight: var(--font-weight-medium);--btn-font-size-xs: var(--text-sm);--btn-font-size-s: var(--text-md);--btn-font-size-m: var(--text-lg);--btn-font-size-l: var(--text-lg);--btn-icon-size-xs: var(--icon-1);--btn-icon-size-s: var(--icon-2);--btn-icon-size-m: var(--icon-2);--btn-icon-size-l: var(--icon-2);--btn-secondary-color: var(--color-fg-primary);--btn-secondary-border: var(--color-border-default);--btn-secondary-hover-border: var(--color-border-strong);--btn-secondary-hover-bg: var(--color-state-hover);--btn-secondary-hover-color: var(--btn-secondary-color);--badge-font-size-xs: 11px;--badge-font-size-s: var(--text-sm);--badge-font-size-m: var(--text-md);--badge-tracking: var(--ui-tracking);--badge-text-transform: var(--ui-text-transform);--card-border: var(--color-border-light);--card-hover-transform: none;--table-th-font-family: var(--font-ui);--table-th-font-size: inherit;--table-th-color: var(--color-fg-secondary);--table-th-weight: var(--font-weight-semibold);--table-th-tracking: 0;--table-th-text-transform: none;--table-wrap-border: var(--color-border-light);--table-row-border: var(--color-border-light);--table-subrow-bg: var(--color-surface-2);--table-subrow-color: var(--color-fg-secondary);--table-subrow-font: var(--font-ui);--table-subrow-tracking: 0;--table-subrow-transform: none;--color-accent-2: #FFCD1B;--color-accent-2-bg: rgba(255, 205, 27, .1);--color-accent-2-fg: #0A0A0B;--breakpoint-mobile: 375px;--breakpoint-tablet: 768px;--breakpoint-desktop: 1280px}[data-density=compact]{--height-1: 20px;--height-2: 28px;--height-2-5: 32px;--height-3: 36px;--height-4: 44px;--space-3: 8px;--space-4: 12px;--space-5: 16px;--space-6: 20px;--text-md: 13px;--text-sm: 11px}@media (max-width: 767px){[data-density=compact]{--height-1: 24px;--height-2: 32px;--height-2-5: 36px;--height-3: 44px;--height-4: 56px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--text-md: 14px;--text-sm: 12px}}[data-corners=sharp]{--radius-1: 0;--radius-2: 0;--radius-3: 0;--radius-4: 0;--radius-6: 0;--radius-8: 0}[data-typography=editorial]{--font-ui: "Fira Code", monospace;--ui-font-weight: var(--font-weight-regular);--ui-tracking: .15em;--tab-tracking: .1em;--ui-text-transform: uppercase;--btn-padding-ratio: .62;--btn-font-weight: var(--font-weight-regular);--btn-font-size-xs: var(--text-sm);--btn-font-size-s: var(--text-sm);--btn-font-size-m: var(--text-sm);--btn-font-size-l: var(--text-sm);--badge-font-size-xs: 10px;--badge-tracking: 0;--badge-text-transform: none}[data-density=airy]{--card-hover-transform: translateY(-3px)}[data-variant=edgy]{--radius-1: 0;--radius-2: 0;--radius-3: 0;--radius-4: 0;--radius-6: 0;--radius-8: 0;--font-ui: "Fira Code", monospace;--ui-font-weight: var(--font-weight-regular);--ui-tracking: .15em;--tab-tracking: .1em;--ui-text-transform: uppercase;--btn-padding-ratio: .62;--btn-font-weight: var(--font-weight-regular);--btn-font-size-xs: var(--text-sm);--btn-font-size-s: var(--text-sm);--btn-font-size-m: var(--text-sm);--btn-font-size-l: var(--text-sm);--color-surface-0: #0A0A0B;--color-surface-1: #111114;--color-surface-2: #18181C;--color-surface-3: #1F1F24;--color-border-light: rgba(255, 250, 250, .05);--color-border-default: rgba(255, 250, 250, .1);--color-border-strong: rgba(255, 250, 250, .22);--color-border-focus: rgba(255, 250, 250, .42);--shadow-1: 0 2px 12px rgba(0, 0, 0, .6), 0 0 0 1px rgba(255, 250, 250, .05);--shadow-2: 0 8px 32px rgba(0, 0, 0, .75), 0 0 0 1px rgba(255, 250, 250, .06);--shadow-3: 0 20px 60px rgba(0, 0, 0, .9), 0 0 0 1px rgba(255, 250, 250, .07);--tab-font-size-xs: var(--text-sm);--tab-font-size-s: var(--text-sm);--tab-font-size-m: var(--text-sm);--tab-font-size-l: var(--text-sm);--tab-icon-size-xs: 16px;--tab-icon-size-s: 16px;--tab-icon-size-m: 18px;--tab-icon-size-l: 20px;--label-font-size: var(--text-sm);--label-color: var(--color-fg-secondary);--field-border: rgba(248, 249, 250, .2);--field-border-active: rgba(248, 249, 250, .4);--btn-icon-size-xs: 16px;--btn-icon-size-s: 16px;--btn-icon-size-m: 18px;--btn-icon-size-l: 20px;--btn-secondary-color: var(--color-fg-primary);--btn-secondary-border: var(--color-border-default);--btn-secondary-hover-border: var(--color-accent-2);--btn-secondary-hover-bg: var(--color-accent-2);--btn-secondary-hover-color: var(--color-accent-2-fg);--badge-font-size-xs: 10px;--badge-tracking: 0;--badge-text-transform: none;--card-border: rgba(255, 250, 250, .12);--card-hover-transform: translateY(-3px);--table-th-font-family: "Fira Code", monospace;--table-th-color: var(--color-accent-default);--table-th-weight: var(--font-weight-regular);--table-th-tracking: .15em;--table-th-text-transform: uppercase;--table-subrow-bg: var(--color-surface-2);--table-subrow-color: var(--color-fg-secondary);--table-subrow-font: "Fira Code", monospace;--table-subrow-tracking: .15em;--table-subrow-transform: uppercase;--color-accent-hover: var(--color-accent-2);--color-accent-hover-fg: var(--color-accent-2-fg)}@supports (background: color-mix(in srgb,red,blue)){:root{--color-state-hover: color-mix(in srgb, currentColor 7%, transparent);--color-state-active: color-mix(in srgb, currentColor 12%, transparent);--color-state-selected: color-mix(in srgb, currentColor 10%, transparent)}}@media (min-width: 768px){:root{--text-4xl: 40px;--text-3xl: 36px;--text-2xl: 28px;--text-xl: 24px;--text-lg: 18px;--text-md: 16px;--text-sm: 14px;--tracking-lg: .02em;--tracking-md: .02em;--tracking-sm: .04em;--layout-padding-x: 20px;--layout-padding-y: 48px;--layout-header-height: 72px}}@media (min-width: 1280px){:root{--layout-padding-x: 24px;--layout-padding-y: 64px}}body{margin:0;min-width:320px;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-surface-0);color:var(--color-fg-primary);transition:background-color var(--motion-emphasis),color var(--motion-emphasis)}*{box-sizing:border-box}::selection{background-color:var(--color-state-selected);color:var(--color-fg-primary)}@media (prefers-reduced-motion: reduce){:root{--motion-duration-instant: .01ms;--motion-duration-quick: .01ms;--motion-duration-moderate: .01ms;--motion-duration-slow: .01ms}}}.ds-spinner{display:inline-block;border-radius:var(--radius-full, 9999px);border-style:solid;border-color:currentColor;border-top-color:transparent;flex-shrink:0;animation:ds-spin .7s linear infinite}@keyframes ds-spin{to{transform:rotate(360deg)}}.ds-spinner--xs{width:12px;height:12px;border-width:1.5px}.ds-spinner--s{width:16px;height:16px;border-width:2px}.ds-spinner--m{width:20px;height:20px;border-width:2px}.ds-spinner--l{width:24px;height:24px;border-width:2.5px}.ds-spinner--xl{width:32px;height:32px;border-width:3px}.ds-spinner--default{color:var(--color-accent-default)}.ds-spinner--secondary{color:var(--color-fg-secondary)}.ds-spinner--on-accent{color:var(--color-accent-fg)}@media (prefers-reduced-motion: reduce){.ds-spinner{animation-duration:.01ms;animation-iteration-count:1}}.ds-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2, 8px);font-size:var(--text-lg, 16px);font-weight:var(--btn-font-weight);font-family:var(--font-ui, inherit);letter-spacing:var(--ui-tracking, 0);text-transform:var(--ui-text-transform, none);line-height:1;border:none;cursor:pointer;transition:background-color var(--motion-hover, .2s ease),border-color var(--motion-hover, .2s ease),color var(--motion-hover, .2s ease);white-space:nowrap;text-decoration:none;position:relative;isolation:isolate}.ds-button:disabled,.ds-button[aria-disabled=true]{opacity:var(--state-disabled-opacity, .4);cursor:not-allowed;pointer-events:none}.ds-button--primary:disabled,.ds-button--primary[aria-disabled=true]{background-color:transparent;color:var(--btn-secondary-color);border:1px solid var(--btn-secondary-border)}.ds-button__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.ds-button__icon>svg{width:var(--_btn-icon-sz, 20px);height:var(--_btn-icon-sz, 20px);stroke-width:1.5px}.ds-button--xs{--_btn-icon-sz: var(--btn-icon-size-xs, 14px)}.ds-button--s{--_btn-icon-sz: var(--btn-icon-size-s, 16px)}.ds-button--m{--_btn-icon-sz: var(--btn-icon-size-m, 20px)}.ds-button--l{--_btn-icon-sz: var(--btn-icon-size-l, 24px)}.ds-button--primary{color:var(--color-accent-fg);background-color:var(--color-accent-default)}.ds-button--primary:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--color-accent-hover);color:var(--color-accent-hover-fg)}.ds-button--secondary{color:var(--btn-secondary-color);background-color:transparent;border:1px solid var(--btn-secondary-border)}.ds-button--secondary:before,.ds-button--ghost:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:transparent;border-radius:inherit;pointer-events:none;z-index:-1;transition:background-color var(--motion-hover, .2s ease)}.ds-button--secondary:hover:not(:disabled):not([aria-disabled=true]){border-color:var(--btn-secondary-hover-border);color:var(--btn-secondary-hover-color)}.ds-button--secondary:hover:not(:disabled):not([aria-disabled=true]):before{background-color:var(--btn-secondary-hover-bg)}.ds-button--ghost{color:var(--color-fg-secondary);background-color:transparent}.ds-button--ghost:hover:not(:disabled):not([aria-disabled=true]){color:var(--color-fg-primary)}.ds-button--ghost:hover:not(:disabled):not([aria-disabled=true]):before{background-color:var(--color-state-hover)}.ds-button--danger{color:var(--color-accent-fg);background-color:var(--color-error-dark)}.ds-button--danger:hover:not(:disabled):not([aria-disabled=true]){background-color:#b91c1c}.ds-button--xs{height:var(--height-1, 24px);padding:0 calc(var(--height-1, 24px) * var(--btn-padding-ratio, .5));font-size:var(--btn-font-size-xs, 12px);border-radius:var(--radius-2, 4px)}.ds-button--s{height:var(--height-2, 32px);padding:0 calc(var(--height-2, 32px) * var(--btn-padding-ratio, .5));font-size:var(--btn-font-size-s, 14px);border-radius:var(--radius-2, 4px)}.ds-button--sm{height:var(--height-2-5, 36px);padding:0 calc(var(--height-2-5, 36px) * var(--btn-padding-ratio, .5));font-size:var(--btn-font-size-s, 14px);border-radius:var(--radius-3, 6px)}.ds-button--m{height:var(--height-3, 44px);padding:0 calc(var(--height-3, 44px) * var(--btn-padding-ratio, .5));font-size:var(--btn-font-size-m, 16px);border-radius:var(--radius-3, 6px)}.ds-button--l{height:var(--height-4, 56px);padding:0 calc(var(--height-4, 56px) * var(--btn-padding-ratio, .5));font-size:var(--btn-font-size-l, 16px);border-radius:var(--radius-3, 6px);gap:var(--space-3, 12px)}.ds-button--full{width:100%}.ds-button--icon-only{aspect-ratio:1;padding-left:0;padding-right:0}.ds-button[data-state=loading],.ds-button[data-state=success],.ds-button[data-state=error]{cursor:default;pointer-events:none}.ds-button[data-state=loading]{opacity:.7}.ds-button--primary[data-state=loading]{background-color:transparent;color:var(--color-fg-disabled);border:1px solid var(--color-border-default);opacity:1}.ds-button--primary[data-state=success],.ds-button--secondary[data-state=success],.ds-button--danger[data-state=success]{background-color:var(--color-status-success-bg);border:none;box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 35%,transparent);color:var(--color-status-success)}.ds-button--primary[data-state=error],.ds-button--secondary[data-state=error],.ds-button--danger[data-state=error]{background-color:var(--color-status-error-bg);border:none;box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 35%,transparent);color:var(--color-status-error)}.ds-button--ghost[data-state=success]{color:var(--color-status-success)}.ds-button--ghost[data-state=error]{color:var(--color-status-error)}.ds-button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-input-wrapper{display:flex;flex-direction:column;gap:var(--space-2, 8px)}.ds-input-wrapper--full{width:100%}.ds-input-wrapper--disabled{opacity:var(--state-disabled-opacity, .4);cursor:not-allowed}.ds-input-label{font-family:var(--font-ui, inherit);font-size:var(--label-font-size);font-weight:var(--font-weight-regular, 400);letter-spacing:var(--label-tracking);text-transform:var(--label-text-transform);color:var(--label-color)}.ds-input-container{position:relative;display:flex;align-items:center}.ds-input{width:100%;font-family:inherit;color:var(--color-fg-primary);background-color:transparent;border:1px solid var(--field-border);transition:border-color var(--transition-normal, .2s ease);line-height:1.5}.ds-input::placeholder{color:var(--color-fg-secondary)}.ds-input:hover:not(:disabled){border-color:var(--field-border-active)}.ds-input:focus,.ds-input:active{outline:none;border-color:var(--field-border-active)}.ds-input:focus-visible{box-shadow:var(--focus-ring)}.ds-input:disabled{cursor:not-allowed}.ds-input--error{border-color:var(--color-error)}.ds-input--xs{height:var(--height-1, 24px);padding:0 calc(var(--height-1, 24px) / 4);font-size:var(--text-sm, 12px);border-radius:var(--radius-2, 4px)}.ds-input--s{height:var(--height-2, 32px);padding:0 calc(var(--height-2, 32px) / 4);font-size:var(--text-md, 14px);border-radius:var(--radius-2, 4px)}.ds-input--sm{height:var(--height-2-5, 36px);padding:0 10px;font-size:var(--text-md, 14px);border-radius:var(--radius-3, 6px)}.ds-input--m{height:var(--height-3, 44px);padding:0 calc(var(--height-3, 44px) / 4);font-size:var(--text-lg, 16px);border-radius:var(--radius-3, 6px)}.ds-input--with-icon.ds-input--xs{padding-left:calc(var(--height-1, 24px) / 4 + 16px + var(--height-1, 24px) / 4)}.ds-input--with-icon.ds-input--s{padding-left:calc(var(--height-2, 32px) / 4 + 20px + var(--height-2, 32px) / 4)}.ds-input--with-icon.ds-input--sm{padding-left:40px}.ds-input--with-icon.ds-input--m{padding-left:calc(var(--height-3, 44px) / 4 + 24px + var(--height-3, 44px) / 4)}.ds-input--with-icon-right.ds-input--xs{padding-right:calc(var(--height-1, 24px) / 4 + 16px + var(--height-1, 24px) / 4)}.ds-input--with-icon-right.ds-input--s{padding-right:calc(var(--height-2, 32px) / 4 + 20px + var(--height-2, 32px) / 4)}.ds-input--with-icon-right.ds-input--sm{padding-right:40px}.ds-input--with-icon-right.ds-input--m{padding-right:calc(var(--height-3, 44px) / 4 + 24px + var(--height-3, 44px) / 4)}.ds-input-icon{position:absolute;display:flex;align-items:center;color:var(--color-fg-secondary);pointer-events:none}.ds-input-icon--xs{left:6px}.ds-input-icon--s{left:8px}.ds-input-icon--m{left:11px}.ds-input-icon-right{position:absolute;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--color-fg-secondary);cursor:pointer;transition:color var(--transition-normal, .2s ease);padding:0}.ds-input-icon-right:hover{color:var(--color-fg-primary)}.ds-input-icon-right--xs{right:6px}.ds-input-icon-right--s{right:8px}.ds-input-icon-right--m{right:11px}.ds-input-hint{font-size:var(--text-md, 14px);color:var(--color-fg-secondary)}.ds-input-error-wrap{display:grid;grid-template-rows:0fr;overflow:hidden;transition:grid-template-rows var(--transition-fast, .1s ease)}.ds-input-wrapper--error .ds-input-error-wrap{grid-template-rows:1fr}.ds-input-error-inner{overflow:hidden;min-height:0}.ds-input-error{display:block;padding-top:var(--space-1, 4px);font-size:var(--text-md, 14px);color:var(--color-error)}.ds-textarea-wrapper{display:flex;flex-direction:column;gap:var(--space-2, 8px)}.ds-textarea-wrapper--full{width:100%}.ds-textarea-wrapper--disabled{opacity:var(--state-disabled-opacity, .4);cursor:not-allowed;pointer-events:none}.ds-textarea-label{font-family:var(--font-ui, inherit);font-size:var(--label-font-size);font-weight:var(--font-weight-regular, 400);letter-spacing:var(--label-tracking);text-transform:var(--label-text-transform);color:var(--label-color)}.ds-textarea{width:100%;font-family:inherit;color:var(--color-fg-primary);background-color:transparent;border:1px solid var(--field-border);transition:border-color var(--transition-normal, .2s ease);line-height:1.5;resize:vertical;background:linear-gradient(315deg,transparent 5px,var(--field-border) 5px,var(--field-border) 6px,transparent 6px),linear-gradient(315deg,transparent 10px,var(--field-border) 10px,var(--field-border) 11px,transparent 11px);background-repeat:no-repeat;background-position:bottom right;background-size:16px 16px}.ds-textarea::placeholder{color:var(--color-fg-secondary)}.ds-textarea::-webkit-resizer{display:none}.ds-textarea:hover:not(:disabled){border-color:var(--field-border-active);background:linear-gradient(315deg,transparent 5px,var(--field-border-active) 5px,var(--field-border-active) 6px,transparent 6px),linear-gradient(315deg,transparent 10px,var(--field-border-active) 10px,var(--field-border-active) 11px,transparent 11px);background-repeat:no-repeat;background-position:bottom right;background-size:16px 16px}.ds-textarea:focus-visible{box-shadow:var(--focus-ring)}.ds-textarea:focus,.ds-textarea:active{outline:none;border-color:var(--field-border-active);background:linear-gradient(315deg,transparent 5px,var(--field-border-active) 5px,var(--field-border-active) 6px,transparent 6px),linear-gradient(315deg,transparent 10px,var(--field-border-active) 10px,var(--field-border-active) 11px,transparent 11px);background-repeat:no-repeat;background-position:bottom right;background-size:16px 16px}.ds-textarea:disabled{cursor:not-allowed}.ds-textarea--error{border-color:var(--color-error);background:linear-gradient(315deg,transparent 5px,var(--color-error) 5px,var(--color-error) 6px,transparent 6px),linear-gradient(315deg,transparent 10px,var(--color-error) 10px,var(--color-error) 11px,transparent 11px);background-repeat:no-repeat;background-position:bottom right;background-size:16px 16px}.ds-textarea--no-resize{resize:none;background:none}.ds-textarea--xs{padding:var(--space-2, 8px);font-size:var(--text-sm, 12px);border-radius:var(--radius-2, 4px)}.ds-textarea--s{padding:var(--space-2, 8px) var(--space-3, 12px);font-size:var(--text-md, 14px);border-radius:var(--radius-2, 4px)}.ds-textarea--m{padding:var(--space-3, 12px);font-size:var(--text-lg, 16px);border-radius:var(--radius-3, 6px)}.ds-textarea-hint{font-size:var(--text-md, 14px);color:var(--color-fg-secondary)}.ds-textarea-error{font-size:var(--text-md, 14px);color:var(--color-error)}.ds-select-wrapper{display:flex;flex-direction:column;gap:var(--space-2, 8px)}.ds-select-wrapper--full{width:100%}.ds-select-wrapper--disabled{opacity:var(--state-disabled-opacity, .4);cursor:not-allowed;pointer-events:none}.ds-select-label{font-family:var(--font-ui, inherit);font-size:var(--label-font-size);font-weight:var(--font-weight-regular, 400);letter-spacing:var(--label-tracking);text-transform:var(--label-text-transform);color:var(--label-color)}.ds-select-container{position:relative}.ds-select-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3, 12px);font-family:inherit;color:var(--color-fg-primary);background-color:transparent;border:1px solid var(--field-border);cursor:pointer;transition:border-color var(--transition-normal, .2s ease);text-align:left;line-height:1.5}.ds-select-trigger>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-select-trigger:hover:not(:disabled){border-color:var(--field-border-active)}.ds-select-trigger:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-select-trigger:disabled{cursor:not-allowed}.ds-select-trigger--error{border-color:var(--color-error)}.ds-select-trigger--xs{height:var(--height-1, 24px);padding:0 calc(var(--height-1, 24px) / 4);font-size:var(--text-sm, 12px);border-radius:var(--radius-2, 4px)}.ds-select-trigger--s{height:var(--height-2, 32px);padding:0 calc(var(--height-2, 32px) / 4);font-size:var(--text-md, 14px);border-radius:var(--radius-2, 4px)}.ds-select-trigger--m{height:var(--height-3, 44px);padding:0 calc(var(--height-3, 44px) / 4);font-size:var(--text-lg, 16px);border-radius:var(--radius-3, 6px)}.ds-select-placeholder{color:var(--color-fg-secondary)}.ds-select-icon{flex-shrink:0;color:var(--color-fg-secondary);transition:transform var(--transition-normal, .2s ease)}.ds-select-icon--open{transform:rotate(180deg)}.ds-select-icon--up{transform:rotate(0)}@keyframes ds-select-in-down{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes ds-select-out-down{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}@keyframes ds-select-in-up{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes ds-select-out-up{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(4px)}}.ds-select-dropdown{position:fixed;background-color:var(--color-surface-0);border:1px solid var(--field-border);box-shadow:var(--shadow-1);z-index:var(--z-dropdown);max-height:300px;overflow-y:auto}.ds-select-dropdown--down{animation:ds-select-in-down var(--motion-enter, .3s ease)}.ds-select-dropdown--down.ds-select-dropdown--closing{animation:ds-select-out-down var(--motion-exit, .2s ease) forwards}.ds-select-dropdown--up{animation:ds-select-in-up var(--motion-enter, .3s ease)}.ds-select-dropdown--up.ds-select-dropdown--closing{animation:ds-select-out-up var(--motion-exit, .2s ease) forwards}.ds-select-dropdown--s{border-radius:var(--radius-2, 4px)}.ds-select-dropdown--m{border-radius:var(--radius-3, 6px)}.ds-select-option{width:100%;font-family:inherit;color:var(--color-fg-primary);background-color:transparent;border:none;cursor:pointer;text-align:left;line-height:1.5;white-space:normal;word-wrap:break-word;position:relative;isolation:isolate}.ds-select-option:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:transparent;pointer-events:none;z-index:-1;transition:background-color var(--transition-normal, .2s ease)}.ds-select-option--s{min-height:var(--height-2, 32px);padding:var(--space-2, 8px) calc(var(--height-2, 32px) / 4);font-size:var(--text-md, 14px)}.ds-select-option--m{min-height:var(--height-3, 44px);padding:var(--space-2, 8px) calc(var(--height-3, 44px) / 4);font-size:var(--text-lg, 16px)}.ds-select-option:hover:before{background-color:var(--color-state-hover)}.ds-select-option--selected:before{background-color:var(--color-state-selected)}.ds-select-option--active:before{background-color:var(--color-state-hover)}.ds-select-error{font-size:var(--text-md, 14px);color:var(--color-error)}.ds-scrollable{scrollbar-width:thin;scrollbar-color:var(--color-border-default) transparent}.ds-scrollable::-webkit-scrollbar{width:4px;height:4px}.ds-scrollable::-webkit-scrollbar-track{background:transparent}.ds-scrollable::-webkit-scrollbar-thumb{background:var(--color-border-default);border-radius:var(--radius-full, 9999px)}.ds-scrollable::-webkit-scrollbar-thumb:hover{background:var(--color-border-strong)}.ds-stepper-wrapper{display:flex;flex-direction:column;gap:var(--space-2, 8px)}.ds-stepper-label{font-family:var(--font-ui, inherit);font-size:var(--label-font-size);font-weight:var(--font-weight-regular, 400);letter-spacing:var(--label-tracking);text-transform:var(--label-text-transform);color:var(--label-color)}.ds-stepper{display:flex;align-items:stretch;width:fit-content;border:1px solid var(--field-border);border-radius:var(--radius-2, 4px);transition:border-color var(--transition-normal, .2s ease)}.ds-stepper:hover:not(.ds-stepper--disabled){border-color:var(--field-border-active)}.ds-stepper:focus-within{border-color:var(--field-border-active)}.ds-stepper--disabled{cursor:not-allowed}.ds-stepper-button{display:flex;align-items:center;justify-content:center;background-color:transparent;border:none;color:var(--color-fg-secondary);cursor:pointer;transition:color var(--transition-fast, .1s ease);flex-shrink:0;position:relative;isolation:isolate}.ds-stepper-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:transparent;border-radius:inherit;pointer-events:none;z-index:-1;transition:background-color var(--transition-fast, .1s ease)}.ds-stepper-button:hover:not(:disabled){color:var(--color-fg-primary)}.ds-stepper-button:hover:not(:disabled):before{background-color:var(--color-state-hover)}.ds-stepper-button:active:not(:disabled):before{background-color:var(--color-state-active)}.ds-stepper-button:focus-visible{outline:none;box-shadow:var(--focus-ring);z-index:1}.ds-stepper-button:disabled{opacity:.5;cursor:not-allowed}.ds-stepper-button--minus{border-radius:var(--radius-2, 4px) 0 0 var(--radius-2, 4px);border-right:1px solid var(--field-border)}.ds-stepper-button--plus{border-radius:0 var(--radius-2, 4px) var(--radius-2, 4px) 0;border-left:1px solid var(--field-border)}.ds-stepper-input{width:80px;text-align:center;border:none;background-color:transparent;color:var(--color-fg-primary);font-size:var(--text-lg, 16px);letter-spacing:var(--tracking-lg);outline:none;cursor:text}.ds-stepper-input:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-stepper-input:disabled{cursor:not-allowed}.ds-stepper-input::-webkit-inner-spin-button,.ds-stepper-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ds-stepper-input[type=number]{-moz-appearance:textfield}.ds-stepper--xs{height:var(--height-1, 24px)}.ds-stepper--xs .ds-stepper-button{width:var(--height-1, 24px);padding:0}.ds-stepper--xs .ds-stepper-input{font-size:var(--text-sm, 12px);letter-spacing:var(--tracking-sm);padding:0 var(--space-2, 8px)}.ds-stepper--s{height:var(--height-2, 32px)}.ds-stepper--s .ds-stepper-button{width:var(--height-2, 32px);padding:0}.ds-stepper--s .ds-stepper-input{font-size:var(--text-md, 14px);letter-spacing:var(--tracking-md);padding:0 var(--space-2, 8px)}.ds-stepper--m{height:var(--height-3, 44px)}.ds-stepper--m .ds-stepper-button{width:var(--height-3, 44px);padding:0}.ds-stepper--m .ds-stepper-input{font-size:var(--text-lg, 16px);letter-spacing:var(--tracking-lg);padding:0 var(--space-3, 12px)}.ds-stepper-hint{font-size:var(--text-md, 14px);letter-spacing:var(--tracking-md);color:var(--color-fg-secondary)}.ds-stepper-error{font-size:var(--text-md, 14px);letter-spacing:var(--tracking-md);color:var(--color-status-error)}.ds-stepper-wrapper--error .ds-stepper{border-color:var(--color-status-error)}.ds-stepper-wrapper--error .ds-stepper:hover:not(.ds-stepper--disabled){border-color:var(--color-status-error)}.ds-stepper-wrapper--error .ds-stepper:focus-within{border-color:var(--color-status-error)}.ds-stepper-wrapper--disabled{opacity:.5;cursor:not-allowed}.ds-stepper-wrapper--disabled *{cursor:not-allowed}.ds-card{display:flex;flex-direction:column;min-width:0;background-color:transparent;border-radius:var(--radius-3, 6px);border:1px solid var(--card-border);transition:border-color var(--motion-hover, .2s ease),background-color var(--motion-hover, .2s ease),transform var(--motion-hover, .2s ease);text-decoration:none;color:inherit}.ds-card--interactive{cursor:pointer;background-color:var(--color-surface-1);border:none;position:relative;isolation:isolate}.ds-card--interactive:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:transparent;border-radius:inherit;pointer-events:none;z-index:-1;transition:background-color var(--transition-normal, .2s ease)}.ds-card--interactive:hover:not([aria-disabled=true]){transform:var(--card-hover-transform, none)}.ds-card--interactive:hover:not([aria-disabled=true]):before{background-color:var(--color-state-hover)}.ds-card--outline{background-color:transparent;border:1px solid var(--card-border);cursor:pointer;transition:border-color var(--motion-hover, .2s ease),transform var(--motion-hover, .2s ease)}.ds-card--outline:hover:not([aria-disabled=true]){border-color:var(--color-border-strong);transform:var(--card-hover-transform, none)}.ds-card--interactive:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-card[aria-disabled=true]{opacity:var(--state-disabled-opacity, .4);cursor:not-allowed;pointer-events:none}.ds-card--none{padding:0;gap:0}.ds-card--s{padding:var(--space-3, 12px);gap:var(--space-2, 8px)}.ds-card--m{padding:var(--space-4, 16px);gap:var(--space-3, 12px)}.ds-card--l{padding:var(--space-6, 24px);gap:var(--space-4, 16px)}.ds-h1{font-size:var(--text-4xl, 32px);font-weight:var(--font-weight-regular, 400);line-height:1.2;color:var(--color-fg-primary);letter-spacing:var(--tracking-4xl);margin:0}.ds-h2{font-size:var(--text-3xl, 24px);font-weight:var(--font-weight-regular, 400);line-height:1.3;color:var(--color-fg-primary);letter-spacing:var(--tracking-3xl);margin:0}.ds-h3{font-size:var(--text-2xl, 20px);font-weight:var(--font-weight-regular, 400);line-height:1.3;color:var(--color-fg-primary);letter-spacing:var(--tracking-2xl);margin:0}.ds-h4{font-size:var(--text-xl, 18px);font-weight:var(--font-weight-regular, 400);line-height:1.4;color:var(--color-fg-primary);letter-spacing:var(--tracking-xl);margin:0}.ds-p1{font-size:var(--text-lg, 16px);font-weight:var(--font-weight-regular, 400);line-height:1.5;color:var(--color-fg-primary);letter-spacing:var(--tracking-lg);margin:0}.ds-p1--secondary{color:var(--color-fg-secondary)}.ds-p2{font-size:var(--text-md, 14px);font-weight:var(--font-weight-regular, 400);line-height:1.5;color:var(--color-fg-primary);letter-spacing:var(--tracking-md);margin:0}.ds-p2--secondary{color:var(--color-fg-secondary)}.ds-p3{font-size:var(--text-sm, 12px);font-weight:var(--font-weight-regular, 400);line-height:1.5;color:var(--color-fg-primary);letter-spacing:var(--tracking-sm);margin:0}.ds-p3--secondary{color:var(--color-fg-secondary)}.ds-badge{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-ui, inherit);font-weight:var(--ui-font-weight, 500);letter-spacing:var(--badge-tracking);text-transform:var(--badge-text-transform);white-space:nowrap}.ds-badge--xs{padding:1px var(--space-1, 4px);font-size:var(--badge-font-size-xs);letter-spacing:var(--tracking-sm);border-radius:var(--radius-1, 2px)}.ds-badge--s{padding:2px var(--space-2, 8px);font-size:var(--badge-font-size-s);border-radius:var(--radius-2, 4px)}.ds-badge--m{padding:3px var(--space-3, 12px);font-size:var(--badge-font-size-m);border-radius:var(--radius-3, 6px)}.ds-badge--default{background-color:var(--color-state-selected);color:var(--color-fg-secondary)}.ds-badge--info{background-color:var(--color-status-info-bg);color:var(--color-status-info)}.ds-badge--success{background-color:var(--color-status-success-bg);color:var(--color-status-success)}.ds-badge--warning{background-color:var(--color-status-warning-bg);color:var(--color-status-warning)}.ds-badge--error{background-color:var(--color-status-error-bg);color:var(--color-status-error)}.ds-badge--accent{background-color:var(--color-accent-bg);color:var(--color-accent-default)}.ds-badge--danger{background-color:var(--color-status-error-bg);color:var(--color-status-error)}.ds-badge--data-1{background-color:var(--data-1-bg);color:var(--data-1-fg)}.ds-badge--data-2{background-color:var(--data-2-bg);color:var(--data-2-fg)}.ds-badge--data-3{background-color:var(--data-3-bg);color:var(--data-3-fg)}.ds-badge--data-4{background-color:var(--data-4-bg);color:var(--data-4-fg)}.ds-badge--data-5{background-color:var(--data-5-bg);color:var(--data-5-fg)}.ds-badge--data-6{background-color:var(--data-6-bg);color:var(--data-6-fg)}.ds-badge--data-7{background-color:var(--data-7-bg);color:var(--data-7-fg)}[data-variant=edgy] .ds-badge{box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 35%,transparent)}.ds-alert{display:flex;align-items:flex-start;gap:var(--space-3, 12px);padding:var(--space-3, 12px);border-radius:var(--radius-3, 6px)}.ds-alert--no-title{align-items:center}.ds-alert__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.ds-alert:not(.ds-alert--no-title) .ds-alert__icon{margin-top:2px}.ds-alert__content{flex:1;min-width:0}.ds-alert__title{font-size:var(--text-lg, 16px);font-weight:var(--font-weight-regular, 400);margin-bottom:var(--space-2, 8px)}.ds-alert__message{font-size:var(--text-md, 14px);line-height:1.5}.ds-alert__close{flex-shrink:0;background:none;border:none;color:inherit;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;opacity:.7;transition:opacity var(--transition-normal, .2s ease)}.ds-alert__close:hover{opacity:1}.ds-alert__close:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-2, 4px)}.ds-alert--info{background:linear-gradient(var(--color-status-info-bg),var(--color-status-info-bg)),var(--color-surface-1);color:var(--color-status-info)}.ds-alert--info .ds-alert__message{color:var(--color-fg-primary)}.ds-alert--success{background:linear-gradient(var(--color-status-success-bg),var(--color-status-success-bg)),var(--color-surface-1);color:var(--color-status-success)}.ds-alert--success .ds-alert__message{color:var(--color-fg-primary)}.ds-alert--warning{background:linear-gradient(var(--color-status-warning-bg),var(--color-status-warning-bg)),var(--color-surface-1);color:var(--color-status-warning)}.ds-alert--warning .ds-alert__message{color:var(--color-fg-primary)}.ds-alert--error{background:linear-gradient(var(--color-status-error-bg),var(--color-status-error-bg)),var(--color-surface-1);color:var(--color-status-error)}.ds-alert--error .ds-alert__message{color:var(--color-fg-primary)}@keyframes ds-modal-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes ds-modal-backdrop-out{0%{opacity:1}to{opacity:0}}@keyframes ds-modal-content-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes ds-modal-content-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(8px)}}.ds-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--color-overlay);display:flex;align-items:flex-start;justify-content:center;z-index:var(--z-modal);padding:var(--space-4, 16px);overflow-y:auto;animation:ds-modal-backdrop-in var(--motion-enter, .3s ease)}.ds-modal{background-color:var(--color-surface-2);border-radius:var(--radius-4, 8px);box-shadow:var(--shadow-2);display:flex;flex-direction:column;margin:auto 0;position:relative;animation:ds-modal-content-in var(--motion-enter, .3s ease) .05s both}.ds-modal__close{position:absolute;top:var(--space-2, 8px);right:var(--space-2, 8px);z-index:1}.ds-modal-overlay--closing{animation:ds-modal-backdrop-out var(--motion-exit, .2s ease) forwards}.ds-modal-overlay--closing .ds-modal{animation:ds-modal-content-out var(--motion-exit, .2s ease) forwards}.ds-modal--s{width:100%;max-width:400px}.ds-modal--m{width:100%;max-width:600px}.ds-modal--l{width:100%;max-width:900px}.ds-modal__header{display:flex;flex-direction:column;padding:var(--space-6, 24px) var(--space-6, 24px) var(--space-4, 16px);gap:var(--space-4, 16px)}.ds-modal__title{font-size:var(--text-2xl, 20px);font-weight:var(--font-weight-medium, 500);color:var(--color-fg-primary);margin:0}.ds-modal__subheader{display:flex;flex-direction:column;gap:var(--space-4, 16px)}.ds-modal__body{padding:0 var(--space-6, 24px) var(--space-6, 24px);flex:1}.ds-modal__body:last-child{border-bottom-left-radius:var(--radius-4, 8px);border-bottom-right-radius:var(--radius-4, 8px)}.ds-modal--scrollable{max-height:85vh}.ds-modal--scrollable .ds-modal__body{overflow-y:auto;min-height:0;padding-top:var(--space-6, 24px);overscroll-behavior:contain}.ds-modal--scrollable .ds-modal__header{border-bottom:1px solid var(--color-border-light)}.ds-modal--scrollable .ds-modal__footer{border-top:1px solid var(--color-border-light)}.ds-modal__footer{display:flex;align-items:center;justify-content:flex-start;gap:var(--space-3, 12px);padding:var(--space-4, 16px) var(--space-6, 24px) var(--space-6, 24px);background-color:var(--color-surface-2);position:relative;z-index:10;border-bottom-left-radius:var(--space-3, 12px);border-bottom-right-radius:var(--space-3, 12px)}@keyframes ds-sheet-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes ds-sheet-overlay-out{0%{opacity:1}to{opacity:0}}@keyframes ds-sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes ds-sheet-out{0%{transform:translateY(0)}to{transform:translateY(100%)}}.ds-bottom-sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--color-overlay);z-index:var(--z-modal);display:flex;align-items:flex-end;animation:ds-sheet-overlay-in .2s ease}.ds-bottom-sheet-overlay--closing{animation:ds-sheet-overlay-out .32s ease forwards}.ds-bottom-sheet{width:100%;max-width:1280px;height:95vh;margin:0 auto;background-color:var(--color-surface-2);border-radius:var(--radius-4, 12px) var(--radius-4, 12px) 0 0;box-shadow:var(--shadow-2);display:flex;flex-direction:column;position:relative;animation:ds-sheet-in .35s cubic-bezier(.32,.72,0,1)}.ds-bottom-sheet__close{position:absolute;top:var(--space-2, 8px);right:var(--space-2, 8px);z-index:1}.ds-bottom-sheet--closing{animation:ds-sheet-out .32s cubic-bezier(.32,.72,0,1) forwards}.ds-bottom-sheet__handle{width:36px;height:4px;background:var(--color-border-default);border-radius:var(--radius-full, 9999px);margin:var(--space-3) auto var(--space-1);flex-shrink:0}.ds-bottom-sheet__header{display:flex;flex-direction:column;padding:var(--space-4) var(--space-6) var(--space-4);gap:var(--space-4);border-bottom:1px solid var(--color-border-light);flex-shrink:0}.ds-bottom-sheet__title{font-size:var(--text-2xl, 20px);font-weight:var(--font-weight-medium, 500);color:var(--color-fg-primary);margin:0}.ds-bottom-sheet__subheader{display:flex;flex-direction:column;gap:var(--space-4)}.ds-bottom-sheet__body{padding:var(--space-6);flex:1;overflow-y:auto;min-height:0;overscroll-behavior:contain}.ds-bottom-sheet .ds-modal__footer{border-top:1px solid var(--color-border-light);border-bottom-left-radius:0;border-bottom-right-radius:0}.ds-code-accordion{min-width:0}.ds-code-accordion__header{display:flex;align-items:center;justify-content:space-between;width:100%;background-color:var(--color-surface-1);border:none;border-radius:var(--radius-3, 6px);color:var(--color-fg-primary);font-size:var(--text-lg, 16px);font-family:inherit;cursor:pointer;position:relative;isolation:isolate}.ds-code-accordion__header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:transparent;border-radius:inherit;pointer-events:none;z-index:-1;transition:background-color var(--transition-normal, .2s ease)}.ds-code-accordion__header[aria-expanded=true]{border-radius:var(--radius-3, 6px) var(--radius-3, 6px) 0 0}.ds-code-accordion__header:hover:before{background-color:var(--color-state-hover)}.ds-code-accordion__header:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-code-accordion__title{font-weight:var(--font-weight-regular, 400)}.ds-code-accordion__icon{flex-shrink:0;color:var(--color-fg-secondary);transition:transform var(--transition-normal, .2s ease)}.ds-code-accordion__icon--expanded{transform:rotate(180deg)}.ds-code-accordion__content{display:grid;grid-template-rows:0fr;overflow:hidden;transition:grid-template-rows var(--transition-normal, .2s ease)}.ds-code-accordion--expanded .ds-code-accordion__content{grid-template-rows:1fr}.ds-code-accordion__inner{overflow:hidden;min-height:0;opacity:0;visibility:hidden;transition:opacity var(--transition-normal, .2s ease) .05s,visibility 0s var(--transition-normal, .2s ease)}.ds-code-accordion--expanded .ds-code-accordion__inner{opacity:1;visibility:visible;transition:opacity var(--transition-normal, .2s ease) .05s,visibility 0s 0s}.ds-code-accordion__pre{overflow-x:auto;font-family:Fira Mono,SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:var(--text-md, 14px);background-color:var(--color-surface-2);color:var(--color-fg-primary);border-radius:0 0 var(--radius-3, 6px) var(--radius-3, 6px);line-height:1.6;margin:0}.ds-code-accordion--s .ds-code-accordion__header,.ds-code-accordion--s .ds-code-accordion__pre{padding:var(--space-2, 8px)}.ds-code-accordion--m .ds-code-accordion__header,.ds-code-accordion--m .ds-code-accordion__pre{padding:var(--space-3, 12px)}.ds-code-accordion--l .ds-code-accordion__header,.ds-code-accordion--l .ds-code-accordion__pre{padding:var(--space-4, 16px)}.ds-code-accordion__pre code{background:none;border:none;padding:0;font-family:inherit;font-size:inherit;color:inherit}@media (max-width: 640px){.ds-code-accordion__header{font-size:var(--text-md, 14px)}.ds-code-accordion--l .ds-code-accordion__header,.ds-code-accordion--l .ds-code-accordion__pre{padding:var(--space-3, 12px)}}@media (prefers-reduced-motion: reduce){.ds-code-accordion__inner{transition:none}}.ds-code-inline{font-family:Fira Mono,SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:.9em;background-color:var(--color-surface-2);color:var(--color-fg-primary);padding:2px 6px;border-radius:var(--radius-3, 6px);white-space:nowrap}.ds-code-block{font-family:Fira Mono,SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:var(--text-md, 14px);background-color:var(--color-surface-2);color:var(--color-fg-primary);padding:var(--space-3, 12px);border-radius:var(--radius-3, 6px);overflow-x:auto;line-height:1.6;margin:0}.ds-code-block code{background:none;border:none;padding:0;font-family:inherit;font-size:inherit;color:inherit}.ds-link{color:var(--color-accent-default);text-decoration:none;cursor:pointer;transition:color var(--transition-fast, .1s ease),text-decoration var(--transition-fast, .1s ease);font-size:inherit;font-weight:inherit;line-height:inherit}.ds-link:hover{color:var(--color-accent-hover);text-decoration:underline}.ds-link:active{color:var(--color-accent-hover)}.ds-link:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:2px}.ds-tabs{display:flex;gap:var(--space-2, 8px);flex-wrap:wrap}.ds-tab{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2, 8px);font-family:var(--font-ui, inherit);font-weight:var(--ui-font-weight, 500);letter-spacing:var(--tab-tracking);text-transform:var(--ui-text-transform, none);line-height:1;cursor:pointer;background-color:transparent;color:var(--color-fg-primary);transition:border-color var(--motion-hover, .2s ease),background-color var(--motion-hover, .2s ease);white-space:nowrap;text-decoration:none}.ds-tab--ghost{border:none;color:var(--color-fg-secondary);position:relative;isolation:isolate}.ds-tab--ghost:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:transparent;border-radius:inherit;pointer-events:none;z-index:-1;transition:background-color var(--motion-hover, .2s ease)}.ds-tab--ghost:hover:not(.ds-tab--selected):not(:disabled):not([aria-disabled=true]){color:var(--color-fg-primary)}.ds-tab--ghost:hover:not(.ds-tab--selected):not(:disabled):not([aria-disabled=true]):before{background-color:var(--color-state-hover)}.ds-tab--ghost.ds-tab--selected{color:var(--color-fg-primary)}.ds-tab--ghost.ds-tab--selected:before{background-color:var(--color-state-selected)}.ds-tab--xs{--_tab-icon-sz: var(--tab-icon-size-xs)}.ds-tab--s,.ds-tab--sm{--_tab-icon-sz: var(--tab-icon-size-s, 14px)}.ds-tab--m{--_tab-icon-sz: var(--tab-icon-size-m, 16px)}.ds-tab--l{--_tab-icon-sz: var(--tab-icon-size-l, 20px)}.ds-tab--xs{height:var(--height-1, 24px);padding:0 calc(var(--height-1, 24px) / 2);font-size:var(--tab-font-size-xs);border-radius:var(--radius-2, 4px)}.ds-tab--s{height:var(--height-2, 32px);padding:0 calc(var(--height-2, 32px) / 2);font-size:var(--tab-font-size-s, 13px);border-radius:var(--radius-2, 4px)}.ds-tab--sm{height:var(--height-2-5, 36px);padding:0 14px;font-size:var(--tab-font-size-s, 13px);border-radius:var(--radius-3, 6px)}.ds-tab--m{height:var(--height-3, 44px);padding:0 calc(var(--height-3, 44px) / 2);font-size:var(--tab-font-size-m, 14px);border-radius:var(--radius-3, 6px)}.ds-tab--l{height:var(--height-4, 56px);padding:0 calc(var(--height-4, 56px) / 2);font-size:var(--tab-font-size-l, 15px);border-radius:var(--radius-3, 6px);gap:var(--space-3, 12px)}.ds-tab:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-tab:disabled,.ds-tab[aria-disabled=true]{opacity:var(--state-disabled-opacity, .4);cursor:not-allowed;pointer-events:none}.ds-tab-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.ds-tab-icon>svg{width:var(--_tab-icon-sz, 16px);height:var(--_tab-icon-sz, 16px);stroke-width:1.5px}.ds-tab--icon-only{aspect-ratio:1;padding-left:0;padding-right:0}.ds-seg{display:inline-flex;position:relative;padding:3px;border:1px solid var(--color-border-default);border-radius:var(--radius-3, 6px);background:var(--color-surface-1)}.ds-seg--disabled{opacity:var(--state-disabled-opacity, .4);cursor:not-allowed;pointer-events:none}.ds-seg__pill{position:absolute;top:3px;bottom:3px;background:var(--color-state-hover);border-radius:calc(var(--radius-3, 6px) - 2px);pointer-events:none;z-index:0}.ds-seg__btn{position:relative;z-index:1;display:inline-flex;align-items:center;gap:var(--space-1, 4px);background:transparent;border:none;cursor:pointer;font-family:var(--font-ui, inherit);font-size:var(--text-md, 14px);letter-spacing:var(--ui-tracking, 0);text-transform:var(--ui-text-transform, none);color:var(--color-fg-secondary);border-radius:calc(var(--radius-3, 6px) - 2px);white-space:nowrap;transition:color var(--motion-hover, .2s ease)}.ds-seg__btn:hover:not(:disabled){color:var(--color-fg-primary)}.ds-seg__btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-seg__btn--active{color:var(--color-fg-primary)}.ds-seg__btn-icon{display:flex;align-items:center;flex-shrink:0}.ds-seg--s .ds-seg__btn{height:var(--height-1, 24px);padding:0 var(--space-2, 8px);font-size:var(--text-sm, 12px)}.ds-seg--m .ds-seg__btn{height:var(--height-2, 32px);padding:0 var(--space-3, 12px)}.ds-seg--sm .ds-seg__btn{height:var(--height-2-5, 36px);padding:0 var(--space-3, 12px)}.ds-seg--l .ds-seg__btn{height:var(--height-3, 44px);padding:0 var(--space-4, 16px);font-size:var(--text-lg, 16px)}@media (prefers-reduced-motion: reduce){.ds-seg__pill{transition:none}}.ds-accordion{min-width:0}.ds-accordion__header{display:flex;align-items:center;justify-content:space-between;width:100%;background-color:var(--color-surface-1);border:none;border-radius:var(--radius-3, 6px);color:var(--color-fg-primary);font-size:var(--text-xl, 18px);font-family:inherit;cursor:pointer;position:relative;isolation:isolate}.ds-accordion__header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:transparent;border-radius:inherit;pointer-events:none;z-index:-1;transition:background-color var(--transition-normal, .2s ease)}.ds-accordion__header[aria-expanded=true]{border-radius:var(--radius-3, 6px) var(--radius-3, 6px) 0 0}.ds-accordion__header:hover:before{background-color:var(--color-state-hover)}.ds-accordion__header:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-accordion__title{font-weight:var(--font-weight-regular, 400)}.ds-accordion__icon{flex-shrink:0;color:var(--color-fg-secondary);transition:transform var(--transition-normal, .2s ease)}.ds-accordion__icon--expanded{transform:rotate(180deg)}.ds-accordion__content{display:grid;grid-template-rows:0fr;overflow:hidden;transition:grid-template-rows var(--transition-normal, .2s ease)}.ds-accordion--expanded .ds-accordion__content{grid-template-rows:1fr}.ds-accordion__content-inner{overflow:hidden;min-height:0;opacity:0;visibility:hidden;transition:opacity var(--transition-normal, .2s ease) .05s,visibility 0s var(--transition-normal, .2s ease)}.ds-accordion--expanded .ds-accordion__content-inner{opacity:1;visibility:visible;transition:opacity var(--transition-normal, .2s ease) .05s,visibility 0s 0s}.ds-accordion__content-body{display:flex;flex-direction:column;background-color:var(--color-surface-1);border-radius:0 0 var(--radius-3, 6px) var(--radius-3, 6px)}.ds-accordion--s .ds-accordion__header{padding:var(--space-3, 12px)}.ds-accordion--s .ds-accordion__content-body{padding:var(--space-3, 12px);gap:var(--space-2, 8px)}.ds-accordion--m .ds-accordion__header{padding:var(--space-4, 16px)}.ds-accordion--m .ds-accordion__content-body{padding:var(--space-4, 16px);gap:var(--space-3, 12px)}.ds-accordion--l .ds-accordion__header{padding:var(--space-6, 24px)}.ds-accordion--l .ds-accordion__content-body{padding:var(--space-6, 24px);gap:var(--space-4, 16px)}@media (max-width: 640px){.ds-accordion__header{font-size:var(--text-lg, 16px)}.ds-accordion--l .ds-accordion__header{padding:var(--space-4, 16px)}.ds-accordion--l .ds-accordion__content-inner{padding:var(--space-4, 16px);gap:var(--space-3, 12px)}}.ds-tooltip-wrapper{position:relative;display:inline-flex}.ds-tooltip{background-color:var(--color-surface-3);color:var(--color-fg-secondary);font-size:var(--text-sm, 12px);letter-spacing:var(--tracking-sm);width:max-content;max-width:200px;padding:var(--space-2, 8px);border:1px solid var(--color-border-default);box-shadow:var(--shadow-1);z-index:var(--z-tooltip);border-radius:var(--radius-2, 4px);white-space:normal;word-wrap:break-word;pointer-events:none;line-height:1.4}.ds-tooltip--top:after{content:"";position:absolute;top:100%;left:calc(50% + var(--arrow-offset, 0px));transform:translate(-50%);border:4px solid transparent;border-top-color:var(--color-border-default)}.ds-tooltip--top:before{content:"";position:absolute;top:100%;left:calc(50% + var(--arrow-offset, 0px));transform:translate(-50%);border:3px solid transparent;border-top-color:var(--color-surface-3);z-index:1}.ds-tooltip--bottom:after{content:"";position:absolute;bottom:100%;left:calc(50% + var(--arrow-offset, 0px));transform:translate(-50%);border:4px solid transparent;border-bottom-color:var(--color-border-default)}.ds-tooltip--bottom:before{content:"";position:absolute;bottom:100%;left:calc(50% + var(--arrow-offset, 0px));transform:translate(-50%);border:3px solid transparent;border-bottom-color:var(--color-surface-3);z-index:1}.ds-tooltip--left:after{content:"";position:absolute;left:100%;top:50%;transform:translateY(-50%);border:4px solid transparent;border-left-color:var(--color-border-default)}.ds-tooltip--left:before{content:"";position:absolute;left:100%;top:50%;transform:translateY(-50%);border:3px solid transparent;border-left-color:var(--color-surface-3);z-index:1}.ds-tooltip--right:after{content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%);border:4px solid transparent;border-right-color:var(--color-border-default)}.ds-tooltip--right:before{content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%);border:3px solid transparent;border-right-color:var(--color-surface-3);z-index:1}.ds-toggle{display:inline-flex;align-items:center;gap:var(--space-3, 12px);cursor:pointer}.ds-toggle--disabled{opacity:var(--state-disabled-opacity, .4);cursor:not-allowed}.ds-toggle__input{position:absolute;opacity:0;pointer-events:none}.ds-toggle__track{position:relative;display:flex;align-items:center;background-color:var(--color-surface-1);border:1px solid var(--field-border);transition:background-color var(--transition-normal, .2s ease),border-color var(--transition-normal, .2s ease);flex-shrink:0}.ds-toggle__input:focus-visible+.ds-toggle__track{box-shadow:var(--focus-ring)}.ds-toggle__input:checked+.ds-toggle__track{background-color:var(--color-accent-default);border-color:var(--color-accent-default)}.ds-toggle__input:not(:checked)+.ds-toggle__track:hover{border-color:var(--field-border-active)}.ds-toggle__thumb{background-color:var(--color-accent-fg);border-radius:50%;transition:transform var(--transition-normal, .2s ease);box-shadow:0 1px 3px #0003}.ds-toggle__label{font-size:var(--text-lg, 16px);color:var(--color-fg-primary);-webkit-user-select:none;user-select:none}.ds-toggle--xs .ds-toggle__track{width:calc(var(--icon-1, 16px) * 1.75);height:var(--icon-1, 16px);border-radius:calc(var(--icon-1, 16px) / 2);padding:2px}.ds-toggle--xs .ds-toggle__thumb{width:calc(var(--icon-1, 16px) - 4px);height:calc(var(--icon-1, 16px) - 4px)}.ds-toggle--xs .ds-toggle__input:checked+.ds-toggle__track .ds-toggle__thumb{transform:translate(calc(var(--icon-1, 16px) * .75))}.ds-toggle--xs .ds-toggle__label{font-size:var(--text-sm, 12px)}.ds-toggle--s .ds-toggle__track{width:calc(var(--icon-2, 20px) * 1.75);height:var(--icon-2, 20px);border-radius:calc(var(--icon-2, 20px) / 2);padding:2px}.ds-toggle--s .ds-toggle__thumb{width:calc(var(--icon-2, 20px) - 4px);height:calc(var(--icon-2, 20px) - 4px)}.ds-toggle--s .ds-toggle__input:checked+.ds-toggle__track .ds-toggle__thumb{transform:translate(calc(var(--icon-2, 20px) * .75))}.ds-toggle--s .ds-toggle__label{font-size:var(--text-md, 14px)}.ds-toggle--m .ds-toggle__track{width:calc(var(--icon-3, 24px) * 1.75);height:var(--icon-3, 24px);border-radius:calc(var(--icon-3, 24px) / 2);padding:2px}.ds-toggle--m .ds-toggle__thumb{width:calc(var(--icon-3, 24px) - 4px);height:calc(var(--icon-3, 24px) - 4px)}.ds-toggle--m .ds-toggle__input:checked+.ds-toggle__track .ds-toggle__thumb{transform:translate(calc(var(--icon-3, 24px) * .75))}.ds-toggle--m .ds-toggle__label{font-size:var(--text-lg, 16px)}.ds-toggle--l .ds-toggle__track{width:calc(var(--icon-4, 28px) * 1.75);height:var(--icon-4, 28px);border-radius:calc(var(--icon-4, 28px) / 2);padding:3px}.ds-toggle--l .ds-toggle__thumb{width:calc(var(--icon-4, 28px) - 6px);height:calc(var(--icon-4, 28px) - 6px)}.ds-toggle--l .ds-toggle__input:checked+.ds-toggle__track .ds-toggle__thumb{transform:translate(calc(var(--icon-4, 28px) * .75))}.ds-toggle--l .ds-toggle__label{font-size:var(--text-lg, 16px)}.ds-checkbox{display:inline-flex;align-items:center;gap:var(--space-3, 12px);cursor:pointer}.ds-checkbox--disabled{opacity:var(--state-disabled-opacity, .4);cursor:not-allowed}.ds-checkbox__input{position:absolute;opacity:0;pointer-events:none}.ds-checkbox__box{position:relative;display:flex;align-items:center;justify-content:center;background-color:var(--color-surface-1);border:1px solid var(--field-border);transition:background-color var(--transition-normal, .2s ease),border-color var(--transition-normal, .2s ease);flex-shrink:0;border-radius:4px}.ds-checkbox__input:focus-visible+.ds-checkbox__box{box-shadow:var(--focus-ring)}.ds-checkbox__input:checked+.ds-checkbox__box{background-color:var(--color-accent-default);border-color:var(--color-accent-default)}.ds-checkbox__input:not(:checked)+.ds-checkbox__box:hover{border-color:var(--field-border-active)}.ds-checkbox__icon{color:var(--color-accent-fg)}.ds-checkbox__label{font-size:var(--text-lg, 16px);color:var(--color-fg-primary);-webkit-user-select:none;user-select:none}.ds-checkbox--xs .ds-checkbox__box{width:var(--icon-1, 16px);height:var(--icon-1, 16px)}.ds-checkbox--xs .ds-checkbox__label{font-size:var(--text-sm, 12px)}.ds-checkbox--s .ds-checkbox__box{width:var(--icon-2, 20px);height:var(--icon-2, 20px)}.ds-checkbox--s .ds-checkbox__label{font-size:var(--text-md, 14px)}.ds-checkbox--m .ds-checkbox__box{width:var(--icon-3, 24px);height:var(--icon-3, 24px)}.ds-checkbox--m .ds-checkbox__label{font-size:var(--text-lg, 16px)}.ds-checkbox--l .ds-checkbox__box{width:var(--icon-4, 28px);height:var(--icon-4, 28px)}.ds-checkbox--l .ds-checkbox__label{font-size:var(--text-lg, 16px)}.ds-radio{display:inline-flex;align-items:center;gap:var(--space-3, 12px);cursor:pointer}.ds-radio--disabled{opacity:var(--state-disabled-opacity, .4);cursor:not-allowed}.ds-radio__input{position:absolute;opacity:0;pointer-events:none}.ds-radio__circle{position:relative;display:flex;align-items:center;justify-content:center;background-color:var(--color-surface-1);border:1px solid var(--field-border);transition:background-color var(--transition-normal, .2s ease),border-color var(--transition-normal, .2s ease);flex-shrink:0;border-radius:50%}.ds-radio__input:checked+.ds-radio__circle{background-color:var(--color-accent-default);border-color:var(--color-accent-default)}.ds-radio__input:focus-visible+.ds-radio__circle{box-shadow:var(--focus-ring)}.ds-radio__input:not(:checked)+.ds-radio__circle:hover{border-color:var(--field-border-active)}.ds-radio__dot{background-color:var(--color-accent-fg);border-radius:50%;opacity:0;transition:opacity var(--transition-normal, .2s ease)}.ds-radio__input:checked+.ds-radio__circle .ds-radio__dot{opacity:1}.ds-radio__label{font-size:var(--text-lg, 16px);color:var(--color-fg-primary);-webkit-user-select:none;user-select:none}.ds-radio--xs .ds-radio__circle{width:var(--icon-1, 16px);height:var(--icon-1, 16px)}.ds-radio--xs .ds-radio__dot{width:6px;height:6px}.ds-radio--xs .ds-radio__label{font-size:var(--text-sm, 12px)}.ds-radio--s .ds-radio__circle{width:var(--icon-2, 20px);height:var(--icon-2, 20px)}.ds-radio--s .ds-radio__dot{width:8px;height:8px}.ds-radio--s .ds-radio__label{font-size:var(--text-md, 14px)}.ds-radio--m .ds-radio__circle{width:var(--icon-3, 24px);height:var(--icon-3, 24px)}.ds-radio--m .ds-radio__dot{width:10px;height:10px}.ds-radio--m .ds-radio__label{font-size:var(--text-lg, 16px)}.ds-radio--l .ds-radio__circle{width:var(--icon-4, 28px);height:var(--icon-4, 28px)}.ds-radio--l .ds-radio__dot{width:12px;height:12px}.ds-radio--l .ds-radio__label{font-size:var(--text-lg, 16px)}.ds-skeleton{display:block;background-color:var(--color-surface-2);animation:ds-skeleton-pulse 1.5s ease-in-out infinite}@keyframes ds-skeleton-pulse{0%,to{opacity:.4}50%{opacity:.85}}.ds-skeleton--rect{border-radius:var(--radius-2, 4px)}.ds-skeleton--circle{border-radius:var(--radius-full, 9999px)}.ds-skeleton--text{height:1em;border-radius:var(--radius-2, 4px)}.ds-skeleton--pill{border-radius:var(--radius-full, 9999px)}.ds-skeleton-text{display:flex;flex-direction:column;gap:var(--space-2, 8px);width:100%}.ds-avatar__initials{font-size:.4em;font-weight:var(--font-weight-medium, 500);line-height:1;letter-spacing:.02em;-webkit-user-select:none;user-select:none}.ds-avatar img{width:100%;height:100%;border-radius:inherit;object-fit:cover;display:block}.ds-avatar{flex-shrink:0;border-radius:var(--radius-full, 9999px);display:grid;place-items:center;border:1px solid var(--color-border-default);background-color:hsl(var(--ds-avatar-h, 220) 22% 88%);color:hsl(var(--ds-avatar-h, 220) 30% 35%);overflow:hidden}[data-theme=dark] .ds-avatar,:root:not([data-theme=light]) .ds-avatar{background-color:hsl(var(--ds-avatar-h, 220) 18% 22%);color:hsl(var(--ds-avatar-h, 220) 40% 72%)}.ds-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-3, 6px);border:1px solid var(--table-wrap-border)}.ds-table-wrap--scroll{overflow-y:auto}.ds-table{width:100%;border-collapse:collapse;background-color:var(--color-surface-1)}.ds-table thead{background-color:var(--color-surface-2)}.ds-table th{font-family:var(--table-th-font-family);font-weight:var(--table-th-weight);font-size:var(--table-th-font-size);color:var(--table-th-color);letter-spacing:var(--table-th-tracking);text-transform:var(--table-th-text-transform);text-align:left;white-space:nowrap;-webkit-user-select:none;user-select:none;position:sticky;top:var(--ds-table-sticky-top, 0px);z-index:2;background-color:var(--color-surface-2);box-shadow:0 1px 0 var(--table-row-border)}.ds-th--sortable{cursor:pointer}.ds-th--sortable:hover{color:var(--color-fg-primary)}.ds-th--sortable:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-table td{text-align:left;color:var(--color-fg-primary);border-bottom:1px solid var(--table-row-border);vertical-align:middle}.ds-table tbody tr:last-child td{border-bottom:none}.ds-table--compact th,.ds-table--compact td{padding:var(--space-2, 8px) var(--space-3, 12px);font-size:var(--text-sm, 12px);letter-spacing:var(--tracking-sm);line-height:1.4}.ds-table--default th,.ds-table--default td{padding:var(--space-3, 12px) var(--space-4, 16px);font-size:var(--text-md, 14px);letter-spacing:var(--tracking-md)}.ds-table-row--interactive{cursor:pointer;transition:background-color var(--transition-fast, .1s ease)}.ds-table-row--interactive:hover{background-color:var(--color-state-hover)}.ds-table-row--interactive:active{background-color:var(--color-state-active)}.ds-table-row--interactive:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:-2px}.ds-table-row--selected,.ds-table-row--selected.ds-table-row--interactive:hover{background-color:var(--color-state-selected)}.ds-table-cell--center{text-align:center}.ds-table-cell--right{text-align:right}.ds-table-cell--secondary{color:var(--color-fg-secondary)}.ds-table-cell--muted{color:var(--color-fg-disabled)}.ds-table-cell--truncate{max-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-table-cell--nowrap{white-space:nowrap}.ds-th__inner{display:inline-flex;align-items:center;gap:var(--space-1, 4px)}.ds-th__sort-icon{flex-shrink:0;opacity:.35;transition:opacity var(--transition-fast, .1s ease)}.ds-th--sorted .ds-th__sort-icon{opacity:1;color:var(--color-accent-default)}.ds-th--sortable:hover .ds-th__sort-icon{opacity:.7}.ds-table-row--subheader td{font-family:var(--table-subrow-font);color:var(--table-subrow-color);background-color:var(--table-subrow-bg);letter-spacing:var(--table-subrow-tracking);text-transform:var(--table-subrow-transform);font-weight:var(--table-th-weight);border-top:1px solid var(--table-row-border);border-bottom:1px solid var(--table-row-border);pointer-events:none;-webkit-user-select:none;user-select:none}@keyframes ds-row-exit{to{opacity:0;transform:translateY(-3px)}}@keyframes ds-row-flash{0%{background-color:var(--color-accent-bg)}to{background-color:transparent}}.ds-table-row{transition:background-color .1s ease;transition:opacity .18s ease,transform .18s ease,background-color .1s ease}@starting-style{.ds-table-row{opacity:0;transform:translateY(-3px)}}.ds-table-row--exiting{animation:ds-row-exit .18s ease forwards;pointer-events:none}.ds-table-row--updated{animation:ds-row-flash .6s ease}@media (prefers-reduced-motion: reduce){.ds-table-row,.ds-table-row--exiting,.ds-table-row--updated{animation:none;transition:none}}.ds-empty-state{display:flex;flex-direction:column;align-items:center;text-align:center}.ds-empty-state__icon{color:var(--color-fg-disabled);flex-shrink:0;display:flex;align-items:center}.ds-empty-state--s .ds-empty-state__icon svg{width:var(--icon-3, 24px);height:var(--icon-3, 24px)}.ds-empty-state--m .ds-empty-state__icon svg,.ds-empty-state--l .ds-empty-state__icon svg{width:var(--icon-5, 48px);height:var(--icon-5, 48px)}.ds-empty-state__title{font-size:var(--text-lg, 16px);font-weight:var(--font-weight-medium, 500);color:var(--color-fg-primary);line-height:1.4}.ds-empty-state__description{font-size:var(--text-md, 14px);color:var(--color-fg-secondary);line-height:1.5;max-width:360px}.ds-empty-state--s{padding:var(--space-6, 24px);gap:var(--space-2, 8px)}.ds-empty-state--s .ds-empty-state__title{font-size:var(--text-md, 14px)}.ds-empty-state--s .ds-empty-state__description{font-size:var(--text-sm, 12px)}.ds-empty-state--m{padding:var(--space-10, 40px);gap:var(--space-3, 12px)}.ds-empty-state--l{padding:var(--space-16, 64px);gap:var(--space-4, 16px)}.ds-empty-state--l .ds-empty-state__title{font-size:var(--text-xl, 18px)}.ds-empty-state__action{margin-top:var(--space-1, 4px)}.ds-field{display:flex;flex-direction:column}.ds-field[data-disabled]{opacity:var(--state-disabled-opacity, .4);pointer-events:none;cursor:not-allowed}.ds-field-label{font-family:var(--font-ui, inherit);font-size:var(--label-font-size);font-weight:var(--font-weight-regular, 400);letter-spacing:var(--label-tracking);text-transform:var(--label-text-transform);color:var(--label-color);margin-bottom:var(--space-1, 4px)}.ds-field[data-required] .ds-field-label:after{content:" *";color:var(--color-error)}.ds-field-hint,.ds-field-error{font-size:var(--text-md, 14px);line-height:1.5;margin-top:var(--space-2, 8px)}.ds-field-hint{color:var(--color-fg-secondary)}.ds-field-error{color:var(--color-error)}[data-state=error] .ds-field-control .ds-input,[data-state=error] .ds-field-control .ds-textarea,[data-state=error] .ds-field-control .ds-select-trigger{border-color:var(--color-error)}[data-density=compact] .ds-field-hint,[data-density=compact] .ds-field-error{font-size:var(--text-sm, 12px);margin-top:var(--space-1, 4px)}.ds-stat{display:flex;flex-direction:column;gap:var(--space-1, 4px)}.ds-stat--inline{flex-direction:row;align-items:baseline;gap:var(--space-3, 12px)}.ds-stat--xs .ds-stat-label{font-size:11px}.ds-stat--xs .ds-stat-value{font-size:20px}.ds-stat--s .ds-stat-label{font-size:var(--text-sm, 12px)}.ds-stat--s .ds-stat-value{font-size:24px}.ds-stat--m .ds-stat-label{font-size:var(--text-md, 14px)}.ds-stat--m .ds-stat-value{font-size:32px}.ds-stat--l .ds-stat-label{font-size:var(--text-md, 14px)}.ds-stat--l .ds-stat-value{font-size:40px}.ds-stat-label{font-family:var(--font-ui, inherit);color:var(--color-fg-secondary);letter-spacing:var(--ui-tracking, 0);text-transform:var(--ui-text-transform, none);line-height:1.2}.ds-stat-value{font-weight:var(--font-weight-semibold, 600);color:var(--color-fg-primary);line-height:1.1;font-variant-numeric:tabular-nums}.ds-stat-delta{font-size:var(--text-sm, 12px);font-weight:var(--font-weight-medium, 500);line-height:1.2}.ds-stat-delta--up{color:var(--color-status-success)}.ds-stat-delta--down{color:var(--color-status-error)}.ds-stat-delta--neutral{color:var(--color-fg-secondary)}[data-density=compact] .ds-stat--m .ds-stat-value{font-size:24px}[data-density=compact] .ds-stat--l .ds-stat-value{font-size:32px}.ds-breadcrumb-list{display:flex;flex-wrap:wrap;align-items:center;list-style:none;margin:0;padding:0;font-family:var(--font-ui, inherit);font-size:var(--text-md, 14px)}.ds-breadcrumb-item{display:flex;align-items:center}.ds-breadcrumb-sep{padding:0 var(--space-2, 8px);color:var(--color-fg-disabled);-webkit-user-select:none;user-select:none}.ds-breadcrumb-list a{color:var(--color-fg-secondary);text-decoration:none;border-radius:var(--radius-1, 2px);transition:color var(--motion-hover, .2s ease)}.ds-breadcrumb-list a:hover{color:var(--color-fg-primary)}.ds-breadcrumb-list a:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-breadcrumb-list [aria-current=page]{color:var(--color-fg-primary);font-weight:var(--font-weight-medium, 500)}[data-density=compact] .ds-breadcrumb-list{font-size:var(--text-sm, 12px)}.ds-pagination{display:flex;align-items:center;gap:var(--space-1, 4px);font-family:var(--font-ui, inherit)}.ds-pagination-page,.ds-pagination-arrow{display:flex;align-items:center;justify-content:center;height:var(--height-2, 32px);min-width:var(--height-2, 32px);padding:0 var(--space-2, 8px);border:none;background:none;color:var(--color-fg-secondary);font-family:inherit;font-size:var(--text-md, 14px);border-radius:var(--radius-2, 4px);cursor:pointer;transition:background-color var(--motion-hover, .2s ease),color var(--motion-hover, .2s ease)}.ds-pagination-page:hover:not(:disabled),.ds-pagination-arrow:hover:not(:disabled){background-color:var(--color-state-hover);color:var(--color-fg-primary)}.ds-pagination-page:focus-visible,.ds-pagination-arrow:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-pagination-page:disabled,.ds-pagination-arrow:disabled{opacity:var(--state-disabled-opacity, .4);cursor:not-allowed}.ds-pagination-page--current{background-color:var(--color-state-selected);color:var(--color-fg-primary);font-weight:var(--font-weight-medium, 500);cursor:default}.ds-pagination-page--current:hover{background-color:var(--color-state-selected)}.ds-pagination-gap{display:flex;align-items:center;justify-content:center;min-width:var(--height-2, 32px);color:var(--color-fg-disabled);font-size:var(--text-md, 14px);-webkit-user-select:none;user-select:none}[data-density=compact] .ds-pagination-page,[data-density=compact] .ds-pagination-arrow{font-size:var(--text-sm, 12px)}@keyframes ds-side-page-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes ds-side-page-overlay-out{0%{opacity:1}to{opacity:0}}@keyframes ds-side-page-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes ds-side-page-out-right{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes ds-side-page-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes ds-side-page-out-left{0%{transform:translate(0)}to{transform:translate(-100%)}}.ds-side-page-overlay{position:fixed;top:0;bottom:0;left:var(--ds-side-page-offset-left, 0);right:var(--ds-side-page-offset-right, 0);background-color:var(--color-overlay);z-index:var(--z-modal);display:flex;align-items:stretch;animation:ds-side-page-overlay-in .2s ease}.ds-side-page-overlay[data-side=right]{justify-content:flex-end}.ds-side-page-overlay[data-side=left]{justify-content:flex-start}.ds-side-page-overlay--closing{animation:ds-side-page-overlay-out .3s ease forwards}.ds-side-page{height:100%;background-color:var(--color-surface-2);box-shadow:var(--shadow-3);display:flex;flex-direction:column;position:relative;overflow:hidden}.ds-side-page[data-size=narrow]{width:360px;max-width:100%}.ds-side-page[data-size=medium]{width:600px;max-width:100%}.ds-side-page[data-size=wide]{width:90vw;max-width:960px}.ds-side-page[data-side=right]{border-radius:var(--radius-4, 12px) 0 0 var(--radius-4, 12px);animation:ds-side-page-in-right .35s cubic-bezier(.32,.72,0,1)}.ds-side-page[data-side=left]{border-radius:0 var(--radius-4, 12px) var(--radius-4, 12px) 0;animation:ds-side-page-in-left .35s cubic-bezier(.32,.72,0,1)}.ds-side-page--closing[data-side=right]{animation:ds-side-page-out-right .3s cubic-bezier(.32,.72,0,1) forwards}.ds-side-page--closing[data-side=left]{animation:ds-side-page-out-left .3s cubic-bezier(.32,.72,0,1) forwards}.ds-side-page__close{position:absolute;top:var(--space-2, 8px);right:var(--space-2, 8px);z-index:1}.ds-side-page__header{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6) var(--space-6) var(--space-4);padding-right:calc(var(--space-6, 24px) + 32px + var(--space-2, 8px));border-bottom:1px solid var(--color-border-light);flex-shrink:0}.ds-side-page__title{font-size:var(--text-2xl, 20px);font-weight:var(--font-weight-medium, 500);color:var(--color-fg-primary);margin:0}.ds-side-page[data-size=narrow] .ds-side-page__title{font-size:var(--text-xl, 18px)}.ds-side-page__subheader{display:flex;flex-direction:column;gap:var(--space-4)}.ds-side-page__body{padding:var(--space-6);flex:1;overflow-y:auto;min-height:0;overscroll-behavior:contain}.ds-side-page__footer{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6) var(--space-6);border-top:1px solid var(--color-border-light);background-color:var(--color-surface-2);flex-shrink:0}@media (max-width: 639px){.ds-side-page{width:100%!important;max-width:100%!important;border-radius:0!important}}.ds-nav-rail{display:flex;flex-direction:column;width:240px;background-color:var(--color-surface-1);overflow:hidden;transition:width var(--motion-hover);flex-shrink:0;box-sizing:border-box}.ds-nav-rail--left{border-right:1px solid var(--color-border-light)}.ds-nav-rail--right{border-left:1px solid var(--color-border-light)}.ds-nav-rail--collapsed{width:56px}.ds-nav-rail--collapsed[data-expandable]{cursor:e-resize}.ds-nav-rail--right.ds-nav-rail--collapsed[data-expandable]{cursor:w-resize}.ds-nav-rail--collapsed[data-expandable] button,.ds-nav-rail--collapsed[data-expandable] a{cursor:pointer}.ds-nav-rail[data-collapsible]{cursor:w-resize}.ds-nav-rail--right[data-collapsible]{cursor:e-resize}.ds-nav-rail[data-collapsible] button,.ds-nav-rail[data-collapsible] a{cursor:pointer}.ds-nav-rail__item{position:relative;display:flex;align-items:center;gap:var(--space-3);height:var(--height-3, 44px);min-height:var(--height-3, 44px);flex-shrink:0;padding:0 var(--space-3);margin:1px 0;color:var(--color-fg-secondary);border-radius:var(--radius-3);outline:none;cursor:pointer;text-decoration:none;border:none;background:transparent;width:100%;text-align:left;box-sizing:border-box;transition:color var(--motion-hover);font-family:var(--font-ui, inherit)}.ds-nav-rail__item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background-color:transparent;pointer-events:none;transition:background-color var(--motion-hover);z-index:0}.ds-nav-rail__item:hover:before{background-color:var(--color-state-hover)}.ds-nav-rail__item:active:before{background-color:var(--color-state-active)}.ds-nav-rail__item[data-selected]{color:var(--color-fg-primary);font-weight:var(--font-weight-medium, 500)}.ds-nav-rail__item[data-selected]:before{background-color:var(--color-state-selected)}.ds-nav-rail__item[data-selected]:after{content:"";position:absolute;left:calc(-1 * var(--space-2));top:var(--space-2);bottom:var(--space-2);width:2px;background:var(--color-fg-primary);border-radius:0 var(--radius-1) var(--radius-1) 0}.ds-nav-rail--right .ds-nav-rail__item[data-selected]:after{left:auto;right:calc(-1 * var(--space-2));border-radius:var(--radius-1) 0 0 var(--radius-1)}.ds-nav-rail__item:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-nav-rail__item[data-disabled]{color:var(--color-fg-disabled);cursor:not-allowed;pointer-events:none}.ds-nav-rail__item[data-disabled]:before,.ds-nav-rail__item[data-disabled]:after{display:none}.ds-nav-rail__item[data-open]{box-shadow:inset 0 0 0 1px var(--color-border-strong)}.ds-nav-rail__item[data-open][data-selected]{box-shadow:inset 0 0 0 1px var(--color-border-strong),var(--focus-ring, none)}.ds-nav-rail__item[data-onboarding]{box-shadow:0 0 0 2px var(--color-accent-2)}.ds-nav-rail__icon,.ds-nav-rail__label,.ds-nav-rail__count,.ds-nav-rail__dot,.ds-nav-rail__badge-collapsed,.ds-nav-rail__badge-expanded{position:relative;z-index:1}.ds-nav-rail__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px}.ds-nav-rail__label{flex:1;font-size:var(--text-s, 14px);line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ds-nav-rail__count{font-size:var(--text-xs, 12px);color:var(--color-fg-secondary);min-width:16px;text-align:right;flex-shrink:0}.ds-nav-rail__count--zero{color:var(--color-fg-disabled)}.ds-nav-rail__dot{position:absolute;top:8px;right:8px;width:6px;height:6px;border-radius:var(--radius-full);background-color:var(--color-accent-default);animation:ds-nav-rail-pulse 2s ease-in-out infinite}@keyframes ds-nav-rail-pulse{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion: reduce){.ds-nav-rail__dot{animation:none}.ds-nav-rail{transition:none}}.ds-nav-rail__badge-collapsed{position:absolute;top:6px;right:6px;line-height:1}.ds-nav-rail__header{display:flex;flex-direction:column;align-items:flex-start;padding:var(--space-2) var(--space-2) var(--space-1);flex-shrink:0}.ds-nav-rail__body{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:var(--space-1) var(--space-2)}.ds-nav-rail__footer{display:flex;flex-direction:column;padding:var(--space-1) var(--space-2) var(--space-2);flex-shrink:0}.ds-nav-rail__divider{border:none;border-top:1px solid var(--color-border-light);margin:var(--space-1) var(--space-2);flex-shrink:0}.ds-nav-rail__recents{display:flex;flex-direction:column}.ds-nav-rail__recents-toggle{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3) var(--space-1);background:none;border:none;cursor:pointer;outline:none;width:100%;text-align:left;color:var(--color-fg-disabled)}.ds-nav-rail__recents-toggle:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-2)}.ds-nav-rail__recents-label{flex:1;font-size:var(--text-xs, 12px);line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;letter-spacing:.04em}.ds-nav-rail__recents-chevron{flex-shrink:0;transition:transform var(--motion-hover)}.ds-nav-rail__recents-toggle--closed .ds-nav-rail__recents-chevron{transform:rotate(-90deg)}.ds-nav-rail__recents-body{display:flex;flex-direction:column}.ds-nav-rail__agent .ds-nav-rail__icon{width:24px;height:24px}.ds-nav-rail--collapsed{--_strip-offset: calc((56px - var(--height-3, 44px)) / 2)}.ds-nav-rail--collapsed .ds-nav-rail__item{justify-content:center;padding:0;width:var(--height-3, 44px);margin-left:auto;margin-right:auto}.ds-nav-rail--collapsed .ds-nav-rail__item[data-selected]:after{left:calc(-1 * var(--_strip-offset))}.ds-nav-rail--right.ds-nav-rail--collapsed .ds-nav-rail__item[data-selected]:after{left:auto;right:calc(-1 * var(--_strip-offset))}.ds-nav-rail--collapsed .ds-nav-rail__body,.ds-nav-rail--collapsed .ds-nav-rail__header,.ds-nav-rail--collapsed .ds-nav-rail__footer{padding-left:0;padding-right:0}.ds-nav-rail--collapsed .ds-nav-rail__header{align-items:center}.ds-nav-rail--collapsed .ds-nav-rail__label,.ds-nav-rail--collapsed .ds-nav-rail__count,.ds-nav-rail--collapsed .ds-nav-rail__badge-expanded{display:none}.ds-nav-rail-flyout{position:fixed;width:240px;background-color:var(--color-surface-2);border:1px solid var(--color-border-light);border-radius:var(--radius-3, 8px);box-shadow:var(--shadow-3);display:flex;flex-direction:column;max-height:calc(100vh - 16px);overflow:hidden;opacity:0;pointer-events:none;z-index:var(--z-dropdown, 400)}.ds-nav-rail-flyout--left{transform:translate(-6px);transition:opacity var(--motion-enter, .2s ease),transform var(--motion-enter, .2s ease)}.ds-nav-rail-flyout--right{transform:translate(6px);transition:opacity var(--motion-enter, .2s ease),transform var(--motion-enter, .2s ease)}.ds-nav-rail-flyout--visible{opacity:1;transform:translate(0);pointer-events:auto}.ds-nav-rail-flyout__header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-light);flex-shrink:0}.ds-nav-rail-flyout__title{flex:1;font-size:var(--text-s, 14px);font-weight:var(--font-weight-medium, 500);color:var(--color-fg-primary);font-family:var(--font-ui, inherit);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-nav-rail-flyout__close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;border:none;background:none;border-radius:var(--radius-1, 4px);color:var(--color-fg-secondary);cursor:pointer;padding:0}.ds-nav-rail-flyout__close:hover{background-color:var(--color-state-hover);color:var(--color-fg-primary)}.ds-nav-rail-flyout__close:active{background-color:var(--color-state-active)}.ds-nav-rail-flyout__close:focus-visible{box-shadow:var(--focus-ring);outline:none}.ds-nav-rail-flyout__body{flex:1;overflow-y:auto;padding:var(--space-1) var(--space-2)}.ds-banner{display:flex;align-items:center;gap:var(--space-3, 12px);min-height:var(--height-3, 44px);padding:0 var(--space-5, 20px);width:100%;font-family:var(--font-ui, inherit);font-size:var(--text-md, 14px)}.ds-banner-icon{display:flex;align-items:center;flex-shrink:0}.ds-banner-text{flex:1;color:var(--color-fg-primary);line-height:1.5}.ds-banner-action{background:none;border:1px solid currentColor;border-radius:var(--radius-2, 4px);color:inherit;cursor:pointer;font-family:inherit;font-size:var(--text-sm, 12px);font-weight:var(--font-weight-medium, 500);padding:2px var(--space-3, 12px);white-space:nowrap;transition:opacity var(--motion-hover, .2s ease)}.ds-banner-action:hover{opacity:.8}.ds-banner-action:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-banner-dismiss{display:flex;align-items:center;background:none;border:none;color:inherit;cursor:pointer;opacity:.7;padding:0;flex-shrink:0;transition:opacity var(--motion-hover, .2s ease)}.ds-banner-dismiss:hover{opacity:1}.ds-banner-dismiss:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-2, 4px)}.ds-banner--info{background:linear-gradient(var(--color-status-info-bg),var(--color-status-info-bg)),var(--color-surface-1);color:var(--color-status-info)}.ds-banner--success{background:linear-gradient(var(--color-status-success-bg),var(--color-status-success-bg)),var(--color-surface-1);color:var(--color-status-success)}.ds-banner--warning{background:linear-gradient(var(--color-status-warning-bg),var(--color-status-warning-bg)),var(--color-surface-1);color:var(--color-status-warning)}.ds-banner--error{background:linear-gradient(var(--color-status-error-bg),var(--color-status-error-bg)),var(--color-surface-1);color:var(--color-status-error)}.ds-dropdown{position:relative;display:inline-block}.ds-dropdown--full-width{display:block;width:100%}.ds-dropdown__trigger{display:inline-flex}.ds-dropdown--full-width>.ds-dropdown__trigger{display:flex;width:100%}.ds-dropdown--full-width .ds-tooltip-wrapper{width:100%;justify-content:center}@keyframes ds-dropdown-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes ds-dropdown-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}.ds-dropdown__menu{position:fixed;z-index:var(--z-dropdown);min-width:180px;background-color:var(--color-surface-2);border:1px solid var(--color-border-default);border-radius:var(--radius-3, 6px);box-shadow:var(--shadow-2);padding:var(--space-2, 8px);animation:ds-dropdown-in var(--motion-enter, .3s ease)}.ds-dropdown__menu--closing{animation:ds-dropdown-out var(--motion-exit, .2s ease) forwards}.ds-dropdown__item{display:flex;align-items:center;gap:var(--space-2, 8px);width:100%;height:var(--height-2, 32px);padding:0 var(--space-3, 12px);background:none;border:none;border-radius:var(--radius-2, 4px);cursor:pointer;font-size:var(--text-md, 14px);font-family:var(--font-ui, inherit);font-weight:var(--font-weight-regular, 400);color:var(--color-fg-secondary);text-align:left;text-decoration:none;transition:background-color var(--transition-normal, .2s ease),color var(--transition-normal, .2s ease)}.ds-dropdown__item:hover:not(:disabled):not([aria-disabled=true]),.ds-dropdown__item:focus-visible{background-color:var(--color-state-hover);color:var(--color-fg-primary);outline:none}.ds-dropdown__item:disabled,.ds-dropdown__item[aria-disabled=true]{color:var(--color-fg-disabled);cursor:not-allowed}.ds-dropdown__item--danger{color:var(--color-status-error)}.ds-dropdown__item--danger:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--color-status-error-bg);color:var(--color-status-error)}.ds-dropdown__item-icon{display:flex;align-items:center;flex-shrink:0}.ds-dropdown__item-label{flex:1}.ds-dropdown__item-shortcut{font-size:var(--text-sm, 12px);color:var(--color-fg-disabled);padding-left:var(--space-3, 12px)}.ds-dropdown__separator{height:1px;background-color:var(--color-border-light);margin:var(--space-2, 8px) 0}.ds-dropdown__section{padding:var(--space-2, 8px) var(--space-2, 8px) var(--space-2, 8px)}.ds-dropdown__section-label{font-size:var(--text-sm, 12px);color:var(--color-fg-secondary);margin-bottom:var(--space-2, 8px);padding:0 var(--space-1, 4px)}.ds-progress{display:flex;align-items:center;gap:var(--space-2, 8px);width:100%}.ds-progress__track{flex:1;background-color:var(--color-state-selected);border-radius:var(--radius-full, 9999px);overflow:hidden}.ds-progress__fill{height:100%;border-radius:var(--radius-full, 9999px);transition:width .35s ease}.ds-progress--instant .ds-progress__fill{transition:none}.ds-progress__fill--default{background-color:var(--color-accent-default)}.ds-progress__fill--success{background-color:var(--color-status-success)}.ds-progress__fill--warning{background-color:var(--color-status-warning)}.ds-progress__fill--danger{background-color:var(--color-status-error)}.ds-progress--xs .ds-progress__track{height:var(--space-1, 4px)}.ds-progress--s .ds-progress__track{height:var(--space-2, 8px)}.ds-progress--m .ds-progress__track{height:var(--space-3, 12px)}.ds-progress--l .ds-progress__track{height:var(--space-6, 24px)}.ds-progress__value{flex-shrink:0;font-size:var(--text-sm, 12px);color:var(--color-fg-secondary);font-family:var(--font-ui, inherit);min-width:2.5ch;text-align:right}@media (prefers-reduced-motion: reduce){.ds-progress__fill{transition:none}}.ds-toast-container{position:fixed;z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-2, 8px);pointer-events:none}.ds-toast-container--bottom-right{bottom:var(--space-6, 24px);right:var(--space-6, 24px);align-items:flex-end}.ds-toast-container--bottom-left{bottom:var(--space-6, 24px);left:var(--space-6, 24px);align-items:flex-start}.ds-toast-container--top-right{top:var(--space-6, 24px);right:var(--space-6, 24px);align-items:flex-end}.ds-toast-container--top-left{top:var(--space-6, 24px);left:var(--space-6, 24px);align-items:flex-start}.ds-toast-container--bottom-center{bottom:var(--space-6, 24px);left:50%;transform:translate(-50%);align-items:center}.ds-toast{display:flex;align-items:center;gap:var(--space-3, 12px);padding:var(--space-3, 12px);border-radius:var(--radius-3, 6px);box-shadow:var(--shadow-3);font-size:var(--text-md, 14px);pointer-events:all;max-width:380px;min-width:240px;opacity:0;transform:translateY(8px);transition:opacity var(--motion-enter, .3s ease),transform var(--motion-enter, .3s ease)}.ds-toast--visible{opacity:1;transform:translateY(0)}.ds-toast--default{background:linear-gradient(var(--color-status-info-bg),var(--color-status-info-bg)),var(--color-surface-1);color:var(--color-status-info)}.ds-toast--success{background:linear-gradient(var(--color-status-success-bg),var(--color-status-success-bg)),var(--color-surface-1);color:var(--color-status-success)}.ds-toast--warning{background:linear-gradient(var(--color-status-warning-bg),var(--color-status-warning-bg)),var(--color-surface-1);color:var(--color-status-warning)}.ds-toast--error{background:linear-gradient(var(--color-status-error-bg),var(--color-status-error-bg)),var(--color-surface-1);color:var(--color-status-error)}.ds-toast__icon{flex-shrink:0;display:flex;align-items:center}.ds-toast__message{flex:1;color:var(--color-fg-primary);line-height:1.5}.ds-toast__close{flex-shrink:0;background:none;border:none;cursor:pointer;color:inherit;opacity:.7;padding:0;display:flex;align-items:center;transition:opacity var(--transition-normal, .2s ease)}.ds-toast__close:hover{opacity:1}.ds-toast__close:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-2, 4px)}.ds-tool-card{border-radius:var(--radius-3);overflow:hidden}.ds-tool-card .ds-accordion__header{font-size:var(--text-sm, 12px)}.ds-tool-card__title-row{display:flex;align-items:center;gap:var(--space-2, 8px);min-width:0}.ds-tool-card__icon{display:inline-flex;flex-shrink:0;color:var(--color-fg-secondary)}.ds-tool-card__label{font-family:var(--font-mono, monospace);font-size:var(--text-sm, 12px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-tool-card__body{display:flex;flex-direction:column;gap:var(--space-3, 12px)}.ds-tool-card--running .ds-accordion__icon{display:none}.ds-tool-card--running .ds-accordion__header{cursor:default;pointer-events:none}.ds-tool-card--bubble{display:flex;align-items:center;padding:var(--space-3, 12px);background:var(--color-surface-1);color:var(--color-fg-secondary)}.ds-streaming-text{white-space:pre-wrap}.ds-cursor{display:inline-block;margin-left:2px;background:currentColor;opacity:.8;vertical-align:text-bottom;animation:ds-cursor-blink 1s steps(2,end) infinite}.ds-cursor--line{width:2px;height:1.1em}.ds-cursor--block{width:.5em;height:1em}@keyframes ds-cursor-blink{50%{opacity:0}}@media (prefers-reduced-motion: reduce){.ds-cursor{animation:none;opacity:.6}}.ds-reasoning__title{display:flex;align-items:center;gap:var(--space-2, 8px)}.ds-reasoning__icon{color:var(--color-fg-secondary);flex-shrink:0}.ds-step-indicator{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3, 12px)}.ds-step-indicator__dots{display:flex;gap:var(--space-2, 8px);align-items:center}.ds-step-indicator__dot{width:18px;height:6px;border-radius:var(--radius-full, 9999px);border:none;padding:0;background:var(--color-border-default);cursor:default;transition:width var(--transition-fast, .15s ease),background-color var(--transition-fast, .15s ease);display:inline-flex;align-items:center;justify-content:center;color:transparent}.ds-step-indicator__dot:not(:disabled){cursor:pointer}.ds-step-indicator__dot:not(:disabled):hover{background:var(--color-fg-secondary)}.ds-step-indicator__dot--active{background:var(--color-accent-default);width:28px}.ds-step-indicator__dot--done{background:var(--color-accent-default);color:#fff}.ds-step-indicator__dot:disabled:not(.ds-step-indicator__dot--active):not(.ds-step-indicator__dot--done){opacity:.5}.ds-step-indicator__counter{font-variant-numeric:tabular-nums;letter-spacing:.02em}.ds-chat-message{display:flex;flex-direction:column;position:relative}.ds-chat-message--user{align-items:flex-end;padding-left:10%}.ds-chat-message--user .ds-chat-message__bubble{position:relative;max-width:80%;padding:var(--space-3, 12px) var(--space-4, 16px);background:var(--color-surface-1);border-radius:var(--radius-4, 8px) var(--radius-4, 8px) 0 var(--radius-4, 8px);overflow-wrap:break-word;word-break:break-word}.ds-chat-message--user .ds-chat-message__bubble:after{content:"";position:absolute;bottom:0;right:-6px;width:0;height:0;border-style:solid;border-width:6px 0 0 6px;border-color:transparent transparent transparent var(--color-surface-1)}.ds-chat-message--user .ds-chat-message__footer{margin-top:var(--space-1, 4px);margin-bottom:var(--space-2, 8px);display:flex;justify-content:flex-end}.ds-chat-message--assistant{padding-left:var(--space-2, 8px);padding-right:10%}.ds-chat-message--assistant .ds-chat-message__footer{margin-top:var(--space-1, 4px);margin-bottom:var(--space-2, 8px);display:flex;align-items:center;gap:var(--space-1, 4px)}.ds-chat-message--tool{padding-left:var(--space-2, 8px)}.ds-chat-message--system{align-items:center;padding:var(--space-1, 4px) 0}.ds-chat-message__system-label{font-size:var(--text-sm, 12px);color:var(--color-fg-secondary);background:var(--color-state-selected);padding:var(--space-1, 4px) var(--space-3, 12px);border-radius:var(--radius-full, 9999px)}.ds-chat-message__attachments{display:flex;flex-wrap:wrap;gap:var(--space-2, 8px);margin-bottom:var(--space-3, 12px)}.ds-chat-message:has(.ds-chat-message__footer) .ds-chat-message__body>*:last-child,.ds-chat-message:has(.ds-chat-message__footer) .ds-chat-message__bubble>*:last-child{margin-bottom:0}.ds-message-action{display:inline-flex;flex-shrink:0;opacity:0;transition:opacity var(--transition-fast)}.ds-chat-message--assistant:hover .ds-message-action,.ds-chat-message--user:hover .ds-message-action,.ds-message-action:focus-within{opacity:1}@media (hover: none){.ds-message-action{opacity:1}}.ds-chat-message__timestamp{font-size:var(--text-xs, 11px);color:var(--color-fg-secondary);white-space:nowrap;align-items:center;margin-left:var(--space-3, 12px)}.ds-chat-message--user .ds-chat-message__footer .ds-chat-message__timestamp{margin-left:0;margin-right:var(--space-3, 12px)}.ds-prompt-input{display:flex;gap:var(--space-3);background-color:var(--color-surface-0)}.ds-prompt-input__file-input{display:none}.ds-prompt-input__box{flex:1;display:flex;flex-direction:column;gap:var(--space-3);border:1px solid var(--color-border-default);border-radius:var(--radius-3);padding:var(--space-3);box-shadow:var(--shadow-1);transition:border-color var(--transition-fast),background-color var(--transition-fast);position:relative}.ds-prompt-input__box:hover{border-color:var(--color-border-strong)}.ds-prompt-input__box:focus-within{border-color:var(--color-border-focus);box-shadow:var(--focus-ring)}.ds-prompt-input__box--dragging{border-color:var(--color-accent-default)!important;background-color:var(--color-accent-bg)}.ds-prompt-input__drag-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-3);border:2px dashed var(--color-accent-default);background:var(--color-accent-bg);z-index:10;pointer-events:none;color:var(--color-accent-default);font-size:var(--text-md);font-family:inherit}.ds-prompt-input__textarea{resize:none;background-color:transparent;border:none;color:var(--color-fg-primary);font-size:var(--text-md);font-family:inherit;outline:none;width:100%}.ds-prompt-input__textarea--anim{caret-color:transparent}.ds-prompt-input__anim{position:absolute;top:var(--space-3);left:var(--space-3);right:var(--space-3);pointer-events:none;-webkit-user-select:none;user-select:none;font-size:var(--text-md);font-family:inherit;line-height:1.4;color:var(--color-fg-secondary);opacity:.78;display:flex;align-items:baseline;flex-wrap:nowrap;overflow:hidden;white-space:nowrap;text-overflow:clip}.ds-prompt-input__anim-text{display:inline-block;white-space:nowrap}.ds-prompt-input__anim-cursor{display:inline-block;width:.55ch;height:1.05em;margin-left:1px;background:currentColor;transform:translateY(.16em);animation:ds-prompt-cursor-blink 1.05s steps(1) infinite;flex-shrink:0}@keyframes ds-prompt-cursor-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}.ds-prompt-input__images{display:flex;gap:var(--space-2);flex-wrap:wrap}.ds-prompt-input__image-thumb{position:relative;width:56px;height:56px;border-radius:var(--radius-3);overflow:hidden;border:1px solid var(--color-border-default)}.ds-prompt-input__image-thumb img{width:100%;height:100%;object-fit:cover}.ds-prompt-input__image-remove{position:absolute;top:2px;right:2px;width:18px;height:18px;border-radius:50%;background-color:var(--color-overlay);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;line-height:1}.ds-prompt-input__attachments{display:flex;flex-wrap:wrap;gap:var(--space-2)}.ds-prompt-input__badge-content{display:flex;align-items:center;gap:var(--space-2)}.ds-prompt-input__uploading{color:var(--color-fg-secondary);font-size:var(--text-sm)}.ds-prompt-input__remove-btn{background:none;border:none;cursor:pointer;padding:0;display:flex;color:var(--color-fg-primary)}.ds-prompt-input__warnings{display:flex;flex-direction:column;gap:var(--space-2)}.ds-prompt-input__warning{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-3);background:var(--color-state-warning-subtle, var(--color-surface-1));color:var(--color-fg-primary);font-size:var(--text-sm)}.ds-prompt-input__warning-close{background:none;border:none;cursor:pointer;padding:0;display:flex;color:inherit;flex-shrink:0}.ds-prompt-input__toolbar{display:flex;align-items:center;gap:var(--space-2)}.ds-prompt-input__spacer{flex:1}.ds-model-picker{position:relative;display:inline-flex}.ds-model-picker__trigger{display:inline-flex;align-items:center;gap:var(--space-2, 8px);padding:4px var(--space-2, 8px);border:1px solid var(--color-border-default);border-radius:var(--radius-3);background:transparent;color:var(--color-fg-primary);font-size:var(--text-sm);font-family:inherit;cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast);white-space:nowrap}.ds-model-picker__trigger:hover{border-color:var(--color-border-strong);background:var(--color-state-hover)}.ds-model-picker__trigger-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-model-picker__menu{background:var(--color-surface-1);border:1px solid var(--color-border-default);border-radius:var(--radius-3);box-shadow:var(--shadow-2);padding:var(--space-1, 4px);min-width:200px;max-height:320px;overflow-y:auto}.ds-model-picker__separator{height:1px;background:var(--color-border-light);margin:var(--space-1, 4px) 0}.ds-model-picker__group-label{padding:var(--space-1, 4px) var(--space-2, 8px);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-fg-secondary)}.ds-model-picker__group-label[data-tier=fast]{color:var(--data-5-fg)}.ds-model-picker__group-label[data-tier=standard]{color:var(--data-3-fg)}.ds-model-picker__group-label[data-tier=premium]{color:var(--data-6-fg)}.ds-model-picker__item{display:flex;align-items:center;gap:var(--space-2, 8px);width:100%;padding:var(--space-2, 8px) var(--space-2, 8px);border:none;border-radius:var(--radius-2);background:transparent;color:var(--color-fg-primary);font-size:var(--text-sm);font-family:inherit;cursor:pointer;text-align:left;transition:background-color var(--transition-fast)}.ds-model-picker__item:hover{background:var(--color-state-hover)}.ds-model-picker__item--active{background:var(--color-state-selected)}.ds-model-picker__item--auto{background:var(--color-accent-bg)}.ds-model-picker__item--auto:hover{background:var(--color-accent-bg);filter:brightness(1.1)}.ds-model-picker__item-icon{display:inline-flex;flex-shrink:0;color:var(--color-fg-secondary)}.ds-model-picker__item-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-sources-panel{display:flex;flex-direction:column;gap:var(--space-1, 4px)}.ds-sources-panel__title{font-size:var(--text-xs, 11px);font-weight:600;color:var(--color-fg-secondary);text-transform:uppercase;letter-spacing:.08em;padding:0 var(--space-1, 4px);margin-bottom:var(--space-1, 4px)}.ds-sources-panel .ds-accordion__header{font-size:var(--text-sm, 12px)}.ds-sources-panel__row{display:flex;align-items:center;gap:var(--space-2, 8px);padding:var(--space-2, 8px) var(--space-3, 12px);border-radius:var(--radius-3, 6px);background:var(--color-surface-1);font-size:var(--text-sm, 12px);cursor:default}.ds-sources-panel__row--clickable{cursor:pointer}.ds-sources-panel__row--clickable:hover .ds-sources-panel__filename{color:var(--color-accent-default);text-decoration:underline}.ds-sources-panel__filename{font-weight:400;color:var(--color-fg-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.ds-sources-panel__pages{color:var(--color-fg-secondary);flex-shrink:0;font-variant-numeric:tabular-nums}.ds-sources-panel__snippet{font-size:var(--text-sm, 12px);color:var(--color-fg-secondary);line-height:1.5;padding:var(--space-1, 4px) var(--space-2, 8px);border-left:2px solid var(--color-border-default);margin:var(--space-1, 4px) 0}.ds-sources-panel__snippet--clickable{cursor:pointer}.ds-sources-panel__snippet--clickable:hover{border-left-color:var(--color-accent-default);color:var(--color-fg-primary)}.ds-sources-panel__more{font-size:var(--text-sm, 12px);color:var(--color-accent-default);background:none;border:none;padding:var(--space-1, 4px) var(--space-1, 4px);cursor:pointer;text-align:left}.ds-sources-panel__more:hover{text-decoration:underline}.ds-sources-panel--compact .ds-sources-panel__compact-row{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm, 12px);padding:var(--space-1) 0;cursor:default}.ds-sources-panel--compact .ds-sources-panel__compact-row--clickable{cursor:pointer}.ds-sources-panel--compact .ds-sources-panel__compact-row--clickable:hover .ds-sources-panel__filename{color:var(--color-accent-default);text-decoration:underline}.ds-sources-panel--compact .ds-sources-panel__compact-icon{flex-shrink:0;color:var(--color-fg-secondary)}.ds-sources-panel--compact .ds-sources-panel__filename{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-sources-panel--compact .ds-sources-panel__pages{flex-shrink:0}.ds-token-counter{display:flex;flex-direction:column;gap:var(--space-1)}.ds-token-counter__track{width:100%;background-color:var(--color-state-selected);border-radius:var(--radius-full);overflow:hidden}.ds-token-counter--s .ds-token-counter__track{height:4px}.ds-token-counter--m .ds-token-counter__track{height:6px}.ds-token-counter__fill{height:100%;border-radius:var(--radius-full);transition:width .35s ease,background-color .35s ease}.ds-token-counter__fill--normal{background-color:var(--color-fg-secondary)}.ds-token-counter__fill--warning{background-color:var(--data-2-fg)}.ds-token-counter__fill--error{background-color:var(--data-1-fg)}.ds-token-counter__label{font-size:var(--text-sm, 12px);font-family:var(--font-mono, monospace);color:var(--color-fg-secondary);display:flex;justify-content:space-between}.ds-token-counter__label--normal{color:var(--color-fg-secondary)}.ds-token-counter__label--warning{color:var(--data-2-fg)}.ds-token-counter__label--error{color:var(--data-1-fg)}.ds-confidence-bar{display:inline-flex;align-items:center;gap:var(--space-2)}.ds-confidence-bar--block{display:flex}.ds-confidence-bar__segments{display:flex;gap:2px;align-items:center}.ds-confidence-bar__seg{border-radius:var(--radius-full);flex-shrink:0;opacity:.2}.ds-confidence-bar__seg--filled{opacity:1}.ds-confidence-bar--xs .ds-confidence-bar__seg{width:8px;height:3px}.ds-confidence-bar--s .ds-confidence-bar__seg{width:10px;height:4px}.ds-confidence-bar--low .ds-confidence-bar__seg{background-color:var(--data-1-fg)}.ds-confidence-bar--medium .ds-confidence-bar__seg{background-color:var(--data-2-fg)}.ds-confidence-bar--high .ds-confidence-bar__seg{background-color:var(--data-4-fg)}.ds-confidence-bar__label{font-size:var(--text-sm, 12px);color:var(--color-fg-secondary);white-space:nowrap}.ds-diff-view{font-family:var(--font-mono, monospace);font-size:var(--text-sm, 12px);border-radius:var(--radius-3);border:1px solid var(--color-border-light);overflow:hidden}.ds-diff-view__title{padding:var(--space-2) var(--space-3);font-family:var(--font-ui, inherit);font-size:var(--text-sm, 12px);font-weight:600;color:var(--color-fg-secondary);border-bottom:1px solid var(--color-border-light);background:var(--color-surface-1)}.ds-diff-view__body{overflow-x:auto;overflow-y:auto}.ds-diff-view__line{display:flex;align-items:stretch;min-width:0}.ds-diff-view__line--add{background-color:var(--data-4-bg)}.ds-diff-view__line--remove{background-color:var(--data-1-bg)}.ds-diff-view__line--context{background-color:transparent}.ds-diff-view__lineno{flex-shrink:0;width:3.5ch;padding:2px var(--space-2);text-align:right;color:var(--color-fg-secondary);opacity:.5;border-right:1px solid var(--color-border-light);-webkit-user-select:none;user-select:none}.ds-diff-view__prefix{flex-shrink:0;width:1.5ch;padding:2px 0 2px var(--space-2);-webkit-user-select:none;user-select:none}.ds-diff-view__line--add .ds-diff-view__prefix{color:var(--data-4-fg)}.ds-diff-view__line--remove .ds-diff-view__prefix{color:var(--data-1-fg)}.ds-diff-view__line--context .ds-diff-view__prefix{color:var(--color-fg-secondary);opacity:.4}.ds-diff-view__text{flex:1;padding:2px var(--space-2) 2px var(--space-1);white-space:pre;min-width:0;color:var(--color-fg-primary)}.ds-diff-view--wrap .ds-diff-view__text{white-space:pre-wrap;word-break:break-all}.ds-diff-view__line--context .ds-diff-view__text{color:var(--color-fg-secondary)}.ds-diff-view--split .ds-diff-view__body{display:flex}.ds-diff-view__split-col{flex:1;min-width:0;overflow-x:auto}.ds-diff-view__split-col+.ds-diff-view__split-col{border-left:1px solid var(--color-border-light)}.ds-message-feedback{display:inline-flex;gap:var(--space-2, 8px)}.ds-message-feedback__btn{display:inline-flex;align-items:center;justify-content:center;padding:4px;background:none;border:none;border-radius:var(--radius-3);color:var(--color-fg-secondary);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast),opacity var(--transition-fast)}.ds-message-feedback__btn:hover{color:var(--color-fg-primary);background:var(--color-state-hover)}.ds-message-feedback__btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-message-feedback__btn--liked{color:var(--color-accent-default);cursor:default;pointer-events:none}.ds-message-feedback__btn--disliked{color:var(--color-status-error);cursor:default;pointer-events:none}.ds-message-feedback.ds-message-feedback--voted{opacity:1}.ds-message-footer{display:inline-flex;align-items:center;gap:var(--space-2, 8px)}.ds-message-footer__timestamp{font-size:var(--text-xs, 11px);color:var(--color-fg-secondary);white-space:nowrap}.ds-thinking-dot{display:inline-flex;align-items:center;gap:var(--space-2, 8px)}.ds-thinking-dot__pulse{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--color-accent-default);flex-shrink:0;animation:ds-thinking-pulse 1.4s ease-in-out infinite}.ds-thinking-dot__label{font-size:var(--text-xs, 11px);color:var(--color-fg-secondary);animation:ds-thinking-color 2s ease-in-out infinite}@keyframes ds-thinking-pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}@keyframes ds-thinking-color{0%,to{color:var(--color-fg-secondary)}50%{color:var(--color-fg-primary)}}.ds-coachmark__spotlight{position:fixed;pointer-events:none;border-radius:var(--radius-3);z-index:var(--z-tooltip);--_overlay: transparent;--_ring: var(--color-accent-2);box-shadow:0 0 0 2px var(--_ring),0 0 0 9999px var(--_overlay);opacity:0;transition:opacity var(--motion-exit, .2s ease)}.ds-coachmark__spotlight--overlay{--_overlay: var(--color-overlay, rgba(14, 15, 17, .65))}.ds-coachmark__spotlight--no-ring{--_ring: transparent}.ds-coachmark__spotlight--visible{opacity:1;transition:opacity var(--motion-enter, .3s ease)}.ds-coachmark__bubble{width:280px;background:var(--color-surface-3);border:1px solid var(--color-border-default);border-radius:var(--radius-4, 8px);box-shadow:var(--shadow-2);z-index:calc(var(--z-tooltip) + 1);display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);outline:none;opacity:0;transition:opacity var(--motion-exit, .2s ease)}.ds-coachmark__bubble--visible{opacity:1;transition:opacity var(--motion-enter, .3s ease)}.ds-coachmark__title{font-size:var(--text-s, 14px);font-weight:var(--font-weight-medium, 500);color:var(--color-fg-primary);line-height:1.3;font-family:var(--font-ui, inherit);padding-right:28px}.ds-coachmark__body{font-size:var(--text-s, 14px);color:var(--color-fg-secondary);line-height:1.5;font-family:var(--font-ui, inherit)}.ds-coachmark__close{position:absolute;top:var(--space-3);right:var(--space-3);display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:transparent;color:var(--color-fg-secondary);border-radius:var(--radius-2);cursor:pointer;outline:none;transition:color var(--motion-hover),background-color var(--motion-hover)}.ds-coachmark__close:hover{background-color:var(--color-state-hover);color:var(--color-fg-primary)}.ds-coachmark__close:active{background-color:var(--color-state-active)}.ds-coachmark__close:focus-visible{box-shadow:var(--focus-ring)}.ds-coachmark__footer{display:flex;align-items:center;gap:var(--space-2)}.ds-coachmark__counter{font-size:var(--text-xs, 12px);color:var(--color-fg-disabled);font-family:var(--font-ui, inherit);flex:1}.ds-coachmark__footer-nav{display:flex;align-items:center;gap:var(--space-2)}.ds-coachmark__bubble--top:after{content:"";position:absolute;top:100%;left:calc(50% + var(--arrow-offset, 0px));transform:translate(-50%);border:10px solid transparent;border-top-color:var(--color-border-default)}.ds-coachmark__bubble--top:before{content:"";position:absolute;top:100%;left:calc(50% + var(--arrow-offset, 0px));transform:translate(-50%);border:9px solid transparent;border-top-color:var(--color-surface-3);z-index:1}.ds-coachmark__bubble--bottom:after{content:"";position:absolute;bottom:100%;left:calc(50% + var(--arrow-offset, 0px));transform:translate(-50%);border:10px solid transparent;border-bottom-color:var(--color-border-default)}.ds-coachmark__bubble--bottom:before{content:"";position:absolute;bottom:100%;left:calc(50% + var(--arrow-offset, 0px));transform:translate(-50%);border:9px solid transparent;border-bottom-color:var(--color-surface-3);z-index:1}.ds-coachmark__bubble--left:after{content:"";position:absolute;left:100%;top:50%;transform:translateY(-50%);border:10px solid transparent;border-left-color:var(--color-border-default)}.ds-coachmark__bubble--left:before{content:"";position:absolute;left:100%;top:50%;transform:translateY(-50%);border:9px solid transparent;border-left-color:var(--color-surface-3);z-index:1}.ds-coachmark__bubble--right:after{content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%);border:10px solid transparent;border-right-color:var(--color-border-default)}.ds-coachmark__bubble--right:before{content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%);border:9px solid transparent;border-right-color:var(--color-surface-3);z-index:1}@keyframes ds-shake{0%{transform:translate(0)}15%{transform:translate(-6px)}30%{transform:translate(6px)}45%{transform:translate(-4px)}60%{transform:translate(4px)}75%{transform:translate(-2px)}90%{transform:translate(2px)}to{transform:translate(0)}}.ds-shake{animation:ds-shake .45s var(--easing-standard, cubic-bezier(.2, 0, 0, 1))}@media (prefers-reduced-motion: reduce){.ds-shake{animation:none}}
|
|
1
|
+
@layer base{:root{--color-white: #F8F9FA;--color-black: #0E0F11;--color-red-light: #EE7A7A;--color-red: #EA6464;--color-red-dark: #E15252;--data-red: #EA6464;--data-orange: #F59E42;--data-yellow: #FFCD1B;--data-teal: #34D399;--data-blue: #60A5FA;--data-violet: #A78BFA;--data-pink: #F472B6;--color-info: #60A5FA;--color-info-dark: #2563EB;--color-success: #00C86E;--color-success-dark: #00A055;--color-warning: #FFBB00;--color-warning-dark: #D97706;--color-error: #FF1200;--color-error-dark: #DC2626;--color-surface-0: #0E0F11;--color-surface-1: #16181C;--color-surface-2: #1E2026;--color-surface-3: #262830;--color-fg-primary: rgba(248, 249, 250, .92);--color-fg-secondary: rgba(248, 249, 250, .65);--color-fg-disabled: rgba(248, 249, 250, .3);--color-state-hover: rgba(248, 249, 250, .07);--color-state-active: rgba(248, 249, 250, .12);--color-state-selected: rgba(248, 249, 250, .1);--color-state-focus: rgba(248, 249, 250, .3);--color-border-light: rgba(248, 249, 250, .08);--color-border-default: rgba(248, 249, 250, .2);--color-border-strong: rgba(248, 249, 250, .4);--color-border-focus: rgba(248, 249, 250, .5);--color-accent-default: var(--color-red);--color-accent-hover: var(--color-red-light);--color-accent-fg: var(--color-white);--color-accent-hover-fg: var(--color-accent-fg);--color-accent-bg: rgba(234, 100, 100, .12);--color-status-info: var(--color-info);--color-status-info-bg: rgba(37, 99, 235, .15);--color-status-success: var(--color-success);--color-status-success-bg: rgba(0, 160, 85, .15);--color-status-warning: var(--color-warning);--color-status-warning-bg: rgba(217, 119, 6, .15);--color-status-error: var(--color-error);--color-status-error-bg: rgba(220, 38, 38, .15);--color-overlay: rgba(14, 15, 17, .65);--data-1-fg: var(--data-red);--data-1-bg: rgba(234, 100, 100, .15);--data-1-border: rgba(234, 100, 100, .35);--data-2-fg: var(--data-orange);--data-2-bg: rgba(245, 158, 66, .15);--data-2-border: rgba(245, 158, 66, .35);--data-3-fg: var(--data-yellow);--data-3-bg: rgba(255, 205, 27, .15);--data-3-border: rgba(255, 205, 27, .35);--data-4-fg: var(--data-teal);--data-4-bg: rgba( 52, 211, 153, .15);--data-4-border: rgba( 52, 211, 153, .35);--data-5-fg: var(--data-blue);--data-5-bg: rgba( 96, 165, 250, .15);--data-5-border: rgba( 96, 165, 250, .35);--data-6-fg: var(--data-violet);--data-6-bg: rgba(167, 139, 250, .15);--data-6-border: rgba(167, 139, 250, .35);--data-7-fg: var(--data-pink);--data-7-bg: rgba(244, 114, 182, .15);--data-7-border: rgba(244, 114, 182, .35);--shadow-1: 0 2px 8px rgba(0, 0, 0, .4), 0 0 0 1px rgba(248, 249, 250, .06);--shadow-2: 0 8px 24px rgba(0, 0, 0, .5), 0 0 0 1px rgba(248, 249, 250, .08);--shadow-3: 0 16px 48px rgba(0, 0, 0, .6), 0 0 0 1px rgba(248, 249, 250, .1);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-1: 2px;--radius-2: 4px;--radius-3: 6px;--radius-4: 8px;--radius-6: 12px;--radius-8: 16px;--radius-full: 9999px;--height-1: 24px;--height-2: 32px;--height-2-5: 36px;--height-3: 44px;--height-4: 56px;--icon-1: 16px;--icon-2: 20px;--icon-3: 24px;--icon-4: 28px;--icon-5: 48px;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--text-4xl: 32px;--text-3xl: 28px;--text-2xl: 24px;--text-xl: 20px;--text-lg: 16px;--text-md: 14px;--text-sm: 12px;--text-xs: 10px;--tracking-4xl: 0;--tracking-3xl: 0;--tracking-2xl: 0;--tracking-xl: 0;--tracking-lg: .02em;--tracking-md: .04em;--tracking-sm: .06em;--z-sticky: 100;--z-drawer: 200;--z-modal: 300;--z-dropdown: 400;--z-toast: 500;--z-tooltip: 600;--layout-padding-x: 16px;--layout-padding-y: 32px;--layout-header-height: 64px;--easing-standard: cubic-bezier(.2, 0, 0, 1);--easing-decelerate: cubic-bezier(0, 0, .2, 1);--easing-accelerate: cubic-bezier(.3, 0, 1, 1);--easing-emphasized: cubic-bezier(.2, 0, 0, 1);--motion-duration-instant: .1s;--motion-duration-quick: .2s;--motion-duration-moderate: .3s;--motion-duration-slow: .5s;--motion-hover: var(--motion-duration-quick) var(--easing-standard);--motion-enter: var(--motion-duration-moderate) var(--easing-decelerate);--motion-exit: var(--motion-duration-quick) var(--easing-accelerate);--motion-emphasis: var(--motion-duration-slow) var(--easing-emphasized);--transition-fast: var(--motion-duration-instant) var(--easing-standard);--transition-normal: var(--motion-duration-quick) var(--easing-standard);--transition-slow: var(--motion-duration-moderate) var(--easing-standard);--state-disabled-opacity: .4;--focus-ring-color: var(--color-state-focus);--focus-ring-offset: 2px;--focus-ring-width: 2px;--focus-ring: 0 0 0 var(--focus-ring-offset) var(--color-surface-0), 0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--focus-ring-color);--font-ui: inherit;--ui-font-weight: var(--font-weight-medium);--ui-tracking: 0;--tab-tracking: 0;--ui-text-transform: none;--tab-font-size-xs: var(--text-sm);--tab-font-size-s: var(--text-md);--tab-font-size-m: var(--text-lg);--tab-font-size-l: var(--text-lg);--tab-icon-size-xs: var(--icon-1);--tab-icon-size-s: var(--icon-2);--tab-icon-size-m: var(--icon-2);--tab-icon-size-l: var(--icon-2);--label-font-size: var(--text-md);--label-color: var(--color-fg-primary);--label-tracking: 0;--label-text-transform: none;--field-border: var(--color-border-default);--field-border-active: var(--color-border-strong);--btn-padding-ratio: .5;--btn-font-weight: var(--font-weight-medium);--btn-font-size-xs: var(--text-sm);--btn-font-size-s: var(--text-md);--btn-font-size-m: var(--text-lg);--btn-font-size-l: var(--text-lg);--btn-icon-size-xs: var(--icon-1);--btn-icon-size-s: var(--icon-2);--btn-icon-size-m: var(--icon-2);--btn-icon-size-l: var(--icon-2);--btn-secondary-color: var(--color-fg-primary);--btn-secondary-border: var(--color-border-default);--btn-secondary-hover-border: var(--color-border-strong);--btn-secondary-hover-bg: var(--color-state-hover);--btn-secondary-hover-color: var(--btn-secondary-color);--badge-font-size-xs: 11px;--badge-font-size-s: var(--text-sm);--badge-font-size-m: var(--text-md);--badge-tracking: var(--ui-tracking);--badge-text-transform: var(--ui-text-transform);--card-border: var(--color-border-light);--card-hover-transform: none;--table-th-font-family: var(--font-ui);--table-th-font-size: inherit;--table-th-color: var(--color-fg-secondary);--table-th-weight: var(--font-weight-semibold);--table-th-tracking: 0;--table-th-text-transform: none;--table-wrap-border: var(--color-border-light);--table-row-border: var(--color-border-light);--table-subrow-bg: var(--color-surface-2);--table-subrow-color: var(--color-fg-secondary);--table-subrow-font: var(--font-ui);--table-subrow-tracking: 0;--table-subrow-transform: none;--color-accent-2: #FFCD1B;--color-accent-2-bg: rgba(255, 205, 27, .1);--color-accent-2-fg: #0A0A0B;--breakpoint-mobile: 375px;--breakpoint-tablet: 768px;--breakpoint-desktop: 1280px}[data-density=compact]{--height-1: 20px;--height-2: 28px;--height-2-5: 32px;--height-3: 36px;--height-4: 44px;--space-3: 8px;--space-4: 12px;--space-5: 16px;--space-6: 20px;--text-md: 13px;--text-sm: 11px}@media (max-width: 767px){[data-density=compact]{--height-1: 24px;--height-2: 32px;--height-2-5: 36px;--height-3: 44px;--height-4: 56px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--text-md: 14px;--text-sm: 12px}}[data-corners=sharp]{--radius-1: 0;--radius-2: 0;--radius-3: 0;--radius-4: 0;--radius-6: 0;--radius-8: 0}[data-typography=editorial]{--font-ui: "Fira Code", monospace;--ui-font-weight: var(--font-weight-regular);--ui-tracking: .15em;--tab-tracking: .1em;--ui-text-transform: uppercase;--btn-padding-ratio: .62;--btn-font-weight: var(--font-weight-regular);--btn-font-size-xs: var(--text-sm);--btn-font-size-s: var(--text-sm);--btn-font-size-m: var(--text-sm);--btn-font-size-l: var(--text-sm);--badge-font-size-xs: 10px;--badge-tracking: 0;--badge-text-transform: none}[data-density=airy]{--card-hover-transform: translateY(-3px)}[data-variant=edgy]{--radius-1: 0;--radius-2: 0;--radius-3: 0;--radius-4: 0;--radius-6: 0;--radius-8: 0;--font-ui: "Fira Code", monospace;--ui-font-weight: var(--font-weight-regular);--ui-tracking: .15em;--tab-tracking: .1em;--ui-text-transform: uppercase;--btn-padding-ratio: .62;--btn-font-weight: var(--font-weight-regular);--btn-font-size-xs: var(--text-sm);--btn-font-size-s: var(--text-sm);--btn-font-size-m: var(--text-sm);--btn-font-size-l: var(--text-sm);--color-surface-0: #0A0A0B;--color-surface-1: #111114;--color-surface-2: #18181C;--color-surface-3: #1F1F24;--color-border-light: rgba(255, 250, 250, .05);--color-border-default: rgba(255, 250, 250, .1);--color-border-strong: rgba(255, 250, 250, .22);--color-border-focus: rgba(255, 250, 250, .42);--shadow-1: 0 2px 12px rgba(0, 0, 0, .6), 0 0 0 1px rgba(255, 250, 250, .05);--shadow-2: 0 8px 32px rgba(0, 0, 0, .75), 0 0 0 1px rgba(255, 250, 250, .06);--shadow-3: 0 20px 60px rgba(0, 0, 0, .9), 0 0 0 1px rgba(255, 250, 250, .07);--tab-font-size-xs: var(--text-sm);--tab-font-size-s: var(--text-sm);--tab-font-size-m: var(--text-sm);--tab-font-size-l: var(--text-sm);--tab-icon-size-xs: 16px;--tab-icon-size-s: 16px;--tab-icon-size-m: 18px;--tab-icon-size-l: 20px;--label-font-size: var(--text-sm);--label-color: var(--color-fg-secondary);--field-border: rgba(248, 249, 250, .2);--field-border-active: rgba(248, 249, 250, .4);--btn-icon-size-xs: 16px;--btn-icon-size-s: 16px;--btn-icon-size-m: 18px;--btn-icon-size-l: 20px;--btn-secondary-color: var(--color-fg-primary);--btn-secondary-border: var(--color-border-default);--btn-secondary-hover-border: var(--color-accent-2);--btn-secondary-hover-bg: var(--color-accent-2);--btn-secondary-hover-color: var(--color-accent-2-fg);--badge-font-size-xs: 10px;--badge-tracking: 0;--badge-text-transform: none;--card-border: rgba(255, 250, 250, .12);--card-hover-transform: translateY(-3px);--table-th-font-family: "Fira Code", monospace;--table-th-color: var(--color-accent-default);--table-th-weight: var(--font-weight-regular);--table-th-tracking: .15em;--table-th-text-transform: uppercase;--table-subrow-bg: var(--color-surface-2);--table-subrow-color: var(--color-fg-secondary);--table-subrow-font: "Fira Code", monospace;--table-subrow-tracking: .15em;--table-subrow-transform: uppercase;--color-accent-hover: var(--color-accent-2);--color-accent-hover-fg: var(--color-accent-2-fg)}@supports (background: color-mix(in srgb,red,blue)){:root{--color-state-hover: color-mix(in srgb, currentColor 7%, transparent);--color-state-active: color-mix(in srgb, currentColor 12%, transparent);--color-state-selected: color-mix(in srgb, currentColor 10%, transparent)}}@media (min-width: 768px){:root{--text-4xl: 40px;--text-3xl: 36px;--text-2xl: 28px;--text-xl: 24px;--text-lg: 18px;--text-md: 16px;--text-sm: 14px;--tracking-lg: .02em;--tracking-md: .02em;--tracking-sm: .04em;--layout-padding-x: 20px;--layout-padding-y: 48px;--layout-header-height: 72px}}@media (min-width: 1280px){:root{--layout-padding-x: 24px;--layout-padding-y: 64px}}body{margin:0;min-width:320px;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-surface-0);color:var(--color-fg-primary);transition:background-color var(--motion-emphasis),color var(--motion-emphasis)}*{box-sizing:border-box}::selection{background-color:var(--color-state-selected);color:var(--color-fg-primary)}@media (prefers-reduced-motion: reduce){:root{--motion-duration-instant: .01ms;--motion-duration-quick: .01ms;--motion-duration-moderate: .01ms;--motion-duration-slow: .01ms}}}.ds-spinner{display:inline-block;border-radius:var(--radius-full, 9999px);border-style:solid;border-color:currentColor;border-top-color:transparent;flex-shrink:0;animation:ds-spin .7s linear infinite}@keyframes ds-spin{to{transform:rotate(360deg)}}.ds-spinner--xs{width:12px;height:12px;border-width:1.5px}.ds-spinner--s{width:16px;height:16px;border-width:2px}.ds-spinner--m{width:20px;height:20px;border-width:2px}.ds-spinner--l{width:24px;height:24px;border-width:2.5px}.ds-spinner--xl{width:32px;height:32px;border-width:3px}.ds-spinner--default{color:var(--color-accent-default)}.ds-spinner--secondary{color:var(--color-fg-secondary)}.ds-spinner--on-accent{color:var(--color-accent-fg)}@media (prefers-reduced-motion: reduce){.ds-spinner{animation-duration:.01ms;animation-iteration-count:1}}.ds-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2, 8px);font-size:var(--text-lg, 16px);font-weight:var(--btn-font-weight);font-family:var(--font-ui, inherit);letter-spacing:var(--ui-tracking, 0);text-transform:var(--ui-text-transform, none);line-height:1;border:none;cursor:pointer;transition:background-color var(--motion-hover, .2s ease),border-color var(--motion-hover, .2s ease),color var(--motion-hover, .2s ease);white-space:nowrap;text-decoration:none;position:relative;isolation:isolate}.ds-button:disabled,.ds-button[aria-disabled=true]{opacity:var(--state-disabled-opacity, .4);cursor:not-allowed;pointer-events:none}.ds-button--primary:disabled,.ds-button--primary[aria-disabled=true]{background-color:transparent;color:var(--btn-secondary-color);border:1px solid var(--btn-secondary-border)}.ds-button__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.ds-button__icon>svg{width:var(--_btn-icon-sz, 20px);height:var(--_btn-icon-sz, 20px);stroke-width:1.5px}.ds-button--xs{--_btn-icon-sz: var(--btn-icon-size-xs, 14px)}.ds-button--s{--_btn-icon-sz: var(--btn-icon-size-s, 16px)}.ds-button--m{--_btn-icon-sz: var(--btn-icon-size-m, 20px)}.ds-button--l{--_btn-icon-sz: var(--btn-icon-size-l, 24px)}.ds-button--primary{color:var(--color-accent-fg);background-color:var(--color-accent-default)}.ds-button--primary:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--color-accent-hover);color:var(--color-accent-hover-fg)}.ds-button--secondary{color:var(--btn-secondary-color);background-color:transparent;border:1px solid var(--btn-secondary-border)}.ds-button--secondary:before,.ds-button--ghost:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:transparent;border-radius:inherit;pointer-events:none;z-index:-1;transition:background-color var(--motion-hover, .2s ease)}.ds-button--secondary:hover:not(:disabled):not([aria-disabled=true]){border-color:var(--btn-secondary-hover-border);color:var(--btn-secondary-hover-color)}.ds-button--secondary:hover:not(:disabled):not([aria-disabled=true]):before{background-color:var(--btn-secondary-hover-bg)}.ds-button--ghost{color:var(--color-fg-secondary);background-color:transparent}.ds-button--ghost:hover:not(:disabled):not([aria-disabled=true]){color:var(--color-fg-primary)}.ds-button--ghost:hover:not(:disabled):not([aria-disabled=true]):before{background-color:var(--color-state-hover)}.ds-button--danger{color:var(--color-accent-fg);background-color:var(--color-error-dark)}.ds-button--danger:hover:not(:disabled):not([aria-disabled=true]){background-color:#b91c1c}.ds-button--xs{height:var(--height-1, 24px);padding:0 calc(var(--height-1, 24px) * var(--btn-padding-ratio, .5));font-size:var(--btn-font-size-xs, 12px);border-radius:var(--radius-2, 4px)}.ds-button--s{height:var(--height-2, 32px);padding:0 calc(var(--height-2, 32px) * var(--btn-padding-ratio, .5));font-size:var(--btn-font-size-s, 14px);border-radius:var(--radius-2, 4px)}.ds-button--sm{height:var(--height-2-5, 36px);padding:0 calc(var(--height-2-5, 36px) * var(--btn-padding-ratio, .5));font-size:var(--btn-font-size-s, 14px);border-radius:var(--radius-3, 6px)}.ds-button--m{height:var(--height-3, 44px);padding:0 calc(var(--height-3, 44px) * var(--btn-padding-ratio, .5));font-size:var(--btn-font-size-m, 16px);border-radius:var(--radius-3, 6px)}.ds-button--l{height:var(--height-4, 56px);padding:0 calc(var(--height-4, 56px) * var(--btn-padding-ratio, .5));font-size:var(--btn-font-size-l, 16px);border-radius:var(--radius-3, 6px);gap:var(--space-3, 12px)}.ds-button--full{width:100%}.ds-button--icon-only{aspect-ratio:1;padding-left:0;padding-right:0}.ds-button[data-state=loading],.ds-button[data-state=success],.ds-button[data-state=error]{cursor:default;pointer-events:none}.ds-button[data-state=loading]{opacity:.7}.ds-button--primary[data-state=loading]{background-color:transparent;color:var(--color-fg-disabled);border:1px solid var(--color-border-default);opacity:1}.ds-button--primary[data-state=success],.ds-button--secondary[data-state=success],.ds-button--danger[data-state=success]{background-color:var(--color-status-success-bg);border:none;box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 35%,transparent);color:var(--color-status-success)}.ds-button--primary[data-state=error],.ds-button--secondary[data-state=error],.ds-button--danger[data-state=error]{background-color:var(--color-status-error-bg);border:none;box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 35%,transparent);color:var(--color-status-error)}.ds-button--ghost[data-state=success]{color:var(--color-status-success)}.ds-button--ghost[data-state=error]{color:var(--color-status-error)}.ds-button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-input-wrapper{display:flex;flex-direction:column;gap:var(--space-2, 8px)}.ds-input-wrapper--full{width:100%}.ds-input-wrapper--disabled{opacity:var(--state-disabled-opacity, .4);cursor:not-allowed}.ds-input-label{font-family:var(--font-ui, inherit);font-size:var(--label-font-size);font-weight:var(--font-weight-regular, 400);letter-spacing:var(--label-tracking);text-transform:var(--label-text-transform);color:var(--label-color)}.ds-input-container{position:relative;display:flex;align-items:center}.ds-input{width:100%;font-family:inherit;color:var(--color-fg-primary);background-color:transparent;border:1px solid var(--field-border);transition:border-color var(--transition-normal, .2s ease);line-height:1.5}.ds-input::placeholder{color:var(--color-fg-secondary)}.ds-input:hover:not(:disabled){border-color:var(--field-border-active)}.ds-input:focus,.ds-input:active{outline:none;border-color:var(--field-border-active)}.ds-input:focus-visible{box-shadow:var(--focus-ring)}.ds-input:disabled{cursor:not-allowed}.ds-input--error{border-color:var(--color-error)}.ds-input--xs{height:var(--height-1, 24px);padding:0 calc(var(--height-1, 24px) / 4);font-size:var(--text-sm, 12px);border-radius:var(--radius-2, 4px)}.ds-input--s{height:var(--height-2, 32px);padding:0 calc(var(--height-2, 32px) / 4);font-size:var(--text-md, 14px);border-radius:var(--radius-2, 4px)}.ds-input--sm{height:var(--height-2-5, 36px);padding:0 10px;font-size:var(--text-md, 14px);border-radius:var(--radius-3, 6px)}.ds-input--m{height:var(--height-3, 44px);padding:0 calc(var(--height-3, 44px) / 4);font-size:var(--text-lg, 16px);border-radius:var(--radius-3, 6px)}.ds-input--with-icon.ds-input--xs{padding-left:calc(var(--height-1, 24px) / 4 + 16px + var(--height-1, 24px) / 4)}.ds-input--with-icon.ds-input--s{padding-left:calc(var(--height-2, 32px) / 4 + 20px + var(--height-2, 32px) / 4)}.ds-input--with-icon.ds-input--sm{padding-left:40px}.ds-input--with-icon.ds-input--m{padding-left:calc(var(--height-3, 44px) / 4 + 24px + var(--height-3, 44px) / 4)}.ds-input--with-icon-right.ds-input--xs{padding-right:calc(var(--height-1, 24px) / 4 + 16px + var(--height-1, 24px) / 4)}.ds-input--with-icon-right.ds-input--s{padding-right:calc(var(--height-2, 32px) / 4 + 20px + var(--height-2, 32px) / 4)}.ds-input--with-icon-right.ds-input--sm{padding-right:40px}.ds-input--with-icon-right.ds-input--m{padding-right:calc(var(--height-3, 44px) / 4 + 24px + var(--height-3, 44px) / 4)}.ds-input-icon{position:absolute;display:flex;align-items:center;color:var(--color-fg-secondary);pointer-events:none}.ds-input-icon--xs{left:6px}.ds-input-icon--s{left:8px}.ds-input-icon--m{left:11px}.ds-input-icon-right{position:absolute;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--color-fg-secondary);cursor:pointer;transition:color var(--transition-normal, .2s ease);padding:0}.ds-input-icon-right:hover{color:var(--color-fg-primary)}.ds-input-icon-right--xs{right:6px}.ds-input-icon-right--s{right:8px}.ds-input-icon-right--m{right:11px}.ds-input-hint{font-size:var(--text-md, 14px);color:var(--color-fg-secondary)}.ds-input-error-wrap{display:grid;grid-template-rows:0fr;overflow:hidden;transition:grid-template-rows var(--transition-fast, .1s ease)}.ds-input-wrapper--error .ds-input-error-wrap{grid-template-rows:1fr}.ds-input-error-inner{overflow:hidden;min-height:0}.ds-input-error{display:block;padding-top:var(--space-1, 4px);font-size:var(--text-md, 14px);color:var(--color-error)}.ds-textarea-wrapper{display:flex;flex-direction:column;gap:var(--space-2, 8px)}.ds-textarea-wrapper--full{width:100%}.ds-textarea-wrapper--disabled{opacity:var(--state-disabled-opacity, .4);cursor:not-allowed;pointer-events:none}.ds-textarea-label{font-family:var(--font-ui, inherit);font-size:var(--label-font-size);font-weight:var(--font-weight-regular, 400);letter-spacing:var(--label-tracking);text-transform:var(--label-text-transform);color:var(--label-color)}.ds-textarea{width:100%;font-family:inherit;color:var(--color-fg-primary);background-color:transparent;border:1px solid var(--field-border);transition:border-color var(--transition-normal, .2s ease);line-height:1.5;resize:vertical;background:linear-gradient(315deg,transparent 5px,var(--field-border) 5px,var(--field-border) 6px,transparent 6px),linear-gradient(315deg,transparent 10px,var(--field-border) 10px,var(--field-border) 11px,transparent 11px);background-repeat:no-repeat;background-position:bottom right;background-size:16px 16px}.ds-textarea::placeholder{color:var(--color-fg-secondary)}.ds-textarea::-webkit-resizer{display:none}.ds-textarea:hover:not(:disabled){border-color:var(--field-border-active);background:linear-gradient(315deg,transparent 5px,var(--field-border-active) 5px,var(--field-border-active) 6px,transparent 6px),linear-gradient(315deg,transparent 10px,var(--field-border-active) 10px,var(--field-border-active) 11px,transparent 11px);background-repeat:no-repeat;background-position:bottom right;background-size:16px 16px}.ds-textarea:focus-visible{box-shadow:var(--focus-ring)}.ds-textarea:focus,.ds-textarea:active{outline:none;border-color:var(--field-border-active);background:linear-gradient(315deg,transparent 5px,var(--field-border-active) 5px,var(--field-border-active) 6px,transparent 6px),linear-gradient(315deg,transparent 10px,var(--field-border-active) 10px,var(--field-border-active) 11px,transparent 11px);background-repeat:no-repeat;background-position:bottom right;background-size:16px 16px}.ds-textarea:disabled{cursor:not-allowed}.ds-textarea--error{border-color:var(--color-error);background:linear-gradient(315deg,transparent 5px,var(--color-error) 5px,var(--color-error) 6px,transparent 6px),linear-gradient(315deg,transparent 10px,var(--color-error) 10px,var(--color-error) 11px,transparent 11px);background-repeat:no-repeat;background-position:bottom right;background-size:16px 16px}.ds-textarea--no-resize{resize:none;background:none}.ds-textarea--xs{padding:var(--space-2, 8px);font-size:var(--text-sm, 12px);border-radius:var(--radius-2, 4px)}.ds-textarea--s{padding:var(--space-2, 8px) var(--space-3, 12px);font-size:var(--text-md, 14px);border-radius:var(--radius-2, 4px)}.ds-textarea--m{padding:var(--space-3, 12px);font-size:var(--text-lg, 16px);border-radius:var(--radius-3, 6px)}.ds-textarea-hint{font-size:var(--text-md, 14px);color:var(--color-fg-secondary)}.ds-textarea-error{font-size:var(--text-md, 14px);color:var(--color-error)}.ds-select-wrapper{display:flex;flex-direction:column;gap:var(--space-2, 8px)}.ds-select-wrapper--full{width:100%}.ds-select-wrapper--disabled{opacity:var(--state-disabled-opacity, .4);cursor:not-allowed;pointer-events:none}.ds-select-label{font-family:var(--font-ui, inherit);font-size:var(--label-font-size);font-weight:var(--font-weight-regular, 400);letter-spacing:var(--label-tracking);text-transform:var(--label-text-transform);color:var(--label-color)}.ds-select-container{position:relative}.ds-select-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3, 12px);font-family:inherit;color:var(--color-fg-primary);background-color:transparent;border:1px solid var(--field-border);cursor:pointer;transition:border-color var(--transition-normal, .2s ease);text-align:left;line-height:1.5}.ds-select-trigger>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-select-trigger:hover:not(:disabled){border-color:var(--field-border-active)}.ds-select-trigger:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-select-trigger:disabled{cursor:not-allowed}.ds-select-trigger--error{border-color:var(--color-error)}.ds-select-trigger--xs{height:var(--height-1, 24px);padding:0 calc(var(--height-1, 24px) / 4);font-size:var(--text-sm, 12px);border-radius:var(--radius-2, 4px)}.ds-select-trigger--s{height:var(--height-2, 32px);padding:0 calc(var(--height-2, 32px) / 4);font-size:var(--text-md, 14px);border-radius:var(--radius-2, 4px)}.ds-select-trigger--m{height:var(--height-3, 44px);padding:0 calc(var(--height-3, 44px) / 4);font-size:var(--text-lg, 16px);border-radius:var(--radius-3, 6px)}.ds-select-placeholder{color:var(--color-fg-secondary)}.ds-select-icon{flex-shrink:0;color:var(--color-fg-secondary);transition:transform var(--transition-normal, .2s ease)}.ds-select-icon--open{transform:rotate(180deg)}.ds-select-icon--up{transform:rotate(0)}@keyframes ds-select-in-down{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes ds-select-out-down{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}@keyframes ds-select-in-up{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes ds-select-out-up{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(4px)}}.ds-select-dropdown{position:fixed;background-color:var(--color-surface-0);border:1px solid var(--field-border);box-shadow:var(--shadow-1);z-index:var(--z-dropdown);max-height:300px;overflow-y:auto}.ds-select-dropdown--down{animation:ds-select-in-down var(--motion-enter, .3s ease)}.ds-select-dropdown--down.ds-select-dropdown--closing{animation:ds-select-out-down var(--motion-exit, .2s ease) forwards}.ds-select-dropdown--up{animation:ds-select-in-up var(--motion-enter, .3s ease)}.ds-select-dropdown--up.ds-select-dropdown--closing{animation:ds-select-out-up var(--motion-exit, .2s ease) forwards}.ds-select-dropdown--s{border-radius:var(--radius-2, 4px)}.ds-select-dropdown--m{border-radius:var(--radius-3, 6px)}.ds-select-option{width:100%;font-family:inherit;color:var(--color-fg-primary);background-color:transparent;border:none;cursor:pointer;text-align:left;line-height:1.5;white-space:normal;word-wrap:break-word;position:relative;isolation:isolate}.ds-select-option:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:transparent;pointer-events:none;z-index:-1;transition:background-color var(--transition-normal, .2s ease)}.ds-select-option--s{min-height:var(--height-2, 32px);padding:var(--space-2, 8px) calc(var(--height-2, 32px) / 4);font-size:var(--text-md, 14px)}.ds-select-option--m{min-height:var(--height-3, 44px);padding:var(--space-2, 8px) calc(var(--height-3, 44px) / 4);font-size:var(--text-lg, 16px)}.ds-select-option:hover:before{background-color:var(--color-state-hover)}.ds-select-option--selected:before{background-color:var(--color-state-selected)}.ds-select-option--active:before{background-color:var(--color-state-hover)}.ds-select-error{font-size:var(--text-md, 14px);color:var(--color-error)}.ds-scrollable{scrollbar-width:thin;scrollbar-color:var(--color-border-default) transparent}.ds-scrollable::-webkit-scrollbar{width:4px;height:4px}.ds-scrollable::-webkit-scrollbar-track{background:transparent}.ds-scrollable::-webkit-scrollbar-thumb{background:var(--color-border-default);border-radius:var(--radius-full, 9999px)}.ds-scrollable::-webkit-scrollbar-thumb:hover{background:var(--color-border-strong)}.ds-stepper-wrapper{display:flex;flex-direction:column;gap:var(--space-2, 8px)}.ds-stepper-label{font-family:var(--font-ui, inherit);font-size:var(--label-font-size);font-weight:var(--font-weight-regular, 400);letter-spacing:var(--label-tracking);text-transform:var(--label-text-transform);color:var(--label-color)}.ds-stepper{display:flex;align-items:stretch;width:fit-content;border:1px solid var(--field-border);border-radius:var(--radius-2, 4px);transition:border-color var(--transition-normal, .2s ease)}.ds-stepper:hover:not(.ds-stepper--disabled){border-color:var(--field-border-active)}.ds-stepper:focus-within{border-color:var(--field-border-active)}.ds-stepper--disabled{cursor:not-allowed}.ds-stepper-button{display:flex;align-items:center;justify-content:center;background-color:transparent;border:none;color:var(--color-fg-secondary);cursor:pointer;transition:color var(--transition-fast, .1s ease);flex-shrink:0;position:relative;isolation:isolate}.ds-stepper-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:transparent;border-radius:inherit;pointer-events:none;z-index:-1;transition:background-color var(--transition-fast, .1s ease)}.ds-stepper-button:hover:not(:disabled){color:var(--color-fg-primary)}.ds-stepper-button:hover:not(:disabled):before{background-color:var(--color-state-hover)}.ds-stepper-button:active:not(:disabled):before{background-color:var(--color-state-active)}.ds-stepper-button:focus-visible{outline:none;box-shadow:var(--focus-ring);z-index:1}.ds-stepper-button:disabled{opacity:.5;cursor:not-allowed}.ds-stepper-button--minus{border-radius:var(--radius-2, 4px) 0 0 var(--radius-2, 4px);border-right:1px solid var(--field-border)}.ds-stepper-button--plus{border-radius:0 var(--radius-2, 4px) var(--radius-2, 4px) 0;border-left:1px solid var(--field-border)}.ds-stepper-input{width:80px;text-align:center;border:none;background-color:transparent;color:var(--color-fg-primary);font-size:var(--text-lg, 16px);letter-spacing:var(--tracking-lg);outline:none;cursor:text}.ds-stepper-input:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-stepper-input:disabled{cursor:not-allowed}.ds-stepper-input::-webkit-inner-spin-button,.ds-stepper-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ds-stepper-input[type=number]{-moz-appearance:textfield}.ds-stepper--xs{height:var(--height-1, 24px)}.ds-stepper--xs .ds-stepper-button{width:var(--height-1, 24px);padding:0}.ds-stepper--xs .ds-stepper-input{font-size:var(--text-sm, 12px);letter-spacing:var(--tracking-sm);padding:0 var(--space-2, 8px)}.ds-stepper--s{height:var(--height-2, 32px)}.ds-stepper--s .ds-stepper-button{width:var(--height-2, 32px);padding:0}.ds-stepper--s .ds-stepper-input{font-size:var(--text-md, 14px);letter-spacing:var(--tracking-md);padding:0 var(--space-2, 8px)}.ds-stepper--m{height:var(--height-3, 44px)}.ds-stepper--m .ds-stepper-button{width:var(--height-3, 44px);padding:0}.ds-stepper--m .ds-stepper-input{font-size:var(--text-lg, 16px);letter-spacing:var(--tracking-lg);padding:0 var(--space-3, 12px)}.ds-stepper-hint{font-size:var(--text-md, 14px);letter-spacing:var(--tracking-md);color:var(--color-fg-secondary)}.ds-stepper-error{font-size:var(--text-md, 14px);letter-spacing:var(--tracking-md);color:var(--color-status-error)}.ds-stepper-wrapper--error .ds-stepper{border-color:var(--color-status-error)}.ds-stepper-wrapper--error .ds-stepper:hover:not(.ds-stepper--disabled){border-color:var(--color-status-error)}.ds-stepper-wrapper--error .ds-stepper:focus-within{border-color:var(--color-status-error)}.ds-stepper-wrapper--disabled{opacity:.5;cursor:not-allowed}.ds-stepper-wrapper--disabled *{cursor:not-allowed}.ds-card{display:flex;flex-direction:column;min-width:0;background-color:transparent;border-radius:var(--radius-3, 6px);border:1px solid var(--card-border);transition:border-color var(--motion-hover, .2s ease),background-color var(--motion-hover, .2s ease),transform var(--motion-hover, .2s ease);text-decoration:none;color:inherit}.ds-card--interactive{cursor:pointer;background-color:var(--color-surface-1);border:none;position:relative;isolation:isolate}.ds-card--interactive:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:transparent;border-radius:inherit;pointer-events:none;z-index:-1;transition:background-color var(--transition-normal, .2s ease)}.ds-card--interactive:hover:not([aria-disabled=true]){transform:var(--card-hover-transform, none)}.ds-card--interactive:hover:not([aria-disabled=true]):before{background-color:var(--color-state-hover)}.ds-card--outline{background-color:transparent;border:1px solid var(--card-border);cursor:pointer;transition:border-color var(--motion-hover, .2s ease),transform var(--motion-hover, .2s ease)}.ds-card--outline:hover:not([aria-disabled=true]){border-color:var(--color-border-strong);transform:var(--card-hover-transform, none)}.ds-card--interactive:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-card[aria-disabled=true]{opacity:var(--state-disabled-opacity, .4);cursor:not-allowed;pointer-events:none}.ds-card--none{padding:0;gap:0}.ds-card--s{padding:var(--space-3, 12px);gap:var(--space-2, 8px)}.ds-card--m{padding:var(--space-4, 16px);gap:var(--space-3, 12px)}.ds-card--l{padding:var(--space-6, 24px);gap:var(--space-4, 16px)}.ds-h1{font-size:var(--text-4xl, 32px);font-weight:var(--font-weight-regular, 400);line-height:1.2;color:var(--color-fg-primary);letter-spacing:var(--tracking-4xl);margin:0}.ds-h2{font-size:var(--text-3xl, 24px);font-weight:var(--font-weight-regular, 400);line-height:1.3;color:var(--color-fg-primary);letter-spacing:var(--tracking-3xl);margin:0}.ds-h3{font-size:var(--text-2xl, 20px);font-weight:var(--font-weight-regular, 400);line-height:1.3;color:var(--color-fg-primary);letter-spacing:var(--tracking-2xl);margin:0}.ds-h4{font-size:var(--text-xl, 18px);font-weight:var(--font-weight-regular, 400);line-height:1.4;color:var(--color-fg-primary);letter-spacing:var(--tracking-xl);margin:0}.ds-p1{font-size:var(--text-lg, 16px);font-weight:var(--font-weight-regular, 400);line-height:1.5;color:var(--color-fg-primary);letter-spacing:var(--tracking-lg);margin:0}.ds-p1--secondary{color:var(--color-fg-secondary)}.ds-p2{font-size:var(--text-md, 14px);font-weight:var(--font-weight-regular, 400);line-height:1.5;color:var(--color-fg-primary);letter-spacing:var(--tracking-md);margin:0}.ds-p2--secondary{color:var(--color-fg-secondary)}.ds-p3{font-size:var(--text-sm, 12px);font-weight:var(--font-weight-regular, 400);line-height:1.5;color:var(--color-fg-primary);letter-spacing:var(--tracking-sm);margin:0}.ds-p3--secondary{color:var(--color-fg-secondary)}.ds-badge{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-ui, inherit);font-weight:var(--ui-font-weight, 500);letter-spacing:var(--badge-tracking);text-transform:var(--badge-text-transform);white-space:nowrap}.ds-badge--xs{padding:1px var(--space-1, 4px);font-size:var(--badge-font-size-xs);letter-spacing:var(--tracking-sm);border-radius:var(--radius-1, 2px)}.ds-badge--s{padding:2px var(--space-2, 8px);font-size:var(--badge-font-size-s);border-radius:var(--radius-2, 4px)}.ds-badge--m{padding:3px var(--space-3, 12px);font-size:var(--badge-font-size-m);border-radius:var(--radius-3, 6px)}.ds-badge--default{background-color:var(--color-state-selected);color:var(--color-fg-secondary)}.ds-badge--info{background-color:var(--color-status-info-bg);color:var(--color-status-info)}.ds-badge--success{background-color:var(--color-status-success-bg);color:var(--color-status-success)}.ds-badge--warning{background-color:var(--color-status-warning-bg);color:var(--color-status-warning)}.ds-badge--error{background-color:var(--color-status-error-bg);color:var(--color-status-error)}.ds-badge--accent{background-color:var(--color-accent-bg);color:var(--color-accent-default)}.ds-badge--danger{background-color:var(--color-status-error-bg);color:var(--color-status-error)}.ds-badge--data-1{background-color:var(--data-1-bg);color:var(--data-1-fg)}.ds-badge--data-2{background-color:var(--data-2-bg);color:var(--data-2-fg)}.ds-badge--data-3{background-color:var(--data-3-bg);color:var(--data-3-fg)}.ds-badge--data-4{background-color:var(--data-4-bg);color:var(--data-4-fg)}.ds-badge--data-5{background-color:var(--data-5-bg);color:var(--data-5-fg)}.ds-badge--data-6{background-color:var(--data-6-bg);color:var(--data-6-fg)}.ds-badge--data-7{background-color:var(--data-7-bg);color:var(--data-7-fg)}[data-variant=edgy] .ds-badge{box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 35%,transparent)}.ds-alert{display:flex;align-items:flex-start;gap:var(--space-3, 12px);padding:var(--space-3, 12px);border-radius:var(--radius-3, 6px)}.ds-alert--no-title{align-items:center}.ds-alert__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.ds-alert:not(.ds-alert--no-title) .ds-alert__icon{margin-top:2px}.ds-alert__content{flex:1;min-width:0}.ds-alert__title{font-size:var(--text-lg, 16px);font-weight:var(--font-weight-regular, 400);margin-bottom:var(--space-2, 8px)}.ds-alert__message{font-size:var(--text-md, 14px);line-height:1.5}.ds-alert__close{flex-shrink:0;background:none;border:none;color:inherit;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;opacity:.7;transition:opacity var(--transition-normal, .2s ease)}.ds-alert__close:hover{opacity:1}.ds-alert__close:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-2, 4px)}.ds-alert--info{background:linear-gradient(var(--color-status-info-bg),var(--color-status-info-bg)),var(--color-surface-1);color:var(--color-status-info)}.ds-alert--info .ds-alert__message{color:var(--color-fg-primary)}.ds-alert--success{background:linear-gradient(var(--color-status-success-bg),var(--color-status-success-bg)),var(--color-surface-1);color:var(--color-status-success)}.ds-alert--success .ds-alert__message{color:var(--color-fg-primary)}.ds-alert--warning{background:linear-gradient(var(--color-status-warning-bg),var(--color-status-warning-bg)),var(--color-surface-1);color:var(--color-status-warning)}.ds-alert--warning .ds-alert__message{color:var(--color-fg-primary)}.ds-alert--error{background:linear-gradient(var(--color-status-error-bg),var(--color-status-error-bg)),var(--color-surface-1);color:var(--color-status-error)}.ds-alert--error .ds-alert__message{color:var(--color-fg-primary)}@keyframes ds-modal-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes ds-modal-backdrop-out{0%{opacity:1}to{opacity:0}}@keyframes ds-modal-content-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes ds-modal-content-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(8px)}}.ds-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--color-overlay);display:flex;align-items:flex-start;justify-content:center;z-index:var(--z-modal);padding:var(--space-4, 16px);overflow-y:auto;animation:ds-modal-backdrop-in var(--motion-enter, .3s ease)}.ds-modal{background-color:var(--color-surface-2);border-radius:var(--radius-4, 8px);box-shadow:var(--shadow-2);display:flex;flex-direction:column;margin:auto 0;position:relative;animation:ds-modal-content-in var(--motion-enter, .3s ease) .05s both}.ds-modal__close{position:absolute;top:var(--space-2, 8px);right:var(--space-2, 8px);z-index:1}.ds-modal-overlay--closing{animation:ds-modal-backdrop-out var(--motion-exit, .2s ease) forwards}.ds-modal-overlay--closing .ds-modal{animation:ds-modal-content-out var(--motion-exit, .2s ease) forwards}.ds-modal--s{width:100%;max-width:400px}.ds-modal--m{width:100%;max-width:600px}.ds-modal--l{width:100%;max-width:900px}.ds-modal__header{display:flex;flex-direction:column;padding:var(--space-6, 24px) var(--space-6, 24px) var(--space-4, 16px);gap:var(--space-4, 16px)}.ds-modal__title{font-size:var(--text-2xl, 20px);font-weight:var(--font-weight-medium, 500);color:var(--color-fg-primary);margin:0}.ds-modal__subheader{display:flex;flex-direction:column;gap:var(--space-4, 16px)}.ds-modal__body{padding:0 var(--space-6, 24px) var(--space-6, 24px);flex:1}.ds-modal__body:last-child{border-bottom-left-radius:var(--radius-4, 8px);border-bottom-right-radius:var(--radius-4, 8px)}.ds-modal--scrollable{max-height:85vh}.ds-modal--scrollable .ds-modal__body{overflow-y:auto;min-height:0;padding-top:var(--space-6, 24px);overscroll-behavior:contain}.ds-modal--scrollable .ds-modal__header{border-bottom:1px solid var(--color-border-light)}.ds-modal--scrollable .ds-modal__footer{border-top:1px solid var(--color-border-light)}.ds-modal__footer{display:flex;align-items:center;justify-content:flex-start;gap:var(--space-3, 12px);padding:var(--space-4, 16px) var(--space-6, 24px) var(--space-6, 24px);background-color:var(--color-surface-2);position:relative;z-index:10;border-bottom-left-radius:var(--space-3, 12px);border-bottom-right-radius:var(--space-3, 12px)}@keyframes ds-sheet-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes ds-sheet-overlay-out{0%{opacity:1}to{opacity:0}}@keyframes ds-sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes ds-sheet-out{0%{transform:translateY(0)}to{transform:translateY(100%)}}.ds-bottom-sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--color-overlay);z-index:var(--z-modal);display:flex;align-items:flex-end;animation:ds-sheet-overlay-in .2s ease}.ds-bottom-sheet-overlay--closing{animation:ds-sheet-overlay-out .32s ease forwards}.ds-bottom-sheet{width:100%;max-width:1280px;height:95vh;margin:0 auto;background-color:var(--color-surface-2);border-radius:var(--radius-4, 12px) var(--radius-4, 12px) 0 0;box-shadow:var(--shadow-2);display:flex;flex-direction:column;position:relative;animation:ds-sheet-in .35s cubic-bezier(.32,.72,0,1)}.ds-bottom-sheet__close{position:absolute;top:var(--space-2, 8px);right:var(--space-2, 8px);z-index:1}.ds-bottom-sheet--closing{animation:ds-sheet-out .32s cubic-bezier(.32,.72,0,1) forwards}.ds-bottom-sheet__handle{width:36px;height:4px;background:var(--color-border-default);border-radius:var(--radius-full, 9999px);margin:var(--space-3) auto var(--space-1);flex-shrink:0}.ds-bottom-sheet__header{display:flex;flex-direction:column;padding:var(--space-4) var(--space-6) var(--space-4);gap:var(--space-4);border-bottom:1px solid var(--color-border-light);flex-shrink:0}.ds-bottom-sheet__title{font-size:var(--text-2xl, 20px);font-weight:var(--font-weight-medium, 500);color:var(--color-fg-primary);margin:0}.ds-bottom-sheet__subheader{display:flex;flex-direction:column;gap:var(--space-4)}.ds-bottom-sheet__body{padding:var(--space-6);flex:1;overflow-y:auto;min-height:0;overscroll-behavior:contain}.ds-bottom-sheet .ds-modal__footer{border-top:1px solid var(--color-border-light);border-bottom-left-radius:0;border-bottom-right-radius:0}.ds-code-accordion{min-width:0}.ds-code-accordion__header{display:flex;align-items:center;justify-content:space-between;width:100%;background-color:var(--color-surface-1);border:none;border-radius:var(--radius-3, 6px);color:var(--color-fg-primary);font-size:var(--text-lg, 16px);font-family:inherit;cursor:pointer;position:relative;isolation:isolate}.ds-code-accordion__header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:transparent;border-radius:inherit;pointer-events:none;z-index:-1;transition:background-color var(--transition-normal, .2s ease)}.ds-code-accordion__header[aria-expanded=true]{border-radius:var(--radius-3, 6px) var(--radius-3, 6px) 0 0}.ds-code-accordion__header:hover:before{background-color:var(--color-state-hover)}.ds-code-accordion__header:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-code-accordion__title{font-weight:var(--font-weight-regular, 400)}.ds-code-accordion__icon{flex-shrink:0;color:var(--color-fg-secondary);transition:transform var(--transition-normal, .2s ease)}.ds-code-accordion__icon--expanded{transform:rotate(180deg)}.ds-code-accordion__content{display:grid;grid-template-rows:0fr;overflow:hidden;transition:grid-template-rows var(--transition-normal, .2s ease)}.ds-code-accordion--expanded .ds-code-accordion__content{grid-template-rows:1fr}.ds-code-accordion__inner{overflow:hidden;min-height:0;opacity:0;visibility:hidden;transition:opacity var(--transition-normal, .2s ease) .05s,visibility 0s var(--transition-normal, .2s ease)}.ds-code-accordion--expanded .ds-code-accordion__inner{opacity:1;visibility:visible;transition:opacity var(--transition-normal, .2s ease) .05s,visibility 0s 0s}.ds-code-accordion__pre{overflow-x:auto;font-family:Fira Mono,SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:var(--text-md, 14px);background-color:var(--color-surface-2);color:var(--color-fg-primary);border-radius:0 0 var(--radius-3, 6px) var(--radius-3, 6px);line-height:1.6;margin:0}.ds-code-accordion--s .ds-code-accordion__header,.ds-code-accordion--s .ds-code-accordion__pre{padding:var(--space-2, 8px)}.ds-code-accordion--m .ds-code-accordion__header,.ds-code-accordion--m .ds-code-accordion__pre{padding:var(--space-3, 12px)}.ds-code-accordion--l .ds-code-accordion__header,.ds-code-accordion--l .ds-code-accordion__pre{padding:var(--space-4, 16px)}.ds-code-accordion__pre code{background:none;border:none;padding:0;font-family:inherit;font-size:inherit;color:inherit}@media (max-width: 640px){.ds-code-accordion__header{font-size:var(--text-md, 14px)}.ds-code-accordion--l .ds-code-accordion__header,.ds-code-accordion--l .ds-code-accordion__pre{padding:var(--space-3, 12px)}}@media (prefers-reduced-motion: reduce){.ds-code-accordion__inner{transition:none}}.ds-code-inline{font-family:Fira Mono,SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:.9em;background-color:var(--color-surface-2);color:var(--color-fg-primary);padding:2px 6px;border-radius:var(--radius-3, 6px);white-space:nowrap}.ds-code-block{font-family:Fira Mono,SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:var(--text-md, 14px);background-color:var(--color-surface-2);color:var(--color-fg-primary);padding:var(--space-3, 12px);border-radius:var(--radius-3, 6px);overflow-x:auto;line-height:1.6;margin:0}.ds-code-block code{background:none;border:none;padding:0;font-family:inherit;font-size:inherit;color:inherit}.ds-link{color:var(--color-accent-default);text-decoration:none;cursor:pointer;transition:color var(--transition-fast, .1s ease),text-decoration var(--transition-fast, .1s ease);font-size:inherit;font-weight:inherit;line-height:inherit}.ds-link:hover{color:var(--color-accent-hover);text-decoration:underline}.ds-link:active{color:var(--color-accent-hover)}.ds-link:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:2px}.ds-tabs{display:flex;gap:var(--space-2, 8px);flex-wrap:wrap}.ds-tab{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2, 8px);font-family:var(--font-ui, inherit);font-weight:var(--ui-font-weight, 500);letter-spacing:var(--tab-tracking);text-transform:var(--ui-text-transform, none);line-height:1;cursor:pointer;background-color:transparent;color:var(--color-fg-primary);transition:border-color var(--motion-hover, .2s ease),background-color var(--motion-hover, .2s ease);white-space:nowrap;text-decoration:none}.ds-tab--ghost{border:none;color:var(--color-fg-secondary);position:relative;isolation:isolate}.ds-tab--ghost:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:transparent;border-radius:inherit;pointer-events:none;z-index:-1;transition:background-color var(--motion-hover, .2s ease)}.ds-tab--ghost:hover:not(.ds-tab--selected):not(:disabled):not([aria-disabled=true]){color:var(--color-fg-primary)}.ds-tab--ghost:hover:not(.ds-tab--selected):not(:disabled):not([aria-disabled=true]):before{background-color:var(--color-state-hover)}.ds-tab--ghost.ds-tab--selected{color:var(--color-fg-primary)}.ds-tab--ghost.ds-tab--selected:before{background-color:var(--color-state-selected)}.ds-tab--xs{--_tab-icon-sz: var(--tab-icon-size-xs)}.ds-tab--s,.ds-tab--sm{--_tab-icon-sz: var(--tab-icon-size-s, 14px)}.ds-tab--m{--_tab-icon-sz: var(--tab-icon-size-m, 16px)}.ds-tab--l{--_tab-icon-sz: var(--tab-icon-size-l, 20px)}.ds-tab--xs{height:var(--height-1, 24px);padding:0 calc(var(--height-1, 24px) / 2);font-size:var(--tab-font-size-xs);border-radius:var(--radius-2, 4px)}.ds-tab--s{height:var(--height-2, 32px);padding:0 calc(var(--height-2, 32px) / 2);font-size:var(--tab-font-size-s, 13px);border-radius:var(--radius-2, 4px)}.ds-tab--sm{height:var(--height-2-5, 36px);padding:0 14px;font-size:var(--tab-font-size-s, 13px);border-radius:var(--radius-3, 6px)}.ds-tab--m{height:var(--height-3, 44px);padding:0 calc(var(--height-3, 44px) / 2);font-size:var(--tab-font-size-m, 14px);border-radius:var(--radius-3, 6px)}.ds-tab--l{height:var(--height-4, 56px);padding:0 calc(var(--height-4, 56px) / 2);font-size:var(--tab-font-size-l, 15px);border-radius:var(--radius-3, 6px);gap:var(--space-3, 12px)}.ds-tab:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-tab:disabled,.ds-tab[aria-disabled=true]{opacity:var(--state-disabled-opacity, .4);cursor:not-allowed;pointer-events:none}.ds-tab-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.ds-tab-icon>svg{width:var(--_tab-icon-sz, 16px);height:var(--_tab-icon-sz, 16px);stroke-width:1.5px}.ds-tab--icon-only{aspect-ratio:1;padding-left:0;padding-right:0}.ds-seg{display:inline-flex;position:relative;padding:3px;border:1px solid var(--color-border-default);border-radius:var(--radius-3, 6px);background:var(--color-surface-1)}.ds-seg--disabled{opacity:var(--state-disabled-opacity, .4);cursor:not-allowed;pointer-events:none}.ds-seg__pill{position:absolute;top:3px;bottom:3px;background:var(--color-state-hover);border-radius:calc(var(--radius-3, 6px) - 2px);pointer-events:none;z-index:0}.ds-seg__btn{position:relative;z-index:1;display:inline-flex;align-items:center;gap:var(--space-1, 4px);background:transparent;border:none;cursor:pointer;font-family:var(--font-ui, inherit);font-size:var(--text-md, 14px);letter-spacing:var(--ui-tracking, 0);text-transform:var(--ui-text-transform, none);color:var(--color-fg-secondary);border-radius:calc(var(--radius-3, 6px) - 2px);white-space:nowrap;transition:color var(--motion-hover, .2s ease)}.ds-seg__btn:hover:not(:disabled){color:var(--color-fg-primary)}.ds-seg__btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-seg__btn--active{color:var(--color-fg-primary)}.ds-seg__btn-icon{display:flex;align-items:center;flex-shrink:0}.ds-seg--s .ds-seg__btn{height:var(--height-1, 24px);padding:0 var(--space-2, 8px);font-size:var(--text-sm, 12px)}.ds-seg--m .ds-seg__btn{height:var(--height-2, 32px);padding:0 var(--space-3, 12px)}.ds-seg--sm .ds-seg__btn{height:var(--height-2-5, 36px);padding:0 var(--space-3, 12px)}.ds-seg--l .ds-seg__btn{height:var(--height-3, 44px);padding:0 var(--space-4, 16px);font-size:var(--text-lg, 16px)}@media (prefers-reduced-motion: reduce){.ds-seg__pill{transition:none}}.ds-accordion{min-width:0}.ds-accordion__header{display:flex;align-items:center;justify-content:space-between;width:100%;background-color:var(--color-surface-1);border:none;border-radius:var(--radius-3, 6px);color:var(--color-fg-primary);font-size:var(--text-xl, 18px);font-family:inherit;cursor:pointer;position:relative;isolation:isolate}.ds-accordion__header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:transparent;border-radius:inherit;pointer-events:none;z-index:-1;transition:background-color var(--transition-normal, .2s ease)}.ds-accordion__header[aria-expanded=true]{border-radius:var(--radius-3, 6px) var(--radius-3, 6px) 0 0}.ds-accordion__header:hover:before{background-color:var(--color-state-hover)}.ds-accordion__header:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-accordion__title{font-weight:var(--font-weight-regular, 400)}.ds-accordion__icon{flex-shrink:0;color:var(--color-fg-secondary);transition:transform var(--transition-normal, .2s ease)}.ds-accordion__icon--expanded{transform:rotate(180deg)}.ds-accordion__content{display:grid;grid-template-rows:0fr;overflow:hidden;transition:grid-template-rows var(--transition-normal, .2s ease)}.ds-accordion--expanded .ds-accordion__content{grid-template-rows:1fr}.ds-accordion__content-inner{overflow:hidden;min-height:0;opacity:0;visibility:hidden;transition:opacity var(--transition-normal, .2s ease) .05s,visibility 0s var(--transition-normal, .2s ease)}.ds-accordion--expanded .ds-accordion__content-inner{opacity:1;visibility:visible;transition:opacity var(--transition-normal, .2s ease) .05s,visibility 0s 0s}.ds-accordion__content-body{display:flex;flex-direction:column;background-color:var(--color-surface-1);border-radius:0 0 var(--radius-3, 6px) var(--radius-3, 6px)}.ds-accordion--s .ds-accordion__header{padding:var(--space-3, 12px)}.ds-accordion--s .ds-accordion__content-body{padding:var(--space-3, 12px);gap:var(--space-2, 8px)}.ds-accordion--m .ds-accordion__header{padding:var(--space-4, 16px)}.ds-accordion--m .ds-accordion__content-body{padding:var(--space-4, 16px);gap:var(--space-3, 12px)}.ds-accordion--l .ds-accordion__header{padding:var(--space-6, 24px)}.ds-accordion--l .ds-accordion__content-body{padding:var(--space-6, 24px);gap:var(--space-4, 16px)}@media (max-width: 640px){.ds-accordion__header{font-size:var(--text-lg, 16px)}.ds-accordion--l .ds-accordion__header{padding:var(--space-4, 16px)}.ds-accordion--l .ds-accordion__content-inner{padding:var(--space-4, 16px);gap:var(--space-3, 12px)}}.ds-tooltip-wrapper{position:relative;display:inline-flex}.ds-tooltip{background-color:var(--color-surface-3);color:var(--color-fg-secondary);font-size:var(--text-sm, 12px);letter-spacing:var(--tracking-sm);width:max-content;max-width:200px;padding:var(--space-2, 8px);border:1px solid var(--color-border-default);box-shadow:var(--shadow-1);z-index:var(--z-tooltip);border-radius:var(--radius-2, 4px);white-space:normal;word-wrap:break-word;pointer-events:none;line-height:1.4}.ds-tooltip--top:after{content:"";position:absolute;top:100%;left:calc(50% + var(--arrow-offset, 0px));transform:translate(-50%);border:4px solid transparent;border-top-color:var(--color-border-default)}.ds-tooltip--top:before{content:"";position:absolute;top:100%;left:calc(50% + var(--arrow-offset, 0px));transform:translate(-50%);border:3px solid transparent;border-top-color:var(--color-surface-3);z-index:1}.ds-tooltip--bottom:after{content:"";position:absolute;bottom:100%;left:calc(50% + var(--arrow-offset, 0px));transform:translate(-50%);border:4px solid transparent;border-bottom-color:var(--color-border-default)}.ds-tooltip--bottom:before{content:"";position:absolute;bottom:100%;left:calc(50% + var(--arrow-offset, 0px));transform:translate(-50%);border:3px solid transparent;border-bottom-color:var(--color-surface-3);z-index:1}.ds-tooltip--left:after{content:"";position:absolute;left:100%;top:50%;transform:translateY(-50%);border:4px solid transparent;border-left-color:var(--color-border-default)}.ds-tooltip--left:before{content:"";position:absolute;left:100%;top:50%;transform:translateY(-50%);border:3px solid transparent;border-left-color:var(--color-surface-3);z-index:1}.ds-tooltip--right:after{content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%);border:4px solid transparent;border-right-color:var(--color-border-default)}.ds-tooltip--right:before{content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%);border:3px solid transparent;border-right-color:var(--color-surface-3);z-index:1}.ds-toggle{display:inline-flex;align-items:center;gap:var(--space-3, 12px);cursor:pointer}.ds-toggle--disabled{opacity:var(--state-disabled-opacity, .4);cursor:not-allowed}.ds-toggle__input{position:absolute;opacity:0;pointer-events:none}.ds-toggle__track{position:relative;display:flex;align-items:center;background-color:var(--color-surface-1);border:1px solid var(--field-border);transition:background-color var(--transition-normal, .2s ease),border-color var(--transition-normal, .2s ease);flex-shrink:0}.ds-toggle__input:focus-visible+.ds-toggle__track{box-shadow:var(--focus-ring)}.ds-toggle__input:checked+.ds-toggle__track{background-color:var(--color-accent-default);border-color:var(--color-accent-default)}.ds-toggle__input:not(:checked)+.ds-toggle__track:hover{border-color:var(--field-border-active)}.ds-toggle__thumb{background-color:var(--color-accent-fg);border-radius:50%;transition:transform var(--transition-normal, .2s ease);box-shadow:0 1px 3px #0003}.ds-toggle__label{font-size:var(--text-lg, 16px);color:var(--color-fg-primary);-webkit-user-select:none;user-select:none}.ds-toggle--xs .ds-toggle__track{width:calc(var(--icon-1, 16px) * 1.75);height:var(--icon-1, 16px);border-radius:calc(var(--icon-1, 16px) / 2);padding:2px}.ds-toggle--xs .ds-toggle__thumb{width:calc(var(--icon-1, 16px) - 4px);height:calc(var(--icon-1, 16px) - 4px)}.ds-toggle--xs .ds-toggle__input:checked+.ds-toggle__track .ds-toggle__thumb{transform:translate(calc(var(--icon-1, 16px) * .75))}.ds-toggle--xs .ds-toggle__label{font-size:var(--text-sm, 12px)}.ds-toggle--s .ds-toggle__track{width:calc(var(--icon-2, 20px) * 1.75);height:var(--icon-2, 20px);border-radius:calc(var(--icon-2, 20px) / 2);padding:2px}.ds-toggle--s .ds-toggle__thumb{width:calc(var(--icon-2, 20px) - 4px);height:calc(var(--icon-2, 20px) - 4px)}.ds-toggle--s .ds-toggle__input:checked+.ds-toggle__track .ds-toggle__thumb{transform:translate(calc(var(--icon-2, 20px) * .75))}.ds-toggle--s .ds-toggle__label{font-size:var(--text-md, 14px)}.ds-toggle--m .ds-toggle__track{width:calc(var(--icon-3, 24px) * 1.75);height:var(--icon-3, 24px);border-radius:calc(var(--icon-3, 24px) / 2);padding:2px}.ds-toggle--m .ds-toggle__thumb{width:calc(var(--icon-3, 24px) - 4px);height:calc(var(--icon-3, 24px) - 4px)}.ds-toggle--m .ds-toggle__input:checked+.ds-toggle__track .ds-toggle__thumb{transform:translate(calc(var(--icon-3, 24px) * .75))}.ds-toggle--m .ds-toggle__label{font-size:var(--text-lg, 16px)}.ds-toggle--l .ds-toggle__track{width:calc(var(--icon-4, 28px) * 1.75);height:var(--icon-4, 28px);border-radius:calc(var(--icon-4, 28px) / 2);padding:3px}.ds-toggle--l .ds-toggle__thumb{width:calc(var(--icon-4, 28px) - 6px);height:calc(var(--icon-4, 28px) - 6px)}.ds-toggle--l .ds-toggle__input:checked+.ds-toggle__track .ds-toggle__thumb{transform:translate(calc(var(--icon-4, 28px) * .75))}.ds-toggle--l .ds-toggle__label{font-size:var(--text-lg, 16px)}.ds-checkbox{display:inline-flex;align-items:center;gap:var(--space-3, 12px);cursor:pointer}.ds-checkbox--disabled{opacity:var(--state-disabled-opacity, .4);cursor:not-allowed}.ds-checkbox__input{position:absolute;opacity:0;pointer-events:none}.ds-checkbox__box{position:relative;display:flex;align-items:center;justify-content:center;background-color:var(--color-surface-1);border:1px solid var(--field-border);transition:background-color var(--transition-normal, .2s ease),border-color var(--transition-normal, .2s ease);flex-shrink:0;border-radius:4px}.ds-checkbox__input:focus-visible+.ds-checkbox__box{box-shadow:var(--focus-ring)}.ds-checkbox__input:checked+.ds-checkbox__box{background-color:var(--color-accent-default);border-color:var(--color-accent-default)}.ds-checkbox__input:not(:checked)+.ds-checkbox__box:hover{border-color:var(--field-border-active)}.ds-checkbox__icon{color:var(--color-accent-fg)}.ds-checkbox__label{font-size:var(--text-lg, 16px);color:var(--color-fg-primary);-webkit-user-select:none;user-select:none}.ds-checkbox--xs .ds-checkbox__box{width:var(--icon-1, 16px);height:var(--icon-1, 16px)}.ds-checkbox--xs .ds-checkbox__label{font-size:var(--text-sm, 12px)}.ds-checkbox--s .ds-checkbox__box{width:var(--icon-2, 20px);height:var(--icon-2, 20px)}.ds-checkbox--s .ds-checkbox__label{font-size:var(--text-md, 14px)}.ds-checkbox--m .ds-checkbox__box{width:var(--icon-3, 24px);height:var(--icon-3, 24px)}.ds-checkbox--m .ds-checkbox__label{font-size:var(--text-lg, 16px)}.ds-checkbox--l .ds-checkbox__box{width:var(--icon-4, 28px);height:var(--icon-4, 28px)}.ds-checkbox--l .ds-checkbox__label{font-size:var(--text-lg, 16px)}.ds-radio{display:inline-flex;align-items:center;gap:var(--space-3, 12px);cursor:pointer}.ds-radio--disabled{opacity:var(--state-disabled-opacity, .4);cursor:not-allowed}.ds-radio__input{position:absolute;opacity:0;pointer-events:none}.ds-radio__circle{position:relative;display:flex;align-items:center;justify-content:center;background-color:var(--color-surface-1);border:1px solid var(--field-border);transition:background-color var(--transition-normal, .2s ease),border-color var(--transition-normal, .2s ease);flex-shrink:0;border-radius:50%}.ds-radio__input:checked+.ds-radio__circle{background-color:var(--color-accent-default);border-color:var(--color-accent-default)}.ds-radio__input:focus-visible+.ds-radio__circle{box-shadow:var(--focus-ring)}.ds-radio__input:not(:checked)+.ds-radio__circle:hover{border-color:var(--field-border-active)}.ds-radio__dot{background-color:var(--color-accent-fg);border-radius:50%;opacity:0;transition:opacity var(--transition-normal, .2s ease)}.ds-radio__input:checked+.ds-radio__circle .ds-radio__dot{opacity:1}.ds-radio__label{font-size:var(--text-lg, 16px);color:var(--color-fg-primary);-webkit-user-select:none;user-select:none}.ds-radio--xs .ds-radio__circle{width:var(--icon-1, 16px);height:var(--icon-1, 16px)}.ds-radio--xs .ds-radio__dot{width:6px;height:6px}.ds-radio--xs .ds-radio__label{font-size:var(--text-sm, 12px)}.ds-radio--s .ds-radio__circle{width:var(--icon-2, 20px);height:var(--icon-2, 20px)}.ds-radio--s .ds-radio__dot{width:8px;height:8px}.ds-radio--s .ds-radio__label{font-size:var(--text-md, 14px)}.ds-radio--m .ds-radio__circle{width:var(--icon-3, 24px);height:var(--icon-3, 24px)}.ds-radio--m .ds-radio__dot{width:10px;height:10px}.ds-radio--m .ds-radio__label{font-size:var(--text-lg, 16px)}.ds-radio--l .ds-radio__circle{width:var(--icon-4, 28px);height:var(--icon-4, 28px)}.ds-radio--l .ds-radio__dot{width:12px;height:12px}.ds-radio--l .ds-radio__label{font-size:var(--text-lg, 16px)}.ds-skeleton{display:block;background-color:var(--color-surface-2);animation:ds-skeleton-pulse 1.5s ease-in-out infinite}@keyframes ds-skeleton-pulse{0%,to{opacity:.4}50%{opacity:.85}}.ds-skeleton--rect{border-radius:var(--radius-2, 4px)}.ds-skeleton--circle{border-radius:var(--radius-full, 9999px)}.ds-skeleton--text{height:1em;border-radius:var(--radius-2, 4px)}.ds-skeleton--pill{border-radius:var(--radius-full, 9999px)}.ds-skeleton-text{display:flex;flex-direction:column;gap:var(--space-2, 8px);width:100%}.ds-avatar__initials{font-size:.4em;font-weight:var(--font-weight-medium, 500);line-height:1;letter-spacing:.02em;-webkit-user-select:none;user-select:none}.ds-avatar img{width:100%;height:100%;border-radius:inherit;object-fit:cover;display:block}.ds-avatar{flex-shrink:0;border-radius:var(--radius-full, 9999px);display:grid;place-items:center;border:1px solid var(--color-border-default);background-color:hsl(var(--ds-avatar-h, 220) 22% 88%);color:hsl(var(--ds-avatar-h, 220) 30% 35%);overflow:hidden}[data-theme=dark] .ds-avatar,:root:not([data-theme=light]) .ds-avatar{background-color:hsl(var(--ds-avatar-h, 220) 18% 22%);color:hsl(var(--ds-avatar-h, 220) 40% 72%)}.ds-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-3, 6px);border:1px solid var(--table-wrap-border)}.ds-table-wrap--scroll{overflow-y:auto}.ds-table{width:100%;border-collapse:collapse;background-color:var(--color-surface-1)}.ds-table thead{background-color:var(--color-surface-2)}.ds-table th{font-family:var(--table-th-font-family);font-weight:var(--table-th-weight);font-size:var(--table-th-font-size);color:var(--table-th-color);letter-spacing:var(--table-th-tracking);text-transform:var(--table-th-text-transform);text-align:left;white-space:nowrap;-webkit-user-select:none;user-select:none;position:sticky;top:var(--ds-table-sticky-top, 0px);z-index:2;background-color:var(--color-surface-2);box-shadow:0 1px 0 var(--table-row-border)}.ds-th--sortable{cursor:pointer}.ds-th--sortable:hover{color:var(--color-fg-primary)}.ds-th--sortable:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-table td{text-align:left;color:var(--color-fg-primary);border-bottom:1px solid var(--table-row-border);vertical-align:middle}.ds-table tbody tr:last-child td{border-bottom:none}.ds-table--compact th,.ds-table--compact td{padding:var(--space-2, 8px) var(--space-3, 12px);font-size:var(--text-sm, 12px);letter-spacing:var(--tracking-sm);line-height:1.4}.ds-table--default th,.ds-table--default td{padding:var(--space-3, 12px) var(--space-4, 16px);font-size:var(--text-md, 14px);letter-spacing:var(--tracking-md)}.ds-table-row--interactive{cursor:pointer;transition:background-color var(--transition-fast, .1s ease)}.ds-table-row--interactive:hover{background-color:var(--color-state-hover)}.ds-table-row--interactive:active{background-color:var(--color-state-active)}.ds-table-row--interactive:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:-2px}.ds-table-row--selected,.ds-table-row--selected.ds-table-row--interactive:hover{background-color:var(--color-state-selected)}.ds-table-cell--center{text-align:center}.ds-table-cell--right{text-align:right}.ds-table-cell--secondary{color:var(--color-fg-secondary)}.ds-table-cell--muted{color:var(--color-fg-disabled)}.ds-table-cell--truncate{max-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-table-cell--nowrap{white-space:nowrap}.ds-th__inner{display:inline-flex;align-items:center;gap:var(--space-1, 4px)}.ds-th__sort-icon{flex-shrink:0;opacity:.35;transition:opacity var(--transition-fast, .1s ease)}.ds-th--sorted .ds-th__sort-icon{opacity:1;color:var(--color-accent-default)}.ds-th--sortable:hover .ds-th__sort-icon{opacity:.7}.ds-table-row--subheader td{font-family:var(--table-subrow-font);color:var(--table-subrow-color);background-color:var(--table-subrow-bg);letter-spacing:var(--table-subrow-tracking);text-transform:var(--table-subrow-transform);font-weight:var(--table-th-weight);border-top:1px solid var(--table-row-border);border-bottom:1px solid var(--table-row-border);pointer-events:none;-webkit-user-select:none;user-select:none}@keyframes ds-row-exit{to{opacity:0;transform:translateY(-3px)}}@keyframes ds-row-flash{0%{background-color:var(--color-accent-bg)}to{background-color:transparent}}.ds-table-row{transition:background-color .1s ease;transition:opacity .18s ease,transform .18s ease,background-color .1s ease}@starting-style{.ds-table-row{opacity:0;transform:translateY(-3px)}}.ds-table-row--exiting{animation:ds-row-exit .18s ease forwards;pointer-events:none}.ds-table-row--updated{animation:ds-row-flash .6s ease}@media (prefers-reduced-motion: reduce){.ds-table-row,.ds-table-row--exiting,.ds-table-row--updated{animation:none;transition:none}}.ds-empty-state{display:flex;flex-direction:column;align-items:center;text-align:center}.ds-empty-state__icon{color:var(--color-fg-disabled);flex-shrink:0;display:flex;align-items:center}.ds-empty-state--s .ds-empty-state__icon svg{width:var(--icon-3, 24px);height:var(--icon-3, 24px)}.ds-empty-state--m .ds-empty-state__icon svg,.ds-empty-state--l .ds-empty-state__icon svg{width:var(--icon-5, 48px);height:var(--icon-5, 48px)}.ds-empty-state__title{font-size:var(--text-lg, 16px);font-weight:var(--font-weight-medium, 500);color:var(--color-fg-primary);line-height:1.4}.ds-empty-state__description{font-size:var(--text-md, 14px);color:var(--color-fg-secondary);line-height:1.5;max-width:360px}.ds-empty-state--s{padding:var(--space-6, 24px);gap:var(--space-2, 8px)}.ds-empty-state--s .ds-empty-state__title{font-size:var(--text-md, 14px)}.ds-empty-state--s .ds-empty-state__description{font-size:var(--text-sm, 12px)}.ds-empty-state--m{padding:var(--space-10, 40px);gap:var(--space-3, 12px)}.ds-empty-state--l{padding:var(--space-16, 64px);gap:var(--space-4, 16px)}.ds-empty-state--l .ds-empty-state__title{font-size:var(--text-xl, 18px)}.ds-empty-state__action{margin-top:var(--space-1, 4px)}.ds-field{display:flex;flex-direction:column}.ds-field[data-disabled]{opacity:var(--state-disabled-opacity, .4);pointer-events:none;cursor:not-allowed}.ds-field-label{font-family:var(--font-ui, inherit);font-size:var(--label-font-size);font-weight:var(--font-weight-regular, 400);letter-spacing:var(--label-tracking);text-transform:var(--label-text-transform);color:var(--label-color);margin-bottom:var(--space-1, 4px)}.ds-field[data-required] .ds-field-label:after{content:" *";color:var(--color-error)}.ds-field-hint,.ds-field-error{font-size:var(--text-md, 14px);line-height:1.5;margin-top:var(--space-2, 8px)}.ds-field-hint{color:var(--color-fg-secondary)}.ds-field-error{color:var(--color-error)}[data-state=error] .ds-field-control .ds-input,[data-state=error] .ds-field-control .ds-textarea,[data-state=error] .ds-field-control .ds-select-trigger{border-color:var(--color-error)}[data-density=compact] .ds-field-hint,[data-density=compact] .ds-field-error{font-size:var(--text-sm, 12px);margin-top:var(--space-1, 4px)}.ds-stat{display:flex;flex-direction:column;gap:var(--space-1, 4px)}.ds-stat--inline{flex-direction:row;align-items:baseline;gap:var(--space-3, 12px)}.ds-stat--xs .ds-stat-label{font-size:11px}.ds-stat--xs .ds-stat-value{font-size:20px}.ds-stat--s .ds-stat-label{font-size:var(--text-sm, 12px)}.ds-stat--s .ds-stat-value{font-size:24px}.ds-stat--m .ds-stat-label{font-size:var(--text-md, 14px)}.ds-stat--m .ds-stat-value{font-size:32px}.ds-stat--l .ds-stat-label{font-size:var(--text-md, 14px)}.ds-stat--l .ds-stat-value{font-size:40px}.ds-stat-label{font-family:var(--font-ui, inherit);color:var(--color-fg-secondary);letter-spacing:var(--ui-tracking, 0);text-transform:var(--ui-text-transform, none);line-height:1.2}.ds-stat-value{font-weight:var(--font-weight-semibold, 600);color:var(--color-fg-primary);line-height:1.1;font-variant-numeric:tabular-nums}.ds-stat-delta{font-size:var(--text-sm, 12px);font-weight:var(--font-weight-medium, 500);line-height:1.2}.ds-stat-delta--up{color:var(--color-status-success)}.ds-stat-delta--down{color:var(--color-status-error)}.ds-stat-delta--neutral{color:var(--color-fg-secondary)}[data-density=compact] .ds-stat--m .ds-stat-value{font-size:24px}[data-density=compact] .ds-stat--l .ds-stat-value{font-size:32px}.ds-breadcrumb-list{display:flex;flex-wrap:wrap;align-items:center;list-style:none;margin:0;padding:0;font-family:var(--font-ui, inherit);font-size:var(--text-md, 14px)}.ds-breadcrumb-item{display:flex;align-items:center}.ds-breadcrumb-sep{padding:0 var(--space-2, 8px);color:var(--color-fg-disabled);-webkit-user-select:none;user-select:none}.ds-breadcrumb-list a{color:var(--color-fg-secondary);text-decoration:none;border-radius:var(--radius-1, 2px);transition:color var(--motion-hover, .2s ease)}.ds-breadcrumb-list a:hover{color:var(--color-fg-primary)}.ds-breadcrumb-list a:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-breadcrumb-list [aria-current=page]{color:var(--color-fg-primary);font-weight:var(--font-weight-medium, 500)}[data-density=compact] .ds-breadcrumb-list{font-size:var(--text-sm, 12px)}.ds-pagination{display:flex;align-items:center;gap:var(--space-1, 4px);font-family:var(--font-ui, inherit)}.ds-pagination-page,.ds-pagination-arrow{display:flex;align-items:center;justify-content:center;height:var(--height-2, 32px);min-width:var(--height-2, 32px);padding:0 var(--space-2, 8px);border:none;background:none;color:var(--color-fg-secondary);font-family:inherit;font-size:var(--text-md, 14px);border-radius:var(--radius-2, 4px);cursor:pointer;transition:background-color var(--motion-hover, .2s ease),color var(--motion-hover, .2s ease)}.ds-pagination-page:hover:not(:disabled),.ds-pagination-arrow:hover:not(:disabled){background-color:var(--color-state-hover);color:var(--color-fg-primary)}.ds-pagination-page:focus-visible,.ds-pagination-arrow:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-pagination-page:disabled,.ds-pagination-arrow:disabled{opacity:var(--state-disabled-opacity, .4);cursor:not-allowed}.ds-pagination-page--current{background-color:var(--color-state-selected);color:var(--color-fg-primary);font-weight:var(--font-weight-medium, 500);cursor:default}.ds-pagination-page--current:hover{background-color:var(--color-state-selected)}.ds-pagination-gap{display:flex;align-items:center;justify-content:center;min-width:var(--height-2, 32px);color:var(--color-fg-disabled);font-size:var(--text-md, 14px);-webkit-user-select:none;user-select:none}[data-density=compact] .ds-pagination-page,[data-density=compact] .ds-pagination-arrow{font-size:var(--text-sm, 12px)}@keyframes ds-side-page-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes ds-side-page-overlay-out{0%{opacity:1}to{opacity:0}}@keyframes ds-side-page-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes ds-side-page-out-right{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes ds-side-page-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes ds-side-page-out-left{0%{transform:translate(0)}to{transform:translate(-100%)}}.ds-side-page-overlay{position:fixed;top:0;bottom:0;left:var(--ds-side-page-offset-left, 0);right:var(--ds-side-page-offset-right, 0);background-color:var(--color-overlay);z-index:var(--z-modal);display:flex;align-items:stretch;animation:ds-side-page-overlay-in .2s ease}.ds-side-page-overlay[data-side=right]{justify-content:flex-end}.ds-side-page-overlay[data-side=left]{justify-content:flex-start}.ds-side-page-overlay--closing{animation:ds-side-page-overlay-out .3s ease forwards}.ds-side-page{height:100%;background-color:var(--color-surface-2);box-shadow:var(--shadow-3);display:flex;flex-direction:column;position:relative;overflow:hidden}.ds-side-page[data-size=narrow]{width:360px;max-width:100%}.ds-side-page[data-size=medium]{width:600px;max-width:100%}.ds-side-page[data-size=wide]{width:90vw;max-width:960px}.ds-side-page[data-side=right]{border-radius:var(--radius-4, 12px) 0 0 var(--radius-4, 12px);animation:ds-side-page-in-right .35s cubic-bezier(.32,.72,0,1)}.ds-side-page[data-side=left]{border-radius:0 var(--radius-4, 12px) var(--radius-4, 12px) 0;animation:ds-side-page-in-left .35s cubic-bezier(.32,.72,0,1)}.ds-side-page--closing[data-side=right]{animation:ds-side-page-out-right .3s cubic-bezier(.32,.72,0,1) forwards}.ds-side-page--closing[data-side=left]{animation:ds-side-page-out-left .3s cubic-bezier(.32,.72,0,1) forwards}.ds-side-page__close{position:absolute;top:var(--space-2, 8px);right:var(--space-2, 8px);z-index:1}.ds-side-page__header{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6) var(--space-6) var(--space-4);padding-right:calc(var(--space-6, 24px) + 32px + var(--space-2, 8px));border-bottom:1px solid var(--color-border-light);flex-shrink:0}.ds-side-page__title{font-size:var(--text-2xl, 20px);font-weight:var(--font-weight-medium, 500);color:var(--color-fg-primary);margin:0}.ds-side-page[data-size=narrow] .ds-side-page__title{font-size:var(--text-xl, 18px)}.ds-side-page__subheader{display:flex;flex-direction:column;gap:var(--space-4)}.ds-side-page__body{padding:var(--space-6);flex:1;overflow-y:auto;min-height:0;overscroll-behavior:contain}.ds-side-page__footer{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6) var(--space-6);border-top:1px solid var(--color-border-light);background-color:var(--color-surface-2);flex-shrink:0}@media (max-width: 639px){.ds-side-page{width:100%!important;max-width:100%!important;border-radius:0!important}}.ds-nav-rail{display:flex;flex-direction:column;width:240px;background-color:var(--color-surface-1);overflow:hidden;transition:width var(--motion-hover);flex-shrink:0;box-sizing:border-box}.ds-nav-rail--left{border-right:1px solid var(--color-border-light)}.ds-nav-rail--right{border-left:1px solid var(--color-border-light)}.ds-nav-rail--collapsed{width:56px}.ds-nav-rail--collapsed[data-expandable]{cursor:e-resize}.ds-nav-rail--right.ds-nav-rail--collapsed[data-expandable]{cursor:w-resize}.ds-nav-rail--collapsed[data-expandable] button,.ds-nav-rail--collapsed[data-expandable] a{cursor:pointer}.ds-nav-rail[data-collapsible]{cursor:w-resize}.ds-nav-rail--right[data-collapsible]{cursor:e-resize}.ds-nav-rail[data-collapsible] button,.ds-nav-rail[data-collapsible] a{cursor:pointer}.ds-nav-rail__item{position:relative;display:flex;align-items:center;gap:var(--space-3);height:var(--height-3, 44px);min-height:var(--height-3, 44px);flex-shrink:0;padding:0 var(--space-3);margin:1px 0;color:var(--color-fg-secondary);border-radius:var(--radius-3);outline:none;cursor:pointer;text-decoration:none;border:none;background:transparent;width:100%;text-align:left;box-sizing:border-box;transition:color var(--motion-hover);font-family:var(--font-ui, inherit)}.ds-nav-rail__item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background-color:transparent;pointer-events:none;transition:background-color var(--motion-hover);z-index:0}.ds-nav-rail__item:hover:before{background-color:var(--color-state-hover)}.ds-nav-rail__item:active:before{background-color:var(--color-state-active)}.ds-nav-rail__item[data-selected]{color:var(--color-fg-primary);font-weight:var(--font-weight-medium, 500)}.ds-nav-rail__item[data-selected]:before{background-color:var(--color-state-selected)}.ds-nav-rail__item[data-selected]:after{content:"";position:absolute;left:calc(-1 * var(--space-2));top:var(--space-2);bottom:var(--space-2);width:2px;background:var(--color-fg-primary);border-radius:0 var(--radius-1) var(--radius-1) 0}.ds-nav-rail--right .ds-nav-rail__item[data-selected]:after{left:auto;right:calc(-1 * var(--space-2));border-radius:var(--radius-1) 0 0 var(--radius-1)}.ds-nav-rail__item:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-nav-rail__item[data-disabled]{color:var(--color-fg-disabled);cursor:not-allowed;pointer-events:none}.ds-nav-rail__item[data-disabled]:before,.ds-nav-rail__item[data-disabled]:after{display:none}.ds-nav-rail__item[data-open]{box-shadow:inset 0 0 0 1px var(--color-border-strong)}.ds-nav-rail__item[data-open][data-selected]{box-shadow:inset 0 0 0 1px var(--color-border-strong),var(--focus-ring, none)}.ds-nav-rail__item[data-onboarding]{box-shadow:0 0 0 2px var(--color-accent-2)}.ds-nav-rail__icon,.ds-nav-rail__label,.ds-nav-rail__count,.ds-nav-rail__dot,.ds-nav-rail__badge-collapsed,.ds-nav-rail__badge-expanded{position:relative;z-index:1}.ds-nav-rail__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px}.ds-nav-rail__label{flex:1;font-size:var(--text-s, 14px);line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ds-nav-rail__count{font-size:var(--text-xs, 12px);color:var(--color-fg-secondary);min-width:16px;text-align:right;flex-shrink:0}.ds-nav-rail__count--zero{color:var(--color-fg-disabled)}.ds-nav-rail__dot{position:absolute;top:8px;right:8px;width:6px;height:6px;border-radius:var(--radius-full);background-color:var(--color-accent-default);animation:ds-nav-rail-pulse 2s ease-in-out infinite}@keyframes ds-nav-rail-pulse{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion: reduce){.ds-nav-rail__dot{animation:none}.ds-nav-rail{transition:none}}.ds-nav-rail__badge-collapsed{position:absolute;top:6px;right:6px;line-height:1}.ds-nav-rail__header{display:flex;flex-direction:column;align-items:flex-start;padding:var(--space-2) var(--space-2) var(--space-1);flex-shrink:0}.ds-nav-rail__body{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:var(--space-1) var(--space-2)}.ds-nav-rail__footer{display:flex;flex-direction:column;padding:var(--space-1) var(--space-2) var(--space-2);flex-shrink:0}.ds-nav-rail__divider{border:none;border-top:1px solid var(--color-border-light);margin:var(--space-1) var(--space-2);flex-shrink:0}.ds-nav-rail__recents{display:flex;flex-direction:column}.ds-nav-rail__recents-toggle{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3) var(--space-1);background:none;border:none;cursor:pointer;outline:none;width:100%;text-align:left;color:var(--color-fg-disabled)}.ds-nav-rail__recents-toggle:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-2)}.ds-nav-rail__recents-label{flex:1;font-size:var(--text-xs, 12px);line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;letter-spacing:.04em}.ds-nav-rail__recents-chevron{flex-shrink:0;transition:transform var(--motion-hover)}.ds-nav-rail__recents-toggle--closed .ds-nav-rail__recents-chevron{transform:rotate(-90deg)}.ds-nav-rail__recents-body{display:flex;flex-direction:column}.ds-nav-rail__agent .ds-nav-rail__icon{width:24px;height:24px}.ds-nav-rail--collapsed{--_strip-offset: calc((56px - var(--height-3, 44px)) / 2)}.ds-nav-rail--collapsed .ds-nav-rail__item{justify-content:center;padding:0;width:var(--height-3, 44px);margin-left:auto;margin-right:auto}.ds-nav-rail--collapsed .ds-nav-rail__item[data-selected]:after{left:calc(-1 * var(--_strip-offset))}.ds-nav-rail--right.ds-nav-rail--collapsed .ds-nav-rail__item[data-selected]:after{left:auto;right:calc(-1 * var(--_strip-offset))}.ds-nav-rail--collapsed .ds-nav-rail__body,.ds-nav-rail--collapsed .ds-nav-rail__header,.ds-nav-rail--collapsed .ds-nav-rail__footer{padding-left:0;padding-right:0}.ds-nav-rail--collapsed .ds-nav-rail__header{align-items:center}.ds-nav-rail--collapsed .ds-nav-rail__label,.ds-nav-rail--collapsed .ds-nav-rail__count,.ds-nav-rail--collapsed .ds-nav-rail__badge-expanded{display:none}.ds-nav-rail-flyout{position:fixed;width:240px;background-color:var(--color-surface-2);border:1px solid var(--color-border-light);border-radius:var(--radius-3, 8px);box-shadow:var(--shadow-3);display:flex;flex-direction:column;max-height:calc(100vh - 16px);overflow:hidden;opacity:0;pointer-events:none;z-index:var(--z-dropdown, 400)}.ds-nav-rail-flyout--left{transform:translate(-6px);transition:opacity var(--motion-enter, .2s ease),transform var(--motion-enter, .2s ease)}.ds-nav-rail-flyout--right{transform:translate(6px);transition:opacity var(--motion-enter, .2s ease),transform var(--motion-enter, .2s ease)}.ds-nav-rail-flyout--visible{opacity:1;transform:translate(0);pointer-events:auto}.ds-nav-rail-flyout__header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-light);flex-shrink:0}.ds-nav-rail-flyout__title{flex:1;font-size:var(--text-s, 14px);font-weight:var(--font-weight-medium, 500);color:var(--color-fg-primary);font-family:var(--font-ui, inherit);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-nav-rail-flyout__close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;border:none;background:none;border-radius:var(--radius-1, 4px);color:var(--color-fg-secondary);cursor:pointer;padding:0}.ds-nav-rail-flyout__close:hover{background-color:var(--color-state-hover);color:var(--color-fg-primary)}.ds-nav-rail-flyout__close:active{background-color:var(--color-state-active)}.ds-nav-rail-flyout__close:focus-visible{box-shadow:var(--focus-ring);outline:none}.ds-nav-rail-flyout__body{flex:1;overflow-y:auto;padding:var(--space-1) var(--space-2)}.ds-banner{display:flex;align-items:center;gap:var(--space-3, 12px);min-height:var(--height-3, 44px);padding:0 var(--space-5, 20px);width:100%;font-family:var(--font-ui, inherit);font-size:var(--text-md, 14px)}.ds-banner-icon{display:flex;align-items:center;flex-shrink:0}.ds-banner-text{flex:1;color:var(--color-fg-primary);line-height:1.5}.ds-banner-action{background:none;border:1px solid currentColor;border-radius:var(--radius-2, 4px);color:inherit;cursor:pointer;font-family:inherit;font-size:var(--text-sm, 12px);font-weight:var(--font-weight-medium, 500);padding:2px var(--space-3, 12px);white-space:nowrap;transition:opacity var(--motion-hover, .2s ease)}.ds-banner-action:hover{opacity:.8}.ds-banner-action:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-banner-dismiss{display:flex;align-items:center;background:none;border:none;color:inherit;cursor:pointer;opacity:.7;padding:0;flex-shrink:0;transition:opacity var(--motion-hover, .2s ease)}.ds-banner-dismiss:hover{opacity:1}.ds-banner-dismiss:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-2, 4px)}.ds-banner--info{background:linear-gradient(var(--color-status-info-bg),var(--color-status-info-bg)),var(--color-surface-1);color:var(--color-status-info)}.ds-banner--success{background:linear-gradient(var(--color-status-success-bg),var(--color-status-success-bg)),var(--color-surface-1);color:var(--color-status-success)}.ds-banner--warning{background:linear-gradient(var(--color-status-warning-bg),var(--color-status-warning-bg)),var(--color-surface-1);color:var(--color-status-warning)}.ds-banner--error{background:linear-gradient(var(--color-status-error-bg),var(--color-status-error-bg)),var(--color-surface-1);color:var(--color-status-error)}.ds-dropdown{position:relative;display:inline-block}.ds-dropdown--full-width{display:block;width:100%}.ds-dropdown__trigger{display:inline-flex}.ds-dropdown--full-width>.ds-dropdown__trigger{display:flex;width:100%}.ds-dropdown--full-width .ds-tooltip-wrapper{width:100%;justify-content:center}@keyframes ds-dropdown-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes ds-dropdown-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}.ds-dropdown__menu{position:fixed;z-index:var(--z-dropdown);min-width:180px;background-color:var(--color-surface-2);border:1px solid var(--color-border-default);border-radius:var(--radius-3, 6px);box-shadow:var(--shadow-2);padding:var(--space-2, 8px);animation:ds-dropdown-in var(--motion-enter, .3s ease)}.ds-dropdown__menu--closing{animation:ds-dropdown-out var(--motion-exit, .2s ease) forwards}.ds-dropdown__item{display:flex;align-items:center;gap:var(--space-2, 8px);width:100%;height:var(--height-2, 32px);padding:0 var(--space-3, 12px);background:none;border:none;border-radius:var(--radius-2, 4px);cursor:pointer;font-size:var(--text-md, 14px);font-family:var(--font-ui, inherit);font-weight:var(--font-weight-regular, 400);color:var(--color-fg-secondary);text-align:left;text-decoration:none;transition:background-color var(--transition-normal, .2s ease),color var(--transition-normal, .2s ease)}.ds-dropdown__item:hover:not(:disabled):not([aria-disabled=true]),.ds-dropdown__item:focus-visible{background-color:var(--color-state-hover);color:var(--color-fg-primary);outline:none}.ds-dropdown__item:disabled,.ds-dropdown__item[aria-disabled=true]{color:var(--color-fg-disabled);cursor:not-allowed}.ds-dropdown__item--danger{color:var(--color-status-error)}.ds-dropdown__item--danger:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--color-status-error-bg);color:var(--color-status-error)}.ds-dropdown__item-icon{display:flex;align-items:center;flex-shrink:0}.ds-dropdown__item-label{flex:1}.ds-dropdown__item-shortcut{font-size:var(--text-sm, 12px);color:var(--color-fg-disabled);padding-left:var(--space-3, 12px)}.ds-dropdown__separator{height:1px;background-color:var(--color-border-light);margin:var(--space-2, 8px) 0}.ds-dropdown__section{padding:var(--space-2, 8px) var(--space-2, 8px) var(--space-2, 8px)}.ds-dropdown__section-label{font-size:var(--text-sm, 12px);color:var(--color-fg-secondary);margin-bottom:var(--space-2, 8px);padding:0 var(--space-1, 4px)}.ds-progress{display:flex;align-items:center;gap:var(--space-2, 8px);width:100%}.ds-progress__track{flex:1;background-color:var(--color-state-selected);border-radius:var(--radius-full, 9999px);overflow:hidden}.ds-progress__fill{height:100%;border-radius:var(--radius-full, 9999px);transition:width .35s ease}.ds-progress--instant .ds-progress__fill{transition:none}.ds-progress__fill--default{background-color:var(--color-accent-default)}.ds-progress__fill--success{background-color:var(--color-status-success)}.ds-progress__fill--warning{background-color:var(--color-status-warning)}.ds-progress__fill--danger{background-color:var(--color-status-error)}.ds-progress--xs .ds-progress__track{height:var(--space-1, 4px)}.ds-progress--s .ds-progress__track{height:var(--space-2, 8px)}.ds-progress--m .ds-progress__track{height:var(--space-3, 12px)}.ds-progress--l .ds-progress__track{height:var(--space-6, 24px)}.ds-progress__value{flex-shrink:0;font-size:var(--text-sm, 12px);color:var(--color-fg-secondary);font-family:var(--font-ui, inherit);min-width:2.5ch;text-align:right}@media (prefers-reduced-motion: reduce){.ds-progress__fill{transition:none}}.ds-toast-container{position:fixed;z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-2, 8px);pointer-events:none}.ds-toast-container--bottom-right{bottom:var(--space-6, 24px);right:var(--space-6, 24px);align-items:flex-end}.ds-toast-container--bottom-left{bottom:var(--space-6, 24px);left:var(--space-6, 24px);align-items:flex-start}.ds-toast-container--top-right{top:var(--space-6, 24px);right:var(--space-6, 24px);align-items:flex-end}.ds-toast-container--top-left{top:var(--space-6, 24px);left:var(--space-6, 24px);align-items:flex-start}.ds-toast-container--bottom-center{bottom:var(--space-6, 24px);left:50%;transform:translate(-50%);align-items:center}.ds-toast{display:flex;align-items:center;gap:var(--space-3, 12px);padding:var(--space-3, 12px);border-radius:var(--radius-3, 6px);box-shadow:var(--shadow-3);font-size:var(--text-md, 14px);pointer-events:all;max-width:380px;min-width:240px;opacity:0;transform:translateY(8px);transition:opacity var(--motion-enter, .3s ease),transform var(--motion-enter, .3s ease)}.ds-toast--visible{opacity:1;transform:translateY(0)}.ds-toast--default{background:linear-gradient(var(--color-status-info-bg),var(--color-status-info-bg)),var(--color-surface-1);color:var(--color-status-info)}.ds-toast--success{background:linear-gradient(var(--color-status-success-bg),var(--color-status-success-bg)),var(--color-surface-1);color:var(--color-status-success)}.ds-toast--warning{background:linear-gradient(var(--color-status-warning-bg),var(--color-status-warning-bg)),var(--color-surface-1);color:var(--color-status-warning)}.ds-toast--error{background:linear-gradient(var(--color-status-error-bg),var(--color-status-error-bg)),var(--color-surface-1);color:var(--color-status-error)}.ds-toast__icon{flex-shrink:0;display:flex;align-items:center}.ds-toast__message{flex:1;color:var(--color-fg-primary);line-height:1.5}.ds-toast__close{flex-shrink:0;background:none;border:none;cursor:pointer;color:inherit;opacity:.7;padding:0;display:flex;align-items:center;transition:opacity var(--transition-normal, .2s ease)}.ds-toast__close:hover{opacity:1}.ds-toast__close:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-2, 4px)}.ds-tool-card{border-radius:var(--radius-3);overflow:hidden}.ds-tool-card .ds-accordion__header{font-size:var(--text-sm, 12px)}.ds-tool-card__title-row{display:flex;align-items:center;gap:var(--space-2, 8px);min-width:0}.ds-tool-card__icon{display:inline-flex;flex-shrink:0;color:var(--color-fg-secondary)}.ds-tool-card__label{font-family:var(--font-mono, monospace);font-size:var(--text-sm, 12px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-tool-card__body{display:flex;flex-direction:column;gap:var(--space-3, 12px)}.ds-tool-card--running .ds-accordion__icon{display:none}.ds-tool-card--running .ds-accordion__header{cursor:default;pointer-events:none}.ds-tool-card--bubble{display:flex;align-items:center;padding:var(--space-3, 12px);background:var(--color-surface-1);color:var(--color-fg-secondary)}.ds-streaming-text{white-space:pre-wrap}.ds-cursor{display:inline-block;margin-left:2px;background:currentColor;opacity:.8;vertical-align:text-bottom;animation:ds-cursor-blink 1s steps(2,end) infinite}.ds-cursor--line{width:2px;height:1.1em}.ds-cursor--block{width:.5em;height:1em}@keyframes ds-cursor-blink{50%{opacity:0}}@media (prefers-reduced-motion: reduce){.ds-cursor{animation:none;opacity:.6}}.ds-reasoning__title{display:flex;align-items:center;gap:var(--space-2, 8px)}.ds-reasoning__icon{color:var(--color-fg-secondary);flex-shrink:0}.ds-step-indicator{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3, 12px)}.ds-step-indicator__dots{display:flex;gap:var(--space-2, 8px);align-items:center}.ds-step-indicator__dot{width:18px;height:6px;border-radius:var(--radius-full, 9999px);border:none;padding:0;background:var(--color-border-default);cursor:default;transition:width var(--transition-fast, .15s ease),background-color var(--transition-fast, .15s ease);display:inline-flex;align-items:center;justify-content:center;color:transparent}.ds-step-indicator__dot:not(:disabled){cursor:pointer}.ds-step-indicator__dot:not(:disabled):hover{background:var(--color-fg-secondary)}.ds-step-indicator__dot--active{background:var(--color-accent-default);width:28px}.ds-step-indicator__dot--done{background:var(--color-accent-default);color:#fff}.ds-step-indicator__dot:disabled:not(.ds-step-indicator__dot--active):not(.ds-step-indicator__dot--done){opacity:.5}.ds-step-indicator__counter{font-variant-numeric:tabular-nums;letter-spacing:.02em}.ds-chat-message{display:flex;flex-direction:column;position:relative}.ds-chat-message--user{align-items:flex-end;padding-left:10%}.ds-chat-message--user .ds-chat-message__bubble{position:relative;max-width:80%;padding:var(--space-3, 12px) var(--space-4, 16px);background:var(--color-surface-1);border-radius:var(--radius-4, 8px) var(--radius-4, 8px) 0 var(--radius-4, 8px);overflow-wrap:break-word;word-break:break-word}.ds-chat-message--user .ds-chat-message__bubble:after{content:"";position:absolute;bottom:0;right:-6px;width:0;height:0;border-style:solid;border-width:6px 0 0 6px;border-color:transparent transparent transparent var(--color-surface-1)}.ds-chat-message--user .ds-chat-message__footer{margin-top:var(--space-1, 4px);margin-bottom:var(--space-2, 8px);display:flex;justify-content:flex-end}.ds-chat-message--assistant{padding-left:var(--space-2, 8px);padding-right:10%}.ds-chat-message--assistant .ds-chat-message__footer{margin-top:var(--space-1, 4px);margin-bottom:var(--space-2, 8px);display:flex;align-items:center;gap:var(--space-1, 4px)}.ds-chat-message--tool{padding-left:var(--space-2, 8px)}.ds-chat-message--system{align-items:center;padding:var(--space-1, 4px) 0}.ds-chat-message__system-label{font-size:var(--text-sm, 12px);color:var(--color-fg-secondary);background:var(--color-state-selected);padding:var(--space-1, 4px) var(--space-3, 12px);border-radius:var(--radius-full, 9999px)}.ds-chat-message__attachments{display:flex;flex-wrap:wrap;gap:var(--space-2, 8px);margin-bottom:var(--space-3, 12px)}.ds-chat-message:has(.ds-chat-message__footer) .ds-chat-message__body>*:last-child,.ds-chat-message:has(.ds-chat-message__footer) .ds-chat-message__bubble>*:last-child{margin-bottom:0}.ds-message-action{display:inline-flex;flex-shrink:0;opacity:0;transition:opacity var(--transition-fast)}.ds-chat-message--assistant:hover .ds-message-action,.ds-chat-message--user:hover .ds-message-action,.ds-message-action:focus-within{opacity:1}@media (hover: none){.ds-message-action{opacity:1}}.ds-chat-message__timestamp{font-size:var(--text-xs, 11px);color:var(--color-fg-secondary);white-space:nowrap;align-items:center;margin-left:var(--space-3, 12px)}.ds-chat-message--user .ds-chat-message__footer .ds-chat-message__timestamp{margin-left:0;margin-right:var(--space-3, 12px)}.ds-prompt-input{display:flex;gap:var(--space-3);background-color:var(--color-surface-0)}.ds-prompt-input__file-input{display:none}.ds-prompt-input__box{flex:1;display:flex;flex-direction:column;gap:var(--space-3);border:1px solid var(--color-border-default);border-radius:var(--radius-3);padding:var(--space-3);box-shadow:var(--shadow-1);transition:border-color var(--transition-fast),background-color var(--transition-fast);position:relative}.ds-prompt-input__box:hover{border-color:var(--color-border-strong)}.ds-prompt-input__box:focus-within{border-color:var(--color-border-focus);box-shadow:var(--focus-ring)}.ds-prompt-input__box--dragging{border-color:var(--color-accent-default)!important;background-color:var(--color-accent-bg)}.ds-prompt-input__drag-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-3);border:2px dashed var(--color-accent-default);background:var(--color-accent-bg);z-index:10;pointer-events:none;color:var(--color-accent-default);font-size:var(--text-md);font-family:inherit}.ds-prompt-input__textarea{resize:none;background-color:transparent;border:none;color:var(--color-fg-primary);font-size:var(--text-md);font-family:inherit;outline:none;width:100%}.ds-prompt-input__textarea--anim{caret-color:transparent}.ds-prompt-input__anim{position:absolute;top:var(--space-3);left:var(--space-3);right:var(--space-3);pointer-events:none;-webkit-user-select:none;user-select:none;font-size:var(--text-md);font-family:inherit;line-height:1.4;color:var(--color-fg-secondary);opacity:.78;display:flex;align-items:baseline;flex-wrap:nowrap;overflow:hidden;white-space:nowrap;text-overflow:clip}.ds-prompt-input__anim-text{display:inline-block;white-space:nowrap}.ds-prompt-input__anim-cursor{display:inline-block;width:.55ch;height:1.05em;margin-left:1px;background:currentColor;transform:translateY(.16em);animation:ds-prompt-cursor-blink 1.05s steps(1) infinite;flex-shrink:0}@keyframes ds-prompt-cursor-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}.ds-prompt-input__images{display:flex;gap:var(--space-2);flex-wrap:wrap}.ds-prompt-input__image-thumb{position:relative;width:56px;height:56px;border-radius:var(--radius-3);overflow:hidden;border:1px solid var(--color-border-default)}.ds-prompt-input__image-thumb img{width:100%;height:100%;object-fit:cover}.ds-prompt-input__image-remove{position:absolute;top:2px;right:2px;width:18px;height:18px;border-radius:50%;background-color:var(--color-overlay);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;line-height:1}.ds-prompt-input__attachments{display:flex;flex-wrap:wrap;gap:var(--space-2)}.ds-prompt-input__badge-content{display:flex;align-items:center;gap:var(--space-2)}.ds-prompt-input__uploading{color:var(--color-fg-secondary);font-size:var(--text-sm)}.ds-prompt-input__remove-btn{background:none;border:none;cursor:pointer;padding:0;display:flex;color:var(--color-fg-primary)}.ds-prompt-input__warnings{display:flex;flex-direction:column;gap:var(--space-2)}.ds-prompt-input__warning{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-3);background:var(--color-state-warning-subtle, var(--color-surface-1));color:var(--color-fg-primary);font-size:var(--text-sm)}.ds-prompt-input__warning-close{background:none;border:none;cursor:pointer;padding:0;display:flex;color:inherit;flex-shrink:0}.ds-prompt-input__toolbar{display:flex;align-items:center;gap:var(--space-2)}.ds-prompt-input__spacer{flex:1}.ds-model-picker{position:relative;display:inline-flex}.ds-model-picker__trigger{display:inline-flex;align-items:center;gap:var(--space-2, 8px);padding:4px var(--space-2, 8px);border:1px solid var(--color-border-default);border-radius:var(--radius-3);background:transparent;color:var(--color-fg-primary);font-size:var(--text-sm);font-family:inherit;cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast);white-space:nowrap}.ds-model-picker__trigger:hover{border-color:var(--color-border-strong);background:var(--color-state-hover)}.ds-model-picker__trigger-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-model-picker__menu{background:var(--color-surface-1);border:1px solid var(--color-border-default);border-radius:var(--radius-3);box-shadow:var(--shadow-2);padding:var(--space-1, 4px);min-width:200px;max-height:320px;overflow-y:auto}.ds-model-picker__separator{height:1px;background:var(--color-border-light);margin:var(--space-1, 4px) 0}.ds-model-picker__group-label{padding:var(--space-1, 4px) var(--space-2, 8px);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-fg-secondary)}.ds-model-picker__group-label[data-tier=fast]{color:var(--data-5-fg)}.ds-model-picker__group-label[data-tier=standard]{color:var(--data-3-fg)}.ds-model-picker__group-label[data-tier=premium]{color:var(--data-6-fg)}.ds-model-picker__item{display:flex;align-items:center;gap:var(--space-2, 8px);width:100%;padding:var(--space-2, 8px) var(--space-2, 8px);border:none;border-radius:var(--radius-2);background:transparent;color:var(--color-fg-primary);font-size:var(--text-sm);font-family:inherit;cursor:pointer;text-align:left;transition:background-color var(--transition-fast)}.ds-model-picker__item:hover{background:var(--color-state-hover)}.ds-model-picker__item--active{background:var(--color-state-selected)}.ds-model-picker__item--auto{background:var(--color-accent-bg)}.ds-model-picker__item--auto:hover{background:var(--color-accent-bg);filter:brightness(1.1)}.ds-model-picker__item-icon{display:inline-flex;flex-shrink:0;color:var(--color-fg-secondary)}.ds-model-picker__item-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-sources-panel{display:flex;flex-direction:column;gap:var(--space-1, 4px)}.ds-sources-panel__title{font-size:var(--text-xs, 11px);font-weight:600;color:var(--color-fg-secondary);text-transform:uppercase;letter-spacing:.08em;padding:0 var(--space-1, 4px);margin-bottom:var(--space-1, 4px)}.ds-sources-panel .ds-accordion__header{font-size:var(--text-sm, 12px)}.ds-sources-panel__row{display:flex;align-items:center;gap:var(--space-2, 8px);padding:var(--space-2, 8px) var(--space-3, 12px);border-radius:var(--radius-3, 6px);background:var(--color-surface-1);font-size:var(--text-sm, 12px);cursor:default}.ds-sources-panel__row--clickable{cursor:pointer}.ds-sources-panel__row--clickable:hover .ds-sources-panel__filename{color:var(--color-accent-default);text-decoration:underline}.ds-sources-panel__filename{font-weight:400;color:var(--color-fg-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.ds-sources-panel__pages{color:var(--color-fg-secondary);flex-shrink:0;font-variant-numeric:tabular-nums}.ds-sources-panel__snippet{font-size:var(--text-sm, 12px);color:var(--color-fg-secondary);line-height:1.5;padding:var(--space-1, 4px) var(--space-2, 8px);border-left:2px solid var(--color-border-default);margin:var(--space-1, 4px) 0}.ds-sources-panel__snippet--clickable{cursor:pointer}.ds-sources-panel__snippet--clickable:hover{border-left-color:var(--color-accent-default);color:var(--color-fg-primary)}.ds-sources-panel__more{font-size:var(--text-sm, 12px);color:var(--color-accent-default);background:none;border:none;padding:var(--space-1, 4px) var(--space-1, 4px);cursor:pointer;text-align:left}.ds-sources-panel__more:hover{text-decoration:underline}.ds-sources-panel--compact .ds-sources-panel__compact-row{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm, 12px);padding:var(--space-1) 0;cursor:default}.ds-sources-panel--compact .ds-sources-panel__compact-row--clickable{cursor:pointer}.ds-sources-panel--compact .ds-sources-panel__compact-row--clickable:hover .ds-sources-panel__filename{color:var(--color-accent-default);text-decoration:underline}.ds-sources-panel--compact .ds-sources-panel__compact-icon{flex-shrink:0;color:var(--color-fg-secondary)}.ds-sources-panel--compact .ds-sources-panel__filename{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-sources-panel--compact .ds-sources-panel__pages{flex-shrink:0}.ds-token-counter{display:flex;flex-direction:column;gap:var(--space-1)}.ds-token-counter__track{width:100%;background-color:var(--color-state-selected);border-radius:var(--radius-full);overflow:hidden}.ds-token-counter--s .ds-token-counter__track{height:4px}.ds-token-counter--m .ds-token-counter__track{height:6px}.ds-token-counter__fill{height:100%;border-radius:var(--radius-full);transition:width .35s ease,background-color .35s ease}.ds-token-counter__fill--normal{background-color:var(--color-fg-secondary)}.ds-token-counter__fill--warning{background-color:var(--data-2-fg)}.ds-token-counter__fill--error{background-color:var(--data-1-fg)}.ds-token-counter__label{font-size:var(--text-sm, 12px);font-family:var(--font-mono, monospace);color:var(--color-fg-secondary);display:flex;justify-content:space-between}.ds-token-counter__label--normal{color:var(--color-fg-secondary)}.ds-token-counter__label--warning{color:var(--data-2-fg)}.ds-token-counter__label--error{color:var(--data-1-fg)}.ds-confidence-bar{display:inline-flex;align-items:center;gap:var(--space-2)}.ds-confidence-bar--block{display:flex}.ds-confidence-bar__segments{display:flex;gap:2px;align-items:center}.ds-confidence-bar__seg{border-radius:var(--radius-full);flex-shrink:0;opacity:.2}.ds-confidence-bar__seg--filled{opacity:1}.ds-confidence-bar--xs .ds-confidence-bar__seg{width:8px;height:3px}.ds-confidence-bar--s .ds-confidence-bar__seg{width:10px;height:4px}.ds-confidence-bar--low .ds-confidence-bar__seg{background-color:var(--data-1-fg)}.ds-confidence-bar--medium .ds-confidence-bar__seg{background-color:var(--data-2-fg)}.ds-confidence-bar--high .ds-confidence-bar__seg{background-color:var(--data-4-fg)}.ds-confidence-bar__label{font-size:var(--text-sm, 12px);color:var(--color-fg-secondary);white-space:nowrap}.ds-diff-view{font-family:var(--font-mono, monospace);font-size:var(--text-sm, 12px);border-radius:var(--radius-3);border:1px solid var(--color-border-light);overflow:hidden}.ds-diff-view__title{padding:var(--space-2) var(--space-3);font-family:var(--font-ui, inherit);font-size:var(--text-sm, 12px);font-weight:600;color:var(--color-fg-secondary);border-bottom:1px solid var(--color-border-light);background:var(--color-surface-1)}.ds-diff-view__body{overflow-x:auto;overflow-y:auto}.ds-diff-view__line{display:flex;align-items:stretch;min-width:0}.ds-diff-view__line--add{background-color:var(--data-4-bg)}.ds-diff-view__line--remove{background-color:var(--data-1-bg)}.ds-diff-view__line--context{background-color:transparent}.ds-diff-view__lineno{flex-shrink:0;width:3.5ch;padding:2px var(--space-2);text-align:right;color:var(--color-fg-secondary);opacity:.5;border-right:1px solid var(--color-border-light);-webkit-user-select:none;user-select:none}.ds-diff-view__prefix{flex-shrink:0;width:1.5ch;padding:2px 0 2px var(--space-2);-webkit-user-select:none;user-select:none}.ds-diff-view__line--add .ds-diff-view__prefix{color:var(--data-4-fg)}.ds-diff-view__line--remove .ds-diff-view__prefix{color:var(--data-1-fg)}.ds-diff-view__line--context .ds-diff-view__prefix{color:var(--color-fg-secondary);opacity:.4}.ds-diff-view__text{flex:1;padding:2px var(--space-2) 2px var(--space-1);white-space:pre;min-width:0;color:var(--color-fg-primary)}.ds-diff-view--wrap .ds-diff-view__text{white-space:pre-wrap;word-break:break-all}.ds-diff-view__line--context .ds-diff-view__text{color:var(--color-fg-secondary)}.ds-diff-view--split .ds-diff-view__body{display:flex}.ds-diff-view__split-col{flex:1;min-width:0;overflow-x:auto}.ds-diff-view__split-col+.ds-diff-view__split-col{border-left:1px solid var(--color-border-light)}.ds-message-feedback{display:inline-flex;gap:var(--space-2, 8px)}.ds-message-feedback__btn{display:inline-flex;align-items:center;justify-content:center;padding:4px;background:none;border:none;border-radius:var(--radius-3);color:var(--color-fg-secondary);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast),opacity var(--transition-fast)}.ds-message-feedback__btn:hover{color:var(--color-fg-primary);background:var(--color-state-hover)}.ds-message-feedback__btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-message-feedback__btn--liked{color:var(--color-accent-default);cursor:default;pointer-events:none}.ds-message-feedback__btn--disliked{color:var(--color-status-error);cursor:default;pointer-events:none}.ds-message-feedback.ds-message-feedback--voted{opacity:1}.ds-message-footer{display:inline-flex;align-items:center;gap:var(--space-2, 8px)}.ds-message-footer__timestamp{font-size:var(--text-xs, 11px);color:var(--color-fg-secondary);white-space:nowrap}.ds-thinking-dot{display:inline-flex;align-items:center;gap:var(--space-2, 8px)}.ds-thinking-dot__pulse{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--color-accent-default);flex-shrink:0;animation:ds-thinking-pulse 1.4s ease-in-out infinite}.ds-thinking-dot__label{font-size:var(--text-xs, 11px);color:var(--color-fg-secondary);animation:ds-thinking-color 2s ease-in-out infinite}@keyframes ds-thinking-pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}@keyframes ds-thinking-color{0%,to{color:var(--color-fg-secondary)}50%{color:var(--color-fg-primary)}}.ds-coachmark__spotlight{position:fixed;pointer-events:none;border-radius:var(--radius-3);z-index:var(--z-tooltip);--_overlay: transparent;--_ring: var(--color-accent-2);box-shadow:0 0 0 2px var(--_ring),0 0 0 9999px var(--_overlay);opacity:0;transition:opacity var(--motion-exit, .2s ease)}.ds-coachmark__spotlight--overlay{--_overlay: var(--color-overlay, rgba(14, 15, 17, .65))}.ds-coachmark__spotlight--no-ring{--_ring: transparent}.ds-coachmark__spotlight--visible{opacity:1;transition:opacity var(--motion-enter, .3s ease)}.ds-coachmark__bubble{width:280px;background:var(--color-surface-3);border:1px solid var(--color-border-default);border-radius:var(--radius-4, 8px);box-shadow:var(--shadow-2);z-index:calc(var(--z-tooltip) + 1);display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);outline:none;opacity:0;transition:opacity var(--motion-exit, .2s ease)}.ds-coachmark__bubble--visible{opacity:1;transition:opacity var(--motion-enter, .3s ease)}.ds-coachmark__title{font-size:var(--text-s, 14px);font-weight:var(--font-weight-medium, 500);color:var(--color-fg-primary);line-height:1.3;font-family:var(--font-ui, inherit);padding-right:28px}.ds-coachmark__body{font-size:var(--text-s, 14px);color:var(--color-fg-secondary);line-height:1.5;font-family:var(--font-ui, inherit)}.ds-coachmark__close{position:absolute;top:var(--space-3);right:var(--space-3);display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:transparent;color:var(--color-fg-secondary);border-radius:var(--radius-2);cursor:pointer;outline:none;transition:color var(--motion-hover),background-color var(--motion-hover)}.ds-coachmark__close:hover{background-color:var(--color-state-hover);color:var(--color-fg-primary)}.ds-coachmark__close:active{background-color:var(--color-state-active)}.ds-coachmark__close:focus-visible{box-shadow:var(--focus-ring)}.ds-coachmark__footer{display:flex;align-items:center;gap:var(--space-2)}.ds-coachmark__counter{font-size:var(--text-xs, 12px);color:var(--color-fg-disabled);font-family:var(--font-ui, inherit);flex:1}.ds-coachmark__footer-nav{display:flex;align-items:center;gap:var(--space-2)}.ds-coachmark__bubble--top:after{content:"";position:absolute;top:100%;left:calc(50% + var(--arrow-offset, 0px));transform:translate(-50%);border:10px solid transparent;border-top-color:var(--color-border-default)}.ds-coachmark__bubble--top:before{content:"";position:absolute;top:100%;left:calc(50% + var(--arrow-offset, 0px));transform:translate(-50%);border:9px solid transparent;border-top-color:var(--color-surface-3);z-index:1}.ds-coachmark__bubble--bottom:after{content:"";position:absolute;bottom:100%;left:calc(50% + var(--arrow-offset, 0px));transform:translate(-50%);border:10px solid transparent;border-bottom-color:var(--color-border-default)}.ds-coachmark__bubble--bottom:before{content:"";position:absolute;bottom:100%;left:calc(50% + var(--arrow-offset, 0px));transform:translate(-50%);border:9px solid transparent;border-bottom-color:var(--color-surface-3);z-index:1}.ds-coachmark__bubble--left:after{content:"";position:absolute;left:100%;top:calc(50% + var(--arrow-offset-y, 0px));transform:translateY(-50%);border:10px solid transparent;border-left-color:var(--color-border-default)}.ds-coachmark__bubble--left:before{content:"";position:absolute;left:100%;top:calc(50% + var(--arrow-offset-y, 0px));transform:translateY(-50%);border:9px solid transparent;border-left-color:var(--color-surface-3);z-index:1}.ds-coachmark__bubble--right:after{content:"";position:absolute;right:100%;top:calc(50% + var(--arrow-offset-y, 0px));transform:translateY(-50%);border:10px solid transparent;border-right-color:var(--color-border-default)}.ds-coachmark__bubble--right:before{content:"";position:absolute;right:100%;top:calc(50% + var(--arrow-offset-y, 0px));transform:translateY(-50%);border:9px solid transparent;border-right-color:var(--color-surface-3);z-index:1}@keyframes ds-shake{0%{transform:translate(0)}15%{transform:translate(-6px)}30%{transform:translate(6px)}45%{transform:translate(-4px)}60%{transform:translate(4px)}75%{transform:translate(-2px)}90%{transform:translate(2px)}to{transform:translate(0)}}.ds-shake{animation:ds-shake .45s var(--easing-standard, cubic-bezier(.2, 0, 0, 1))}@media (prefers-reduced-motion: reduce){.ds-shake{animation:none}}
|