.page_page__IfPOo{display:flex;flex-direction:column;gap:0}.page_hero__wMLSE{margin-bottom:0}.page_pageTitle__bOZgI{font-size:40px;font-weight:700;line-height:1.2;color:var(--text-primary);margin-bottom:24px}.page_pageDescription__6hfIy{font-size:16px;font-weight:400;line-height:1.7;color:var(--text-secondary);max-width:820px}.page_divider__ShfHT{border:none;height:1px;background-color:var(--border-default);margin:32px 0}.page_section__xLirL{display:flex;flex-direction:column}.page_sectionTitle__FDx8r{font-size:24px;font-weight:600;line-height:32px;color:var(--text-primary);margin-bottom:8px}.page_sectionDescription__OBn1I{font-size:14px;font-weight:400;line-height:22px;color:var(--text-secondary);max-width:820px;margin-bottom:24px}.page_diagramRow__6P8_H{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px}.page_diagramBox__h_6Of{background-color:var(--gray-100);border:1px solid var(--border-default);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 32px;position:relative;overflow:hidden}.page_diagramLabel__uIVVG{font-size:13px;font-weight:500;color:var(--text-tertiary);margin-top:16px}.page_sectionImage__JimjW{width:100%;height:auto;border-radius:12px}.page_iconSizeSmall__sd3Mb{width:24px;height:24px;color:var(--gray-800)}.page_iconSizeGrid__n26Vk,.page_iconSizeLarge__wY7S_{position:relative;width:240px;height:240px}.page_iconSizeGrid__n26Vk{border:1px solid var(--gray-300);display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(12,1fr)}.page_iconSizeGrid__n26Vk>span{border:.5px solid var(--gray-200)}.page_iconSizeGridIcon___ezr0{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--gray-800)}.page_iconSizeGridIcon___ezr0 svg{width:200px;height:200px}.page_iconSizeAnnotation__CMf2W{position:absolute;font-size:11px;font-family:monospace;color:var(--gray-500)}.page_annotationWidth__beWz3{bottom:-24px;left:50%;transform:translateX(-50%)}.page_annotationHeight__tUX_w{right:-32px;top:50%;transform:translateY(-50%)}.page_layoutDescriptions__rJaI6{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px;margin-bottom:24px}.page_layoutDescItem__qH3Ic{display:flex;flex-direction:column}.page_layoutSubtitle__k6TUl{font-size:16px;font-weight:600;line-height:24px;color:var(--text-primary);margin-bottom:8px}.page_layoutNote__Kummz{font-size:14px;font-weight:400;line-height:22px;color:var(--text-secondary);margin-bottom:0}.page_layoutDiagram__kTqjH{width:240px;height:240px;position:relative;border:1px solid var(--gray-300)}.page_layoutLiveArea__EDfmd{position:absolute;top:20px;left:20px;width:200px;height:200px;border:1.5px dashed var(--green-500);background-color:rgba(15,186,127,.06)}.page_layoutPadding__qbyNZ{position:absolute;top:0;left:0;width:100%;height:100%}.page_layoutPaddingBottom__PMl5d,.page_layoutPaddingTop__Uh2ZH{position:absolute;left:0;right:0;height:20px;background-color:rgba(15,186,127,.08);border:1px dashed var(--green-500)}.page_layoutPaddingTop__Uh2ZH{top:0}.page_layoutPaddingBottom__PMl5d{bottom:0}.page_layoutPaddingLeft__tHE9B,.page_layoutPaddingRight__pvw7T{position:absolute;top:0;bottom:0;width:20px;background-color:rgba(15,186,127,.08);border:1px dashed var(--green-500)}.page_layoutPaddingLeft__tHE9B{left:0}.page_layoutPaddingRight__pvw7T{right:0}.page_layoutAnnotation__r3Vep{position:absolute;font-size:11px;font-family:monospace;color:var(--green-500);font-weight:600}.page_layoutAnnotation20__41h2y{top:50%;left:50%;transform:translate(-50%,-50%)}.page_shapesGrid__sLKDR{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px}.page_shapeCard__2mJ2r{background-color:var(--gray-100);border:1px solid var(--border-default);border-radius:12px;flex-direction:column;padding:32px 16px 16px}.page_shapeCard__2mJ2r,.page_shapeVisual__fsmO_{display:flex;align-items:center;justify-content:center}.page_shapeVisual__fsmO_{width:120px;height:120px;position:relative;margin-bottom:16px}.page_shapeSquare__HRaqz{width:90px;height:90px}.page_shapeSquare__HRaqz,.page_shapeVertRect__x5KLr{border:2px solid var(--green-500);background-color:rgba(15,186,127,.08);border-radius:2px}.page_shapeVertRect__x5KLr{width:72px;height:100px}.page_shapeHorizRect__e4QOn{width:100px;height:72px;border:2px solid var(--green-500);background-color:rgba(15,186,127,.08);border-radius:2px}.page_shapeCircle___4ii_{width:100px;height:100px;border:2px solid var(--green-500);background-color:rgba(15,186,127,.08);border-radius:50%}.page_shapeSizeLabel__PyV_Q{position:absolute;font-size:11px;font-family:monospace;color:var(--text-tertiary);top:50%;left:50%;transform:translate(-50%,-50%)}.page_shapeName__nYnZD{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.page_shapeDescription__fX8mD{font-size:12px;font-weight:400;line-height:18px;color:var(--text-tertiary);text-align:center;max-width:200px}.page_strokeRow__ZdMor{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px}.page_strokeBox__t_mPz{background-color:var(--gray-100);border:1px solid var(--border-default);border-radius:12px;padding:40px 32px}.page_strokeBox__t_mPz,.page_strokeDiagram__vSWNT{display:flex;align-items:center;justify-content:center;position:relative}.page_strokeDiagram__vSWNT{width:240px;height:240px}.page_strokeIcon__7_w4D{color:var(--gray-800)}.page_strokeIcon__7_w4D svg{width:200px;height:200px;stroke-width:2}.page_strokeAnnotation__pR3rv{position:absolute;display:flex;align-items:center;gap:4px;font-size:11px;font-family:monospace;color:var(--green-500);font-weight:600}.page_strokeAnnotationLine__jv3tf{width:40px;height:2px;background-color:var(--green-500)}.page_radiusRow__hHG_8{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px}.page_radiusBox__aNK56{background-color:var(--gray-100);border:1px solid var(--border-default);border-radius:12px;flex-direction:column;padding:40px 32px}.page_radiusBox__aNK56,.page_radiusDiagram__HjWCb{display:flex;align-items:center;justify-content:center;position:relative}.page_radiusDiagram__HjWCb{width:200px;height:200px}.page_radiusSample__2gTMI{width:120px;height:120px;border:2px solid var(--gray-800)}.page_radiusSample0__ZQ4Vk{border-radius:0}.page_radiusSample1__erqxu{border-radius:10px}.page_radiusSample2__2KdkI{border-radius:20px}.page_radiusValue__TcUgl{font-size:14px;font-family:monospace;font-weight:600;color:var(--text-primary);margin-top:16px}.page_radiusAnnotation__pXFmg{position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);font-size:11px;font-family:monospace;color:var(--green-500);font-weight:600;display:flex;align-items:flex-end;gap:4px}.page_radiusAnnotationLine__LPrle{width:1px;height:40px;background-color:var(--green-500)}.page_stylesRow__0ZcSn{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px}.page_styleBox__SArv9{background-color:var(--gray-100);border:1px solid var(--border-default);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 32px 32px}.page_styleIcon__qlcHS{color:var(--gray-800);margin-bottom:24px}.page_styleIcon__qlcHS svg{width:120px;height:120px}.page_styleLabel__DjVVj{font-size:16px;font-weight:600;color:var(--text-primary)}.page_colorsRow__5YB9S{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:0;gap:0;background-color:var(--gray-100);border:1px solid var(--border-default);border-radius:12px;overflow:hidden}.page_colorCard__ffiAd{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px 32px;position:relative}.page_colorCard__ffiAd:not(:last-child){border-right:1px solid var(--border-default)}.page_colorBadge__UmAzr{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;margin-bottom:24px}.page_colorBadgeA__J1ezV{background-color:var(--gray-200);color:var(--gray-500)}.page_colorBadgeB__O9aSL{background-color:var(--gray-200);color:var(--gray-900)}.page_colorBadgeC__MJFvd{background-color:var(--gray-800);color:var(--gray-50)}.page_colorIcon__NJEHn{margin-bottom:24px}.page_colorDescription__k_3AM{font-size:13px;font-weight:400;line-height:20px;color:var(--text-secondary);text-align:center}.page_roundingHeader__ThHMA{display:flex;align-items:baseline;gap:16px;margin-bottom:24px}.page_roundingTitle__qPdXm{font-size:24px;font-weight:600;line-height:32px;color:var(--text-primary)}.page_roundingNote__rL5_r{font-size:14px;font-weight:400;line-height:22px;color:var(--text-tertiary)}.page_roundingDiagram__uDUF7{display:flex;align-items:flex-end;justify-content:space-between;background-color:var(--gray-100);border:1px solid var(--border-default);border-radius:12px;padding:40px 32px}.page_roundingItem__QVihU{display:flex;flex-direction:column;align-items:center;gap:16px}.page_roundingSizeLabel__lkh_V{font-size:14px;font-weight:400;color:var(--text-primary);text-align:center;white-space:nowrap}.page_roundingShapeWrap__dquK3{display:flex;align-items:center;justify-content:center;height:40px}.page_roundingShape__FNTdh{background-color:#0FBA7F}.page_roundingRadiusLabel__OXh0Z{font-size:14px;font-weight:400;color:var(--text-tertiary);text-align:center;white-space:nowrap}[data-theme=dark] .page_colorsRow__5YB9S,[data-theme=dark] .page_diagramBox__h_6Of,[data-theme=dark] .page_radiusBox__aNK56,[data-theme=dark] .page_shapeCard__2mJ2r,[data-theme=dark] .page_strokeBox__t_mPz,[data-theme=dark] .page_styleBox__SArv9{background-color:#1E1E1E;border-color:#333333}[data-theme=dark] .page_colorCard__ffiAd:not(:last-child){border-right-color:#333333}[data-theme=dark] .page_iconSizeGrid__n26Vk{border-color:#424242}[data-theme=dark] .page_iconSizeGrid__n26Vk>span{border-color:#333333}[data-theme=dark] .page_layoutDiagram__kTqjH{border-color:#424242}[data-theme=dark] .page_iconSizeGridIcon___ezr0,[data-theme=dark] .page_iconSizeSmall__sd3Mb,[data-theme=dark] .page_strokeIcon__7_w4D,[data-theme=dark] .page_styleIcon__qlcHS{color:#FAFAFA}[data-theme=dark] .page_radiusSample__2gTMI{border-color:#FAFAFA}[data-theme=dark] .page_colorBadgeA__J1ezV{background-color:#333333;color:#9E9E9E}[data-theme=dark] .page_colorBadgeB__O9aSL{background-color:#333333;color:#FAFAFA}[data-theme=dark] .page_colorBadgeC__MJFvd{background-color:#424242;color:#FAFAFA}@media (max-width:828px){.page_diagramRow__6P8_H,.page_strokeRow__ZdMor,.page_stylesRow__0ZcSn{grid-template-columns:1fr}.page_shapesGrid__sLKDR{grid-template-columns:repeat(2,1fr)}.page_colorsRow__5YB9S,.page_radiusRow__hHG_8{grid-template-columns:1fr}.page_colorCard__ffiAd:not(:last-child){border-right:none;border-bottom:1px solid var(--border-default)}[data-theme=dark] .page_colorCard__ffiAd:not(:last-child){border-bottom-color:#333333}.page_pageTitle__bOZgI{font-size:28px}}