*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f8f9fc;color:#202633;font:14px/1.6 Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #8b7bea;outline-offset:3px}svg{flex-shrink:0}button{border:0;background:none}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(30px,3.1vw,46px);line-height:1.15;letter-spacing:-1.8px;margin:14px 0 18px;font-weight:650}h2{font-size:21px;line-height:1.35;letter-spacing:-.5px}p{color:#697385}pre{margin:0;overflow:auto;-moz-tab-size:2;tab-size:2}code{font-family:Consolas,SFMono-Regular,monospace}input[type=checkbox]{accent-color:#7160d4}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}.catalog-shell{min-height:100vh}.sidebar{width:244px;position:fixed;inset:0 auto 0 0;background:#171c2a;color:#a5aabc;padding:34px 22px;display:flex;flex-direction:column;z-index:50}.brand{display:flex;align-items:center;gap:12px;color:#f0f0f8;font-size:27px;font-weight:650;letter-spacing:-1px}.brand svg{color:#b3a6ff}.brand-slash{color:#8e7be7;margin:0 2px}.library-caption{font-size:9px;letter-spacing:1.3px;margin-top:15px;color:#81899f}.version{display:flex;align-items:center;gap:8px;font-size:11px;margin:25px 0 39px;border:1px solid #32384a;border-radius:6px;padding:8px 10px;color:#d1d5e2}.version>span:last-child{margin-left:auto;color:#858da2}.status-dot{height:6px;width:6px;border-radius:50%;background:#8ba995;display:inline-block}.nav-label{font-size:10px;letter-spacing:1.5px;color:#6d768e;margin:0 12px 12px}nav a{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:7px;margin-bottom:5px;font-size:13px}nav a:hover{background:#242a3a;color:#fff}nav a[aria-current=page]{background:#302c49;color:#d3c9ff}nav a[aria-current=page] svg{color:#b7a8ff}.nav-count{margin-left:auto;font:10px Consolas,monospace;opacity:.55}.sidebar-bottom{margin-top:auto;padding:28px 10px 0}.sidebar-bottom p{font-size:13px;line-height:1.8;color:#788298}.sidebar-bottom a{font-size:11px;display:flex;align-items:center;justify-content:space-between;color:#aeb5c6}.main-shell{margin-left:244px}.topbar{height:76px;padding:0 48px;border-bottom:1px solid #e5e8f0;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#8891a3;background:#fff}.topbar strong{font-weight:500;color:#515c70}.breadcrumb{margin:0 12px;color:#c6cad5}.topbar-end{display:flex;align-items:center;gap:8px;font-size:11px}main{max-width:1360px;margin:auto;padding:49px 48px 0}.section-heading{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-bottom:30px}.section-heading p{font-size:15px;max-width:650px;line-height:1.8;margin-bottom:0}.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:650;color:#8c7abb}.hero-mark{width:150px;height:150px;display:grid;place-items:center;color:#8e7cdb;background:radial-gradient(ellipse,#e9e3fe,transparent 70%);transform:rotate(-10deg)}.badge{font-size:10px;white-space:nowrap;padding:6px 9px;border:1px solid #e1e3ed;border-radius:5px;color:#7d8496;background:#fff}.overview-meta{display:flex;gap:34px;border-top:1px solid #e3e6ef;border-bottom:1px solid #e3e6ef;padding:18px 0;font-size:12px;color:#858da0;margin:34px 0}.overview-meta strong{font-size:13px;font-weight:600;color:#41475b;margin-right:7px}.component-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.component-card{border:1px solid #e0e4ee;border-radius:12px;overflow:hidden;background:#fff;transition:box-shadow .2s,transform .2s}.component-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px #23293d0c}.card-preview{height:220px;border-bottom:1px solid #e8eaf2;padding:33px 35px 0}.editor-mini{background:#eeedf5}.mini-toolbar{background:#222a38;border:1px solid #394252;border-radius:7px 7px 0 0;display:flex;gap:23px;padding:10px 16px;color:#d8d9e0;font-size:11px;height:40px}.mini-paper{background:#fffdf7;padding:22px;box-shadow:0 5px 20px #2423330a;min-height:147px}.mini-paper strong{font-size:15px;color:#393641;display:block;margin-bottom:12px}.mini-paper>span{display:block;background:#d8d6d1;height:4px;margin:8px 0;width:95%;border-radius:4px}.mini-paper>span.short{width:67%}.mini-highlight{font-size:10px;background:#f1e9d2;color:#8a7957;width:fit-content;margin-top:14px;padding:1px 5px}.outline-mini{background:#e9edf4;display:flex;align-items:center;gap:18px;padding-top:20px;padding-bottom:20px}.mini-rails{display:flex;flex-direction:column;gap:14px;min-width:18px}.mini-rails i{display:block;background:#a8afbf;width:18px;height:2px}.mini-rails i:nth-child(2n){width:11px}.mini-rails i.selected{background:#8670d7}.mini-popover{background:#fff;border:1px solid #d5dae7;border-radius:9px;box-shadow:0 8px 20px #3338500c;flex:1;padding:9px 7px;font-size:10px}.mini-popover b{display:block;border-bottom:1px solid #eee;padding:3px 9px 9px;font-size:11px;color:#53576a}.mini-popover small{float:right;color:#9ba0af;font-size:10px}.mini-popover>span{display:block;padding:8px 9px;color:#747c90;border-radius:4px;white-space:nowrap}.mini-popover>span.selected{background:#f0ebff;color:#6e59bb}.card-copy{padding:24px}.card-title{display:flex;align-items:center;justify-content:space-between}.card-title svg{color:#8d84b6}.card-title h2{margin:0;font-size:21px}.card-copy p{font-size:13px;margin:12px 0 19px;max-width:340px}.chips{display:flex;gap:6px}.chips span{font-size:10px;background:#f0ecfb;color:#7764ad;padding:3px 9px;border-radius:4px}.chips .neutral{background:#f2f4f8;color:#8890a1}.start-panel{margin-top:35px;border:1px solid #e1e5ef;border-radius:11px;background:#fff;display:grid;grid-template-columns:1fr 1.2fr;gap:25px;padding:28px;align-items:center}.start-panel h2{font-size:20px;margin:9px 0}.start-panel p{font-size:12px;line-height:1.8;margin-bottom:15px}.text-link{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:#7660b8}.code-panel{min-width:0;border:1px solid #e0e3ed;background:#fafbfe;border-radius:8px;overflow:hidden}.code-heading{display:flex;align-items:center;justify-content:space-between;padding:10px 15px;border-bottom:1px solid #e7e9f1;font-size:11px;color:#838da0}.code-heading button{display:flex;align-items:center;gap:6px;padding:3px;color:#72628f;font-size:11px}.code-panel pre{padding:20px;font-size:12px;line-height:1.9;color:#536079}.copy-error{padding:0 20px;font-size:12px;color:#a44c39}.preset-row{display:flex;align-items:center;gap:20px;margin-bottom:22px}.preset-row p{margin:0;font-size:12px}.segmented{display:flex;padding:4px;border:1px solid #e0e3ec;border-radius:8px;background:#edeff5;flex-shrink:0;gap:3px}.segmented button{min-width:75px;padding:6px 16px;border-radius:5px;font-size:12px;font-weight:650}.segmented button[aria-pressed=true]{background:#fff;color:#7861b8;box-shadow:0 1px 4px #27234015}.demo-card{background:#fff;border:1px solid #dde2ec;border-radius:10px;overflow:hidden}.demo-bar{display:flex;align-items:center;justify-content:space-between;padding:0 18px;gap:8px;min-height:55px;border-bottom:1px solid #e5e8f0;background:#fff}.demo-bar.standalone{border:1px solid #e5e8f0;border-radius:8px;margin-bottom:24px}.tabs{display:flex;gap:20px}.tabs button{font-size:12px;color:#8a91a0;position:relative;padding:18px 0}.tabs button.active{color:#6f5aaa}.tabs button.active:after{content:"";height:2px;background:#8d75ca;position:absolute;bottom:0;left:0;right:0}.quiet-button{display:flex;gap:6px;align-items:center;font-size:11px;white-space:nowrap;color:#858d9e}.controls{padding:14px 20px;display:flex;gap:24px;border-bottom:1px solid #eef0f5;font-size:11px;color:#738095;flex-wrap:wrap}.controls label{display:flex;gap:7px;align-items:center}.editor-stage{padding:24px;background:#f0f2f7}.demo-note{padding:15px 20px;margin:0;font-size:11px;color:#8590a2}.demo-card>.code-panel{border:0;border-radius:0}.subheading{font-size:19px;margin:33px 0 17px}.props-table-wrap{overflow:auto;border:1px solid #e1e5ee;border-radius:8px;background:#fff}table.props-table{border-collapse:collapse;width:100%;text-align:left;font-size:12px}.props-table th{font-size:10px;color:#8790a3;font-weight:500;letter-spacing:.4px;background:#fcfcfe}.props-table td,.props-table th{padding:13px 17px;border-bottom:1px solid #eef0f6;vertical-align:top}.props-table tr:last-child td{border-bottom:0}.props-table td{color:#738096}.props-table td:first-child{color:#766197;white-space:nowrap}.props-table code{font-size:11px}.footnote{font-size:11px;margin:20px 0}.footnote a,.guide a{color:#7a5caf;text-decoration:underline;text-underline-offset:3px}.guide{max-width:850px}.guide>h2{margin:36px 0 13px;display:flex;align-items:center;gap:12px;font-size:21px}.guide p{font-size:13px;line-height:1.9}.step-number{font:11px Consolas,monospace;color:#9a85c2;background:#f0ecf8;border-radius:6px;padding:7px}.guide .code-panel{margin:20px 0}.page-footer{margin-top:48px;border-top:1px solid #e3e7ee;padding:23px 0;display:flex;justify-content:space-between;font-size:10px;color:#98a0b0;gap:20px}.mobile-menu.icon-button{display:none}.icon-button{padding:5px;display:grid;place-items:center}.mobile-dialog{border:0;border-radius:12px;max-width:340px;width:calc(100vw - 40px);background:#171c2a;color:#e1ddf1;padding:20px}.mobile-dialog::backdrop{background:#11152688}.dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.blog-theme{--cream: #f4efe7;--card: #151d26;--muted: #a8a29a;--copper: #c47a3a;--accent: #e0a15c}.blog-theme .article-editor{background:#111922;color:#f4efe7}.blog-theme .article-toolbar button,.blog-theme .article-toolbar select{color:#e1dcd4}.blog-theme .story-prose{font-family:Georgia,serif;font-size:16px;line-height:1.85;color:#352f29}.blog-theme .story-prose h2,.blog-theme .story-prose h3,.blog-theme .story-prose h4{font-family:Georgia,serif;color:#30291f;margin:1.2em 0 .6em}.blog-theme .story-prose p{color:inherit;margin:0 0 1em}.blog-theme .story-prose a{color:#9e612c;text-decoration:underline}.blog-theme .story-prose pre{background:#e3ddd2;padding:16px;border-radius:6px}.blog-theme .story-prose blockquote{border-left:3px solid #ba8e58;padding-left:20px;margin-left:0}.blog-theme .article-editor-options p{color:#b8afa5}.lms-theme{--ui-text-primary: 15 23 42;--ui-text-secondary: 71 85 105;--ui-text-muted: 100 116 139;--ui-border: 226 232 240;--ui-border-strong: 148 163 184;--ui-surface-raised: 255 255 255;--ui-surface-hover: 241 245 249;--ui-accent: 59 130 246;--ui-accent-subtle: 239 246 255;--ui-focus-ring: 59 130 246;--ui-radius-card: 12px;--ui-radius-control: 6px;--ui-shadow-overlay: 0 12px 40px #0f172a26;--ui-motion-short: .15s}.lms-theme .ProseMirror p{color:inherit}.outline-stage{padding:45px 50px 45px 80px;border:1px solid #e1e5ee;border-radius:10px}.outline-blog{background:#11171d;color:#e6e2dc}.outline-blog p{color:#bbb9b4}.outline-lms{background:#fff}.sample-article{max-width:690px;margin:auto;font-size:16px;line-height:1.9}.sample-article header{margin-bottom:45px;padding-bottom:30px;border-bottom:1px solid #a5a9b32a}.sample-article .sample-title{font-size:32px;line-height:1.25;letter-spacing:-1px;margin:14px 0 20px}.sample-article .article-lead{font-size:17px}.sample-article section{padding:12px 0 22px}.sample-article h2{font-size:24px;margin:22px 0 18px;line-height:1.35}.sample-article h3{font-size:19px;margin:18px 0}.sample-article blockquote{margin:25px 0;padding:18px 24px;background:#9485bc10;border-left:2px solid #9b7bb4;font-size:18px}.sample-article summary{cursor:pointer;font-weight:600}.sample-article details{padding:20px;border:1px solid #e5e7eb;border-radius:8px}.outline-lms button{background:#fff}.outline-lms a.ui-menu-item{text-decoration:none}@media(min-width:1600px){main{padding-top:60px}.card-preview{height:250px;padding-top:45px}.card-copy{padding:28px}}@media(max-width:1100px){.sidebar{width:215px;padding:30px 16px}.main-shell{margin-left:215px}main{padding:35px 30px 0}.topbar{padding:0 30px}.hero-mark{width:100px}.card-preview{padding-left:20px;padding-right:20px}.mini-toolbar{gap:18px}.start-panel{grid-template-columns:1fr}.section-heading .badge{display:none}.overview-meta{gap:18px}.outline-stage{padding:35px 30px 35px 65px}}@media(max-width:760px){.sidebar{display:none}.main-shell{margin-left:0}.topbar{height:64px;padding:0 20px;justify-content:flex-start;gap:15px}.mobile-menu.icon-button{display:grid}.topbar-end{margin-left:auto;font-size:0}.topbar-end .status-dot{width:7px;height:7px}main{padding:30px 20px 0}.section-heading{margin-bottom:24px}.section-heading p{font-size:13px}.hero-mark{display:none}h1{font-size:34px;letter-spacing:-1.3px}.overview-meta{flex-wrap:wrap;gap:10px 22px;padding:14px 0;margin:27px 0}.overview-meta span{font-size:10px}.overview-meta strong{font-size:11px}.component-grid{grid-template-columns:1fr;gap:18px}.card-preview{height:215px;padding:30px 35px 0}.outline-mini{padding-top:20px;padding-bottom:20px}.start-panel{margin-top:23px;padding:20px;gap:15px}.preset-row{align-items:flex-start;flex-direction:column;gap:12px}.preset-row p{font-size:11px}.demo-bar{padding:0 12px}.tabs{gap:16px}.tabs button{font-size:10px}.quiet-button{font-size:10px;gap:4px}.editor-stage{padding:10px}.controls{padding:12px;gap:12px}.demo-note{padding:12px;font-size:10px}.page-footer{margin-top:32px;font-size:9px}.page-footer>span:last-child{max-width:170px;text-align:right}.outline-stage{padding:30px 22px}.sample-article{font-size:15px}.sample-article .sample-title{font-size:28px}.sample-article h2{font-size:22px}.code-panel pre{font-size:11px;padding:15px}.props-table td,.props-table th{padding:12px}.guide>h2{font-size:18px}.blog-theme .story-prose{font-size:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}