#apiMain {
     padding: 16px;
     display: flex;
     flex-direction: column;
     gap: 16px;
     flex: 1;
     min-height: 0;
     overflow: auto;
 }
 #apiMainHeader {
     display: flex;
     flex-direction: column;
     gap: 8px;
 }
 #apiMainHeaderTitle {
     font-size: 18px;
     font-weight: 600;
     color: #111827;
 }
 #apiMainHeaderBase {
     display: flex;
     flex-direction: row;
     gap: 8px;
     align-items: center;
     flex-wrap: wrap;
 }
.apiMainCopyMsg {
    display: none;
    padding: 8px 10px;
    border-radius: 8px;
    border: 1px solid #E5E7EB;
    background: #F9FAFB;
    color: #374151;
    font-size: 12px;
    font-weight: 600;
}
.apiMainCopyMsgOk {
    background: #ECFDF5;
    color: #166534;
    border-color: #BBF7D0;
}
.apiMainCopyMsgError {
    background: #FEF2F2;
    color: #991B1B;
    border-color: #FECACA;
}
 .apiMainHeaderLabel {
     font-size: 12px;
     color: #6B7280;
     letter-spacing: 0.02em;
     text-transform: uppercase;
     font-weight: 600;
 }
 #apiMainGroups {
     display: flex;
     flex-direction: column;
     gap: 16px;
 }
 .indexMainApiGroup {
     display: flex;
     flex-direction: column;
     gap: 12px;
     padding: 12px;
     border: 1px solid #E5E7EB;
     border-radius: 12px;
     background: #FFFFFF;
 }
 .indexMainApiGroupHeader {
     font-size: 14px;
     font-weight: 600;
     color: #111827;
 }
 .indexMainApiSection {
     border: 1px solid #E5E7EB;
     border-radius: 10px;
     overflow: hidden;
     background: #F9FAFB;
 }
 .indexMainApiHeader {
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding: 10px 12px;
     background: #FFFFFF;
     border-bottom: 1px solid #E5E7EB;
     gap: 10px;
 }
 .indexMainApiHeaderLeft {
     display: flex;
     align-items: center;
     gap: 8px;
     flex-wrap: wrap;
 }
 .indexMainApiHeaderRight {
     display: flex;
     align-items: center;
     gap: 8px;
 }
 .indexMainApiBadge {
     padding: 4px 8px;
     border-radius: 6px;
     font-size: 11px;
     font-weight: 700;
     letter-spacing: 0.02em;
     text-transform: uppercase;
     border: 1px solid transparent;
 }
 .method-post {
     background: #EEF2FF;
     color: #3730A3;
     border-color: #C7D2FE;
 }
 .access-admin {
     background: #FEF2F2;
     color: #991B1B;
     border-color: #FECACA;
 }
 .access-public {
     background: #ECFDF5;
     color: #166534;
     border-color: #BBF7D0;
 }
 .access-internal {
     background: #F3F4F6;
     color: #374151;
     border-color: #E5E7EB;
 }
 .indexMainApiTitleSummary {
     font-size: 13px;
     font-weight: 600;
     color: #111827;
 }
 .indexMainApiCopy {
     padding: 6px 10px;
     border: 1px solid #E5E7EB;
     border-radius: 8px;
     background: #FFFFFF;
     color: #374151;
     cursor: pointer;
     user-select: none;
     font-size: 12px;
 }
 .indexMainApiCopy:hover {
     background: #F3F4F6;
 }
 .indexMainApiBody {
     padding: 12px;
     display: flex;
     flex-direction: column;
     gap: 10px;
 }
 .indexMainApiGrid {
     display: grid;
     grid-template-columns: 120px 1fr;
     gap: 8px 12px;
 }
 .indexMainApiKey {
     font-size: 12px;
     font-weight: 600;
     color: #6B7280;
     letter-spacing: 0.02em;
     text-transform: uppercase;
 }
 .indexMainApiValue {
     display: flex;
     flex-wrap: wrap;
     gap: 6px;
     color: #111827;
     font-size: 13px;
 }
 .indexMainApiBlock {
     padding: 4px 6px;
     border-radius: 6px;
     background: #F3F4F6;
     border: 1px solid #E5E7EB;
     font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
     font-size: 12px;
 }
 .indexMainApiHttp {
     padding: 4px 6px;
     border-radius: 6px;
     font-size: 11px;
     font-weight: 700;
     border: 1px solid transparent;
 }
 .indexMainApiHttp.ok {
     background: #ECFDF5;
     color: #166534;
     border-color: #BBF7D0;
 }
 .indexMainApiHttp.error {
     background: #FEF2F2;
     color: #991B1B;
     border-color: #FECACA;
 }
 .indexMainApiCodeBox {
     padding: 8px 10px;
     border-radius: 8px;
     background: #111827;
     color: #F9FAFB;
     font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
     font-size: 12px;
     word-break: break-all;
 }