@charset "UTF-8";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}textarea:focus,input:focus{outline:none}@font-face{font-family:Montserrat;src:local("Montserrat"),url("./media/montserrat-KEGAHBID.ttf") format("truetype")}@keyframes skeletonWave{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes skeletonPulse{0%,to{opacity:1}50%{opacity:.6}}.skeleton-loading{--wave-light: rgba(255, 255, 255, .4);position:relative!important;isolation:isolate!important}.skeleton-loading.skeleton-base{background:var(--skeleton-color, #edf2fd)!important;border-radius:var(--skeleton-radius, 4px)!important;pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important;overflow:hidden!important;box-shadow:none!important;color:transparent!important}.skeleton-loading.skeleton-base>*{visibility:hidden!important;opacity:0!important}.skeleton-loading.skeleton-base:before{content:"";position:absolute!important;inset:0!important;z-index:1!important;background:var(--skeleton-color, #edf2fd)!important;border-radius:var(--skeleton-radius, 4px)!important}.skeleton-loading.skeleton-base[data-skeleton-type=wave]:after{content:"";position:absolute!important;inset:0!important;z-index:2!important;background:linear-gradient(90deg,transparent,var(--wave-light, rgba(255, 255, 255, .4)) 40%,rgba(255,255,255,.9) 50%,var(--wave-light, rgba(255, 255, 255, .4)) 60%,transparent)!important;transform:translate(-100%);animation:skeletonWave 1.6s infinite linear}.skeleton-loading.skeleton-base[data-skeleton-type=pulse]{animation:skeletonPulse 1.5s ease-in-out infinite}.custom-scroll-content{width:100%;height:100%;overflow-y:scroll;overflow-x:hidden;box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none}.custom-scroll-content::-webkit-scrollbar{display:none}.custom-scrollbar-track{position:absolute;right:var(--scrollbar-margin-x, 8px);top:var(--scrollbar-margin-y, 8px);bottom:var(--scrollbar-margin-y, 8px);width:var(--scrollbar-track-width, 12px);background-color:var(--scrollbar-track-bg, transparent);border-radius:var(--scrollbar-border-radius, 12px);z-index:10;display:flex;align-items:flex-start;pointer-events:auto;--thumb-color: var(--scrollbar-thumb-color, #D6E2F1);--thumb-hover-color: var(--scrollbar-thumb-hover-color, #8DA6C7)}.custom-scrollbar-thumb{position:absolute;left:50%;top:0;width:var(--scrollbar-thumb-width, 6px);height:30px;min-height:30px;transform:translate(-50%);background-color:var(--thumb-color);border-radius:var(--scrollbar-border-radius, 12px);cursor:pointer;pointer-events:auto;transition:background-color .2s ease,top .1s ease}.custom-scrollbar-thumb:hover{background-color:var(--thumb-hover-color)}.custom-scrollbar-thumb:active{background-color:color-mix(in srgb,var(--thumb-hover-color) 70%,black)}:host{position:relative;display:block;overflow:hidden}html{box-sizing:border-box;width:100vw;overflow-x:hidden;scroll-behavior:smooth}body{margin:0;background-color:#f6f9ff;min-height:100svh;font-family:Montserrat}input,textarea,select,label,button{font-family:Montserrat}a{cursor:pointer;color:#0bb8de;font-weight:600;font-size:14px;line-height:140%;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}.markdown-container{display:flex;flex-direction:column;gap:1.5em;font-weight:600;line-height:1.5em}.markdown-container h1,.markdown-container h2{font-size:18px}.markdown-container strong,.markdown-container b{font-weight:600;font-size:16px}.markdown-container p{font-weight:400}.markdown-container ul{margin-left:24px;padding-left:24px;font-weight:400;list-style-type:disc}.markdown-container ul li{margin-bottom:8px}.markdown-container ul ul{margin-top:6px;list-style-type:circle}@media (max-width: 767px){.markdown-container{gap:1em}.markdown-container h1,.markdown-container h2{font-size:16px}.markdown-container strong,.markdown-container b{font-size:14px}.markdown-container p{font-weight:400;font-size:14px;line-height:140%}}.sandbox{display:flex;flex-direction:column;gap:2rem;padding:1.5rem}.sandbox>h2{margin:0;border-bottom:2px solid #e2e8f0;color:#1e293b;font-weight:600;font-size:1.5rem}.sandbox>.section{display:flex;flex-direction:column;gap:12px}.sandbox>.section>h3{margin:0;color:#1e293b;font-weight:600;font-size:1rem}.sandbox .hint{margin:0;color:#64748b;font-size:.85rem}.sandbox .usage-block{margin-bottom:16px}.sandbox .usage-desc{margin:0 0 8px;color:#1a283e;font-size:13px}.sandbox .usage-desc code{border-radius:4px;background:#edf2fb;padding:2px 6px;color:#235a97;font-size:12px;font-family:Monaco,Consolas,monospace}.sandbox .code-block{margin:0;border-radius:8px;background:#1a283e;padding:12px 16px;overflow-x:auto;color:#d7e6fb;font-size:12.5px;line-height:1.6;font-family:Monaco,Consolas,monospace;white-space:pre}.sandbox .params-table{border:1px solid #edf2fb;border-radius:10px;overflow:hidden}.sandbox .param-row{display:grid;grid-template-columns:minmax(130px,190px) minmax(140px,200px) minmax(90px,120px) minmax(220px,1fr);align-items:start;gap:8px 16px;border-bottom:1px solid #edf2fb;padding:12px 16px;color:#1a283e;font-size:13px;line-height:1.5}.sandbox .param-row:last-child{border-bottom:none}.sandbox .param-row:nth-child(2n){background:#fbfcfe}.sandbox .param-row span{word-break:break-word;overflow-wrap:break-word}.sandbox .param-row code{display:inline-block;vertical-align:top;max-width:100%;overflow-x:auto;color:#235a97;font-weight:600;font-size:12.5px;white-space:nowrap}.sandbox .param-row--header{background:#f8fafd;color:#769bbd;font-weight:700;font-size:11px;letter-spacing:.05em;text-transform:uppercase}.sandbox .interactive-demo{display:flex;flex-direction:column}.sandbox .preview-panel{margin-bottom:16px}.sandbox .controls-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:16px;border:1px solid #edf2fb;border-radius:8px;background-color:#f8fafd;padding:1rem}.sandbox .control-group{display:flex;flex-direction:column;min-width:0}.sandbox .control-group label{display:flex;align-items:center;margin-bottom:.5rem;color:#475569;font-weight:500;font-size:.9rem}.sandbox .control-group label input[type=checkbox]{transform:scale(1.2);margin-right:.5rem;accent-color:#3b82f6}.sandbox .control-group input[type=text],.sandbox .control-group input[type=number],.sandbox .control-group select{transition:all .2s;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:6px;background-color:#fff;padding:.6rem;width:100%}.sandbox .control-group input[type=text]:focus,.sandbox .control-group input[type=number]:focus,.sandbox .control-group select:focus{outline:none;box-shadow:0 0 0 3px #3b82f633;border-color:#3b82f6}.sandbox .control-group input[type=number]{max-width:120px}.sandbox .toggle-label{display:flex;align-items:center;gap:10px;cursor:pointer;margin:0;font-weight:400}.sandbox .toggle-label input[type=checkbox]{cursor:pointer;width:18px;height:18px}.sandbox .toggle-label span{color:#333}.sandbox .toggle-label small{color:#adb5bd;font-size:.8rem}.sandbox .demo-card{border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;padding:1rem;min-width:220px}.sandbox .demo-label{margin:0 0 .35rem;color:#475569;font-weight:500;font-size:.85rem}.sandbox .demo-label:not(:first-child){margin-top:.75rem}.sandbox .events-log{margin:0;border-radius:8px;background-color:#f8fafc;padding:1rem;max-height:200px;overflow-y:auto;font-size:.85rem;font-family:Monaco,Consolas,monospace;list-style:none}.sandbox .events-log li{border-bottom:1px solid #edf2fb;padding:.5rem 0;color:#374151}.sandbox .events-log li:last-child{border-bottom:none}@media (max-width: 767px){.sandbox .param-row{grid-template-columns:1fr 1fr;font-size:12px}.sandbox .controls-panel{grid-template-columns:1fr;gap:1.25rem}}