.hv-icon[data-v-22160d65]{vertical-align:middle;display:inline-block}.layer-top[data-v-22160d65],.layer-bottom[data-v-22160d65]{transform-origin:50%;transition:transform .35s}.layer-top.hover[data-v-22160d65]{transform:translateY(-2px)}.layer-bottom.hover[data-v-22160d65]{transform:translateY(2px)}.hv-icon[data-v-8ec6b41e]{vertical-align:middle;transform-origin:50%;transition:transform .5s;display:inline-block}.hv-icon.hover[data-v-8ec6b41e]{transform:rotate(-15deg)scale(1.1)}.hv-icon[data-v-e16f5614]{vertical-align:middle;display:inline-block}.sun-core[data-v-e16f5614],.sun-rays[data-v-e16f5614]{transform-origin:50%;transition:transform .4s}.sun-core.hover[data-v-e16f5614]{transform:scale(1.2)}.sun-rays.hover[data-v-e16f5614]{transform:rotate(45deg)}path[data-v-e16f5614]{stroke-width:2.5px;stroke-linecap:round}.hv-icon[data-v-975d563f]{vertical-align:middle;display:inline-block}.arrow-stem[data-v-975d563f],.arrow-head[data-v-975d563f]{transform-origin:50%;transition:transform .35s}.tray[data-v-975d563f]{transform-origin:bottom;transition:transform .35s}.arrow-stem.hover[data-v-975d563f],.arrow-head.hover[data-v-975d563f]{transform:translateY(3px)}.tray.hover[data-v-975d563f]{transform:scaleY(1.05)}.hv-icon[data-v-8a6053cd]{vertical-align:middle;display:inline-block}rect[data-v-8a6053cd]{transform-origin:50%;transition:transform .3s}.r1.hover[data-v-8a6053cd]{transform:translate(-1px,-1px)}.r2.hover[data-v-8a6053cd]{transform:translate(1px,-1px)}.r3.hover[data-v-8a6053cd]{transform:translate(1px,1px)}.r4.hover[data-v-8a6053cd]{transform:translate(-1px,1px)}.hv-icon[data-v-62f42b9c]{vertical-align:middle;display:inline-block}.front[data-v-62f42b9c]{transform-origin:50%;transition:transform .3s}.front.hover[data-v-62f42b9c]{transform:translate(2px,2px)}.hv-icon[data-v-74867068]{vertical-align:middle;display:inline-block}.bracket-right[data-v-74867068],.bracket-left[data-v-74867068]{transition:transform .35s}.slash[data-v-74867068]{transform-origin:50%;transition:transform .35s}.bracket-right.hover[data-v-74867068]{transform:translate(3px)}.bracket-left.hover[data-v-74867068]{transform:translate(-3px)}.slash.hover[data-v-74867068]{transform:scale(1.1)}:root,[data-theme=dark]{--color-bg:#141414;--color-surface:#1d1d1d;--color-surface-2:#252525;--color-border:#2a2a2a;--color-text:#ddd;--color-text-2:#aaa;--color-text-muted:#666;--color-text-dim:#555;--color-accent:#e94560;--color-accent-bg:#e9456015;--color-code-bg:#2a2a2a;--color-code-surface:#111;--shadow:none}[data-theme=light]{--color-bg:#f5f5f5;--color-surface:#fff;--color-surface-2:#fafafa;--color-border:#e0e0e0;--color-text:#1a1a1a;--color-text-2:#555;--color-text-muted:#888;--color-text-dim:#bbb;--color-accent:#e94560;--color-accent-bg:#e9456010;--color-code-bg:#f0f0f0;--color-code-surface:#f8f8f8;--shadow:0 1px 3px #0000001a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.6;transition:background .25s,color .25s}a{color:inherit;text-decoration:none}code{background:var(--color-code-bg);color:var(--color-accent);border-radius:4px;padding:1px 6px;font-family:Fira Code,Cascadia Code,monospace;font-size:12px}.app{flex-direction:column;height:100vh;display:flex}.app-body{flex:1;display:flex;overflow:hidden}.app-main{flex:1;padding:32px 48px;overflow-y:auto}.navbar{background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:10;flex-shrink:0;align-items:center;gap:24px;height:52px;padding:0 24px;display:flex}.navbar-logo{align-items:center;gap:8px;font-weight:700;display:flex}.logo-icon{color:var(--color-accent);font-size:18px}.logo-text{color:var(--color-text);letter-spacing:.5px;font-size:15px}.navbar-nav{align-self:stretch;align-items:center;gap:32px;margin-left:auto;display:flex}.nav-link{color:var(--color-text-2);border-bottom:2px solid #0000;align-self:stretch;align-items:center;font-size:13px;transition:color .2s,border-color .2s;display:flex}.nav-link:hover{color:var(--color-text)}.nav-link.router-link-active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.version-picker{position:relative}.nav-version{background:var(--color-code-bg);color:var(--color-text-muted);cursor:pointer;white-space:nowrap;border:none;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-family:monospace;font-size:11px;transition:background .15s,color .15s;display:inline-flex}.nav-version:hover,.nav-version--open{background:var(--color-border);color:var(--color-text)}.version-chevron{transition:transform .2s}.nav-version--open .version-chevron{transform:rotate(180deg)}.version-dropdown{background:var(--color-surface);border:1px solid var(--color-border);z-index:999;border-radius:8px;min-width:110px;padding:4px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 4px 16px #0000001a}.version-option{width:100%;color:var(--color-text-2);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:5px;justify-content:space-between;align-items:center;gap:8px;padding:7px 12px;font-family:monospace;font-size:12px;transition:background .12s,color .12s;display:flex}.version-option:hover{background:var(--color-code-bg);color:var(--color-text)}.version-option--active{color:var(--color-text);font-weight:600}.version-option__tag{letter-spacing:.2px;color:var(--color-accent);background:var(--color-accent-bg);white-space:nowrap;border-radius:20px;padding:2px 6px;font-family:Inter,sans-serif;font-size:10px;font-weight:700}.nav-download{border:1px solid var(--color-accent);color:var(--color-accent);letter-spacing:.3px;white-space:nowrap;border-radius:6px;align-items:center;gap:4px;padding:5px 12px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.nav-download:hover{background:var(--color-accent);color:#fff}.theme-toggle{background:var(--color-code-bg);border:1px solid var(--color-border);color:var(--color-text-2);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:15px;transition:all .2s;display:flex}.theme-toggle:hover{background:var(--color-surface-2);color:var(--color-text)}.theme-toggle:focus-visible{outline:none;box-shadow:0 0 0 3px #aeb6fb}.sidebar{background:var(--color-surface);border-right:1px solid var(--color-border);flex-shrink:0;width:220px;padding:12px 0 24px;transition:background .25s;overflow-y:auto}.sidebar-overview{color:var(--color-text-2);align-items:center;gap:6px;margin-bottom:8px;padding:12px 16px;font-size:14px;transition:color .15s;display:flex}.sidebar-overview:hover{color:var(--color-text)}.sidebar-overview.router-link-active{color:var(--color-accent);font-weight:500}.sidebar-category{margin-bottom:20px}.category-label{color:var(--color-text-dim);letter-spacing:0;text-transform:none;border-bottom:1px solid var(--color-border);margin:0 16px 4px;padding:16px 0 8px;font-size:12px;font-weight:400}.sidebar-item{color:var(--color-text);cursor:pointer;align-items:center;gap:6px;padding:10px 16px;font-size:14px;transition:color .15s;display:flex}.sidebar-item:hover{background:#0000000a}.sidebar-item.active,.sidebar-item.router-link-active{color:var(--color-accent);background:var(--color-accent-bg);font-weight:500}.sidebar-item-zh{color:var(--color-text-dim);font-size:11px}.sidebar-page-title{color:var(--color-text-dim);border-bottom:1px solid var(--color-border);margin:0 16px 4px;padding:16px 0 8px;font-size:12px;font-weight:400}.overview{max-width:900px}.overview-header{margin-bottom:32px}.overview-title{color:var(--color-text);margin-bottom:6px;font-size:26px;font-weight:600}.overview-desc{color:var(--color-text-muted);font-size:14px}.overview-section{margin-bottom:36px}.section-title{color:var(--color-text-muted);border-bottom:1px solid var(--color-border);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;padding-bottom:6px;font-size:13px;font-weight:600}.overview-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;display:grid}.overview-card{background:var(--color-surface);border:1px solid var(--color-border);text-align:center;cursor:pointer;box-shadow:var(--shadow);border-radius:8px;padding:20px 16px;transition:all .2s}.overview-card:hover{border-color:var(--color-accent);background:var(--color-accent-bg);transform:translateY(-2px)}.card-icon{margin-bottom:8px;font-size:22px}.card-name{color:var(--color-text);font-size:13px;font-weight:500}.card-zh{color:var(--color-text-muted);margin-top:2px;font-size:11px}.component-header{margin-bottom:28px}.breadcrumb{color:var(--color-text-dim);margin-bottom:8px;font-size:12px}.component-title{color:var(--color-text);align-items:baseline;gap:10px;margin-bottom:6px;font-size:24px;font-weight:600;display:flex}.component-zh{color:var(--color-text-muted);font-size:16px;font-weight:400}.component-desc{color:var(--color-text-muted);font-size:14px}.component-when-to-use{border-bottom:1px solid var(--color-border);margin-bottom:32px;padding-bottom:32px}.when-title{color:var(--color-text);margin-bottom:14px;font-size:20px;font-weight:600}.when-content p{color:var(--color-text-2);margin-bottom:12px;font-size:14px;line-height:1.8}.when-content ul{color:var(--color-text-2);padding-left:20px;font-size:14px;line-height:2;list-style:outside}.when-content li strong{color:var(--color-text)}.component-demo{border:1px solid var(--color-border);box-shadow:var(--shadow);border-radius:10px;margin-bottom:24px;overflow:hidden}.demo-preview-header{border-bottom:1px solid var(--color-border);background:var(--color-surface);padding:12px 20px}.demo-title{color:var(--color-text-2);font-size:13px}.demo-preview-body{background:var(--color-bg);flex-wrap:wrap;align-items:center;gap:12px;padding:28px 24px;display:flex}.demo-description{border-top:1px solid var(--color-border);background:var(--color-surface-2);color:var(--color-text-muted);padding:14px 20px;font-size:13px;line-height:1.8}.demo-toggle{background:var(--color-surface);border-top:1px solid var(--color-border);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:10px 16px;transition:background .15s;display:flex}.demo-toggle:hover{background:var(--color-surface-2)}.toggle-icon{color:var(--color-text-dim);font-size:10px}.toggle-label{color:var(--color-text-muted);font-size:12px}.toggle-hint{color:var(--color-text-muted);opacity:.7;margin-left:auto;font-size:11px}.code-block{border-top:1px solid var(--color-border)}.code-tabs{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:0 16px;display:flex}.code-tab{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 16px;font-size:13px;transition:all .15s}.code-tab.active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.code-tab:hover:not(.active){color:var(--color-text-2)}.code-body{background:var(--color-code-surface);position:relative}.copy-btn{background:var(--color-code-bg);border:1px solid var(--color-border);color:var(--color-text-2);cursor:pointer;z-index:1;border-radius:4px;padding:4px 12px;font-size:12px;transition:all .15s;position:absolute;top:12px;right:16px}.copy-btn:hover{background:var(--color-surface-2);color:var(--color-text)}.code-pre{color:var(--color-text);white-space:pre;padding:20px 24px;font-family:Fira Code,Cascadia Code,monospace;font-size:13px;line-height:1.8;overflow-x:auto}.btn{cursor:pointer;letter-spacing:0;white-space:nowrap;box-sizing:border-box;-webkit-appearance:none;border:none;justify-content:center;align-items:center;gap:8px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:600;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.btn:focus-visible{outline:none}.btn--filled:focus-visible{box-shadow:inset 0 0 0 3px #aeb6fb}.btn--outline:focus-visible,.btn--clear:focus-visible{box-shadow:0 0 0 3px #aeb6fb}.btn--giant{border-radius:12px;height:56px;padding:16px 24px;font-size:18px;line-height:24px}.btn--large{border-radius:12px;height:48px;padding:14px 20px;font-size:16px;line-height:20px}.btn--medium{border-radius:12px;height:40px;padding:12px 16px;font-size:14px;line-height:16px}.btn--small{border-radius:8px;height:32px;padding:8px 12px;font-size:12px;line-height:16px}.btn--tiny{border-radius:8px;height:24px;padding:6px 8px;font-size:10px;line-height:12px}.btn--filled{color:#fff;background:#4e61f6}.btn--filled:hover:not(:disabled){background:#3745af}.btn--filled:active:not(:disabled){background:#2c379f}.btn--filled:disabled{color:#9ea2ae;cursor:not-allowed;background:#e5e7ea}.btn--outline{background:var(--color-surface);color:#4e61f6;border:1.5px solid #4e61f6}.btn--outline:hover:not(:disabled){background:#4e61f614}.btn--outline:active:not(:disabled){background:#4e61f626}.btn--outline:disabled{color:#9ea2ae;cursor:not-allowed;background:0 0;border-color:#e5e7ea}.btn--clear{color:#4e61f6;background:0 0}.btn--clear:hover:not(:disabled){background:#4e61f614}.btn--clear:active:not(:disabled){background:#4e61f626}.btn--clear:disabled{color:#9ea2ae;cursor:not-allowed}.btn svg{flex-shrink:0;width:24px;height:24px}.btn--tiny svg{width:16px;height:16px}.btn--icon-only{gap:0}.btn--icon-only.btn--giant{width:56px;padding:0}.btn--icon-only.btn--large{width:48px;padding:0}.btn--icon-only.btn--medium{width:40px;padding:0}.btn--icon-only.btn--small{width:32px;padding:0}.btn--icon-only.btn--tiny{width:24px;padding:0}.btn--demo-hover.btn--filled{background:#3745af}.btn--demo-hover.btn--outline,.btn--demo-hover.btn--clear{background:#4e61f614}.btn--demo-focus.btn--filled{box-shadow:inset 0 0 0 3px #aeb6fb}.btn--demo-focus.btn--outline,.btn--demo-focus.btn--clear{box-shadow:0 0 0 3px #aeb6fb}.input-field{box-sizing:border-box;flex-direction:column;gap:8px;width:100%;display:flex}.input-label{align-items:center;gap:8px;display:flex}.input-label__text{color:var(--color-text);white-space:nowrap;font-family:Inter,-apple-system,sans-serif;font-size:16px;font-weight:500;line-height:24px}.input-label__info{color:#9ea2ae;flex-shrink:0;width:16px;height:16px;display:block}.input-label__required{color:#e11c18;font-size:14px;font-weight:600;line-height:1}.input-box{box-sizing:border-box;cursor:text;background:#fff;border:1.5px solid #e7e7e7;border-radius:12px;align-items:center;gap:12px;width:100%;padding:12px;transition:border-color .15s,background .15s;display:flex}.input-box--medium{padding:10px 12px}.input-box__left{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.input-box__icon,.input-box__chevron{width:24px;height:24px;color:var(--color-text);flex-shrink:0;justify-content:center;align-items:center;display:flex}.input-box__icon svg,.input-box__chevron svg{display:block}.input-box input{min-width:0;color:var(--color-text);background:0 0;border:none;outline:none;flex:1;padding:0;font-family:Inter,-apple-system,sans-serif;font-size:16px;line-height:24px}.input-box input::placeholder{color:#b0b0b0}.input-box:hover,.input-box--demo-hover{background:#ebedff;border-color:#4e61f6}.input-box:focus-within,.input-box--demo-focus{background:#fff;border-color:#4e61f6}.input-field--disabled .input-box,.input-field--disabled .input-box:hover,.input-field--disabled .input-box:focus-within{opacity:.5;cursor:not-allowed;pointer-events:none;background:#fff;border-color:#e7e7e7}.input-field--disabled .input-box input{cursor:not-allowed}.input-helper{color:#9ea2ae;font-family:Inter,-apple-system,sans-serif;font-size:14px;line-height:20px}.input-field--info .input-helper{color:#1974e2}.input-field--error .input-helper{color:#e11c18}.checkbox-field{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:16px;display:inline-flex;position:relative}.checkbox-field--reverse{flex-direction:row-reverse}.checkbox-input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.checkbox{box-sizing:border-box;background:0 0;border:1.5px solid #4e61f6;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;transition:background .15s,box-shadow .15s,border-color .15s;display:inline-flex;overflow:hidden}.checkbox__icon{flex-shrink:0;width:20px;height:20px;display:none}.checkbox__icon svg{display:block}.checkbox-field:hover .checkbox,.checkbox--demo-hover{background:#edeffe}.checkbox-field:hover .checkbox-input:disabled~.checkbox{background:0 0}.checkbox-input:focus-visible~.checkbox,.checkbox--demo-focus{background:#fff;outline:none;box-shadow:0 0 0 3px #aeb6fb}.checkbox-input:checked~.checkbox,.checkbox--demo-selected{background:#4e61f6;border-color:#4e61f6}.checkbox-input:checked~.checkbox .checkbox__check,.checkbox--demo-selected .checkbox__check{display:flex}.checkbox-input:indeterminate~.checkbox,.checkbox--demo-indeterminate{background:#4e61f6;border-color:#4e61f6}.checkbox-input:indeterminate~.checkbox .checkbox__minus,.checkbox--demo-indeterminate .checkbox__minus{display:flex}.checkbox-input:disabled~.checkbox{box-shadow:none;cursor:not-allowed;background:0 0;border-color:#e5e7ea}.checkbox.checkbox--demo-disabled{box-shadow:none;background:0 0;border-color:#e5e7ea}.checkbox-label{color:var(--color-text);font-family:Inter,-apple-system,sans-serif;font-size:16px;line-height:24px}.checkbox-input:disabled~.checkbox-label{color:#9ea2ae;cursor:not-allowed}.pagination{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pagination-item{cursor:pointer;color:#4e61f6;background:0 0;border:none;border-radius:24px;justify-content:center;align-items:center;padding:12px;transition:background .15s;display:flex}.pagination-item:hover{background:#edeffe}.pagination-item--active{color:#ebedff;background:#4e61f6;border-radius:50px}.pagination-item--active:hover{background:#3d50d4}.pagination-num{text-align:center;width:24px;color:inherit;font-family:Inter,-apple-system,sans-serif;font-size:16px;font-weight:500;line-height:24px}.pagination-jumper{align-items:center;gap:8px;display:flex}.pagination-jumper__label{color:var(--color-text);white-space:nowrap;font-family:Inter,-apple-system,sans-serif;font-size:14px;line-height:24px}.pagination-jumper__box{cursor:pointer;border:1px solid #e7e7e7;border-radius:50px;align-items:center;gap:8px;padding:8px 12px 8px 16px;display:flex;position:relative}.pagination-dropdown{background:var(--color-bg,#fff);z-index:100;border:1px solid #e7e7e7;border-radius:12px;min-width:60px;max-height:180px;padding:4px;position:absolute;top:calc(100% + 6px);left:50%;overflow-y:auto;transform:translate(-50%);box-shadow:0 4px 16px #0000001a}.pagination-dropdown__item{text-align:center;cursor:pointer;color:var(--color-text);border-radius:8px;padding:6px 16px;font-family:Inter,-apple-system,sans-serif;font-size:14px;font-weight:400;line-height:24px}.pagination-dropdown__item:hover{color:#4e61f6;background:#edeffe}.pagination-dropdown__item--active{color:#4e61f6;font-weight:600}.pagination-jumper__num{text-align:center;width:24px;color:var(--color-text);font-family:Inter,-apple-system,sans-serif;font-size:14px;font-weight:500;line-height:24px}.pagination-jumper__chevron{color:var(--color-text);display:flex}.pagination-jumper__box:hover{border-color:#4e61f6}.pagination-item--ellipsis{cursor:default;pointer-events:none}.pagination-item--ellipsis:hover{background:0 0}.toggle{cursor:pointer;background:#e5e7ea;border:none;border-radius:12px;outline:none;flex-shrink:0;width:44px;height:24px;transition:background .2s,box-shadow .15s;display:inline-block;position:relative}.toggle:focus-visible{box-shadow:0 0 0 3px #aeb6fb}.toggle:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:left .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 4px #0000002e}.toggle--on{background:#4e61f6}.toggle--on:after{left:22px}.toggle:not(.toggle--demo-hover):not(.toggle--demo-focus):not(.toggle--demo-disabled):hover{background:#d2d5db}.toggle--on:not(.toggle--demo-focus):not(.toggle--demo-disabled):hover{background:#3745af}.toggle--demo-hover{background:#d2d5db}.toggle--on.toggle--demo-hover{background:#3745af}.toggle--demo-focus{box-shadow:0 0 0 3px #aeb6fb}.toggle--demo-disabled{cursor:not-allowed;pointer-events:none;background:#f3f4f6}.toggle--on.toggle--demo-disabled{background:#edeffe}.toggle-field{cursor:pointer;align-items:center;gap:16px;display:inline-flex}.toggle-field--reverse{flex-direction:row-reverse}.toggle-text{color:var(--color-text);font-family:Inter,-apple-system,sans-serif;font-size:16px;line-height:24px}.toggle-field--disabled .toggle-text{color:#9ea2ae}.nav-link--active{color:var(--color-text)!important}.guideline-page{max-width:900px}.gl-header{margin-bottom:40px}.gl-title{color:var(--color-text);margin-bottom:8px;font-size:30px;font-weight:700}.gl-desc{color:var(--color-text-muted);font-size:15px}.gl-section{margin-bottom:48px}.gl-section-title{text-transform:uppercase;letter-spacing:1px;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);margin-bottom:16px;padding-bottom:8px;font-size:13px;font-weight:600}.color-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;display:grid}.color-card{border:1px solid var(--color-border);background:var(--color-surface);border-radius:10px;overflow:hidden}.color-swatch{width:100%;height:80px}.color-info{padding:12px}.color-name{color:var(--color-text);margin-bottom:2px;font-size:13px;font-weight:600}.color-token{color:var(--color-text-muted);margin-bottom:6px;font-size:11px}.color-hex{color:var(--color-text-2);cursor:pointer;align-items:center;gap:6px;font-family:monospace;font-size:12px;display:flex}.color-copy{color:var(--color-accent);opacity:0;font-size:10px;transition:opacity .15s}.color-hex:hover .color-copy{opacity:1}.type-family-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:28px}.type-family-name{color:var(--color-text-muted);margin-bottom:12px;font-size:13px;font-weight:600}.type-family-preview{color:var(--color-text);margin-bottom:16px;font-size:36px;font-weight:600}.type-family-fallback{font-size:12px}.type-scale-list{border:1px solid var(--color-border);background:var(--color-surface);border-radius:10px;flex-direction:column;gap:0;display:flex;overflow:hidden}.type-scale-row{border-bottom:1px solid var(--color-border);align-items:center;gap:24px;padding:20px 24px;display:flex}.type-scale-row:last-child{border-bottom:none}.type-scale-meta{flex-shrink:0;width:200px}.type-scale-name{color:var(--color-text);font-size:13px;font-weight:600}.type-scale-spec{color:var(--color-text-muted);margin:2px 0;font-size:11px}.type-scale-token{font-size:11px}.type-scale-preview{color:var(--color-text);flex:1}.weight-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.weight-card{background:var(--color-surface);border:1px solid var(--color-border);text-align:center;border-radius:10px;padding:24px 20px}.weight-preview{color:var(--color-text);margin-bottom:12px;font-size:40px;line-height:1}.weight-name{color:var(--color-text);font-size:13px;font-weight:600}.weight-value{color:var(--color-text-muted);margin-top:2px;font-family:monospace;font-size:12px}.slide-enter-active,.slide-leave-active{transition:all .25s;overflow:hidden}.slide-enter-from,.slide-leave-to{opacity:0;max-height:0}.slide-enter-to,.slide-leave-from{opacity:1;max-height:600px}.not-found{color:var(--color-text-muted);text-align:center;padding:48px 0}.tabs{align-items:center;display:inline-flex}.tab{white-space:nowrap;cursor:pointer;background:0 0;border:none;font-family:Inter,-apple-system,sans-serif;font-size:16px;font-weight:600;line-height:20px;transition:background .15s,color .15s,border-color .15s}.tabs--filled .tab{color:#4e61f6;background:#ebedff;padding:8px 20px}.tabs--filled .tab:first-child{border-radius:12px 0 0 12px}.tabs--filled .tab:last-child{border-radius:0 12px 12px 0}.tabs--filled .tab.tab--active{color:#fff;background:#4e61f6}.tabs--outline{gap:8px}.tabs--outline .tab{color:var(--color-text);border:1.5px solid #e7e7e7;border-radius:50px;padding:8px 20px}.tabs--outline .tab.tab--active{color:#4e61f6;border:2px solid #4e61f6}.tabs--ghost .tab{color:var(--color-text);border:2px solid #0000;border-radius:50px;padding:8px 20px}.tabs--ghost .tab.tab--active{color:#4e61f6;border-color:#4e61f6}.tabs--underline{border-bottom:2px solid #e7e7e7;position:relative}.tabs--underline .tab{color:var(--color-text);z-index:1;padding:8px 20px;position:relative}.tabs--underline .tab.tab--active{color:#4e61f6}.tabs-indicator{pointer-events:none;background:#4e61f6;border-radius:1px;width:0;height:2px;transition:left .28s cubic-bezier(.4,0,.2,1),width .28s cubic-bezier(.4,0,.2,1);position:absolute;bottom:-2px;left:0}.tabs--md .tab{padding:12px 24px}.tab:focus-visible{z-index:1;border-radius:4px;outline:none;box-shadow:0 0 0 3px #aeb6fb}.label{white-space:nowrap;-webkit-user-select:none;user-select:none;border:1.5px solid #0000;border-radius:50px;align-items:center;font-family:Inter,-apple-system,sans-serif;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:inline-flex;overflow:hidden}.label__text{padding:0 8px}.label__icon{flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.label__icon svg{width:16px;height:16px;display:block}.label--small{height:32px;padding:8px 12px;font-size:12px;line-height:16px}.label--tiny{height:24px;padding:6px 8px;font-size:10px;line-height:12px}.label--01{color:#4e61f6;background:#ebedff}.label--01.label--demo-hover,.label--01.label--demo-select{border-color:#4e61f6}.label--01.label--demo-disabled{opacity:.5;pointer-events:none}.label--02{color:#131927;background:#fff;border-color:#e7e7e7}.label--02.label--demo-hover{background:#f6f6f6}.label--02.label--demo-select{color:#4e61f6;background:#ebedff;border-color:#4e61f6}.label--02.label--demo-disabled{opacity:.5;pointer-events:none}.label--03{color:#131927;background:#f6f6f6}.label--03.label--demo-hover{color:#4e61f6;background:#ebedff}.label--03.label--demo-select{color:#ebedff;background:#4e61f6}.label--03.label--demo-disabled{opacity:.5;pointer-events:none}.tooltip{background:#000c;border-radius:8px;justify-content:center;align-items:center;min-width:80px;padding:6px 8px;display:inline-flex;position:relative}.tooltip__text{color:#fff;text-align:center;white-space:nowrap;font-family:Inter,-apple-system,sans-serif;font-size:14px;font-weight:400;line-height:20px}.tooltip:after{content:"";pointer-events:none;border:solid #0000;width:0;height:0;position:absolute}.tooltip--bottom:after{border-top:8px solid #000c;border-left:6px solid #0000;border-right:6px solid #0000;top:100%;left:50%;transform:translate(-50%)}.tooltip--top:after{border-bottom:8px solid #000c;border-left:6px solid #0000;border-right:6px solid #0000;bottom:100%;left:50%;transform:translate(-50%)}.tooltip--left:after{border-top:6px solid #0000;border-bottom:6px solid #0000;border-right:8px solid #000c;top:50%;right:100%;transform:translateY(-50%)}.tooltip--right:after{border-top:6px solid #0000;border-bottom:6px solid #0000;border-left:8px solid #000c;top:50%;left:100%;transform:translateY(-50%)}.tooltip--bottom-left:after{border-top:8px solid #000c;border-left:6px solid #0000;border-right:6px solid #0000;top:100%;left:calc(50% - 34px);transform:translate(-50%)}.tooltip--bottom-right:after{border-top:8px solid #000c;border-left:6px solid #0000;border-right:6px solid #0000;top:100%;left:calc(50% + 34px);transform:translate(-50%)}.dropdown{background:var(--color-surface);cursor:pointer;width:350px;color:var(--color-text);-webkit-user-select:none;user-select:none;box-sizing:border-box;border:1.5px solid #e5e7ea;border-radius:12px;align-items:center;gap:12px;padding:12px;font-family:Inter,-apple-system,sans-serif;font-size:16px;line-height:24px;transition:border-color .15s,box-shadow .15s;display:inline-flex}.dropdown-left{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.dropdown-icon,.dropdown-chevron{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.dropdown-chevron{transition:transform .15s}.dropdown-text{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.dropdown:hover:not(.dropdown--disabled):not(.dropdown--demo-disabled):not(.dropdown--expanded):not(.dropdown--demo-expanded),.dropdown--demo-hover{border-color:#4e61f6}.dropdown--expanded,.dropdown--demo-expanded{border-color:#4e61f6;box-shadow:0 0 0 3px #aeb6fb}.dropdown--expanded .dropdown-chevron,.dropdown--demo-expanded .dropdown-chevron{transform:rotate(180deg)}.dropdown--disabled,.dropdown--demo-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.dropdown-menu{background:var(--color-surface);border-radius:8px;width:350px;padding:8px 0;overflow:hidden;box-shadow:0 6px 14px -6px #1319271f,0 10px 32px -4px #1319271a}.dropdown-item{cursor:pointer;color:var(--color-text);box-sizing:border-box;align-items:center;gap:12px;padding:12px 16px 12px 12px;font-family:Inter,-apple-system,sans-serif;font-size:16px;line-height:24px;transition:background .1s;display:flex}.dropdown-item:hover:not(.dropdown-item--disabled),.dropdown-item--hover{background:#ebedff}.dropdown-item--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.dropdown-item__left{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.dropdown-item__icon{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.dropdown-item__check{box-sizing:border-box;background:0 0;border:1.5px solid #4e61f6;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;transition:background .15s;display:flex;overflow:hidden}.dropdown-item__check svg{display:none}.dropdown-item--selected .dropdown-item__check{background:#4e61f6;border-color:#4e61f6}.dropdown-item--selected .dropdown-item__check svg{display:block}.icon-demo-wrap{width:100%}.icon-search{border:1.5px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:8px;outline:none;width:220px;padding:8px 14px;font-family:Inter,sans-serif;font-size:13px;transition:border-color .15s}.icon-search:focus{border-color:#4e61f6}.icon-search::placeholder{color:var(--color-text-2)}.icon-grid{grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:8px;display:grid}.icon-card{border:1.5px solid var(--color-border);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:10px;flex-direction:column;align-items:center;gap:8px;padding:16px 8px 12px;transition:border-color .15s,background .15s,color .15s;display:flex}.icon-card:hover{color:#4e61f6;background:#ebedff;border-color:#4e61f6}.icon-card--copied{color:#16a34a!important;background:#f0fdf4!important;border-color:#16a34a!important}.icon-card__preview{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.icon-card__name{color:var(--color-text-2);text-align:center;font-family:Inter,sans-serif;font-size:10px;line-height:1.4;transition:color .15s}.icon-card:hover .icon-card__name,.icon-card--copied .icon-card__name{color:inherit}.icon-empty{text-align:center;color:var(--color-text-2);padding:32px 0;font-family:Inter,sans-serif;font-size:14px}.radio{box-sizing:border-box;border:1.5px solid #4e61f6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;transition:background .15s,box-shadow .15s,border-color .15s;display:inline-flex;position:relative}.radio:after{content:"";background:#4e61f6;border-radius:50%;width:12px;height:12px;display:none}.radio--demo-hover{background:#edeffe}.radio--demo-focus{background:#fff;box-shadow:0 0 0 3px #aeb6fb}.radio--demo-selected:after{display:block}.radio--demo-disabled{border-color:#e5e7ea}.radio-field{cursor:pointer;align-items:center;gap:16px;display:inline-flex}.radio-field--reverse{flex-direction:row-reverse}.radio-input{opacity:0;width:0;height:0;position:absolute}.radio-label{color:var(--color-text);font-family:Inter,sans-serif;font-size:16px;line-height:24px}.radio-input:checked~.radio:after{display:block}.radio-input:disabled~.radio{cursor:not-allowed;background:0 0;border-color:#e5e7ea}.radio-input:disabled~.radio-label{color:#9ea2ae;cursor:not-allowed}.sb{border:1.5px solid var(--color-border);background:var(--color-surface);box-sizing:border-box;border-radius:12px;align-items:center;gap:12px;transition:border-color .15s,background .15s;display:flex}.sb--lg{padding:12px}.sb--md{padding:8px 12px}.sb--demo-hover{background:#ebedff;border-color:#4e61f6}.sb--demo-focus{border-color:#4e61f6}.sb--demo-error{border-color:#e11c18}.sb--disabled{opacity:.5;pointer-events:none}.sb__content{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.sb__input{color:var(--color-text);background:0 0;border:none;outline:none;flex:1;font-family:Inter,sans-serif;font-size:16px;line-height:24px}.sb__input::placeholder{color:#b0b0b0}.sb__placeholder{color:#b0b0b0;white-space:nowrap;flex:1;font-family:Inter,sans-serif;font-size:16px;line-height:24px;overflow:hidden}.sb__placeholder--filled{color:var(--color-text)}.sb__icon{color:#b0b0b0;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.sb__clear{color:#b0b0b0;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:flex}.sb__clear:hover{color:var(--color-text)}.sb-wrap{flex-direction:column;gap:8px;display:flex}.sb-error-msg{color:#e11c18;font-family:Inter,sans-serif;font-size:14px;line-height:20px}.pg-sb:not(.sb--disabled):not(.sb--demo-error):hover{background:#ebedff;border-color:#4e61f6}.pg-sb:not(.sb--disabled):not(.sb--demo-error):focus-within{background:var(--color-surface);border-color:#4e61f6}