.DesignSpec[data-v-4b8a3699]{--spec-line: rgba(246,247,244,.09);--spec-line-strong: rgba(246,247,244,.18);--spec-ink: #f6f7f4;--spec-muted: rgba(246,247,244,.56);--spec-faint: rgba(246,247,244,.36);--spec-board: #07080a;--spec-accent: #409eff;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(.9rem,2.2vh,1.4rem);width:min(1180px,100%);height:100%;margin-inline:auto;padding:clamp(.5rem,2vh,1.5rem) 1.5rem 5.6rem;box-sizing:border-box;color:var(--spec-ink);text-align:left}.DesignSpec-Mono[data-v-4b8a3699]{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem;letter-spacing:.04em;color:var(--spec-faint)}.DesignSpec-Kicker[data-v-4b8a3699]{display:inline-flex;align-items:center;gap:.6rem;margin:0 0 .7rem;color:var(--spec-muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.74rem;letter-spacing:.22em}.DesignSpec-KickerRule[data-v-4b8a3699]{width:1.6rem;height:1px;background:var(--spec-line-strong)}.DesignSpec-Title[data-v-4b8a3699]{margin:0;font-size:clamp(1.9rem,3.4vw,3rem);font-weight:760;line-height:1.08;letter-spacing:-.01em;word-break:keep-all}.DesignSpec-TitleAccent[data-v-4b8a3699]{color:var(--spec-muted)}.DesignSpec-Bento[data-v-4b8a3699]{display:grid;grid-template-columns:1.1fr 1.1fr 1fr 1fr;grid-template-rows:minmax(0,1fr) minmax(0,1.3fr) minmax(0,1fr);gap:.85rem;min-height:0}.DesignSpec-Board[data-v-4b8a3699]{grid-column:1 / 3;grid-row:1 / 4}.DesignSpec-Type[data-v-4b8a3699]{grid-column:3;grid-row:1}.DesignSpec-Color[data-v-4b8a3699]{grid-column:4;grid-row:1}.DesignSpec-Curve[data-v-4b8a3699]{grid-column:3 / 5;grid-row:2}.DesignSpec-Motion[data-v-4b8a3699]{grid-column:3;grid-row:3}.DesignSpec-Stats[data-v-4b8a3699]{grid-column:4;grid-row:3}.DesignSpec-Tile[data-v-4b8a3699]{position:relative;display:flex;flex-direction:column;gap:.55rem;min-height:0;margin:0;border-radius:16px;background:radial-gradient(240px circle at var(--px, -400px) var(--py, -400px),rgba(246,247,244,.06),transparent 70%),#f6f7f404;box-shadow:inset 0 0 0 1px var(--spec-line);padding:.85rem .95rem;overflow:hidden;opacity:0;transform:translate3d(0,10px,0);transition:opacity .62s cubic-bezier(.23,1,.32,1),transform .62s cubic-bezier(.23,1,.32,1)}.DesignSpec-Tile[data-v-4b8a3699]:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:radial-gradient(200px circle at var(--px, -400px) var(--py, -400px),rgba(246,247,244,.42),transparent 70%);pointer-events:none;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.is-entered .DesignSpec-Tile[data-v-4b8a3699]{opacity:1;transform:none}.DesignSpec-Type[data-v-4b8a3699]{transition-delay:60ms}.DesignSpec-Color[data-v-4b8a3699]{transition-delay:.11s}.DesignSpec-Curve[data-v-4b8a3699]{transition-delay:.16s}.DesignSpec-Motion[data-v-4b8a3699]{transition-delay:.21s}.DesignSpec-Stats[data-v-4b8a3699]{transition-delay:.26s}.DesignSpec-TileHead[data-v-4b8a3699]{display:flex;align-items:baseline;gap:.55rem}.DesignSpec-TileHead h3[data-v-4b8a3699]{margin:0;font-size:.92rem;font-weight:650}.DesignSpec-Stage[data-v-4b8a3699]{display:flex;flex:1;flex-direction:column;justify-content:center;gap:.7rem;min-height:0}.DesignSpec-Note[data-v-4b8a3699]{margin:0;color:var(--spec-faint);font-size:.74rem}.DesignSpec-Board[data-v-4b8a3699]{padding:1.2rem 1.2rem .9rem 1.5rem;background:radial-gradient(240px circle at var(--px, -400px) var(--py, -400px),rgba(246,247,244,.05),transparent 70%),radial-gradient(circle at 1px 1px,rgba(246,247,244,.07) 1px,transparent 0) 0 0 / 18px 18px,var(--spec-board);--hairline-plate: var(--spec-board);--hairline-hi: #f6f7f4;--hairline-edge: #a5a8b2;--hairline-mid: #4f525b;--hairline-lo: #24262c}.DesignSpec-Ruler[data-v-4b8a3699]{position:absolute;pointer-events:none;opacity:.8}.DesignSpec-Ruler.is-top[data-v-4b8a3699]{top:0;left:0;right:0;height:9px;background:repeating-linear-gradient(90deg,rgba(246,247,244,.22) 0 1px,transparent 1px 40px),repeating-linear-gradient(90deg,rgba(246,247,244,.1) 0 1px,transparent 1px 8px);background-size:100% 9px,100% 5px;background-repeat:no-repeat}.DesignSpec-Ruler.is-left[data-v-4b8a3699]{top:0;bottom:0;left:0;width:9px;background:repeating-linear-gradient(180deg,rgba(246,247,244,.22) 0 1px,transparent 1px 40px),repeating-linear-gradient(180deg,rgba(246,247,244,.1) 0 1px,transparent 1px 8px);background-size:9px 100%,5px 100%;background-repeat:no-repeat}.DesignSpec-Guide[data-v-4b8a3699]{position:absolute;top:0;left:0;z-index:2;pointer-events:none;opacity:0;transition:opacity .16s ease}.DesignSpec-Guide.is-v[data-v-4b8a3699]{width:1px;height:100%;background:repeating-linear-gradient(180deg,rgba(64,158,255,.55) 0 4px,transparent 4px 8px)}.DesignSpec-Guide.is-h[data-v-4b8a3699]{width:100%;height:1px;background:repeating-linear-gradient(90deg,rgba(64,158,255,.55) 0 4px,transparent 4px 8px)}.DesignSpec-Coord[data-v-4b8a3699]{position:absolute;top:0;left:0;z-index:3;border-radius:4px;background:#409effe6;padding:.1rem .35rem;color:#fff;font-size:.62rem;pointer-events:none;white-space:nowrap;opacity:0;transition:opacity .16s ease}.DesignSpec-Coord.is-on[data-v-4b8a3699],.DesignSpec-Guide.is-on[data-v-4b8a3699]{opacity:1}.DesignSpec-BoardFoot[data-v-4b8a3699],.DesignSpec-BoardHead[data-v-4b8a3699]{position:relative;z-index:1;display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.DesignSpec-BoardTitle[data-v-4b8a3699]{color:var(--spec-muted);font-size:.8rem;font-weight:600}.DesignSpec-Figure[data-v-4b8a3699]{flex:1;min-height:0;display:grid;place-items:center;container-type:size}.DesignSpec-Hairline[data-v-4b8a3699]{width:min(100cqw,125cqh)}.DesignSpec-Readout[data-v-4b8a3699]{flex-shrink:0;min-width:9rem;margin-left:auto;text-align:right;color:var(--spec-muted)}.DesignSpec-TypeSpecimen[data-v-4b8a3699]{display:flex;align-items:baseline;gap:.6rem;line-height:1}.DesignSpec-TypeAa[data-v-4b8a3699]{font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:clamp(2rem,5.2vh,3.2rem);font-weight:500;transition:letter-spacing .36s cubic-bezier(.23,1,.32,1)}.DesignSpec-Type:hover .DesignSpec-TypeAa[data-v-4b8a3699]{letter-spacing:.06em}.DesignSpec-TypeCjk[data-v-4b8a3699]{font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:clamp(1.5rem,3.8vh,2.3rem);font-weight:500;color:var(--spec-muted)}.DesignSpec-TypeScale[data-v-4b8a3699]{display:flex;align-items:baseline;gap:.9rem;color:var(--spec-muted);font-weight:500}.DesignSpec-Swatches[data-v-4b8a3699]{display:flex;gap:.35rem;height:clamp(2.6rem,9vh,5rem);margin:0;padding:0;list-style:none}.DesignSpec-Swatches li[data-v-4b8a3699]{position:relative;flex:1;min-width:0;border-radius:8px;background:var(--swatch);box-shadow:inset 0 0 0 1px #ffffff1f;overflow:hidden;transition:flex-grow .42s cubic-bezier(.23,1,.32,1)}.DesignSpec-Swatches li[data-v-4b8a3699]:hover{flex-grow:3.2}.DesignSpec-Swatch[data-v-4b8a3699]{position:absolute;inset:0}.DesignSpec-SwatchHex[data-v-4b8a3699],.DesignSpec-SwatchName[data-v-4b8a3699]{position:absolute;left:.45rem;color:#000000b8;font-size:.6rem;letter-spacing:0;white-space:nowrap;opacity:0;transition:opacity .24s ease}.DesignSpec-SwatchName[data-v-4b8a3699]{top:.4rem;font-weight:600}.DesignSpec-SwatchHex[data-v-4b8a3699]{bottom:.4rem}.DesignSpec-Swatches li:hover .DesignSpec-SwatchHex[data-v-4b8a3699],.DesignSpec-Swatches li:hover .DesignSpec-SwatchName[data-v-4b8a3699]{opacity:1}.DesignSpec-CurveReadout[data-v-4b8a3699],.DesignSpec-HeadTag[data-v-4b8a3699]{margin-left:auto;color:var(--spec-muted)}.DesignSpec-CurveBody[data-v-4b8a3699]{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1fr);align-items:center;gap:.9rem;flex:1;min-height:0}.DesignSpec-CurvePlot[data-v-4b8a3699]{width:100%;height:100%;max-height:100%}.DesignSpec-CurveEnvelope[data-v-4b8a3699],.DesignSpec-CurveLine[data-v-4b8a3699],.DesignSpec-CurveTeeth[data-v-4b8a3699]{fill:none;vector-effect:non-scaling-stroke}.DesignSpec-CurveLine[data-v-4b8a3699]{stroke:var(--spec-ink);stroke-width:1.6}.DesignSpec-CurveTeeth[data-v-4b8a3699]{stroke:#f6f7f438;stroke-width:1;transition:stroke .24s ease}.DesignSpec-CurveEnvelope[data-v-4b8a3699]{stroke:#f6f7f480;stroke-width:1;transition:stroke .24s ease}.DesignSpec-CurveTeeth.is-g2[data-v-4b8a3699]{stroke:#409eff52}.DesignSpec-CurveEnvelope.is-g2[data-v-4b8a3699]{stroke:var(--spec-accent)}.DesignSpec-CurveSide[data-v-4b8a3699]{display:grid;gap:.55rem;align-content:center;min-width:0}.DesignSpec-CurveScale[data-v-4b8a3699]{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.5rem;color:var(--spec-faint);font-size:.7rem}.DesignSpec-CurveScale span[data-v-4b8a3699]{transition:color .24s ease}.DesignSpec-CurveScale span.is-on[data-v-4b8a3699]{color:var(--spec-ink)}.DesignSpec-CurveScale i[data-v-4b8a3699]{position:relative;height:1px;background:var(--spec-line-strong)}.DesignSpec-CurveScale i[data-v-4b8a3699]:after{content:"";position:absolute;top:-3px;left:calc(var(--p, 1)*100%);width:7px;height:7px;border-radius:999px;background:var(--spec-accent);transform:translate(-50%);transition:left 90ms ease-out}.DesignSpec-CurveNote[data-v-4b8a3699]{margin:0;color:var(--spec-muted);font-size:.74rem;line-height:1.5}.DesignSpec-MotionPlot[data-v-4b8a3699]{width:100%;height:clamp(2.4rem,8vh,5.6rem);overflow:visible}.DesignSpec-MotionAxis[data-v-4b8a3699],.DesignSpec-MotionGuide[data-v-4b8a3699],.DesignSpec-MotionLine[data-v-4b8a3699]{fill:none;vector-effect:non-scaling-stroke}.DesignSpec-MotionAxis[data-v-4b8a3699]{stroke:var(--spec-line-strong);stroke-width:1}.DesignSpec-MotionGuide[data-v-4b8a3699]{stroke:var(--spec-line);stroke-width:1;stroke-dasharray:3 3}.DesignSpec-MotionLine[data-v-4b8a3699]{stroke-width:1.4}.DesignSpec-MotionLine.is-strong[data-v-4b8a3699]{stroke:var(--spec-ink)}.DesignSpec-MotionLine.is-spring[data-v-4b8a3699]{stroke:var(--spec-accent)}.DesignSpec-Tracks[data-v-4b8a3699]{display:grid;gap:.35rem}.DesignSpec-Track[data-v-4b8a3699]{position:relative;display:flex;align-items:center;height:.9rem;border-bottom:1px dashed var(--spec-line)}.DesignSpec-Track i[data-v-4b8a3699]{position:absolute;left:0;width:7px;height:7px;border-radius:999px;background:var(--spec-ink);transition:left .9s cubic-bezier(.23,1,.32,1)}.DesignSpec-Track.is-spring i[data-v-4b8a3699]{background:var(--spec-accent);transition-timing-function:cubic-bezier(.34,1.56,.64,1)}.DesignSpec-Track em[data-v-4b8a3699]{margin-left:auto;color:var(--spec-faint);font-size:.66rem;font-style:normal}.DesignSpec-Motion:hover .DesignSpec-Track i[data-v-4b8a3699]{left:calc(100% - 7px - 3.6rem)}.DesignSpec-StatList[data-v-4b8a3699]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));flex:1;align-content:center;gap:.6rem;margin:0}.DesignSpec-Stat[data-v-4b8a3699]{display:flex;flex-direction:column;gap:.15rem;min-width:0}.DesignSpec-Stat dd[data-v-4b8a3699]{margin:0;font-size:clamp(1.25rem,3.4vh,1.9rem);font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.DesignSpec-Stat dt[data-v-4b8a3699]{color:var(--spec-faint);font-size:.72rem}.DesignSpec-Foot[data-v-4b8a3699]{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem}.DesignSpec-Cta[data-v-4b8a3699]{display:inline-flex;align-items:center;gap:.45rem;min-height:2.6rem;border-radius:999px;background:var(--spec-ink);padding:0 1.2rem;color:#07080a;font-size:.9rem;font-weight:680;text-decoration:none;transition:background-color .18s ease,transform .18s ease}.DesignSpec-Cta[data-v-4b8a3699]:hover{background:#f6f7f4db;transform:translateY(-1px)}.DesignSpec-Install[data-v-4b8a3699]{display:inline-flex;align-items:center;gap:.55rem;min-height:2.6rem;border-radius:999px;background:transparent;box-shadow:inset 0 0 0 1px var(--spec-line-strong);padding:0 .45rem 0 1rem;color:var(--spec-muted);cursor:pointer;transition:box-shadow .18s ease,color .18s ease}.DesignSpec-Install[data-v-4b8a3699]:hover{color:var(--spec-ink);box-shadow:inset 0 0 0 1px #f6f7f452}.DesignSpec-Install code[data-v-4b8a3699]{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8rem}.DesignSpec-InstallPrompt[data-v-4b8a3699]{color:var(--spec-faint);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8rem}.DesignSpec-InstallIcon[data-v-4b8a3699]{display:grid;place-items:center;width:1.8rem;height:1.8rem;border-radius:999px;background:#f6f7f40f;font-size:.95rem;transition:background-color .18s ease,color .18s ease}.DesignSpec-Install:hover .DesignSpec-InstallIcon[data-v-4b8a3699]{background:#f6f7f41f}.DesignSpec-InstallIcon.is-done[data-v-4b8a3699]{color:#4ade80}.DesignSpec-InstallIcon>span[data-v-4b8a3699]{width:1em;height:1em}.DesignSpec-Cta[data-v-4b8a3699]:focus-visible,.DesignSpec-Install[data-v-4b8a3699]:focus-visible{box-shadow:inset 0 0 0 1px var(--spec-line-strong),0 0 0 2px #409effcc;outline:none}@media(min-width:769px)and (max-height:820px){.DesignSpec-Kicker[data-v-4b8a3699]{margin-bottom:.4rem}.DesignSpec-Tracks[data-v-4b8a3699],.DesignSpec-Note[data-v-4b8a3699]{display:none}}@media(max-width:1100px){.DesignSpec-Bento[data-v-4b8a3699]{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto}.DesignSpec-Board[data-v-4b8a3699],.DesignSpec-Color[data-v-4b8a3699],.DesignSpec-Curve[data-v-4b8a3699],.DesignSpec-Motion[data-v-4b8a3699],.DesignSpec-Stats[data-v-4b8a3699],.DesignSpec-Type[data-v-4b8a3699]{grid-column:auto;grid-row:auto}.DesignSpec-Board[data-v-4b8a3699],.DesignSpec-Curve[data-v-4b8a3699]{grid-column:1 / -1}.DesignSpec-Board[data-v-4b8a3699]{min-height:22rem}}@media(max-width:768px){.DesignSpec[data-v-4b8a3699]{height:auto;padding:1rem 1.15rem 6rem}.DesignSpec-Bento[data-v-4b8a3699]{grid-template-columns:minmax(0,1fr)}.DesignSpec-Board[data-v-4b8a3699]{min-height:0}.DesignSpec-Figure[data-v-4b8a3699]{container-type:inline-size}.DesignSpec-Hairline[data-v-4b8a3699]{width:100%}.DesignSpec-CurveBody[data-v-4b8a3699]{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.DesignSpec-Tile[data-v-4b8a3699]{opacity:1;transform:none;transition:none}.DesignSpec-Swatches li[data-v-4b8a3699],.DesignSpec-Track i[data-v-4b8a3699],.DesignSpec-TypeAa[data-v-4b8a3699]{transition:none}}