.designkit_page__N19HO{min-height:100vh;--bg:#f5f5f7;--bg-2:#ffffff;--bg-3:#e8e8ed;--ink:#1d1d1f;--ink-2:#424245;--ink-mute:#5c5c61;--ink-faint:#6e6e73;--hairline:rgba(0,0,0,0.10);--hairline-bold:rgba(0,0,0,0.18);--iri-2:#0071e3;--iri-3:#0071e3;--iri-6:#6e6e73;--c-cyan-vivid:#005bb5;--c-magenta-vivid:#6e6e73;background:var(--bg);color:var(--ink);color-scheme:light;padding-bottom:160px}.designkit_page__N19HO .section{padding-top:clamp(64px,9vw,112px);padding-bottom:clamp(64px,9vw,112px);background:var(--bg);border-top-color:var(--hairline)}.designkit_page__N19HO .js-section-flash,.designkit_page__N19HO .section-rail-ticks{display:none}.designkit_page__N19HO .section-inner{max-width:1180px}.designkit_page__N19HO .MonoChip_chip{background:#fff;border-color:var(--hairline-bold);color:var(--ink-2)}.designkit_page__N19HO .MonoChip_label{color:inherit}.designkit_page__N19HO .MonoChip_live{background:#e8f1ff;color:#174a8a;border-color:#b8d4ff}.designkit_page__N19HO .MonoChip_alert{background:#f1f1f3;color:#424245;border-color:#c7c7cc}.designkit_cover__GEp_h{padding:clamp(64px,9vw,120px) var(--gutter) clamp(40px,6vw,72px);background:#fff;border-bottom:1px solid var(--hairline-bold);position:relative}.designkit_coverTitle__CjHkT{max-width:980px}.designkit_coverMeta__2DKnF{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:18px}.designkit_coverLead__kQoSf{max-width:720px;font-size:15px;line-height:2;color:var(--ink-2);margin-top:24px}.designkit_coverNote__kfPm8{margin-top:16px;font-size:12px;color:var(--ink-mute);max-width:720px;line-height:1.9}.designkit_toc__TXat8{padding:12px var(--gutter);border-bottom:1px solid var(--hairline);display:flex;flex-wrap:wrap;gap:6px 4px;position:-webkit-sticky;position:sticky;top:0;background:color-mix(in srgb,#f5f5f7 92%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:var(--z-topbar)}.designkit_tocLink__RfOTi{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;color:var(--ink-mute);text-decoration:none;min-height:44px;display:inline-flex;align-items:center;padding:4px 10px;border:0;border-radius:999px;background:rgba(0,0,0,0);white-space:nowrap}.designkit_tocLink__RfOTi:hover{color:var(--c-cyan-vivid);background:#e8f1ff}.designkit_tocLink__RfOTi:focus-visible{outline:3px solid var(--c-cyan-vivid);outline-offset:2px}.designkit_lead__ARsr9{max-width:760px;font-size:14px;line-height:2;color:var(--ink-2);margin:0 0 28px}.designkit_h3__9n1Xg{font-family:var(--mono);font-size:12px;letter-spacing:.2em;color:var(--ink);margin:36px 0 14px}.designkit_h3__9n1Xg:before{content:"▮ ";color:var(--c-cyan-vivid)}.designkit_src__Eogtz{font-family:var(--mono);font-size:10.5px;color:var(--ink-mute);letter-spacing:.04em;margin:-8px 0 14px}.designkit_src__Eogtz:before{content:"SRC // ";color:var(--c-magenta-vivid);opacity:.8}.designkit_tableWrap__N6Rke{overflow-x:auto;min-width:0;max-width:100%;margin-bottom:10px}.designkit_table__aB6vz{width:100%;border-collapse:collapse;font-size:12.5px}.designkit_table__aB6vz th{text-align:left;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);padding:8px 12px;border-bottom:1px solid var(--hairline-bold);white-space:nowrap}.designkit_table__aB6vz td{padding:8px 12px;border-bottom:1px solid var(--hairline);vertical-align:top;line-height:1.7}.designkit_table__aB6vz td:first-child{font-family:var(--mono);font-size:11.5px;white-space:nowrap}.designkit_dim__2Lfcl{color:var(--ink-mute)}.designkit_code__6BOpz{display:block;font-family:var(--mono);font-size:11.5px;line-height:1.75;background:var(--bg-2);border:1px solid var(--hairline);border-left:2px solid var(--c-cyan-vivid);padding:16px 18px;overflow-x:auto;white-space:pre;color:var(--ink-2);margin:0 0 18px}.designkit_swatchGrid__oam9_{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:14px;gap:14px}.designkit_paletteCard__zJXfI{border:1px solid var(--hairline-bold);background:var(--bg);padding:14px}.designkit_paletteName__SguXy{font-family:var(--mono);font-size:11px;letter-spacing:.12em;margin:0 0 4px;color:var(--ink)}.designkit_paletteNote__y9y86{font-size:11px;color:var(--ink-mute);margin:0 0 10px;line-height:1.6}.designkit_swatchRow__wox3P{display:flex;gap:4px;margin-bottom:4px}.designkit_swatch__1vqoO{flex:1 1;height:34px;border:1px solid hsla(0,0%,100%,.08);position:relative}.designkit_swatchLabel__2nMen{position:absolute;bottom:2px;left:4px;font-family:var(--mono);font-size:8px;letter-spacing:.04em;color:#fff}.designkit_paletteCard__zJXfI[data-palette=monochrome] .designkit_hexRow__QoDb1,.designkit_paletteCard__zJXfI[data-palette=monochrome] .designkit_paletteNote__y9y86{color:#b8bbc2!important}.designkit_swatchLabelDark__XGrhf{color:#111319}.designkit_hexRow__QoDb1{font-family:var(--mono);font-size:9px;color:var(--ink-mute);letter-spacing:.02em;word-spacing:6px;line-height:1.8}.designkit_demo__1sMCS{border:1px solid var(--hairline-bold);border-radius:18px;background:var(--bg-2);padding:clamp(20px,4vw,40px);margin-bottom:14px;display:flex;flex-wrap:wrap;min-width:0;box-sizing:border-box;align-items:center;gap:20px;position:relative;isolation:isolate}.designkit_demo__1sMCS:before{content:"LIVE EXAMPLE";position:absolute;top:-8px;left:12px;background:var(--bg);padding:0 8px;font-family:var(--mono);font-size:9px;letter-spacing:.16em;color:var(--c-cyan-vivid)}.designkit_demoCol__dQBXD{display:flex;flex-direction:column;min-width:0;gap:8px}.designkit_demoCaption__BdVOF{font-family:var(--mono);font-size:10px;color:var(--ink-mute);letter-spacing:.08em}.designkit_approvedSurface__H_Ck2{display:grid;grid-gap:8px;gap:8px;min-width:min(100%,360px);padding:clamp(20px,4vw,36px);border:1px solid var(--hairline-bold);background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012))}.designkit_approvedKicker__4_Pia,.designkit_approvedMeta___7nX6{font-family:var(--mono);font-size:10px;letter-spacing:.12em;color:var(--ink-mute)}.designkit_approvedKicker__4_Pia{color:var(--c-cyan-vivid)}.designkit_approvedWord__vCFrh{color:var(--ink);font-family:var(--display);font-size:clamp(40px,7vw,76px);font-weight:700;letter-spacing:.02em;line-height:.95}.designkit_surfaceSplit__8l2gR{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px;margin:0 0 28px}.designkit_surfacePanel__mFQqu{display:grid;align-content:start;grid-gap:14px;gap:14px;min-height:360px;padding:clamp(24px,4vw,48px);border:1px solid var(--hairline-bold)}.designkit_surfacePanel__mFQqu h3{margin:0;max-width:14ch;font-family:var(--display);font-size:clamp(28px,4vw,52px);line-height:1;letter-spacing:-.03em}.designkit_surfacePanel__mFQqu p:not(.designkit_surfaceEyebrow__TpHI3){max-width:34ch;margin:0;font-size:14px;line-height:1.8}@media(max-width:760px){.designkit_toc__TXat8{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.designkit_toc__TXat8::-webkit-scrollbar{display:none}.designkit_tocLink__RfOTi{flex:0 0 auto}}.designkit_surfacePanelLight__aT47C{--surface-ink:#17191e;--surface-muted:#5c6470;--surface-line:#d7dce2;--surface-accent:#0b7183;background:#f7f8fa;color:var(--surface-ink);border-color:var(--surface-line)}.designkit_surfacePanelLight__aT47C p:not(.designkit_surfaceEyebrow__TpHI3){color:var(--surface-muted)}.designkit_surfacePanelLight__aT47C .designkit_approvedWord__vCFrh{color:var(--surface-ink)}.designkit_surfacePanelDark__8Qcl_{--surface-ink:#f4f6f8;--surface-muted:#b6bec8;--surface-line:rgba(244,246,248,0.2);--surface-accent:#00d8ef;background:#0b0d10;color:var(--surface-ink);border-color:var(--surface-line)}.designkit_surfacePanelDark__8Qcl_ p:not(.designkit_surfaceEyebrow__TpHI3){color:var(--surface-muted)}.designkit_surfacePanelDark__8Qcl_ .designkit_approvedWord__vCFrh{color:var(--surface-ink)}.designkit_surfaceEyebrow__TpHI3,.designkit_surfaceStatus__AJ0iS{margin:0;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.designkit_surfaceEyebrow__TpHI3{color:var(--surface-accent)}.designkit_surfaceStatus__AJ0iS{color:var(--surface-muted)}.designkit_surfaceActions__uVwLg{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.designkit_surfaceButton__xRryj{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:1px solid var(--surface-line);color:var(--surface-ink);font-size:13px;font-weight:700;line-height:1.2;text-decoration:none;transition:background-color .16s ease,border-color .16s ease,color .16s ease}.designkit_surfaceButton__xRryj:focus-visible{outline:3px solid var(--surface-accent);outline-offset:3px}.designkit_surfaceButtonPrimary__i89lH{background:var(--surface-ink);border-color:var(--surface-ink);color:#fff}.designkit_surfacePanelLight__aT47C .designkit_surfaceButtonPrimary__i89lH{color:#fff}.designkit_surfacePanelDark__8Qcl_ .designkit_surfaceButtonPrimary__i89lH{color:#0b0d10}.designkit_surfaceButtonSecondary__MoqPk{background:rgba(0,0,0,0)}.designkit_surfaceButton__xRryj:hover{border-color:var(--surface-accent)}.designkit_surfaceButtonSecondary__MoqPk:hover{color:var(--surface-accent)}.designkit_referenceDisclosure__Bd6_n{margin-top:18px;border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline)}.designkit_referenceDisclosure__Bd6_n summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--ink-2)}.designkit_referenceDisclosure__Bd6_n[open]{padding-bottom:20px}@media(max-width:760px){.designkit_page__N19HO .section-inner{grid-template-columns:minmax(0,1fr)}.designkit_surfaceSplit__8l2gR{grid-template-columns:1fr}.designkit_surfacePanel__mFQqu{min-height:320px}}.designkit_chipGrid__K8MJb{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.designkit_colorChip__Xfr2I{display:flex;align-items:center;gap:10px;border:1px solid var(--hairline);padding:8px 14px 8px 8px}.designkit_colorChipBox__XeB_V{width:34px;height:34px;border:1px solid hsla(0,0%,100%,.12)}.designkit_colorChipName__3Kawk{font-family:var(--mono);font-size:10.5px;color:var(--ink-2)}.designkit_colorChipHex__Z_I82{font-family:var(--mono);font-size:10px;color:var(--ink-mute)}.designkit_ruleList__esviu{display:grid;grid-gap:10px;gap:10px}.designkit_rule__FQNJN{border:1px solid var(--hairline-bold);border-left-width:3px;padding:12px 16px}.designkit_rule__FQNJN[data-severity=ban]{border-left-color:var(--c-magenta-vivid)}.designkit_rule__FQNJN[data-severity=locked]{border-left-color:var(--c-amber,#ff7a1a)}.designkit_rule__FQNJN[data-severity=rule]{border-left-color:var(--c-cyan-vivid)}.designkit_ruleTitle__IYBVr{font-weight:700;font-size:13.5px;margin:0 0 4px}[data-severity=ban] .designkit_ruleTitle__IYBVr:before{content:"禁止 ";color:var(--c-magenta-vivid);font-family:var(--mono);font-size:10px;letter-spacing:.1em}[data-severity=locked] .designkit_ruleTitle__IYBVr:before{content:"確定 ";color:#ff7a1a;font-family:var(--mono);font-size:10px;letter-spacing:.1em}.designkit_ruleDetail__ZFWHZ{font-size:12px;color:var(--ink-mute);margin:0;line-height:1.8}.designkit_checklist__skvN4{counter-reset:step;display:grid;grid-gap:10px;gap:10px;padding:0;margin:0;list-style:none}.designkit_checkItem__veWu3{counter-increment:step;border:1px solid var(--hairline);padding:12px 16px 12px 56px;position:relative}.designkit_checkItem__veWu3:before{content:counter(step,decimal-leading-zero);position:absolute;left:14px;top:12px;font-family:var(--mono);font-size:16px;font-weight:700;color:var(--c-cyan-vivid)}.designkit_checkStep__4TG48{font-size:13px;font-weight:600;margin:0 0 3px}.designkit_checkNote__rXuSp{font-size:11.5px;color:var(--ink-mute);margin:0;line-height:1.7}.designkit_fontSample__pttMJ{font-size:clamp(28px,5vw,54px);line-height:1.05;margin:0}.designkit_timeline__agqcX{display:grid;grid-gap:0;gap:0}.designkit_timelineRow__uXGHb{display:grid;grid-template-columns:130px 1fr;grid-gap:16px;gap:16px;padding:10px 0;border-bottom:1px solid var(--hairline);font-size:12.5px;line-height:1.7}@media(max-width:720px){.designkit_timelineRow__uXGHb{grid-template-columns:1fr;gap:2px}}.designkit_timelineHash__eIPMN{font-family:var(--mono);font-size:11px;color:var(--c-cyan-vivid)}.designkit_fontGrid__qP7_7{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));grid-gap:10px;gap:10px;margin-bottom:20px}.designkit_fontCell__ONiCk{border:1px solid var(--hairline);padding:14px 14px 10px;overflow:hidden}.designkit_fontCellSample__KePbI{font-size:clamp(30px,3.4vw,44px);line-height:1.05;margin:0 0 8px;font-weight:900;color:var(--ink);white-space:nowrap}.designkit_fontCellName__daKSv{font-family:var(--mono);font-size:10px;letter-spacing:.08em;color:var(--ink-2);margin:0;line-height:1.6}.designkit_playgroundStage__nFS5s{border:1px dashed var(--hairline-bold);padding:clamp(24px,5vw,48px);margin-bottom:20px;display:flex;flex-direction:column;align-items:flex-start;gap:16px}.designkit_playgroundTitle__Vwbaa{margin:0;font-family:var(--display,"Switzer",sans-serif);font-weight:600;font-size:clamp(44px,7vw,92px);line-height:1;letter-spacing:-.025em;text-transform:uppercase;color:var(--ink)}.designkit_playgroundSub__plH1e{font-family:var(--mono);font-size:10.5px;color:var(--ink-mute);margin:-6px 0 0}.designkit_fieldLabelP__mdDcu{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);margin:0 0 6px}.designkit_playgroundRow__gFfJ1{display:flex;flex-wrap:wrap;gap:6px}.designkit_playgroundBtn__IQKe5{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:44px;display:inline-flex;align-items:center;font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;padding:5px 12px;background:rgba(0,0,0,0);border:1px solid var(--hairline-bold);color:var(--ink-2);cursor:pointer}.designkit_playgroundBtn__IQKe5:hover{border-color:var(--c-cyan-vivid);color:var(--c-cyan-vivid)}.designkit_playgroundBtn__IQKe5[data-active="1"]{border-color:var(--c-cyan-vivid);color:var(--bg);background:var(--c-cyan-vivid)}.designkit_playgroundBtn__IQKe5:focus-visible{outline:3px solid var(--c-cyan-vivid);outline-offset:3px}.designkit_playgroundReset__gXaLa{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:44px;font-family:var(--mono);font-size:11px;letter-spacing:.08em;padding:8px 18px;background:rgba(0,0,0,0);border:1px solid var(--hairline-bold);color:var(--ink-2);cursor:pointer}.designkit_playgroundReset__gXaLa:hover{border-color:var(--c-cyan-vivid);color:var(--ink-mute)}.designkit_playgroundReset__gXaLa:focus-visible{outline:3px solid var(--c-cyan-vivid);outline-offset:3px}.designkit_shapeRow__QToDf{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:14px}.designkit_shapeDemo__0_QDt{width:190px}.designkit_shapeBox__eIthV{height:52px;background:linear-gradient(180deg,#eceef1,#c8cdd5 60%,#a9aeb6);display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.1em;color:#050507}.designkit_shapeName__giPYB{font-family:var(--mono);font-size:10px;color:var(--ink-mute);margin:6px 0 0;line-height:1.6}.designkit_patternRow__2Lse6{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));grid-gap:12px;gap:12px;margin-bottom:14px}.designkit_patternBox__AWWxf{height:110px;background:var(--bg);border:1px solid var(--hairline-bold);position:relative;overflow:hidden;isolation:isolate}.designkit_patternLabel__t1ql_{position:absolute;bottom:6px;left:8px;font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;color:var(--ink-2);z-index:1}.designkit_patternLayer__sXnjh{position:absolute;inset:0}